960 lines
20 KiB
Plaintext
Executable File
960 lines
20 KiB
Plaintext
Executable File
// Core variables and mixins
|
|
/*Core variables and mixins*/
|
|
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
|
@import "mixins.less";
|
|
// template stylization
|
|
ul {list-style-type:none;}
|
|
*, a:focus {outline:none !important;}
|
|
|
|
#content{
|
|
min-width: 980px;
|
|
}
|
|
|
|
/*------ template stylization ------*/
|
|
body {
|
|
min-width: 767px;
|
|
color: #666666;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin:0;
|
|
line-height: 1em;
|
|
color: @headingsColor;
|
|
text-rendering: optimizelegibility;
|
|
small {
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
color: @grayLight;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
font-size:36px;
|
|
line-height:1.1em;
|
|
color:@grayDark;
|
|
}
|
|
|
|
h2 {
|
|
color: @black;
|
|
font-size: 27px;
|
|
font-weight: normal;
|
|
padding: 39px 0 19px;
|
|
small{
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
h3 {
|
|
color:@grayLight;
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
padding: 34px 0 29px;
|
|
}
|
|
|
|
|
|
h4{
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
color:@black;
|
|
font-weight:normal;
|
|
padding:30px 0 18px
|
|
}
|
|
|
|
h6{font-weight:bold;color:#010101;font-size:13px;margin:0;padding:19px 0 2px}
|
|
h5{margin:0;line-height:18px;font-size:13px }
|
|
|
|
|
|
.container-fluid{
|
|
max-width: 1170px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
// Buttons
|
|
|
|
.btn {
|
|
background:#fafafa;
|
|
display:inline-block;
|
|
.border-radius(@radius);
|
|
.box-shadow(@shadow);
|
|
font-size:13px;
|
|
line-height:1em;
|
|
color:@grayDark;
|
|
font-weight:bold;
|
|
text-decoration: none;
|
|
padding: 9px 16px 10px 16px;
|
|
margin:0;
|
|
.transition(none); }
|
|
.top-indent {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
p{padding-bottom:9px;margin:0}
|
|
|
|
.overfow{overflow:hidden}
|
|
.img-indent{float:left;margin:13px 30px 27px 0}
|
|
.img-indent1{margin:0;display:inline-block}
|
|
.img-indent2{margin:30px 0 0 ;}
|
|
|
|
figure.img-polaroid{
|
|
text-align: center;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.img-container{
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.link-1{text-decoration:underline;
|
|
&:hover{text-decoration:none}
|
|
|
|
}
|
|
p strong{color:#010101;}
|
|
|
|
|
|
/*------ header ------- */
|
|
header{
|
|
background:#fcfcfc;
|
|
padding:14px 0 0px;
|
|
h1{
|
|
margin:2px 0 0 67px;
|
|
a{
|
|
color: #3a3a3a;
|
|
}
|
|
}
|
|
.brand{text-indent:-1000px;
|
|
background:url(/help/wp-content/logo.png) no-repeat 0 0;.size(85px,375px);display:block}
|
|
h1{text-align: center;}
|
|
}
|
|
|
|
/*------ content ------- */
|
|
#content {
|
|
background:url(../img/tail-content.gif);
|
|
border-top:1px solid #e1e1e1;
|
|
border-bottom:1px solid #d7d7d7;
|
|
padding-bottom:36px;
|
|
.bg-content-top{background:url(../img/tail-content-top.gif) repeat-x 0 0 ;padding-top:44px}
|
|
ul{list-style:none}
|
|
}
|
|
|
|
/*------ bs-docs-sidenav ------- */
|
|
|
|
#nav_container{
|
|
background: @white;
|
|
border-top: 1px solid #ccc;
|
|
.border-radius(6px);
|
|
.box-shadow(0 2px 1px 1px rgba(0,0,0,.1));
|
|
padding-bottom: 18px;
|
|
}
|
|
|
|
#affect_all{
|
|
padding: 2px 0 8px 0;
|
|
float: none;
|
|
text-align: center;
|
|
color: @gray;
|
|
display: block;
|
|
height: 12px;
|
|
.border-radius(6px 6px 0 0);
|
|
&:hover{
|
|
color: @linkColor;
|
|
}
|
|
i{
|
|
&:before{
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
.close, .expand{
|
|
position: relative;
|
|
i{}
|
|
}
|
|
.close{
|
|
display: none;
|
|
}
|
|
.close{
|
|
[class*="-up"]{}
|
|
[class*="-down"]{}
|
|
}
|
|
.expand{
|
|
[class*="-up"]{}
|
|
[class*="-down"]{}
|
|
}
|
|
}
|
|
|
|
#nav_container{
|
|
width: 270px;
|
|
}
|
|
|
|
.bs-docs-sidenav.affix, #nav_container.affix {
|
|
top: 40px;
|
|
}
|
|
|
|
#content{
|
|
.bs-docs-sidenav{
|
|
li{
|
|
a{
|
|
width: inherit;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.bs-docs-sidenav {
|
|
// border-top:1px solid #ccc;
|
|
width: 100%;
|
|
margin:0;
|
|
padding:0;
|
|
background-color: @white;
|
|
// .border-radius(6px);
|
|
// .box-shadow(0 2px 1px 1px rgba(0,0,0,.1));
|
|
>li{
|
|
border-top:1px solid #dfdfdf;
|
|
padding:0
|
|
}
|
|
li dt a:hover, li.current >a{
|
|
text-shadow:none;
|
|
color:#3a3a3a;
|
|
}
|
|
|
|
li{
|
|
dt{
|
|
overflow: hidden;
|
|
&:hover{
|
|
background:#f5f5f5;
|
|
}
|
|
a{
|
|
font-family: @sansFontFamily;
|
|
display: block;
|
|
width: inherit;
|
|
&:before{
|
|
font-family: 'FontAwesome';
|
|
}
|
|
}
|
|
i{
|
|
float: right;
|
|
margin-right: 12px;
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
color: #999999;
|
|
display: block;
|
|
position: relative;
|
|
z-index: 20;
|
|
padding: 5px;
|
|
top: 7px;
|
|
cursor: pointer;
|
|
&:before {
|
|
content: "\f067";
|
|
}
|
|
}
|
|
a{
|
|
float: left;
|
|
}
|
|
}
|
|
&.act_item{
|
|
dt{
|
|
background:#f5f5f5;
|
|
a{
|
|
&:before{
|
|
color: @themeBlue;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.open_item{
|
|
dt{
|
|
i{
|
|
&:before {
|
|
content: "\f068";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.current{
|
|
.slide-down{
|
|
dd{
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.slide-down{
|
|
dd{
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
li.act_item.last{
|
|
dl.slide-down{
|
|
// .border-radius(0 0 6px 6px);
|
|
}
|
|
}
|
|
li.act_item.first{
|
|
dl.slide-down{
|
|
// .border-radius(6px 6px 0 0);
|
|
}
|
|
}
|
|
|
|
.slide-down{margin:0}
|
|
.slide-down dd{margin:0}
|
|
|
|
>li:first-child{border:none;}
|
|
>li:hover{}
|
|
|
|
li dt a, >li> a{
|
|
padding:10px 0 10px 43px;
|
|
display:block;
|
|
font-weight:bold;
|
|
margin:0;
|
|
position:relative;
|
|
font-size:13px;
|
|
color:#3a3a3a;
|
|
&:before{
|
|
position: absolute;
|
|
left: 14px;
|
|
font-size: 20px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
}
|
|
li.first dt{
|
|
border-top:1px solid #dfdfdf;
|
|
// .border-radius(6px 6px 0 0);
|
|
}
|
|
li.last dt{
|
|
border-bottom:1px solid #dfdfdf;
|
|
// .border-radius(0 0 6px 6px);
|
|
}
|
|
|
|
// li.item1 dt a:before {background:url(../img/nav-icon1.png) no-repeat 0 0;.size(21px, 30px)}
|
|
// li.item2 a:before {background:url(../img/nav-icon2.png) no-repeat 0 0;.size(21px, 25px)}
|
|
// li.item3 a:before {background:url(../img/nav-icon3.png) no-repeat 0 0;.size(21px, 25px)}
|
|
// li.item4 a:before {background:url(../img/nav-icon4.png) no-repeat 0 0;.size(21px, 28px)}
|
|
// li.item5 a:before {background:url(../img/nav-icon5.png) no-repeat 0 0;.size(18px, 28px)}
|
|
// li.item6 a:before {background:url(../img/nav-icon6.png) no-repeat 0 0;.size(17px, 30px)}
|
|
// li.item7 a:before {background:url(../img/nav-icon7.png) no-repeat 0 0;.size(21px, 25px)}
|
|
// li.item8 a:before {background:url(../img/nav-icon8.png) no-repeat 0 0;.size(24px, 25px)}
|
|
// li.item9 a:before {background:url(../img/nav-icon9.png) no-repeat 0 0;.size(22px, 25px)}
|
|
// li.item10 a:before {background:url(../img/nav-icon10.png) no-repeat 0 0;.size(18px, 25px)}
|
|
|
|
|
|
.list{
|
|
margin:0;
|
|
padding:8px 0 6px 20px ;
|
|
li{
|
|
padding: 0 20px 10px 7px;
|
|
a{
|
|
i{
|
|
margin-right: 8px;
|
|
&:before {
|
|
content: "\f0da";
|
|
font-size: 12px;
|
|
color: #999999;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
li.current {
|
|
a, i:before{
|
|
color:@themeBlue;
|
|
background:none;
|
|
&:hover{
|
|
color:#000;
|
|
}
|
|
}
|
|
}
|
|
a{
|
|
color:@grayDark;
|
|
&:hover{
|
|
color:#000;
|
|
i:before{
|
|
color:#000;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.lang_label {
|
|
display: inline-block;
|
|
padding-right: 6px;
|
|
position: relative;
|
|
top: 8px;
|
|
}
|
|
|
|
#lang_icon{
|
|
border: 1px solid #dfdfdf;
|
|
display: inline-block;
|
|
background: #fff;
|
|
padding: 6px 12px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
top: 8px;
|
|
b{
|
|
display: inline-block;
|
|
margin-right: 6px;
|
|
}
|
|
&:hover{
|
|
background: #f5f5f5;
|
|
}
|
|
}
|
|
|
|
#lang_list{
|
|
display: none;
|
|
position: absolute;
|
|
top: 43px;
|
|
right: 0;
|
|
background: #f5f5f5;
|
|
border: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.languages{
|
|
position: relative;
|
|
ul{
|
|
li{
|
|
list-style: none;
|
|
display: block;
|
|
width: 90px;
|
|
padding: 6px 12px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
margin-bottom: 1px;
|
|
&.active, &:hover{
|
|
background: #fff;
|
|
a{
|
|
color: #df152b;
|
|
}
|
|
}
|
|
a{
|
|
display: block;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
span{
|
|
display: block;
|
|
float: left;
|
|
}
|
|
img{
|
|
display: block;
|
|
float: right;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*------ box-conten ------- */
|
|
.box-content{
|
|
border-top:1px solid #ccc;
|
|
background-color: @white;
|
|
.border-radius(6px);
|
|
.box-shadow(0 2px 1px 1px rgba(0,0,0,.1));
|
|
section{
|
|
padding: 0 33px 25px;
|
|
border-bottom:1px solid #ccc
|
|
}
|
|
}
|
|
|
|
#mod_table{
|
|
.module{
|
|
.box-sizing(border-box);
|
|
padding: 10px;
|
|
}
|
|
.module:nth-child(even){
|
|
background: #f5f5f5;
|
|
}
|
|
}
|
|
|
|
.files_structure{
|
|
li{
|
|
i{
|
|
color: #999999;
|
|
}
|
|
}
|
|
}
|
|
|
|
#section-2{
|
|
padding:7px 48px 71px 33px;
|
|
|
|
}
|
|
|
|
.img-paraloid{padding:5px;background:#f5f5f5;border:1px solid #cecece;.border-radius(5px);.box-shadow(0 1px 1px rgba(0,0,0,0.1)) }
|
|
|
|
|
|
.list-1{
|
|
margin:10px 0 0 ;
|
|
list-style:decimal;
|
|
padding-left:20px;
|
|
li{line-height:18px;padding-bottom:6px;}
|
|
strong{color:#010101;}
|
|
}
|
|
.box-info,
|
|
.box-error,
|
|
.box-notification{position:relative;
|
|
margin-bottom:38px;
|
|
padding:15px 30px 15px 94px;
|
|
.box-sizing(border-box);
|
|
min-height:74px;
|
|
span{font-size:15px;
|
|
line-height:20px;color:@white;vertical-align:middle;display:table-cell;height:40px}
|
|
|
|
&:before{position:absolute;top:15px;left:15px;.size(44px, 43px);content:""}
|
|
|
|
}
|
|
|
|
.box-info{#gradient >.vertical(#3383c8,#2b74b4);
|
|
&:before{background:url(../img/icon-1.png) no-repeat 0 0;}
|
|
}
|
|
|
|
.box-error{#gradient >.vertical(#c93737,#c93737);
|
|
padding:26px 30px 25px 94px;
|
|
&:before{background:url(../img/icon-2.png) no-repeat 0 0;top:25px}
|
|
}
|
|
|
|
.box-notification{
|
|
margin-bottom:0;
|
|
#gradient >.vertical(#ffa800,#f8970f);
|
|
&:before{background:url(../img/icon-3.png) no-repeat 0 0;}
|
|
}
|
|
|
|
.btnDisabled{position:absolute;top:0;left:0;
|
|
width:100%;height:100%;
|
|
span{background:url(../img/btn-size.png) no-repeat 50% 50%;
|
|
.square(45px);
|
|
display:block;}
|
|
|
|
}
|
|
|
|
.magnifier {
|
|
opacity: 1;
|
|
position: relative;
|
|
background:url(../img/tail-lightbox-hover.png);
|
|
height: auto;
|
|
display:block;
|
|
.transition(all 0.3s ease)
|
|
}
|
|
.magnifier:hover {
|
|
|
|
|
|
}
|
|
.magnifier:after {
|
|
content: '';
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
opacity: 0;
|
|
left: 0;
|
|
top: 0;
|
|
background:url(../img/btn-size.png) no-repeat 50% 50%;
|
|
.transition(all 0.3s ease)
|
|
}
|
|
.magnifier:hover:after {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.iframe {padding:13px 0 0 82px}
|
|
|
|
footer{text-align:center;font-size:13px;line-height:20px;background:@white;padding:30px 0 40px}
|
|
|
|
/*======================= SCROLL TO TOP =======================*/
|
|
|
|
#back-top {position: fixed; bottom: 135px; right: 20px; z-index: 99}
|
|
|
|
#back-top a {
|
|
width: 51px;
|
|
display: block;
|
|
/* transition */
|
|
-webkit-transition: 0.1s;
|
|
-moz-transition: 0.1s;
|
|
transition: 0.1s;
|
|
color:#666666;
|
|
background: #fff;
|
|
text-align: center;
|
|
border: 1px solid #dfdfdf;
|
|
height: 51px;
|
|
&:hover{
|
|
background: #f5f5f5;
|
|
}
|
|
i{
|
|
line-height: 51px;
|
|
font-size: 27px;
|
|
}
|
|
}
|
|
/*new-styles*/
|
|
|
|
.notification-box {
|
|
background: url(../img/icon-note.png) no-repeat scroll 20px 50% #FDEBAE;
|
|
border: 1px solid #E6C555;
|
|
border-radius: 5px 5px 5px 5px;
|
|
color: #9E660D;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
font-size: 0.91em;
|
|
font-weight: bold;
|
|
line-height: 1.4em;
|
|
margin-bottom: 20px;
|
|
margin-top:10px;
|
|
padding: 30px 30px 30px 90px;
|
|
}
|
|
.error-box {
|
|
background: url(../img/icon-error.png) no-repeat scroll 20px 50% #FFCCCC;
|
|
border: 1px solid #FF9999;
|
|
border-radius: 5px 5px 5px 5px;
|
|
color: #C31B00;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
font-size: 0.91em;
|
|
font-weight: bold;
|
|
line-height: 1.4em;
|
|
margin-bottom: 20px;
|
|
margin-top:10px;
|
|
padding: 30px 30px 30px 90px;
|
|
}
|
|
.cols {
|
|
margin: 30px 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cols a {
|
|
display: block;
|
|
float: left;
|
|
margin-right: 30px;
|
|
}
|
|
.cols-1 {
|
|
margin: 0;
|
|
padding:30px 0;
|
|
overflow: hidden;
|
|
text-align:center;
|
|
a {display:inline-block;}
|
|
}
|
|
|
|
article .inner {
|
|
padding:0;
|
|
}
|
|
.code-pad {padding-top:20px; display:block;}
|
|
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
|
|
pre{
|
|
margin:0;
|
|
padding:10px;
|
|
overflow:auto;
|
|
background:#fff;
|
|
border:1px dashed #000
|
|
}
|
|
.code {
|
|
background:#eee;
|
|
padding:10px;
|
|
margin: 20px 0 20px 0;
|
|
}
|
|
|
|
|
|
/*--------------------*/
|
|
|
|
/*------------------------*/
|
|
|
|
#contact-form {
|
|
width: 300px;
|
|
position:relative;
|
|
}
|
|
#contact-form label{
|
|
position:relative; /*!*/
|
|
display:block;
|
|
min-height:43px;
|
|
}
|
|
#contact-form span {
|
|
display: block
|
|
}
|
|
#contact-form ._placeholder{
|
|
position:absolute; /*!*/
|
|
left:0;
|
|
right:0;
|
|
top:0;
|
|
bottom:0;
|
|
cursor:text;
|
|
color: #666;
|
|
padding:0px 10px;
|
|
opacity:.99;
|
|
font-family:Arial;
|
|
font-size:12px;
|
|
.border-radius(4px);
|
|
line-height: 33px;
|
|
display: block;
|
|
}
|
|
|
|
#contact-form ._placeholder.focused{
|
|
opacity:.4;
|
|
filter:alpha(opacity=40);
|
|
.box-shadow(0px 0px 7px 0px rgba(0, 0, 255, 0.5));
|
|
}
|
|
#contact-form ._placeholder.hidden{
|
|
display:none;
|
|
}
|
|
#contact-form input,#contact-form textarea{
|
|
outline:none;
|
|
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
|
.box-sizing(border-box);
|
|
float:left;
|
|
.border-radius(4px);
|
|
padding: 8px 10px 7px 10px;
|
|
font-size:12px;
|
|
line-height:15px;
|
|
font-family:Arial;
|
|
border:1px #ccc solid;
|
|
width:300px;
|
|
height:33px;
|
|
background: #fff;
|
|
color: #000;
|
|
}
|
|
#contact-form textarea {height:64px;}
|
|
#contact-form .error-message, #contact-form .empty-message{
|
|
height:0;
|
|
overflow:hidden;
|
|
font:10px/20px Arial;
|
|
.transition(.3s ease-in height);
|
|
position:absolute;
|
|
right:3px;
|
|
top:0;
|
|
}
|
|
|
|
#contact-form .invalid .error-message, #contact-form .empty .empty-message{ height:20px;}
|
|
|
|
|
|
|
|
|
|
#contact-form .success-message{
|
|
line-height:48px;
|
|
position:absolute;
|
|
overflow:hidden;
|
|
height:0;
|
|
left:0;
|
|
top:0;
|
|
.box-sizing(border-box);
|
|
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
|
.border-radius(4px);
|
|
background:#fff;
|
|
|
|
z-index:10;
|
|
width:100%;
|
|
text-align:center;
|
|
.transition(all .7s linear);
|
|
padding: 0px 0;
|
|
}
|
|
|
|
#contact-form.success .success-message{
|
|
height: 270px;
|
|
padding: 115px 0;
|
|
border:1px #ccc solid;
|
|
.transition(all .7s linear);
|
|
}
|
|
#contact-form a {
|
|
display:inline-block;
|
|
.box-shadow(0px 0px 5px 0px rgba(0, 0, 0, 0.2));
|
|
.border-radius(4px);
|
|
padding: 6px 15px;
|
|
font-size:12px;
|
|
font-family:Arial;
|
|
border:1px #ccc solid;
|
|
background: #f5f5f5;
|
|
color: #000;
|
|
margin-top:10px;}
|
|
#contact-form a:hover {background: #efefef;}
|
|
|
|
/*-------------------*/
|
|
/*search*/
|
|
#search {
|
|
text-align:left;
|
|
margin:20px 0 5px 0;
|
|
}
|
|
#search input[type=text] {
|
|
outline:none;
|
|
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
|
.box-sizing(border-box);
|
|
float:left;
|
|
.border-radius(4px);
|
|
padding: 8px 10px 7px 10px;
|
|
font-size:12px;
|
|
line-height:15px;
|
|
font-family:Arial;
|
|
border:1px #ccc solid;
|
|
width:300px;
|
|
height:33px;
|
|
background: #fff;
|
|
color: #000;
|
|
}
|
|
#search a {
|
|
display:inline-block;
|
|
.box-shadow(0px 0px 5px 0px rgba(0, 0, 0, 0.2));
|
|
.border-radius(4px);
|
|
padding: 6px 15px;
|
|
font-size:12px;
|
|
font-family:Arial;
|
|
border:1px #ccc solid;
|
|
background: #f5f5f5;
|
|
color: #000;
|
|
margin-top:0px;
|
|
margin-left:10px;
|
|
cursor:pointer;
|
|
}
|
|
#search a:hover {background: #efefef;}
|
|
.search-engine .attention {background: url(../img/attention.png) no-repeat scroll 12px 50% #FDF7DF; border:1px solid #E3C555; padding:12px 24px 12px 60px; font-weight:bold; margin-bottom:20px;}
|
|
|
|
.search-engine .example {
|
|
color: #CCCCCC;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
ul.square-list {
|
|
list-style-position: outside;
|
|
list-style-type: square;
|
|
margin: 0 0 1.5em 1.5em;
|
|
}
|
|
ul.square-list li {list-style:square;}
|
|
|
|
/*newsletter form*/
|
|
#subscribe-form {
|
|
width: 300px;
|
|
position:relative;
|
|
}
|
|
#subscribe-form fieldset {border:none; margin:0; padding:0;
|
|
}
|
|
#subscribe-form label {
|
|
position:relative; /*!*/
|
|
display:block;
|
|
min-height:43px;
|
|
}
|
|
#subscribe-form input, #subscribe-form textarea {
|
|
outline:none;
|
|
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
|
.box-sizing(border-box);
|
|
float:left;
|
|
.border-radius(4px);
|
|
padding: 8px 10px 7px 10px;
|
|
font-size:12px;
|
|
line-height:15px;
|
|
font-family:Arial;
|
|
border:1px #ccc solid;
|
|
width:300px;
|
|
height:33px;
|
|
background: #fff;
|
|
color: #000;
|
|
}
|
|
|
|
#subscribe-form .error {
|
|
height:0;
|
|
overflow:hidden;
|
|
font:10px/20px Arial;
|
|
.transition(height .3s linear);
|
|
position:absolute;
|
|
right:3px;
|
|
top:0;
|
|
}
|
|
#subscribe-form .success {
|
|
line-height:48px;
|
|
position:absolute;
|
|
overflow:hidden;
|
|
padding: 14px 0;
|
|
left:0;
|
|
top:0;
|
|
display: none;
|
|
.box-sizing(border-box);
|
|
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
|
.border-radius(4px);
|
|
background:#fff;
|
|
border:1px #ccc solid;
|
|
z-index:10;
|
|
width:100%;
|
|
text-align:center;
|
|
}
|
|
#subscribe-form .btns a {
|
|
display:inline-block;
|
|
.box-shadow(0px 0px 5px 0px rgba(0, 0, 0, 0.2));
|
|
.border-radius(4px);
|
|
padding: 6px 15px;
|
|
font-size:12px;
|
|
font-family:Arial;
|
|
border:1px #ccc solid;
|
|
background: #f5f5f5;
|
|
color: #000;
|
|
margin-top:0px;
|
|
}
|
|
#subscribe-form .btns a:hover {background: #efefef;}
|
|
|
|
#subscribe-form label.invalid .error {
|
|
height: 19px;
|
|
}
|
|
/*underconstruction*/
|
|
|
|
.counter_pos {margin:70px auto; width:545px; border:1px solid #CCC; background:#EEE; padding:10px; border-radius:5px}
|
|
.counter_pos1 {margin:20px auto; width:525px; }
|
|
.cntSeparator {font-size: 50px;margin: 24px 0px;color: #000; font-family:Georgia, "Times New Roman", Times, serif;}
|
|
.counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 0 15px;}
|
|
.counter_desc div{ width:104px; text-align:center; float:left;}
|
|
.counter_desc .days {margin-left:10px;}
|
|
.counter_desc .hours {margin-left:45px;}
|
|
.counter_desc .minutes {margin-left:23px;}
|
|
.counter_desc .seconds {margin-left:12px;}
|
|
/***/
|
|
/*fixed-menu*/
|
|
|
|
#content .bs-docs-sidenav li dt {position:relative;}
|
|
#content .bs-docs-sidenav li dt a {width:100%; display:block; text-align:left; .box-sizing(border-box); padding:10px 30px 10px 43px;}
|
|
#content .bs-docs-sidenav li dt i {
|
|
right: 8px;
|
|
position: absolute;
|
|
padding: 5px;
|
|
top: 7px;}
|
|
|
|
@media (max-width: 1200px) {
|
|
#content{
|
|
#nav_container {
|
|
width: 220px;
|
|
}
|
|
}
|
|
|
|
h1 {font-size: 24px;}
|
|
}
|
|
header h1 {margin:2px 0 0 0px; white-space:nowrap;}
|
|
.cols a {width:45%;}
|
|
|
|
/* Bootstrap code examples
|
|
-------------------------------------------------- */
|
|
|
|
/* Base class */
|
|
.bs-docs-example {
|
|
position: relative;
|
|
margin: 15px 0;
|
|
padding: 39px 19px 14px;
|
|
*padding-top: 19px;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Echo out a label for the example */
|
|
.bs-docs-example:after {
|
|
content: "Example";
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
padding: 3px 7px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #ddd;
|
|
color: #9da0a4;
|
|
-webkit-border-radius: 4px 0 4px 0;
|
|
-moz-border-radius: 4px 0 4px 0;
|
|
border-radius: 4px 0 4px 0;
|
|
}
|
|
|
|
/* Remove spacing between an example and it's code */
|
|
.bs-docs-example + .prettyprint {
|
|
margin-top: -20px;
|
|
padding-top: 15px;
|
|
}
|