html, body { height:100%; margin:0; padding:0; font-size:13px; font-family: @font-1; font-weight: 400; padding:0; background: @body-background; color: @text; overflow-x:hidden!important; @-moz-document url-prefix() { overflow-x:hidden!important; } @media screen and (-webkit-min-device-pixel-ratio:0) { overflow-x:hidden!important; } } a { color:@color-link; text-decoration:underline; &:hover { color:@color-link-hover; text-decoration:underline; } } h1, h2, h3, h4, h5, h6 { color: @text-heading; } h1 { font-size:365%; line-height:1.4em; } h2 { font-size:205%; line-height:1em; margin-bottom:5px; padding:0; } h3 { font-size:150%; line-height:1em; } h4 { font-size:120%; line-height:1em; } h5 { font-size:100%; line-height:1em; } ul, ol { padding-left:20px; } dt { float: left; font-weight:bold; padding-right:10px; } dd { margin-left:0; } dl { &.small { dt { width: 70px; } dd { margin-left: 70px; } } &.medium { dt { width: 170px; } dd { margin-left: 170px; } } &.large { dt { width: 250px; } dd { margin-left: 250px; } } } .clearfix-left { clear:left; } .clearfix-right { clear:right; } .align-center { text-align:center!important; } .align-right { text-align:right!important; } .first-box { margin-left:0!important; } label { font-weight:normal; } input[type="text"] { display: inline-block; height: 30px; padding:2px 6px; margin:0; font-size: 12px; line-height: 20px; color: @text; .border-radius (0); vertical-align: middle; border: 0; } select { border:1px solid @form-border; } .content-box { input[type="text"], input[type="password"], input[type="email"] { .input-style(auto); } input[type="submit"] { .button-style(auto); } input[type="reset"], input.reset { .button-style-reset(auto); } textarea { background:@form-input-background; color:@form-input-text; width:auto; padding:2px; font-size:14px; .border-radius(6px); border:1px solid @form-border; font-family: @font-1; font-weight: 400; } } .ico-box { display:block; position:absolute; width:25px!important; height:30px!important; top:0; right:0; margin-right:10px; .border-radius-bottom-left-right(4px); background:@icon-in-box-background; .box-sizing(); color:@icon-in-box; padding:8px 0 0 6px; &.fa-film { padding-left:5px; } } .fa-grey { color:@icon-in-page; } @media only screen and (min-device-width : 480px) and (max-device-width : 768px) { .box-title { width:97%; } .main-content { &.col-md-12 { margin-right:10px!important; } .col-md-8 { width:97%; float:none; } .col-md-4 { width:97%; float:none; margin-right:20px!important; } } } .box-big-content { padding-top:15px; } /* pop-up hover img description */ .popup { display:block; position:absolute; z-index:9999; color:@text; text-align: center; text-decoration: none; visibility:hidden; left:0; top:0; width:150px; &.more-text { margin-top:-90px; } @media (max-width: 480px) { display:none; } .popup-text { border:2px solid @box-border; background-color:@box-background; .border-radius (4px); padding: 8px; position: absolute; z-index:1; top:0; display:block; .box-shadow(2px,2px,3px,#666); } .popup-arrow { position: absolute; background:url(../img/ico/arrow-baloon.png) no-repeat; width:12px; height:13px; bottom:0; margin-bottom:-13px; display:block; z-index:2; left:0; margin-left:8px; } } .item { p { font-size:13px!important; } } /* tooltip */ .tooltip { display: block; font-size: 11px; line-height: 1.4; opacity: 0; position: absolute; visibility: visible; z-index: 1030; } .tooltip.in { opacity: 0.8; } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { background-color: #000000; border-radius: 4px 4px 4px 4px; color: #FFFFFF; max-width: 200px; padding: 8px; text-align: center; text-decoration: none; } .tooltip-arrow { border-color: transparent; border-style: solid; height: 0; position: absolute; width: 0; } .tooltip.top .tooltip-arrow { border-top-color: #000000; border-width: 5px 5px 0; bottom: 0; left: 50%; margin-left: -5px; } .tooltip.right .tooltip-arrow { border-right-color: #000000; border-width: 5px 5px 5px 0; left: 0; margin-top: -5px; top: 50%; } .tooltip.left .tooltip-arrow { border-left-color: #000000; border-width: 5px 0 5px 5px; margin-top: -5px; right: 0; top: 50%; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #000000; border-width: 0 5px 5px; left: 50%; margin-left: -5px; top: 0; } .alert { margin-bottom:15px; .border-radius(15px); padding:10px 15px 10px 60px; h4 { .padding-margin-reset(); } p { .padding-margin-reset(); } &.error { h4 { font-size:18px; color:@alert-error-text; } background:@alert-error-background url(../img/ico/alert-error.png) 10px 10px no-repeat; border:1px solid @alert-error-border; } &.ok { h4 { font-size:18px; color:@green; } background:@alert-ok-background url(../img/ico/alert-ok.png) 10px 10px no-repeat; border:1px solid @alert-ok-border; } } /* show-nav-for-iphone */ .show-nav-for-iphone, .show-footer-nav-for-iphone { display:none!important; } #nav-collapse.collapse.col-md-12, #box-sidebar-collapse.collapse.col-md-12 { float:none; } #nav-collapse.collapse, #nav-collapse, #box-sidebar-collapse.collapse, #nav-collapse-box1.collapse, #nav-collapse-box2.collapse, #nav-collapse-box3.collapse, #nav-collapse-box4.collapse, #nav-collapse-box5.collapse { height:auto; } @media (min-width: 765px) { #nav-collapse.collapse, #nav-collapse, #box-sidebar-collapse.collapse, #nav-collapse-box1.collapse, #nav-collapse-box2.collapse, #nav-collapse-box3.collapse, #nav-collapse-box4.collapse, #nav-collapse-box5.collapse { display:block; } } @media (max-width: 767px) { #nav-collapse.collapse, #box-sidebar-collapse.collapse, #nav-collapse-box1.collapse, #nav-collapse-box2.collapse, #nav-collapse-box3.collapse, #nav-collapse-box4.collapse, #nav-collapse-box5.collapse { /*height:0; min-height:0; display: run-in;*/ } .show-nav-for-iphone { visibility: visible; line-height:25px; font-family: @font-1; font-weight: 600; color:@text; padding:0px; padding-left:14px; border:0; font-size:13px; width:100%; border-top:1px @solid @box-border; border-bottom:1px @solid @box-border; border-left:1px @solid @box-border; border-right:1px @solid @box-border; display:block!important; text-decoration:none; background:@box-background url(../img/ico/pool.png) 98% -511px no-repeat; text-align:left; &.info-menu { border-top:0; } &.collapsed { background:@box-background url(../img/ico/pool.png) 98% -560px no-repeat; } } .show-footer-nav-for-iphone { font-size:14px; line-height:15px; margin:0 0 0 0; padding:0; font-family: @font-1; font-weight:lighter; background:none; border:0; color:@white; position:relative; &:after { top:0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } &:after { border-color:transparent; border-left-color:#fff; border-width: 5px; left:0; margin-top:4px; margin-left:0; } padding-left:12px!important; width:100%; padding-bottom:8px; margin-bottom:4px; text-align:left; display:block!important; } #box-sidebar-collapse.collapse { margin-bottom:10px; } } /* my custom width */ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding:0; } @media (min-width: 765px) { .col-md-3 { .grid(12, 3, 2.5%); float:left; &:last-child { margin-right:0; } } .col-md-4 { .grid(12, 4, 2.5%); float:left; &.first-box { margin-left:0; } &:last-child { margin-right:0; } } .col-md-6 { .grid(12, 6, 2.5%); float:left; &:last-child { margin-right:0; } } .col-md-9 { .grid(12, 9, 2.5%); float:left; &:last-child { margin-right:0; } } .col-md-12 { .grid(12, 12, 2.5%); float:left; &:last-child { margin-right:0; } } } @media (max-width: 770px) { .col-md-3, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding:0; width:100%; margin-right:0; } } .downloadList { padding-left: 0; li { list-style: none; margin-bottom: 5px; a { text-decoration: none; &:hover { text-decoration: underline; } } } } /* CMS Class */ img { border: 0; &.thumb, &.left, &.right, &.center { float:left; margin: 0.5em; padding:5px; border:1px @solid @box-image-border; .border-radius (2px); } &.left { margin-left: 0; } &.right { margin-right: 0; clear:right; float:right; } &.center { clear:both; float:none; margin:auto; display: block; } &.noBorder { border: 0; padding: 0; } } a.no-undeline { text-decoration: none; } .col-padding-left, .col-padding-right { padding-right: 15px; }