| Current Path : /home/gotzfrokfn/www/templates/gotz-tpl/admin/css/ |
| Current File : /home/gotzfrokfn/www/templates/gotz-tpl/admin/css/btl_admin.css |
/* fonts */
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400);
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,400,700);
h1.temph1 {
color: #000 !important;
font-family: Arial,sans-serif;
font-size: 32px !important;
font-weight: 900;
line-height: 1;
text-align: center;
}
h4.temph4 {
color: #000;
font-family: 'Roboto',sans-serif;
font-size: 23px !important;
font-weight: 100;
margin: -5px 0 15px;
text-align: center;
}
h3 {
font-family: 'Oswald', Arial !important;
font-size: 14px !important;
font-weight: 400 !important;
text-transform: Uppercase;
line-height:1;
margin: 4px 0;
}
input.required {
background-color: #D5EEFF;
border-radius: 3px 3px 3px 3px;
padding: 6px 7px;
}
.accordion-group .control-group .control-label,
.btl-panel fieldset.panelform ul.adminformlist li > label {
width: 140px;
}
h3.btl-pane-toggler,
.btl-pane-toggler-down {
cursor:pointer;
padding:15px 0 0 10px;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
height:30px;
}
.accordion-heading a:hover {
text-decoration: none;
}
.accordion-heading .accordion-toggle,
.btl-pane-toggler-down {
background: #00A5E4 url('../images/passive_arrow.png') right center no-repeat;
background: url('../images/passive_arrow.png') right center no-repeat, -moz-linear-gradient(top, #58A8F4 0%, #348DDF 100%);
background: url('../images/passive_arrow.png') right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58A8F4), color-stop(100%,#348DDF));
background: url('../images/passive_arrow.png') right center no-repeat, -o-linear-gradient(top, #58A8F4, #348DDF);
background: url('../images/passive_arrow.png') right center no-repeat, linear-gradient(to bottom, #58A8F4, #348DDF);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58A8F4', endColorstr='#348DDF',GradientType=0 );
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19), 0 2px 1px rgba(255, 255, 255, 0.2) inset;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19), 0 2px 1px rgba(255, 255, 255, 0.2) inset;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19), 0 2px 1px rgba(255, 255, 255, 0.2) inset;
border: 1px solid #1f6db6;
color:#FFFFFF;
}
.accordion-heading .accordion-toggle.collapsed,
h3.btl-pane-toggler {
background: #FFF2F5 url('../images/active_arrow.png') right center no-repeat;
background: url('../images/active_arrow.png') right center no-repeat, -moz-linear-gradient(top, #F4F5F7 0%, #EAEBED 100%);
background: url('../images/active_arrow.png') right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F5F7), color-stop(100%,#EAEBED));
background: url('../images/active_arrow.png') right center no-repeat, -o-linear-gradient(top, #F4F5F7, #EAEBED);
background: url('../images/active_arrow.png') right center no-repeat, linear-gradient(to bottom, #F4F5F7, #EAEBED);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F5F7', endColorstr='#EAEBED',GradientType=0 );
-webkit-box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
-moz-box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
border: 1px solid #dedede;
color: #3c3c3d !important;
}
.text_propery {
font-size:12px;
font-style:italic;
font-weight:400;
line-height:1.7;
}
.mod-desc a {
outline:none !important;
}
/*left part*/
#down_pictures {
overflow:hidden;
}
.sepp_div {
border-bottom:1px solid #d9d9d9;
clear:both;
margin:40px 0;
}
/*right part*/
.toggle-arrow {
width:100%;
}
.btl-panel input[type="text"],
.btl-panel select,
.adminformlist select,
.btl-panel textarea,
.button2-left a,
.button2-left span,
.button2-left button,
button.jform-rightbtn,
.hasTipPreview,
.blank a {
border-radius: 4px 4px 4px 4px;
}
.btl-panel input[type="text"],
.btl-panel select,
.adminformlist select,
.btl-panel textarea,
.blank a {
border: 1px solid #D3D3D3;
font-size: 11px;
padding: 7px;
}
.btl-panel input[type="text"], .btl-panel select {
width: 125px;
}
input:focus, select:focus, textarea:focus {
-webkit-background-color: rgba(0, 132, 255, 0.33) !important;
-moz-background-color: rgba(0, 132, 255, 0.33) !important;
background-color: rgba(0, 132, 255, 0.33) !important;
border: 1px solid #1f6db6 !important;
}
.btl-panel textarea {
width:345px !important;
min-height:120px;
}
.button2-left,
.button2-left .blank {
background:none !important;
}
button.jform-rightbtn {
padding: 5px 14px;
}
.media-preview.fltlft span {
cursor: pointer;
display: block;
padding: 7px;
}
.media-preview.add-on span i {
cursor: pointer;
}
.blank a,
.button2-left a,
.button2-left span,
.button2-left button,
.media-preview.fltlft .hasTipPreview,
button.jform-rightbtn {
background: #FFF2F5;
background: -moz-linear-gradient(top, #F4F5F7 0%, #EAEBED 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F5F7), color-stop(100%,#EAEBED));
background: -o-linear-gradient(top, #F4F5F7, #EAEBED);
background: linear-gradient(to bottom, #F4F5F7, #EAEBED);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F5F7', endColorstr='#EAEBED',GradientType=0 );
-webkit-box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
-moz-box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
border: 1px solid #dedede;
color: #3c3c3d !important;
margin: 5px 0 0 0;
}
.blank a:hover,
.button2-left a:hover,
.button2-left span:hover,
.button2-left button:hover,
button.jform-rightbtn:hover {
background: #00A5E4;
background: -moz-linear-gradient(top, #58A8F4 0%, #348DDF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58A8F4), color-stop(100%,#348DDF));
background: -o-linear-gradient(top, #58A8F4, #348DDF);
background: linear-gradient(to bottom, #58A8F4, #348DDF);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58A8F4', endColorstr='#348DDF',GradientType=0 );
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19);
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
border: 1px solid #1f6db6;
color:#FFF !important;
}
.btl-panel select,
.adminformlist select {
width:137px !important;
cursor:pointer;
}
.btl-panel fieldset {
padding:0 !important;
}
#jform_params_wrapper_position0, #jform_params_wrapper_position0,
#jform_params_underline0, #jform_params_underline1,
#jform_params_hover_underline0, #jform_params_hover_underline1 {
width:16px;
height:16px;
}
#separator {margin:0 10px;}
#jform_params_twitter:focus,
#jform_params_facebook:focus,
#jform_params_flickr:focus,
#jform_params_linkedin:focus,
#jform_params_youtube:focus,
#jform_params_pinterest:focus,
#jform_params_google:focus,
#jform_params_dribbble:focus,
#jform_params_vimeo:focus,
#jform_params_instagram:focus,
#jform_params_vk:focus,
#jform_params_copyrights_path:focus,
#jform_params_copyrights:focus {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 370px;
}
.accordion-inner {
border-top: none !important;
padding: 9px 15px;
}
.accordion-group {
border: none !important;
border-radius: 0 !important;
margin-bottom: 2px;
}
.btl-panel #copyright-options + div {
margin: 10px 0 0 0 !important;
}
.button2-left > div {background: none !important;}
.button2-left a,
.button2-left span,
.button2-left button {
padding: 2px 19px !important;
}
/*_______________________ tabs style for joomla > 3 __________________________*/
ul#myTabTabs li a {
background: #FFF2F5;
background: -moz-linear-gradient(top, #F4F5F7 0%, #EAEBED 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F5F7), color-stop(100%,#EAEBED));
background: -o-linear-gradient(top, #F4F5F7, #EAEBED);
background: linear-gradient(to bottom, #F4F5F7, #EAEBED);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F5F7', endColorstr='#EAEBED',GradientType=0 );
-webkit-box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
-moz-box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
box-shadow: 0 2px 1px rgba(134, 134, 134, 0.12);
border: 1px solid #dedede;
color: #3c3c3d !important;
font-size: 11px;
text-transform: uppercase;
}
ul#myTabTabs li.active a {
background: #00A5E4;
background: -moz-linear-gradient(top, #58A8F4 0%, #348DDF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58A8F4), color-stop(100%,#348DDF));
background: -o-linear-gradient(top, #58A8F4, #348DDF);
background: linear-gradient(to bottom, #58A8F4, #348DDF);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58A8F4', endColorstr='#348DDF',GradientType=0 );
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19), 0 2px 1px rgba(255, 255, 255, 0.2) inset;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19), 0 2px 1px rgba(255, 255, 255, 0.2) inset;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19), 0 2px 1px rgba(255, 255, 255, 0.2) inset;
border: 1px solid #1f6db6;
color:#FFF !important;
}
.form-horizontal .control-label {width: 190px !important;}