/*
Theme Name: Central
Theme URI: https://bestwebsoft.com/theme/central
Author URI: https://github.com/bestwebsoft
Author: the BestWebSoft team
Description: Central Wordpress theme is simply solution to customize your website. It`s clean, simply and very powerful tool for organizing your blog or others categories of websites..
You may change some design elements from Admin UI, like: background of page, header text-color, header background-image.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: https://gnu.org/licenses/gpl-2.0.html
Tags: gray, two-columns, left-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post
Text Domain: central
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, td {
border: 0;
/*font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;*/
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
body {
line-height: 1;
background: rgba(247, 247, 247, 0.75);
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote, q {
quotes: "\0022" "\0022";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
@font-face {
font-family: 'opensans';
src:url('fonts/opensans/opensans.eot?');
src:url('fonts/opensans/opensans.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans.woff') format('woff'),
url('fonts/opensans/opensans.ttf') format('truetype'),
url('fonts/opensans/opensans.svg#opensans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'open-sans-light-italic';
src:url('fonts/opensans-lightItalic.eot');
src:url('fonts/opensans-lightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-lightItalic.woff') format('woff'),
url('fonts/opensans-lightItalic.ttf') format('truetype'),
url('fonts/opensans-lightItalic.svg#open_sans_light_italic') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'source_code_proregular';
src: url('fonts/opensans/sourcecodepro-regular-webfont.eot');
src: url('fonts/opensans/sourcecodepro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/sourcecodepro-regular-webfont.woff') format('woff'),
url('fonts/opensans/sourcecodepro-regular-webfont.ttf') format('truetype'),
url('fonts/opensans/sourcecodepro-regular-webfont.svg#source_code_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
html {
height: 100%;
font-family:"opensans", sans-serif; }
/*
* some stylesheets to press footer to the bottom
*/
body {
height: 100%;
}
.page-wrapper {
min-height: 100%;
margin-bottom: -237px;
}
.footer-spacer {
height: 137px;
}
/*
* stylesheets of elements for all site
*/
a{ text-decoration:none;
color:rgb(136, 54, 163); }
a:hover { color : red; }
blockquote {
width:100%;
}
blockquote p {
width:100%;
float:left;
padding: 26px 0 !important;
line-height: 1.6125 !important;
color: #999 !important;
font-size: 0.875em !important;
}
blockquote p:before {
height: 27px;
float: left;
padding-right: 4px;
padding-left: 35px;
margin-left: 2px;
background: url('images/sprite.png') 0 -69px;
font-style: italic;
color: #999;
content: open-quote;
}
blockquote p:after {
margin-right: 10px;
font-style: italic;
color: #999;
content: close-quote;
}
ins {
background: #eee;
}
sub {
position: relative;
top: 3px;
font-size: 80%;
}
sup {
position: relative;
top: -4px;
font-size: 80%;
}
pre {
padding: 13px 20px;
border: 1px solid #ddd;
overflow: auto;
font-family: "source_code_proregular", sans-serif;
font-size: 0.8125em;
color: #999;
line-height: 1.625;
}
/*
* 960GS-elements */
.main {
margin: 0 auto;
width: 1130px;
}
.clear {
display: block;
width: 0;
height: 27px;
clear: both!important;
overflow: hidden;
visibility: hidden;
}
/* * header
*/
#branding #headerimg h1 {
margin-top: 1px;
font-size:23px;
text-align: center;
text-transform: uppercase; }
#branding #headerimg h1 a #middle-letter {
color: rgb(136, 54, 163);
}
#branding #headerimg #site-description {
width: 240px;
padding-top: 7px;
margin: 6px 0 0 350px;
border-top: 1px dashed #999;
color: #aaa;
font-size: 0.75em;
font-weight: 500;
text-align: center;
}
#branding #headerimg img {
display: block;
margin: 30px auto 0 auto;
}
/*
* main menu navigation */
.white-stripe {
min-width: 940px;
height: auto;
margin-top: 43px;
background: #fff;
border-top: 1px solid #e7e6e5;
border-bottom: 1px solid #e7e6e5;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.nav {
background: #fff;
}
.main-menu{
display: inline-block;
font-size: 0.75em;
}
.main-menu li{
display: inline-block;
position: relative;
list-style: none;
}
.main-menu li a{
display: block;
margin: 21px 18px 25px 19px;
color: #333;
}
.main-menu a:hover {
color: #aaa;
}
.main-menu li ul {
position: absolute;
display: none;
width: 218px;
height: auto;
margin-left: -2px;
position: absolute;
top: 50px;
z-index: 500;
border: 1px solid #e7e6e5;
background: #fcfcfc;
}
.main-menu li ul li ul {
margin-left: 218px;
top: 15px;
}
.main-menu li ul li {
display: block;
height: 48px;
float: none;
border-bottom: 1px dashed #aaa;
}
.main-menu li ul li a {
padding-top: 16px;
margin-top: 0;
text-transform: capitalize;
}
.main-menu li ul li:last-child {
border-bottom: none;
}
.current-menu-item,
.current-post-item,
.current-page-item,
.current_menu_item,
.current_post_item,
.current_page_item {
background: #f2f2f2;
border-bottom:3px solid #e37351!important;
}
.current-menu-item a,
.current-post-item a,
.current-page-item a,
.current_menu_item a,
.current_post_item a,
.current_page_item a {
margin-bottom: 22px!important;
}
.current-menu-parent,
.current-post-parent,
.current-page-parent,
.current_menu_parent,
.current_post_parent,
.current_page_parent {
background: #f2f2f2;
}
#no-script-message {
padding: 20px;
font-size: 1.1em;
text-align: center;
}
/*
* slider */
.slider-wrap {
position: relative;
width: 940px;
height: 279px;
margin-top: 39px;
background: #ebe9e9;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.slider-wrap .no-slider-message {
position: relative;
top: 130px;
text-align: center;
}
.slider-wrap .slider .slides .no-image-message {
position: relative;
top: 50px;
left: 220px;
text-align: center;
color: #555;
}
.slider { width: 900px;
height: 218px;
margin-left: 20px;
position: relative;
top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.slides li {
position: absolute;
display: none;
float: left;
}
.slides li ul {
position: relative;
left: 40px;
margin-top:-185px;
}
.slides li ul li {
position: static;
display: inherit;
float: none;
padding-top: 4px;
color: #fff;
font-size: 0.75em;
}
.slides ul ul li {
font-size: 1em;
}
.slides .slide-0 {
display: block;
}
.slider-nav {
position: absolute;
top: 250px;
}
.slider-nav a {
display: block;
float: left;
width: 10px;
height: 10px;
margin-right: 10px;
background: url('images/sprite.png') -11px -54px;
text-indent: -9999px;
}
.slider-nav a:hover {
background: url('images/sprite.png') 0 -54px;
}
.slider-nav .current-nav {
background: url('images/sprite.png') 0 -54px;
}
.slider .slides li p {
width: 460px;
position: relative;
top: -190px;
left: 40px;
z-index: 100;
color: #fff;
font-size: 0.8em;
line-height: 1.5625;
}
.slider .slides li .slider-title {
padding-bottom: 0.375;
font-size:1.25em;
font-weight: bolder;
}
/*
* sidebar
*/
.widget-area {
z-index: 2;
position: relative;
float: left;
width: 310px;
padding-bottom: 40px;
padding-left: 10px;
margin-top: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.widget {
position: relative;
width: 300px;
margin-top: 19px;
background-color: rgba(250, 248, 245, 0.7);;
border: 1px solid #d9d7d5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.widget a {
float: none;
color: #555;
font-size: 1em;
line-height: 26px;
font-weight: 500;
text-transform: capitalize;
}
.widget a:hover {
color: rgb(136, 54, 163);
} .widget div {
}
.widget h3 {
padding: 17px 0 16px 20px;
border-bottom: 1px dashed #e6e6e6;
color: red;
font-size: 1.25em;
font-weight: 400;
text-transform: uppercase;
}
.widget_search h3 {
padding: 17px 0 0 20px;
color: #aaa;
font-weight: 400;
text-transform: uppercase;
}
.widget span,
.widget li {
color: #b4b4b4;
font-size: 0.75em;
word-wrap: break-word;
}
.widget ul ul li {
font-size: 1em;
}
.widget ul {
position: relative;
padding: 21px 20px;
}
.widget ul ul,
.widget ul ul ul {
position: absolute; display: none;
min-width: 100px;
padding: 0 10px;
margin-left: 50px;
border: 1px solid #aaa;
background: #fff;
z-index: 1000;
}
.widget .rsswidget img {
margin: 5px;
float: left;
}
.widget .textwidget {
}
.widget .textwidget img {
}
.widget ul li .rsswidget {
display: block;
padding:5px 0;
line-height: 1;
}
.widget ul li .rssSummary {
padding: 5px;
margin-top: 10px;
margin-bottom: 40px; border: 1px solid #aaa;
font-size: 1em;
color: #777;
font-style: italic;
}
#wp-calendar {
width: 100%;
border: 1px solid #d9d7d5;
border-collapse: collapse;
}
#wp-calendar thead {
background: #eee;
}
#wp-calendar thead th {
border: 1px solid #d9d7d5;
}
#wp-calendar tbody td {
border: 1px solid #d9d7d5;
}
#wp-calendar tr, #wp-calendar th, #wp-calendar td {
padding: 5px;
color: #555;
font-size: 0.9em;
text-align: center!important;
}
#wp-calendar caption { padding-bottom: 10px;
color: #555;
font-size: 0.9em;
}
#wp-calendar tfoot td { width:23%;
}
/*
* search form
*/
.search-wrap form .search-field,
.post-text .search-wrap form .search-field {
display: block;
width: 280px;
height: 45px;
padding-top: 1px;
padding-left: 19px;
margin-top: 19px;
background: url('images/search.png') no-repeat 190px 17px #fff;
border: 1px solid #d9d7d5;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
-webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.4),inset 1px 0 5px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.4),inset 1px 0 5px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(255, 255, 255, 0.4),inset 1px 0 5px rgba(0,0,0,0.05);
color: #b2b2b2;
font-size: 0.75em;
}
.post-text .search-wrap form .search-field {
margin: 0 auto;
}
/*
* content posts
*/
#content{
z-index: 1;
position: relative;
float: left;
width: 780px;
padding-bottom: 30px;
margin-left: 21px !important;
margin-top: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.post .title-color {
margin: 10px;
font-size: 20px;
color: darkslategray;
text-decoration: underline;
}
.post,
.page-template-gallery-template-php .page-wrapper #page-content #container #content,
.page-template-portfolio-php .page-wrapper #page-content #container #content,
.single-gallery .page-wrapper #page-content #container #content,
.single-portfolio .page-wrapper #page-content #container #content {
position: relative;
width: 780px;
padding-bottom: 19px;
margin-top: 28px;
margin-left: 19px;
overflow: hidden;
background: rgba(255, 255, 255, 0.7);
border: 1px solid #e0dedd;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.entry-content,
#comments div,
.post div {
margin-left: 20px;
}
.entry-content p,
.entry_footer div,
.entry_footer p,
.post p {
padding: 10px 20px 10px 0;
font-size: 13px;
color: #555;
line-height: 1.75;
}
.post dl{
margin-bottom: 28px;
}
.post dt{
margin-left: 30px;
margin-top: 26px;
margin-bottom: 1px;
font-size: 0.9375em;
font-weight: bolder;
}
.post dd {
margin-top: 8px;
margin-left: 30px;
font-size: 0.75em;
font-weight: normal;
color: #555;
}
.post h1 {
margin-top: 25px;
font-size: 1.5em;
font-weight: bold;
}
.post h2 {
margin-top: 24px;
font-size: 1.25em;
font-weight: bold;
}
.post h3 {
margin-top: 26px;
font-size: 1.0625em;
font-weight: bold;
}
.post h4{
margin-top: 25px;
font-size: 0.9375em;
font-weight: bold;
}
.post h5 {
margin-top: 27px;
font-size: 0.75em;
font-weight: bold;
}
.post h6 {
margin-top: 27px;
font-size: 0.6875em;
font-weight: bold;
}
.post ol {
margin-left: 48px;
list-style-type: decimal;
}
.post ul {
margin-left: 45px;
list-style:disc;
}
.post ol li,
.post ul li {
padding-top: 8px;
padding-left: 5px;
font-size: 0.75em;
line-height: 1.5;
color: #555;
}
.post ul ul li,
.post ol ol li,
.post ul ol li,
.post ol ul li {
font-size: 1em;
}
.post table {
margin: 10px;
border:1px dashed #eee;
border-collapse: collapse;
}
.post th {
max-width: 180px;
padding: 10px;
font-weight: bold;
}
.post tr {
border:1px dashed #B9B2B2;
font-size: 0.75em;
}
.post td {
max-width: 180px;
padding: 10px;
border:1px dashed #eee;
}
/*
* form elements
*/
.post form div {
margin: 0;
padding: 0;
}
#commentform p,
.post form p {
padding-top: 0.75em !important;
padding-left: 0;
}
#commentform label,
.post form label {
display: block;
/* margin-top: 25px; */
margin-bottom: 13px;
font-size: 0.75em;
color: #555;
cursor: pointer;
}
#commentform input[type="text"],
.widget-area input[type="text"],
.post input[type="text"],
.post input[type="password"]{
position: relative;
width: 210px;
height: 27px;
padding-left: 10px;
color: #555;
}
.widget-area input[type="text"] {
position: relative;
width: 70px;
height: 27px;
padding-left: 10px;
color: #555;
}
#commentform textarea,
.post textarea {
position: relative;
width: 200px;
height: 87px;
padding: 10px;
color:#555;
}
#commentform textarea,
#commentform input[type="text"],
#commentform input[type="password"],
#commentform input[type="email"],
.widget-area textarea,
.widget-area input[type="text"],
.post textarea,
.post input[type="text"],
.post input[type="password"],
.post input[type="email"] {
background: #fff;
border: 1px solid #e7e6e5; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);
-moz-box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);
box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);
}
.widget-area input[type="text"]:focus,
#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="password"]:focus,
#commentform input[type="email"]:focus,
.post input[type="text"]:focus,
.post input[type="password"]:focus,
.post input[type="email"]:focus,
.post textarea:focus,
.out-shadow {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06)!important;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06)!important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06)!important;
}
.post .featured-image {
margin-left: 0;
width: 100%;
height: auto;
background: #333;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.post .featured-image .left-top,
.post .featured-image .right-top {
display:none;}
.table-color img {
width: 80px;
border: 1px solid black;
border-radius: 95px 95px 95px 5px;
margin: 0 5px 5px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.25);}
.table-color td{
width:177px;
}
.post .featured-image img {
z-index: 1;
position: relative;
max-width:100%;
height:auto;
display: block;
margin: 0 auto;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.post .featured-image-title {
z-index: 2;
position: relative;
height: 47px;
margin: -47px 0;
background: #242424;
opacity: 0.6;
}
.post .featured-image-title p {
margin-left: 20px;
margin-right: 20px;
padding-top: 13px;
color: white;
font-weight: 500;
font-size: 0.75em;
font-family: "open-sans-light-italic", sans-serif;
font-style: italic;
text-transform: capitalize;
}
.entry-header,
.post .block-header {
margin-top: 25px;
margin-left: 20px;
word-wrap: break-word;
}
.entry-header,
.post .block-header .post-link {
font-size: 1.25em;
color: #333;
text-transform: capitalize;
font-weight: bold;
}
.post .block-header a:hover{
color: #555;
}
.post .block-header .leave-reply {
float: right;
padding: 10px 20px;
font-size: 0.75em;
}
.post .post-date {
margin-left: 20px;
font-size: 0.75em;
color: #999;
font-weight: 200;
}
.post .assistive-text {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.post .nav-single {
margin: 0 20px;
}
.post .nav-previous {
float: left;
margin-top: 20px;
font-size: 0.75em;
}
.post .nav-next {
float: right;
font-size: 0.75em;
margin-top: 20px;
}
.post .post-text {
margin-right: 20px;
}
.post .post-text div {
margin-left: 0;
}
.post .post-text img {
display: block;
max-width: 100%;
}
.post .post-text p {
padding-left: 0;
padding-right: 0;
word-wrap: break-word;
}
#comments {
margin: 20px;
position: relative;
top:20px;
float: none;
padding-bottom: 20px;
border: 1px solid #e0dedd;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
box-shadow:0 0 5px rgba(0, 0, 0, 0.06);
}
.post .post-text .edit-link {
float: right;
padding-top: 10px;
padding-right: 0;
font-size: 0.75em;
}
#comments #reply-title {
margin: 24px 0 0 20px;
color: #555;
}
#comments .comments-title {
margin-left: 20px;
margin-right: 20px;
word-wrap: break-word;
}
#comments .commentlist {
margin-left: 30px;
margin-right: 20px;
}
#comments .nocomments,
#comments .password-required {
margin-left: 20px;
}
#comments label {
padding-left: 0;
margin-left: 0;
}
#comments input[type="text"] {
margin-left:0;
}
.comment-content p {
word-wrap: break-word;
}
.fn {
padding-right: 10px;
padding-left: 10px;
}
.post .more-links {
padding: 15px 19px 0 20px;
margin-top: 35px;
margin-left: 0;
border-top: 1px dashed #e6e6e6;
color:#aaa;
}
.post .more-links a {
font-size: 0.75em;
}
.post .more-links .anchor {
display: block;
float: right;
margin-left: 10px;
}
.post .more-links .tag-image {
display: block;
width: 10px;
height: 10px;
float: left;
margin-top: 4px;
margin-right: 8px;
background: url('images/sprite.png') -37px -55px;
}
/*
* post formats and other classes for styling posts
*/
.sticky,
.format-aside,
.format-link,
.format-gallery,
.format-status,
.format-quote,
.format-image,
.format-video,
.format-audio,
.format-chat { }
.wp-caption {
max-width: 96%;
padding: 9px;
margin: 2%;
background: #eee;
}
.wp-caption img,
.wp-image img {
max-width: 98%;
margin: 0 auto;
}
.gallery-icon {
margin: 0 auto !important;
}
.gallery-caption {
margin: 5px auto 0 30px !important;
max-width: 150px !important;
}
.post .post-text .gallery-columns-1 .gallery-item .gallery-icon a {
display: block;
margin-left: 186px;
}
.post .post-text .gallery-columns-1 .gallery-item .gallery-caption {
position: relative;
left: 186px;
}
.post .post-text .gallery-columns-2 .gallery-item .gallery-icon a {
display: block;
margin-left: 25px;
}
.post .post-text .gallery-columns-2 .gallery-item .gallery-caption {
position: relative;
left: 25px;
}
.wp-caption .wp-caption-text {
margin: 0 auto;
}
.alignleft {
float: left;
margin: 2% 2% 2% 0 !important;
}
.alignright {
float: right;
margin: 2% 0 2% 2% !important;
}
.aligncenter {
margin: 0 auto;
}
.attachment img {
display: block;
margin: 0 auto;
}
.bypostauthor {
display: block;
}
.page-template-gallery-template-php .page-wrapper #page-content #container,
.page-template-portfolio-php .page-wrapper #page-content #container,
.single-portfolio .page-wrapper #page-content #container,
.single-gallery .page-wrapper #page-content #container {
background: none repeat scroll 0 0 #F0EEED;
border-radius: 6px 6px 6px 6px;
float: right;
margin-left: 21px !important;
margin-top: 40px;
padding-bottom: 30px;
width: 660px;
}
.portfolio_thumb img {
width: 250px;
heifht: auto
}
.portfolio_short_content {
float: left;
width: 300px;
}
/*
* style of elements from script.js
*/
/*
* drop down menu
*/
.sel-styled-cont {
position: relative;
float: left;
width: 220px;
height: 50px;
margin: 10px 0;
background: #fff;
border: 1px solid #eee;
color: #555;
font-size: 0.75em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);
-moz-box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);
box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);
cursor: pointer;
} .sel-styled {
height: 0;
color: #555;
opacity: 0;
z-index: 999;
} .sel-styled option,
.sel-styled optgroup {
display: none;
z-index: 998;
}
.sel-styled-inner {
display: block;
width: 8px;
height: 14px;
position: absolute;
top: 17px;
right: 19px;
z-index: 998;
padding-top: 0;
background: url('images/sprite.png') -26px -52px;
}
.sel-styled-text {
float: left;
position: absolute;
top: 4px;
left: 1px;
padding: 13px 0 3px 9px;
}
.sel-styled-cont-open {
display: none;
width: 100%;
position: absolute;
top: 45px;
left: -1px;
z-index: 1200;
border: 1px solid #ddd;
background: #fff;
cursor: pointer;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.sel-styled-opt {
position: relative;
height: 36px;
padding: 3px 0 0 30px!important;
line-height: 3.125;
cursor: pointer;
z-index: 1200;
}
.sel-styled-opt-dis {
position: relative;
padding: 10px 0 0 10px!important;
color: #aaa;
z-index: 1200;
}
.sel-styled-opt:hover {
background: #333;
color: #fff;
}
/*
* checkboxes
*/
.post div input[type="checkbox"] {
margin: 2px !important; cursor: pointer;
}
.che-styled {
opacity: 0;
z-index: 1000;
}
.che-styled-cont {
position: relative;
float: left;
width: 18px;
height: 18px;
margin-top: 12px;
margin-right: 8px;
margin-left: 29px !important;
padding: 0 !important;
background: url('images/sprite.png') 0 -19px;
}
.che-styled-cont:hover {
background: url('images/sprite.png') -19px -19px;
}
.che-styled-inner {
display: none; width: 18px;
height: 18px;
position: absolute; top: 0;
background: url('images/sprite.png') -37px -19px;
cursor: pointer;
}
.che-styled-cont.checked .che-styled-inner {
display: block;
}
/*
* file input form
*/
.file-input-form {
display: block;
position: relative;
width: 451px;
height: 59px;
padding-top: 10px !important;
padding-left: 10px !important;
background: #f7f7f7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type="file"] {
width: 220px;
height: 45px;
margin-left: 0;
}
.file-styled {
position: relative;
opacity: 0;
z-index: 999;
}
.file-styled-cont {
position: relative;
float: left;
width: 220px;
height: 47px;
padding-left: 10px;
padding-top: 0;
background: #fff;
border: 1px solid #e7e7e7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.file-styled-inner {
position: relative;
top: -31px;
left: 10px;
color: #555;
font-size: 0.75em;
}
.file-styled-arrow {
display: block;
position: relative;
top: -41px;
left: 199px;
width: 5px;
height: 8px;
z-index: 997;
background: url('images/sprite.png') -30px -42px;
}
.file-styled-validator {
position: relative;
top: -55px;
left: 240px;
color: #555;
font-size: 0.75em;
}
/*
* buttons
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
position: relative;
width: auto;
height: 38px;
padding-right: 16px;
margin-top: 0;
margin-right: 12px;
padding-left: 16px;
background: #e37351;
font-size: 1em;
color: #fff;
font-weight: bold;
border: none;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/*
* footer
*/
.bottom-white-stripe {
height: 206px;
margin-top: 58px;
background: url(/wp-content/sbl/down/bg-d.jpg) repeat-x;
min-width: 1149px;
}
.footer {
height: 79px;
margin-top: -1px;
background: #fff;
border-top: 1px solid #e7e6e5;
}
.footer #copyright {
display: block;
float: left;
padding-top: 30px;
font-size: 0.75em;
}
.footer #powered {
display: block;
float: right;
padding-top: 30px;
font-size: 0.75em;
}
/*
* Stylesheets For Internet Explorer
*/
#ie7 blockquote p {
width: auto;
}
#ie7 .blockquote-before {
height: 27px;
float: left;
padding-left: 35px;
margin-top: 26px;
background: url('images/sprite.png') 0 -69px;
}
#ie7 #branding #headerimg #site-description,
#ie8 #branding #headerimg #site-description {
padding-bottom: 3px;
}
/*
* main menu
*/
#ie7 .white-stripe,
#ie8 .white-stripe {
margin-top: 39px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#F3F2F1,Direction=0, Strength=5)
progid:DXImageTransform.Microsoft.Shadow(color=#F3F2F1,Direction=180, Strength=5);
} #ie7 .nav,
#ie8 .nav {
position: relative;
top: 5px;
}
#ie7 .main-menu ul li {
float: left;
}
#ie7 .main-menu ul li ul li {
float: none;
}
/*
* slider
*/
#ie7 #page-content {
padding-top:34px;
}
#ie7 .slider-wrap {
z-index: -1;
}
#ie7 .slider-wrap,
#ie8 .slider-wrap,
#ie7 .slider img, #ie8 .slider img {
border-radius: 5px;
}
/*
* sidebar
*/
#ie7 .widget,
#ie8 .widget {
box-shadow: 0 0 5px rgba(236,234,233,0.06);
}
#ie7 .widget-wrap {
padding-top: 4px;
}
/*
* posts
*/
#ie7 .post,
#ie8 .post {
box-shadow: 0 0 5px rgba(220,220,220,1);
}
#ie7 .post .left-top,
#ie8 .post .left-top {
display: block !important;
float: left;
width: 6px;
height: 6px;
position: absolute;
top: -1px;
left: -21px;
z-index: 1000;
background: url('images/sprite.png') -15px -42px;
} #ie7 .post .right-top,
#ie8 .post .right-top {
display: block !important;
float: left;
width: 6px;
height: 6px;
position: absolute;
top: -1px;
left: 595px;
z-index: 1000;
background: url('images/sprite.png') -22px -42px;
}
#ie7 .post #comments, #ie8 .post #comments {
top: 0;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 5px rgba(220,220,220,1);
}
#ie7 .post .nocomments,
#ie8 .post .nocomments {
position: relative;
top: 20px;
}
/*
* forms
*/
#ie7 label {
z-index: -1;
}
#ie7 input[type="radio"],
#ie8 input[type="radio"],
#ie7 input[type="checkbox"],
#ie8 input[type="checkbox"],
#ie7 input[type="file"],
#ie8 input[type="file"],
#ie7 select, #ie8 select {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.post .input-wrap {
position: relative;
width: 220px;
height: 47px;
border: 1px solid #e7e6e5;
background: #fbfbfb;
border-radius: 5px;
}
.cptch_block .input-wrap {
width: 50px;
}
.post .textarea-wrap {
position: relative;
width: 220px;
height: 107px;
border: 1px solid #e7e6e5;
background: #fbfbfb;
border-radius: 5px;
}
#ie7 .post input[type="text"],
#ie8 .post input[type="text"],
#ie7 input[type="password"],
#ie8 input[type="password"],
#ie7 input[type="email"],
#ie8 input[type="email"] {
position: absolute;
top: 5px;
left: 5px;
width: 200px;
height: 27px;
padding: 5px;
border: none;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 5px rgba(255, 255, 255, 1);
}
/*
* search form
*/
#ie7 .search-wrap,
#ie8 .search-wrap {
position: relative;
margin-top: 19px;
width: 220px;
height: 47px;
background: #fbfbfb;
border: 1px solid #d9d7d5;
border-radius: 45px;
box-shadow: 0 1px 1px rgba(246, 245, 244, 0.1);
}
.search-image {
width: 12px;
height: 12px;
position: relative;
left: 190px;
top: 17px;
background: url('images/sprite.png') 0 -40px;
z-index: 1000;
}
#ie7 .search-field,
#ie8 .search-field,
#ie7 .post-text .search-wrap form .search-field,
#ie8 .post-text .search-wrap form .search-field {
position: absolute;
top: 5px;
left: 5px;
padding: 10px 15px;
margin-top: 0;
width: 180px;
height: 17px;
z-index: 900;
border: none;
background: #fff;
box-shadow: 0 0 5px rgba(255, 255, 255, 1);
border-radius: 45px !important;
color: #b2b2b2;
}
#ie7 .search-field:focus,
#ie8 .search-field:focus,
#ie7 .post-text .search-wrap form .search-field:focus,
#ie8 .post-text .search-wrap form .search-field:focus {
position: absolute;
top: -1px;
left: -1px;
padding: 15px 20px;
border: 1px solid #d9d7d5;
box-shadow: 0 0 5px rgba(220,220,220,1);
border-radius: 45px;
} .placeholder,
.password {
font-size: 0.6875 !important;
}
#ie7 .post textarea,
#ie8 .post textarea {
position: absolute;
top: 5px;
left: 5px;
width: 200px;
height: 87px;
padding: 5px;
border: none;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 5px rgba(255, 255, 255, 1);
}
.post .select-wrap {
}
#ie7 select {
width: 0;
height: 0;
}
#ie7 .sel-styled-cont,
#ie8 .sel-styled-cont {
position: absolute;
width: 210px;
height: 34px;
left: 5px;
top: 5px;
background: #fff;
border: none!important;
border-radius: 5px;
box-shadow:0 0 5px rgba(255, 255, 255, 1);
}
#ie7 .sel-styled-inner,
#ie8 .sel-styled-inner {
top: 12px;
right: 14px;}
#ie7 .sel-styled-text,
#ie8 .sel-styled-text {
top: -1px;
left: -4px;
}
#ie7 .rad-styled-inner {
top: -20px;
left: 0;
}
#ie8 .rad-styled-inner {
top: -19px;
left: 1px;
}
#ie7 .che-styled-inner {
top: -24px;
}
#ie8 .che-styled-inner {
top: -23px;
}
#ie7 .file-styled-inner {
float: left;
width: 95px;
}
#ie7 .file-styled-arrow {
float: left;
top: -25px;
left: 110px;
}
#ie7 .file-styled-validator {
float: left;
top: -35px;
left: 140px;
}
#ie7 .sel-styled-cont-open,
#ie8 .sel-styled-cont-open,
#ie7 .file-styled-cont,
#ie8 .file-styled-cont {
box-shadow: 0 0 5px rgba(240, 240, 240, 1);
}
/*
* footer
*/
#ie7 .bottom-white-stripe,
#ie8 .bottom-white-stripe {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#F3F2F1,Direction=0, Strength=5);
}
/*
* Include PIE-library
*/
#ie7 .slider-wrap,
#ie8 .slider-wrap,
#ie7 .slider,
#ie8 .slider,
#ie7 .widget-area,
#ie8 .widget-area,
#ie7 .widget-area .widget,
#ie8 .widget-area .widget,
#ie7 .search-wrap,
#ie8 .search-wrap,
#ie7 .search-field,
#ie8 .search-field,
#ie7 .post-text .search-wrap form .search-field,
#ie8 .post-text .search-wrap form .search-field,
#ie7 #content,
#ie8 #content,
#ie7 .post,
#ie8 .post,
#ie7 .post #comments,
#ie8 .post #comments,
.input-wrap,
.textarea-wrap,
.select-wrap,
#ie7 .sel-styled-cont,
#ie8 .sel-styled-cont,
#ie7 textarea,
#ie8 textarea,
#ie7 input[type="text"],
#ie8 input[type="text"],
#ie7 input[type="password"],
#ie8 input[type="password"],
#iei7 input[type="email"],
#ie8 input[type="email"],
#ie7 input[type="button"],
#ie8 input[type="button"], #ie7 input[type="submit"],
#ie8 input[type="submit"],
#ie7 input[type="reset"],
#ie8 input[type="reset"],
#ie7 button,
#ie8 button,
#ie7 .sel-styled-cont,
#ie8 .sel-styled-cont,
#ie7 .sel-styled-cont-open,
#ie8 .sel-styled-cont-open,
#ie7 .file-input-form,
#ie8 .file-input-form,
#ie7 .file-styled-cont,
#ie8 .file-styled-cont {
behavior: url('/wp-content/themes/central/js/pie.htc');
}
.conteiner { width: 100%; /*ширина*/
height: 45px; /*высота*/
}
img { /*изображение*/
border: none; /*граница отсутствует*/
}
ul#menu { /*список идентификатором menu*/
font-family:Verdana, Arial, Helvetica, sans-serif; /*шрифт*/
font-size:11px; /*размер шрифта*/
font-weight:bold; /*насыщенность шрифта - стандартный полужирный шрифт (значение = 700)*/
margin: 10px 0 20px; /*внешние отступы сверху-снизу, справа-слева*/
padding: 0; /*внутренние отступы все 0*/
list-style: none; /*задаем стиль отображения маркеров или нумерации для элементов списка - отобразить без маркера*/
clear: both; /*запрещаем обтекание вокруг элемента другими элементами - с обоих сторон*/
float: left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
width: 100%; }
ul#menu li{ /*элемент li списка идентификатором menu*/
margin: 0; /*внешние отступы все 0*/
padding: 0; /*внутренние отступы все 0*/
overflow: hidden; /*задаем область и что произойдет с содержимым, которое выйдет за границы заданной области - не отображается*/
float: left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
height:40px; /*высота*/
}
ul#menu a, ul#menu span { /*ссылка и тег span списка идентификатором menu*/
padding: 10px 20px; /*внутренние отступы все сверху-снизу, справа-слева*/
float: left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
text-decoration: none; /*подчеркивание отсутствует*/
color: #fff; /*цвет*/
text-transform: uppercase; /*преобразуем текст в прописные буквы*/
clear: both; /*запрещаем обтекание вокруг элемента другими элементами - с обоих сторон*/
height: 20px; /*высота*/
line-height: 20px; /*задаем высоту линии (интерлиньяж, межстрочный интервал) текста*/
background: #1d1d1d; /*цвет заливки фона*/
}
ul#menu a { /*ссылка списка идентификатором menu*/
color: #7bc441; /*цвет*/
}
ul#menu span { /*тег span списка идентификатором menu*/
display: none; /*"удаляем" элемент со страницы вместе с содержимым, элемент не видим, на странице блоки располагаются так, словно элемента нет*/
}
ul#menu.vert span{ /*тег span с классом vert списка идентификатором menu*/
background: url(/menu.gif) repeat-x left top; /*фоновое изображение и путь к изображению, растянуть (повторить) по оси x, отобразить картинку сверху слева*/
}
ul#menu.vert a{ /*ссылка с классом vert списка идентификатором menu*/
color: #555; /*цвет*/
background: url(/menu.gif) repeat-x left bottom; /*фоновое изображение и путь к изображению, растянуть (повторить) по оси x, отобразить картинку снизу слева*/
}
ul#topnav {
margin: 0; padding: 0;
float: left;
width: 610px;
border-radius: 0px 5px 5px 0px;
list-style: none;
position: relative; /*--Установка относительного позиционирования на неупорядоченный список - не на элемент списка--*/
font-size: 0.9em;
background-color: rgb(106, 0, 141);
}
ul#topnav li {
float: left;
margin: 0; padding: 0;
border-right: 1px solid #555; /*--Разделитель для каждой ссылки верхнего уровня--*/
}
ul#topnav li a {
padding: 10px 15px;
display: block;
color: #f0f0f0;
text-decoration: none;
}
ul#topnav li:hover { background-color: rgb(106, 0, 168); }
ul#topnav li span {
float: left;
padding: 15px 0;
position: absolute;
left: 0; top:30px;
display: none; /*--Скрывать по умолчанию--*/
width: 610px;
background-color: rgb(106, 0, 168);
color: #fff;
/*--Нижнее правое закругление--*/
-moz-border-radius-bottomright: 25px;
-khtml-border-radius-bottomright: 25px;
-webkit-border-bottom-right-radius: 25px;
/*--Нижнее левое закругление--*/
-moz-border-radius-bottomleft: 0px;
-khtml-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
}
ul#topnav li:hover span { display: block; } /*--Показывать подменю при наведении--*/
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
#index-top {
float: left;
width: 780px;
padding-bottom: 0px;
margin-left: 0px !important;
margin-top: 1px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.index-top p {
padding: 10px 20px 10px 0;
font-size: 13px;
color: #555;
line-height: 1.75;
}
.index-top tr {
border:1px solid #eee;
font-size: 0.75em;
}
.index-slider {
position: relative;
width: 780px;
padding-bottom: 0px;
margin-top: 28px;
margin-left: 19px;
overflow: hidden;
background: rgba(255, 255, 255, 0.7);
border: 1px solid #e0dedd;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.index-slider tr {
border:1px solid #eee;
}
#pole {
width: 690px;
}
/*Всплывающий скриншот*/ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; left: -1000px; border: 1px solid white; visibility: hidden; color: Yellow; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: auto; /*position where enlarged image should offset horizontally */ } /*---------------------*/
#h3 {
margin-left: 1px;
padding: 17px 0 16px 20px;
border-bottom: 1px dashed #e6e6e6;
font-size: 1.25em;
font-weight: 400;
text-transform: uppercase;
color: #6a00a1;
background-color: rgba(250, 248, 245, 0.5);
}
.text-opacity {
color: white;
padding: 15px 10px;
font-weight: 600;
}
.buy {
margin: -15px 50px;
position: relative; z-index: 2; }
.buy-text {
position: relative; z-index: 3;
color: white;
margin: -40px 55px;
font-size: 0.9em;
#body-frame {
background: red;
}
#buy_b {
position: fixed; z-index: 4;
padding: 1500px;
top:700px;
left:500px;
}
.h3 {
padding: 17px 0 16px 20px;
border-bottom: 1px dashed #e6e6e6;
font-weight: 400;
text-transform: uppercase;
}
.black_border {
-webkit-transition: padding-top 0;
-moz-transition: padding-top 0;
-o-transition: padding-top 0;
transition: padding-top 0;
-ie-transition: padding-top 0;
border-top: 1px solid #e7e6e5;
border-bottom: 1px solid #e7e6e5;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.hovergallery img{
width:700px;
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}
.hovergallery img:hover{
-webkit-transform:scale(1.4); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.4); /*Mozilla scale version*/
-o-transform:scale(1.4); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}
.tooltip span{
border-radius: 5px 5px 5px 5px;
visibility: hidden;
position: absolute;
left: 200px;
background: #fff;
box-shadow: -2px 2px 10px -1px #333; border-radius: 5px; }
.tooltip:hover span{
visibility: visible;
}
a#emgshowall.selected {
display: none;
}
.emgshowall {
display: none;
}