Default CSS file

Default CSS

/**
 *  Main style source
 *
 *  @document style.css
 *  @author A van Kempen <info@avkempen.nl>
 *  @copyright Av Kempen 2016 <http://www.avkempen.nl>
 *  @version: 2.0
 
	* This CSS contains:
		* Reset
		* Text rendering
		* Body
		* Default styles
		* Colors 
 **/
 
/* Reset */
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
input:focus,textarea:focus{outline:0}
img {max-width: 100%;}

/* Text rendering */
* {
	text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-webkit-text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box
}

html, body {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

/* Body */
body {
	background: #f1f1f1;
	color: #333333;
	font: 12px "Calibri", tahoma, verdana; 
}

/* Default styles */
a {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

h1 { 
	font-size: 25px;
	font-weight: bold;
}

h2 {
	font-size: 21px;
	font-weight: bold;
}

h3 { 
	font-size: 16px;
	font-weight: bold;
}

.bold {
	font-weight: bold;	
}

.italic {
	font-style: italic;	
}

.align-center {
	text-align: center;	
}

.align-left {
	text-align: left;	
}

.align-right {
	text-align: right;	
}

/* Colors */
.block-white {
	background: #ffffff;	
}

.text-white {
	color: #fff;	
}

.block-gray {
	background: #666666;	
}

.text-gray {
	color: #666666;	
}

.block-darkgray {
	background: #333333;	
}

.text-darkgray {
	color: #333333;	
}

.block-lightgray {
	background: #ccc;	
}

.text-lightgray {
	color: #ccc;	
}

.block-lightergray {
	background: #f1f1f1;	
}

.text-lightergray {
	color: #f1f1f1;	
}

.block-blue {
	background: #00b6f0;	
}

.text-blue {
	color: #00b6f0;	
}

.block-red {
	background: #cf0404;	
}

.text-red {
	color: #cf0404;	
}