/* Theme Name: LIVEstory Theme URI: http://www.rus-leto.ru Description: Premium News Theme Version: 1.0 Author: LIVEstory Author URI: http://www.rus-leto.ru */.yarpp-thumbnails-horizontal{ margin: 0 10px!important; } .relap-default-wrapper{ margin: 0 10px!important; } .ts-fab-tabs> a{ text-decoration:none !important; border:none !important } .js-relap__item-inner> a{ border-bottom: 0 !important; } * { font-family: Verdana, Arial, sans-serif; font-size: 1em; outline: 0; padding: 0; margin: 0; border: 0; text-decoration: none; vertical-align: baseline; white-space: normal; } html, body {line-height: 1} hr {display: none} blockquote:before, blockquote:after, q:before, q:after {content: ''} blockquote, q {quotes: "" ""} ul {list-style-type: none} ol {list-style-type: decimal} ol {margin: 0 0 0 20px} .clear {clear:both} a {color: #330066} a:hover {color: #333} body { width: 100%; background: #fff; text-align: center; } #author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 10px; background: none; border: 3px double #574f4b; } #pagei { width: 1000px; height: auto; padding: 7px 0 7px 0; margin: 0 auto 0 auto; text-align: left; font-size: 0.75em; color: #333333; } #page { height: auto; background: #fff; padding: 10px; } #main { width: 990px; } #main-left { float: left; width: 320px; padding: 0 10px 0 0; } #main-center { float: left; width: 318px; border-left: 1px solid #d9e2e5; border-right: 1px solid #d9e2e5; background-position: center 20px; padding: 0 10px 0 10px; } #main-right { float: left; width: 300px; display: inline; margin-left: 10px; } #contents { width: 990px; padding: 10px 0 10px 0; } #contents-b { width: 990px; padding: 0 0 0 0; } #content, #content-b { float: left; width: 659px; border-right: 1px solid #d9e2e5; margin-right: 10px; padding-right: 10px; } #sidebar { float: left; width: 300px; display: inline; } #footeri { width: 1000px; height: auto; margin: 0 auto 7px auto; text-align: left; font-size: 0.7em; color: #fff; background: #366799; } #footer { padding: 10px; } #bottom { width: 1000px; height: auto; margin: 10px auto 30px auto; text-align: center; font-size: 0.7em; color: #888; line-height: 1.5em; } /* Global site Headers */ h2.front { display: block; line-height: 1.4em; font-weight: bold; color: #444; padding: 4px 5px 3px 5px; margin: 0 0 5px 0; background: #f0f0f0; border-bottom: 1px solid #e3e8d4; } h2.front-gal { display: block; line-height: 1.4em; font-weight: bold; color: #444; padding: 4px 5px 3px 30px; margin: 0 0 5px 0; background: #f1f6e2 url(images/photo.png) no-repeat; background-position: 7px center; border-bottom: 1px solid #e3e8d4; position: relative; } h3.front { margin: 10px 0 5px 0; border-bottom: 1px dotted #ccc; padding: 0 0 7px 0; color: #666; position: relative; } #header { width: 1000px; height: auto; background: #fff; margin: 0 auto 0 auto; text-align: left; font-size: 0.75em; color: #000; } #top { height: 22px; border-bottom: 2px solid #aaa; background: #fff; font-size: 0.9em; } #date { float: left; padding: 3px 0 3px 10px; height: 16px; line-height: 16px; } #pagenav { float: right; padding: 3px 10px 3px 0; } #pagenav li { float: left; display: block; border-right: 1px solid #999; padding: 0 4px 0 4px; } #pagenav li a { float: left; display: block; height: 16px; line-height: 16px; } #pagenav li a:hover { border-bottom: 1px dotted #bbb; } #pagenav li.twitter a { background: url(images/twitter.gif) no-repeat; background-position: left center; padding-left: 20px; } #pagenav li.facebook a { background: url(images/facebook.png) no-repeat; background-position: left center; padding-left: 20px; } #pagenav li.rss a { background: url(images/rss.gif) no-repeat; background-position: left center; padding-left: 20px; } #pagenav li.phone a { background: url(images/phone.png) no-repeat; background-position: left center; padding-left: 20px; } #logo { float: left; padding: 24px 0 0px 5px; } #logo a { display: block; width: 260px; height: 76px; background: url(images/logo1.gif) no-repeat; } #ad { float: right; padding: 5px 0 0 0; } #ad a, #ad img { display: block; overflow: hidden; } #headerc { height: 2px; background: #fff; } /* Various Links CSS */ a.icomment { display: inline; font-size: 0.9em; color: #999; margin: 0 0 0 7px; } a.icomment:hover {color:#333} #subscribe { margin: 0 0 15px; } #subscribe p { margin: 5px 0 5px 0; } .feedlink { display: block; font-weight: bold; background: url(images/rss.gif) no-repeat; background-position: left 3px; padding: 5px 0 5px 22px; border-bottom: 1px dotted #ccc; } .feedmail { display: block; font-weight: bold; background: url(images/mail.gif) no-repeat; background-position: left 4px; padding-left: 22px; line-height: 1.5em; height: 1.5em; } #subscribe input { vertical-align: middle; } #feedinput { padding: 2px; border: 1px solid #ddd; width: 212px; color: #666; } #feedbutton { background: #646464; font-weight: bold; color: #fff; padding: 2px; cursor: pointer; } #feedbutton:hover { color: #fff; background: #8f8f8f; } .standard-ad { margin: 15px auto 0 auto; display: block; text-align: center; } #menu { height: 24px; background: #366799; border-top: 1px solid #fff; font-size: 0.9em; } #menu li { float: left; display: block; border-left: 1px solid #fff; position: relative; } #menu li a { float: left; display: block; font-weight: bold; color: #fff; padding: 0 3px 0 3px; height: 24px; line-height: 24px; position: relative; } #menu li a:hover, #menu li a.selected, #menu li a.selected:hover { background: #8f8f8f; color: #fff; } #mid-latest li { padding: 10px 0 10px 0; border-bottom: 1px solid #f1f1f1; } #mid-latest h2 a { font-size: 1.3em; line-height: 1.3em; } #mid-latest h2 a:hover { border-bottom: 1px dotted #bbb; } #mid-latest .lpost { overflow: hidden; } #mid-latest img { float: left; display: inline; border: 1px solid #d9e2e5; padding: 2px; margin: 0 10px 0 0; overflow: hidden; } #mid-latest p { line-height: 1.5em; padding: 5px 0 0 0; } .sd { font-size: 0.85em; margin: 2px 0 0 0; color: #999; text-transform: uppercase; } .tabcont { padding: 5px 10px 10px 20px; } .tabcont li { padding: 4px 0 4px 0; line-height: 1.4em; border-bottom: 1px dotted #ccc; } /* Aligning for Images */ .nav {padding:10px 0 0 0} .alignleft { float: left; display: inline; margin: 0 20px 0 0; } .alignright { float: right; display: inline; margin: 0 0 0 10px; } .aligncenter { margin: 0 auto 0 auto; display: block; text-align: center; } .wp-caption img { margin: 0 0 2px 0; background-color: #ffffff; } .wp-caption-text { color: #6F6F6F; text-align: center; padding: 2px; width: 100%; font-size: 0.8em; border-bottom: 1px solid #ccc; background-color: #fff; } /*Table of Content*/ #toc_container.no_bullets li { margin: 0px } #toc_container.no_bullets p.toc_title { font-size: 2rem; color: #333333; line-height: 1; } #toc_container.no_bullets ul.toc_list { counter-reset: num; list-style: none outside none; padding: 0; margin-left: 0 } #toc_container.no_bullets ul.toc_list li:nth-child(odd) { background: #e4e4e4 } #toc_container.no_bullets ul.toc_list li:nth-child(even) li:nth-child(odd) { background: #fff } #toc_container.no_bullets ul.toc_list li { position: relative; line-height: 1.5 } #toc_container.no_bullets ul.toc_list li a { color: #323232; font-size: 0.9rem; display: block; padding-left: 1.875rem; position: relative } #toc_container.no_bullets ul.toc_list li a:hover { color: #006498 } #toc_container.no_bullets ul.toc_list li a .toc_number { color: #006498 } #toc_container.no_bullets ul.toc_list li a span { position: absolute; left: 0.125rem; top: 1.375rem; margin-top: -1.5rem; font-weight: 700; width: 1.875rem; height: 1.875rem; text-align: center; line-height: 1.875rem; color: #323232; background-color: transparent; border-radius: 100% } #toc_container.no_bullets ul.toc_list li ul { counter-reset: num; list-style: none; margin-top: 0 } #toc_container.no_bullets ul.toc_list li ul li { padding-left: 1.5625rem } #toc_container.no_bullets ul.toc_list li ul li a { padding-left: 2.1875rem } #toc_container.no_bullets ul.toc_list li ul li ul li { padding-left: 2.5rem } #toc_container.no_bullets ul.toc_list li ul li ul li a { padding-left: 3.125rem } #toc_container.no_bullets ul.toc_list li ul li ul li ul li { padding-left: 2.8125rem } #toc_container.no_bullets ul.toc_list li ul li ul li ul li a { padding-left: 3.4375rem } span.toc_number.toc_depth_1, span.toc_number.toc_depth_2 { font-weight: bold!important; } /* Major Styles */ .sitenav { border-bottom: 1px dotted #ddd; padding: 0 0 5px 0; margin: 0 0 5px 0; font-size: 0.9em; } .post h1 { font-size: 2em; font-family: Arial, Verdana; font-weight: bold; line-height: 1.4em; color: #004276; margin: 0 0 5px 0; } .post h2 { font-size: 1.7em; font-weight: normal; font-family: Arial, Verdana; line-height: 1.4em; color: #004276; margin: 0 0 5px 0; } .post h3 { font-size: 1.4em; font-weight: normal; font-family: Verdana; line-height: 1.4em; color: #333; margin: 0 0 5px 0; } .post h4 { line-height: 1.4em; color: #333; margin: 10px 0 5px 0; } .post h5 { line-height: 1.4em; color: #ff9600; margin: 10px 0 5px 0; font-size: 0.9em; } .post h6 { line-height: 1.4em; color: #333; margin: 10px 0 5px 0; font-size: 0.9em; } .post p { line-height: 1.6em; margin: 0 0 10px 0; font-size: 1.2em; } .post img { padding: 2px; border: 1px solid #d9e2e5; } /* entry specific css */ .entry { display: block; } .entry a:link {color: #330066; border-bottom: 1px solid #330066} .entry a:active {color: #330066; border-bottom: 1px solid #330066} .entry a:visited {color: #330066; border-bottom: 1px solid #330066} .entry a:hover {color: #330099; border-bottom: 0px} .entry ul {margin: 0 0 20px 0} .entry ol {margin: 0 0 20px 20px} .entry ul ul {margin: 0 0 0 20px} .entry ol ol {margin: 0 0 0 40px} .entry ul li, .entry ol li { line-height: 1.5em; padding: 2px 0 2px 0; border-top: 1px solid #eee; } .entry ol li li { line-height: 1.5em; padding: 2px 0 2px 0; border: 0; color: #777; } .entry ul li li { line-height: 1.5em; padding: 2px 0 2px 18px; border: 0; background: url(images/postbullet.gif) no-repeat left; background-position: left 7px; color: #777; } .entry blockquote { border-left: 2px solid #8f8f8f; color: #333; /*width: 30%;*/ font-size: 120%; font-weight: normal; font-family: Georgia !important; font-style: italic; padding: 0 2em 0 1em; /*float: right;*/ margin: 1em 0.3em 1em 1em; } .entry blockquote p { font-family: Georgia !important; } .entry blockquote blockquote { background: #fff; font-weight: normal; color: #333; } .entry del { text-decoration: line-through; color: #999; } .entry ins { font-weight: bold; text-decoration: underline; } .entry code { color: #333; font-family: tahoma; font-size: 0.9em; line-height: 1.5em; display: block; overflow: hidden; padding: 10px; background: #eee; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; } /* Specific classes */ ul.postinfo { float: left; border-bottom: 1px dotted #ddd; padding: 0 0 5px 0; margin: 0 0 5px 0; } ul.postinfoB { float: right; border-top: 1px dotted #ddd; position: relative; padding: 5px 0 5px 0; } ul.postinfo li, ul.postinfoB li { float: left; margin-right: 20px; font-size: 0.9em; color: #999; display: block; height: 16px; line-height: 16px; } li.ncomment { display: block; padding-left: 22px; background: url(images/comment.png) no-repeat left center; } li.ncat { display: block; margin: 0 padding-left: 22px; background: url(images/cat.png) no-repeat left center; } li.nview { display: block; padding-left: 22px; background: url(images/view.png) no-repeat left center; } li.nprint { display: block; padding-left: 22px; background: url(images/print.png) no-repeat left center; } li.nshare { display: block; padding-left: 22px; background: url(images/share.png) no-repeat left center; } li.email { display: block; padding-left: 22px; background: url(images/email.png) no-repeat left center; } .tags { color: #999; line-height: 1.5em; border-top: 1px dotted #ddd; padding: 3px 0 0 0; margin: 0 0 15px 0; } .commentlist { border-bottom: 1px solid #d9e2e5; margin: 0 0 20px 0; } .commentlist img { border: none; vertical-align: middle; } .commentlist li { border-top: 1px solid #d9e2e5; padding: 20px; } .commentlist .avatar img { float: left; display: block; overflow: hidden; padding: 2px; border: 1px solid #d9e2e5; } .commentlist .commentinfo { margin-left: 20px; display: block; padding-left: 60px; } .commentlist .cauthor { font-weight: bold; } .commentlist .cdate { font-size: 0.9em; color: #999; } .commentlist .ctext { display: block; padding: 15px 0 0 0; line-height: 1.5em; } .commentlist .approve { padding: 15px 0 0 0; color: #999; font-style: italic; font-size: 0.9em; } ol.trackbacks { margin: 0 0 15px 20px; } ol.trackbacks li { padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #eee; } /* Reply Form CSS */ .replyform { padding: 20px; background: #f8f8f8; border-top: 1px solid #e9e9e1; } .replyform label { display: block; margin: 0 0 7px 0; font-weight: bold; } .replytext { display: block; width: 250px; border: 1px solid #d9e2e5; padding: 2px; background: #fff; color: #666; margin: 0 0 15px 0; } .replytext:hover { border: 1px solid #c3ced2; } .replyarea { display: block; width: 530px; background: #fff; border: 1px solid #d9e2e5; height: 125px; padding: 2px; line-height: 1.5em; color: #666; margin: 0 0 15px 0; } .replyarea:hover { border: 1px solid #c3ced2; } .replybutton { display: block; background: #646464; font-weight: bold; color: #fff; padding: 5px; cursor: pointer; border: 1px solid #ddd; } .replybutton:hover { color: #fff; background: #8f8f8f; } .searchbutton { background: #646464; font-weight: bold; color: #fff; padding: 2px; cursor: pointer; } .searchbutton:hover { color: #fff; background: #8f8f8f; } .searchinput { border: 1px solid #646464; padding: 2px; background: #fff; color: #666; } .contactform { position: static; overflow: hidden; width: 95%; } .contactleft { width: 25%; text-align: right; white-space: pre; clear: both; float: left; display: inline; padding: 4px; margin: 5px; } .contactright { width: 70%; text-align: left; float: right; display: inline; padding: 4px; margin: 0px; } .contacterror { border: 1px solid #ff0000; } #contactsubmit { background: #646464; font-weight: bold; color: #fff; padding: 2px; cursor: pointer; } #contactsubmit:hover { color: #fff; background: #8f8f8f; } .center { text-align: center; margin-right: auto; margin-left: auto; } .column1 { float: left; width: 319px; display: inline; } .column2 { float: left; width: 319px; border-left: 1px solid #d9e2e5; display: inline; padding-left: 10px; } /* Main columns should be equal */ .cat li { padding: 10px 0 10px 0; border-bottom: 1px solid #f1f1f1; } .cat h2 a { font-size: 1.3em; line-height: 1.3em; } .cat h2 a:hover { border-bottom: 1px dotted #bbb; } .cat .fpost { padding: 7px 0 0 0; } .cat img { float: left; display: inline; border: 1px solid #d9e2e5; padding: 2px; margin: 0 10px 0 0; } .cat p { line-height: 1.5em; } .feedrss { position: absolute; right: 0; top: 0; background: url(images/rss.gif) no-repeat; width: 16px; height: 16px; display: block; } ul.more li { display: block; padding: 3px 0 3px 17px; background: url(images/postbullet.gif) no-repeat; background-position: left 7px; border-bottom: 1px dotted #ddd; line-height: 1.3em; font-size: 1.1em; } ul.more li a:hover { border-bottom: 1px dotted #bbb; } #footer a { color: #fff; } #footer a:hover { color: #ddd; border-bottom: 1px dotted #fff; } #footer h6 { color: #b9d4f0; padding: 0 0 3px 0; margin: 0 0 7px 0; border-bottom: 1px solid #4375a9; } #footer li { float: left; margin-right: 20px; line-height: 1.5em; } .footer-sec { float: left; width: 400px; margin-right: 10px; font-weight: bold; height: auto; } #footer-top a { float: left; display: inline; line-height: 1.3em; } #features li { padding: 10px 0 10px 0; border-bottom: 1px solid #f1f1f1; } #features h2 a { font-size: 1.3em; line-height: 1.3em; } #features h2 a:hover { border-bottom: 1px dotted #bbb; } #features .mfpost { padding: 7px 0 0 0; } #features img { float: left; display: inline; border: 1px solid #d9e2e5; padding: 2px; margin: 0 10px 0 0; } #features p { line-height: 1.5em; } .cssbutton { float: left; clear: both; margin: 15px 0 15px 0; background: #646464; color: #fff; padding: 5px 10px 5px 10px; display: block; font-weight: bold; } .cssbutton:hover { background: #8f8f8f; color: #fff; } #mid-latest-more li { display: block; padding: 3px 0 3px 17px; background: url(images/postbullet.gif) no-repeat; background-position: left 7px; border-bottom: 1px dotted #ddd; line-height: 1.3em; font-size: 1.1em; } #mid-latest-more a:hover { border-bottom: 1px dotted #bbb; } #related-posts li { display: block; padding: 3px 0 3px 17px; background: url(images/postbullet.gif) no-repeat; background-position: left 7px; line-height: 1.3em; } #related-posts a:link {color: #330066; border-bottom: 1px solid #330066} #related-posts a:active {color: #330066; border-bottom: 1px solid #330066} #related-posts a:visited {color: #330066; border-bottom: 1px solid #330066} #related-posts a:hover {color: #330099; border-bottom: 0px} #featured { margin: 0 0 15px 0; } #featured img { margin: 7px 0 7px 0; display: block; border: 1px solid #d9e2e5; padding: 2px; float: left; } #featured p { line-height: 1.5em; text-align: justify; padding: 0 0 7px 0; } #featured h2 a { font-size: 1.4em; line-height: 1.3em; } #featured h2 a:hover { border-bottom: 1px dotted #bbb; } #featured h2 .showdate { display: inline; margin-left: 10px; text-transform: uppercase; font-size: 0.9em; } .thumb {float: left; margin: 0 5px 5px 0} .entry, .fpost, .lpost {text-align: justify} /*add ruslan modesco*/ #toc_container {} .toc_title {text-align: left!important; font-size: 1.7em!important; font-weight: normal!important; font-family: Arial, Verdana!important; line-height: 1.4em!important; color: #004276!important;} img.thumb-category.wp-post-image { float: left; margin: 0 5px 0 0;} /*add ruslan modesco*/ h1 {font-size: 24px!important;} h2 {font-size: 20px!important;} h3 {font-size: 18px!important;} h4 {font-size: 16px!important;} h5 {font-size: 14px!important;} h6 {font-size: 12px!important;} h7 {font-size: 10px!important;} .post.archived { clear: both; margin-bottom:30px; overflow: hidden; } .ncat {padding-left: 2em;} .h-lpost { font-size: 1em!important; } .entry a.fullstory { background: #366799; color: white; padding: 4px; float:right; } .entry a.fullstory:hover { background: rgba(54, 103, 153, 0.63); color: black; } .entry a.fullstory:visited { color: white; } .wpcf7 input, textarea {border: 1px black solid;} .post ul {list-style-type: inherit;} /***#main-right li {list-style:none;}***/ /*для заголовка h1*/ .fullwidth-post-title { background-color: rgba(54, 103, 153, 0.7); color: #ffffff!important; position: absolute; padding: 10px 0; float:none; z-index: 1; margin: 0; width:100%; } /*для миниатюры*/ img.thumb-fullwidth.wp-post-image { max-width: 100%; width: 100%; position: absolute; height: auto; left: 0; top: 0; margin: auto; bottom: 0; } /* общий контейнер заголовок + миниатюра*/ .featured { float: none; padding-right: 0; padding-top: 0; margin-bottom: 1em; width: 100%; max-width: 100%; position: relative; overflow: hidden; text-align: center; height: 250px; } @media screen and (max-width:768px){ #main-right .q2w3-fixed-widget-container{ display: none; } #main-left { width: 100%; } .column1{ width: 100%; } } #before_footer{ margin-bottom: 30px; display: flex; justify-content: center; } .yarpp-heading{ font-size: 20px!important; color: black!important; margin-left: 14px!important; }