старые стили
/*
Theme Name: TheProfessional
Theme URI: http://www.elegantthemes.com/gallery/
Version: 2.6
Description: 2 Column theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
*/
/*————————————————*/
/*——————[RESET]————————*/
/*————————————————*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: »; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need ‘cellspacing=»0″‘ in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*————————————————*/
/*——————[BASIC STYLES]——————*/
/*————————————————*/
body { background: url(/wp-content/uploads/2015/11/mramor2.jpg) center top; text-align: center; line-height: 21px; font-family: ‘Droid Sans’, Arial, Verdana, sans-serif; font-size: 12px; color: #201f1f; min-height: 25px; background-color: #dddddd; background-size: 100% auto;}
a { text-decoration: none; color: #00b7f3; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111111; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111111; }
h1 { font-size: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 18px; text-align: justify;}
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; }
input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }
img#about-image { float: left; margin: 3px 8px 8px 0px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: » «; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*————————————————*/
/*—————[MAIN LAYOUT INFO]—————*/
/*————————————————*/
#container { text-align: left; width: 964px; margin: 0 auto; position: relative; }
.logolink {
display: block;
height: 46px;
margin: 40px 0px 23px 7px;
font-size: 48px;
color: rgba(41, 27, 20, 0.74);
text-shadow: 0px 1px 1px rgba(255,255,255,0.7);
font-weight: bold;
}
.logolink a {
color: rgba(41, 27, 20, 0.74);
}
.logolink a:hover {
color: rgba(41, 27, 20, 0.74);
text-decoration: none;
}
.tel {
float: right;
font-size: 24px;
line-height: 30px;
text-align: right;
}
.tel span {
font-size: 14px;
}
#menu { background: url(images/menu-bg.png) no-repeat; height: 65px; margin-bottom: 30px; }
#content-top { background: url(images/content-top-bg.png) no-repeat; height: 16px; }
#content{ background: url(images/content-bg.png) repeat-y; }
#content-bottom { background: url(images/content-bottom-bg.png) no-repeat; height: 70px; }
.top-alt { background: url(images/content-top-bg-alt.png) no-repeat !important; }
.content-alt { background: url(images/content-bg-alt.png) repeat-y !important; }
.bottom-alt { background: url(images/content-bottom-bg-alt.png) no-repeat !important; }
div.service {float: left; width: 190px; position: relative; padding: 36px 32px 20px 90px;}
div.service img.service-icon { position: absolute; left: 32px; top: 34px; }
div.service h3.title { font-size: 18px; margin-bottom: 3px; }
div.service h3.title a {color: #000;}
div.service h3.title a:hover { text-decoration: none; }
div.service span.tagline { font-family: Georgia, serif; font-style: italic; color: #9e9e9e; margin-bottom: 9px; text-transform: uppercase; font-size: 10px;}
div.hr {background: url(images/hr-bg.png) no-repeat; height: 18px; width: 202px; margin-bottom: -2px;}
#content a.readmore {float: right; background: url(images/readmore.png) no-repeat bottom right; height: 27px; display: block; text-shadow: 1px 1px 1px #ffffff; font-size: 11px; color: #282828; line-height: 27px; padding-right: 13px;}
#content a.readmore span { display: block; background: url(images/readmore.png) no-repeat; padding:0 0px 0 12px; height:27px; }
#content a.readmore:hover { color: #3e3e3e; }
div#content-area { width: 960px; padding: 0px 1px; }
.content-alt div#content-area { width: 656px; float: left; padding: 0px 0px 0px 1px; margin-right: 1px; }
#breadcrumbs { border-bottom: 1px solid #ebebeb; font-family: Georgia, serif; font-size: 11px; font-style: italic; padding: 0px 15px 11px 45px; }
#breadcrumbs, #breadcrumbs a { color: #9e9e9e; }
#breadcrumbs a:hover { color: #5f5e5e; text-decoration: none; }
#breadcrumbs span.sep { background: url(images/breadcrumb-separator.png) no-repeat; display: inline-block; width: 4px; height: 7px; margin: 1px 1px 0 3px; }
.entry { padding: 28px 42px 15px 42px; }
.content-alt .entry { padding: 28px 62px 15px 42px; }
.entry h2.title, .entry h1.title { padding-bottom: 14px; padding-left:2px; font-size: 24px; }
.entry h2.title a:hover { color: #333232; text-decoration: none; }
p.post-meta { text-transform: uppercase; font-style: italic; font-family: Georgia, serif; font-size: 12px; color: #9e9e9e; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-bottom: 11px; padding: 8px 5px 7px 4px; }
p.post-meta a { color: #646464; }
p.post-meta a:hover { color: #414141; text-decoration: none; }
div.thumb { margin: 0px 20px 0px 0px; position: relative; padding: 8px 0px 0px 8px; width: 191px; height: 191px; }
div.thumb span.overlay { position: absolute; top: 0px; left: 0px; background: url(images/image-overlay.png) no-repeat; display: block; width: 199px; height: 199px; }
.entry ul, .post ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
.entry ol, .post ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
.entry ul li ul, .post ul li ul, .entry ul li ol, .post ul li ol { margin: 2px 0px 2px 20px; }
.entry ol li ul, .post ol li ul, .entry ol li ol, .post ol li ol { margin: 2px 0px 2px 35px; }
.post { padding-bottom: 35px !important; }
.hr-separator { height: 1px; background: #ebebeb; margin-top: 17px; }
.page-nav { padding-top: 24px; padding-bottom: 0px; }
/*————————————————*/
/*—————[DROPDOWN MENU]——————*/
/*————————————————*/
ul.nav { font-size: 13px; float:left; padding: 8px 0px 0px 11px; }
ul.nav li { margin-right: 5px; z-index: 10; }
ul.nav li a { color:#4e4d4d; text-shadow: 1px 1px 0px #d6d6d6; padding: 6px 1px 5px 10px; }
ul.nav li a:hover {text-decoration: none;}
ul.nav li:hover ul, ul.nav li.sfHover ul { top: 39px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); border: 1px solid #9a9a9a; border-top: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; background: url(images/dropdown-bg.png) repeat-y; width: 186px; padding: 2px 0px 12px; }
ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -2px !important; left: 174px !important; }
ul.nav ul li { margin: 0px 0px 0px 13px; background: url(images/dropdown-separator.png) no-repeat bottom left; padding-left: 4px; padding-bottom: 2px; }
ul.nav ul li a { background: url(images/menu-bullet.png) no-repeat 0px 9px; width: 145px; padding: 4px 0px 4px 15px; }
ul.nav ul li:hover ul, ul.nav ul li.sfHover ul { top: -12px; left: 191px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
ul.nav li.backLava { background:url(«images/link-active-bg.png») no-repeat scroll right bottom transparent; position:absolute; padding-right: 10px; height:35px !important; z-index: 5; }
ul.nav li.backLava div.leftLava { background:url(«images/link-active-bg.png») no-repeat; position: relative; width: 100%; height: 100%; }
ul.nav li.selectedLava a, ul.nav li a:hover, ul.nav > li.sfHover > a { color: #000000; text-shadow: 1px 1px 0px #fff; }
#search-form { float: right; width: 147px; background: url(images/search.png) no-repeat; height: 28px; margin-top: 11px; margin-right: 15px;}
#searchinput { background: none; border: none; font-style: italic; font-family: Georgia, serif;color: #686767; text-shadow: 1px 1px 1px #dcdcdc; padding-left: 11px; display: block; margin-top: 5px; float:left; width: 100px; font-size: 11px; }
#searchsubmit { float:right; margin-top:9px; padding-right: 10px;}
/*————————————————*/
/*—————[FEATURED SLIDER]——————*/
/*————————————————*/
#featured {background: url(images/featured-bg.png) no-repeat; height: 401px; margin-bottom: -5px; position: relative; margin-left: -2px; padding-top: 5px; padding-left: 11px;}
div.slide div.overlay {background: url(images/slider-overlay.png) no-repeat; height: 345px; width: 943px; position: absolute; top: 0px; left: 0px;}
div.description {background: url(images/description-bg.png) no-repeat; position: absolute; height: 232px; width: 512px; bottom: 0px; left: 0px;}
div.description h2.title {padding: 33px 40px 17px 30px; font-size: 36px; }
div.description h2.title a {text-decoration:none; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
div.description p {color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); padding-left: 33px; padding-right: 35px; line-height: 17px;}
div.description a.readmore { background: url(images/featured-readmore.png) no-repeat bottom right; display: block; height: 25px; line-height: 23px; float: right; text-shadow: 1px 1px 1px #000000; font-size: 11px; float: right; color: #ffffff; padding-right: 13px; margin-right: 40px; }
div.description a.readmore span { display: block; background: url(images/featured-readmore.png) no-repeat; padding:0 0px 0 12px; height:25px; }
div.description a:hover { color: #eeeeee !important; }
a#left-arrow { background: url(images/left_arrow.png) 0px 0px no-repeat; left: -27px; }
a#right-arrow { background: url(images/right_arrow.png) 0px 0px no-repeat; right: -27px; }
a#left-arrow, a#right-arrow { display:block; height:35px; position: absolute; text-indent:-9999px; top:158px; width:23px; }
#slides { background: #000000; }
#controllers { position: absolute; top: 25px; right: 4px; z-index: 10; width: 76px; background: url(images/controllers-bottom.png) no-repeat bottom left; padding-bottom: 14px; display: none; }
#controllers-top { background: url(images/controllers-top.png) no-repeat; height: 15px; }
#controllers-main { background: url(images/controllers-bg.png) repeat-y; padding: 4px 0px 0px 19px; }
#controllers a { display: block; position: relative; margin-bottom: 5px; }
#controllers a:hover { text-decoration: none; }
#controllers a.last { margin-bottom: 0px; }
#controllers a span.overlay { display: block; position: absolute; top: 0px; left: 0px; background: url(images/featured-overlay.png) no-repeat; width: 48px; height: 48px; }
#controllers a span.tooltip { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius:10px; -moz-box-shadow:2px 3px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.8); border:1px solid #ffffff; display:none; left:-222px; padding:13px 20px 13px 15px; position:absolute; top:-52px; width:175px; }
#controllers a span.tooltip span.heading { font-size: 14px; color: #000000; display:block; padding-bottom: 1px; }
#controllers a span.tooltip span.excerpt { color: #464646; display:block; }
#controllers a span.tooltip span.left-arrow { background: url(images/tooltip-arrow.png) no-repeat; position: absolute; right: -13px; top: 64px; display:block; height:24px; line-height:0; width:12px; }
/*————————————————*/
/*——————-[COMMENTS]——————-*/
/*————————————————*/
#comment-wrap { border-top: 1px solid #ebebeb; padding: 30px 45px 0px; }
li.depth-1 { padding: 30px 0px 5px 0px; border-bottom: 1px solid #ebebeb; }
h3#comments { font-size: 24px; color: #000000; }
.comment-icon { background: url(images/comment-bottom-bg.png) no-repeat bottom left; padding-bottom: 14px; }
.comment-icon .post { padding: 3px 0px 0px; }
div.authordata { width: 100px; }
div.avatar { float: left; position: relative; padding:6px 4px 6px 6px; }
div.avatar span.overlay { background: url(images/avatar-overlay.png) no-repeat; display: block; width: 67px; height: 67px; position: absolute; top: 0px; left: 0px; }
.comment-wrap { float:left; margin-left:14px; }
.reply-container { display:block; float:right; margin-bottom:15px; background: url(images/readmore.png) no-repeat bottom right; height: 27px; text-shadow: 1px 1px 1px #ffffff; font-size: 11px; line-height: 27px; padding-right: 13px; }
.reply-container a { display: block; background: url(images/readmore.png) no-repeat; padding:0 0px 0 12px; height:27px; color: #282828; }
.reply-container a:hover { text-decoration: none; color: #383838; }
li.depth-1 .comment-wrap { width: 789px; }
li.depth-2 .comment-wrap { width: 707px; }
li.depth-3 .comment-wrap { width: 625px; }
li.depth-4 .comment-wrap { width: 543px; }
.content-alt li.depth-1 .comment-wrap { width: 485px; }
.content-alt li.depth-2 .comment-wrap { width: 403px; }
.content-alt li.depth-3 .comment-wrap { width: 321px; }
.content-alt li.depth-4 .comment-wrap { width: 239px; }
ol.commentlist { list-style:none outside none; padding-top:8px; }
ol.commentlist ul { list-style:none outside none; }
.commentlist li.comment li { background: none; padding: 0px; }
.commentlist li.comment ul { margin: 8px 0px 8px 82px; }
#respond { padding-top: 25px; }
.comment #respond { padding-left: 0px; padding-top: 5px; }
#commentform textarea#comment { width: 88%; }
#commentform input[type=text] { width: 40%; }
li.comment #respond textarea { width: 88% !important; }
li.comment #respond input[type=text] { width: 50% !important; }
#respond h3#comments { background: none; margin: 0px; padding: 0px; }
.comment-author { padding-top: 2px; }
.comment-author .comment-meta, .comment-author .comment-meta a { color: #9e9e9e; font-size: 14px; text-transform: uppercase; font-style: italic; font-family: Georgia, serif; }
.comment-author .comment-meta a:hover { text-decoration: none; }
span.fn, span.fn a { color: #000000; font-size: 18px; }
span.fn a:hover { text-decoration: none; }
.comment-content { padding-top:5px; }
/*————————————————*/
/*———————[FOOTER]——————-*/
/*————————————————*/
p#copyright {float:right; font-size:10px; color:#858585;text-shadow: 1px 1px 1px #fff; margin-top: -5px; padding-right: 2px; text-transform: uppercase; }
p#copyright a {color:#757575; font-weight: bold; }
/*————————————————*/
/*———————[SIDEBAR]——————-*/
/*————————————————*/
div#sidebar { width: 303px; float: left; padding-right: 2px; text-shadow: 1px 1px 1px #ffffff; margin-top:-8px; }
#sidebar a { color: #727272; }
.widget { background: url(images/widget-separator.png) repeat-x bottom left; padding: 25px 10px 20px 25px; }
.widget h3.widgettitle { color: #656464; text-transform: uppercase; font-size: 18px; background: url(images/widget-title-bg.png) no-repeat bottom left; padding:0 0 28px 10px; margin-left: -11px; }
.widget ul ul { margin: 0px 0px 0px 15px; }
.widget ul li { background:url(images/sidebar-bullet.png) no-repeat 0px 8px; padding:0px 0px 3px 14px; }
.widget ul li ul { padding:3px 0px 0px 7px; margin: 0px 0px -4px; }
/*————————————————*/
/*————[CAPTIONS AND ALIGNMENTS]————*/
/*————————————————*/
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }
/*————————————————*/
/*—————[DEFAULT DROPDOWN SETTINGS]—*/
/*————————————————*/
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
.nav li li { display: block; padding: 0px; float: left; height: auto !important; }
.nav li ul { width: 191px; }
.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
.nav li:hover { visibility: inherit; /* fixes IE7 ‘sticky bug’ */ }
/*————————————————*/
/*——————[WP CALENDAR]——————*/
/*————————————————*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }
#wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
#wp-calendar td#today { color: #ffffff; }
#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
/*————————————————*/
/*——————-[PAGE NAVI]——————*/
/*————————————————*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }
.wp-pagenavi { position: relative; text-align: right; font-size: 24px; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid transparent; color: #d8d8d8; background-color: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; border:none !important; color: #d8d8d8; background-color: #fff; font-size: 12px; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 7px !important; margin: 2px; border:1px solid #ebebeb !important; color:#474747 !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-weight: normal !important; }
a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; }
.js div#from-blog div.entries {display: none;}
.foursixeight { margin: 0px 0px 15px 84px;}
.et_pt_gallery_entry { margin: 0 0 32px 72px !important; }
#comment-wrap .navigation { padding: 10px 0; }
.nav-previous { float: left; }
.nav-next { float: right; }
h3#reply-title small { display: block; }
h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }
#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
#commentform textarea#comment { width: 91%; }
.commentlist #respond textarea#comment { width: 98% !important; }
.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
.comment_navigation_bottom { padding-top: 12px; }
.et_embedded_videos { display: none !important; }
.js #featured #slides { background: url(images/ajax-loader.gif) no-repeat center; min-height: 345px; }
.js #featured .slide { display: none; }
#vkshare0 td {padding: 0px 0;}
#callme {height: 40px; margin-left: 44px}
| Tweet |
|
|