html .wrap a.add-new-h2{
background: none repeat scroll 0 0 #e0e0e0;
border: medium none;
border-radius: 2px;
font-size: 13px;
font-weight: 600;
display: block;
height:35px;
line-height: 35px;
text-align: center;
color:black;
position: relative;
text-decoration: none;
text-shadow: none;
margin:0;
}
html .wrap a.add-new-h2{
}
html .wrap .add-new-h2{
top:0;
padding:0;
cursor: pointer;
}
/* /overview */
.arv-opt .error-label{
display: block;
color: red;
padding: 5px 0 5px 0;
vertical-align: baseline;
}
.arv-opt .updated,
.arv-opt .faqsection{
background:white;
font-weight: 900;
font-size: 16px;
border: 1px solid #e6e6e6;
padding:10px;
}
.arv-opt .updated a,
.arv-opt .faqsection {
text-decoration: underline;
}
.arv-opt .error-elem{
border: 1px solid red;
}
.arv-opt #tabs{
min-height: 300px;
}
/* ===================== */
nav.navbar{
margin-bottom: 10px;
}
nav.navbar a{
display: block;
font-size:22px;
font-weight: 400;
line-height: default;
text-decoration: none;
border-bottom:0;
line-height: normal;
font-weight:800;
}
nav.navbar .active a:active{
color:black;
outline:0;
}
nav.navbar .active a{
outline: 0;
font-weight: 900;
border-bottom:4px solid #2E2E2E;
color:black;
}
html body nav.navbar a:hover{
outline: 0;
font-weight: 900;
border-bottom:4px solid #2E2E2E;
color:black;
}
html body nav.navbar a:focus{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
nav.navbar ul{
border-bottom:5px solid #e6e6e6;
margin:0;
padding:0;
clear:both;
overflow: hidden;
display: block;
}
nav.navbar ul li{
display:block;
float:left;
padding:0 20px 0 0;
}
/* ===================== */
.arv-opt *{
margin: 0;
padding:0;
}
.arv-opt .explain{
font-style: italic;
line-height: 25px;
}
.arv-opt form{
font-size: 18px;
vertical-align: middle;
}
.arv-opt input[type="text"],
.arv-opt select{
padding-left:5px;
font-size: 18px;
height:35px;
line-height: 35px;
width: 100%;
}
.arv-op .formselect{
vertical-align: baseline;
line-height: 35px;
}
.arv-opt .formlabel{
font-weight: 700;
text-align: right;
padding: 5px 0 5px 0;
vertical-align: baseline;
}
.arv-opt .checklabel{
line-height: 35px;
}
.arv-opt input[type="checkbox"],
.arv-opt input[type="radio"]{
line-height: 35px;
}
.arv-opt .formselect{
line-height: 35px;
}
.arv-opt textarea{
padding-left:5px;
padding-top: 5px;
width: 100%;
height:150px;
}
/* *********************************************************************************************************************
One% CSS Grid - 12 Columns Fluid CSS Grid System
Why One% ? Let’s count ...
we have 12 columns (magic number divided by 2, 3, 4, 6)
for 12 columns we need 11 margins
so if we count margin 3%, then 3% * 11 margins = 33%
and if we count width of 1 column 5.5%, than 5.5% * 12 columns = 66%
in the end we have 33% + 66% = 99% aaand ???
1% is still here so that's the name - One%
2 starting options ? Let’s count a bit more ...
1200px - perfectly fits 1280 screens
12 columns
margin 3% / 36px (full-width)
col1 5.5% / 66px (full-width)
1000px - perfectly fits 1024 screens
12 columns
margin 3% / 30px (full-width)
col1 5.5% / 55px (full-width)
*/
/* *********************************************************************************************************************
* Main container for all
*/
.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;
}
.onerow {
overflow: hidden;
display:block;
clear: both;
padding: 0 10px;
}
/* *********************************************************************************************************************
* Common columns definitions
*/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
float: left;
margin: 0 3% 0 0;
}
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
margin: 0;
}
.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }
.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 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 .onerow {
padding: 0;
}
}
/* *********************************************************************************************************************
* Small devices
*/
@media all and (max-width: 768px) {
.onerow {
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
float: none;
width: 99%;
}
}