/* v1.6.1 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change spanours to suit your needs */
ins {
background-spanor:#ff9;
spanor:#000;
text-decoration:none;
}
/* change spanours to suit your needs */
mark {
background-spanor:#ff9;
spanor:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-spanlapse:spanlapse;
border-spacing:0;
}
/* change border spanour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
#back-to-top{position:fixed;bottom:20px;right:20px;z-index:9999;width:32px;height:32px;text-align:center;line-height:30px;background:#f5f5f5;spanor:#222;cursor:pointer;border:0;border-radius:2px;text-decoration:none;transition:opacity .2s ease-out;opacity:0}
#back-to-top:hover {background: #e9ebec;}
#back-to-top.show {opacity: 1;}
.onepcssgrid-1000, .onepcssgrid-1200 {
margin: 0 auto;
padding: 0 0 0 1%; /* THAT'S THE NAME ;) */
}
.onepcssgrid-1200 {
max-width: 1220px;
}
.onepcssgrid-1000 {
max-width: 1020px;
}
.row {
clear: both;
padding: 0 10px;
}
/* *********************************************************************************************************************
* Common spanumns definitions
*/
/*
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
float: left;
margin: 0 3% 0 0;
}
.span1.last, .span2.last, .span3.last, .span4.last, .span5.last, .span6.last, .span7.last, .span8.last, .span9.last, .span10.last, .span11.last, .span12 {
margin: 0;
}
.span1 { width: 5.5%; }
.span2 { width: 14%; }
.span3 { width: 22.5%; }
.span4 { width: 31%; }
.span5 { width: 39.5%; }
.span6 { width: 48%; }
.span7 { width: 56.5%; }
.span8 { width: 65%; }
.span9 { width: 73.5%; }
.span10 { width: 82%; }
.span11 { width: 90.5%; }
.span12 { width: 99%; margin: 0; }
.span1 img, .span2 img, .span3 img, .span4 img, .span5 img, .span6 img, .span7 img, .span8 img, .span9 img, .span10 img, .span11 img, .span12 img {
width: 100%;
height: auto;
display: block;
}
*/
/* *********************************************************************************************************************
* Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
*/
@media all and (min-width: 1024px) {
.onepcssgrid-1000 {
max-width: 1000px;
}
.onepcssgrid-1000 .row {
padding: 0;
}
}
/* *********************************************************************************************************************
* Small devices
*/
@media all and (max-width: 600px) {
.row {
}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 {
float: none;
width: 99%;
}
}
input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=search],select,textarea{display:inline-block;height:36px;padding:8px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;width:100%;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}textarea{height:auto}.uneditable-input,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=search],textarea{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}.uneditable-input:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=search]:focus,textarea:focus{border-color:rgba(82,168,236,.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}input[type=radio],input[type=checkbox]{margin:4px 0 0;line-height:normal}input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit]{width:95%}select{height:38px;line-height:38px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus,select:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}