/* Original Author: Tomas Lach (www.tomaslach.cz) Heavily Modified by OS Templates (http://www.os-templates.com) Changing colours is now simple, now uses @import to import the individual CSS colour scheme instead of having to use multiple templates The template now gracefully degrades for older browsers - IE 7 + 8 are now also partially supported Template re-named to: Continents AIO (All In One) */ /******************************************************************************************************************* * IMPORT OTHER STYLES *******************************************************************************************************************/ @import url(reset.css); /* Choose the colour you wish to use => colour-azure.css is default @import url(colour-azure.css); @import url(colour-black.css); @import url(colour-blue.css); @import url(colour-green.css); @import url(colour-orange.css); @import url(colour-purple.css); */ @import url(colour-azure.css); /******************************************************************************************************************* * BASE *******************************************************************************************************************/ html{background:#f2f2f2;} body{color:#212121; font:normal 14px "Helvetice Neue",Arial,Tahoma,Verdana;} p{line-height:1.5em; margin-bottom:15px;} p strong{color:#424242;} address{font-style:normal; padding-bottom:15px;} /******************************************************************************************************************* * LINKS *******************************************************************************************************************/ a{outline:0;} a { text-decoration: none; color: #486d9f; } /******************************************************************************************************************* * H1 - H4 *******************************************************************************************************************/ h1, h2, h3, h4{line-height:1.2em; margin-bottom:15px; font-weight:bold;} h1{font-size:3.0em; color:#fff; font-weight:normal;} h1 strong{font-weight:bold;} h2{font-size: 20px;color: #212121;margin-top: 20px;} h3, h4{font-size:1.4em; color:#424242; text-shadow:1px 1px 1px #fff; margin-bottom:10px;} h4{font-size:1.6em;} /******************************************************************************************************************* * HEADER *******************************************************************************************************************/ header{height:84px; line-height:84px; background:#1a1a1a; position:relative; z-index:100;} header a#logo{font-size:1.2em; font-weight:bold; display:block; position:absolute; top:0; left:20px; color:#fff; text-transform:uppercase; text-decoration:none;} header a#logo:hover{text-decoration:none; color:#f7f7f7;} header #nav{position:absolute; top:0; right:0;} header #nav > strong{display:none;} header #nav > ul > li{float:left; background:url("img/nav-sep.png") no-repeat 0 50%; position:relative;} header #nav > ul > li.parent > a{background:url("img/nav-more.png") no-repeat 20px 50%; padding-left:40px;} header #nav > ul > li > ul{display:none; min-width:100%; position:absolute; top:62px; left:20px; line-height:normal; white-space:nowrap;} header #nav > ul > li > ul > li{margin-bottom:1px;} header #nav > ul > li > ul > li > a{color:#c3c3c3; text-decoration:none; padding:10px 20px; display:block; background:url("img/subnav-bg.png");} header #nav > ul > li > ul > li > a:hover{background:#000; color:#fff; text-decoration:none;} header #nav > ul > li:first-child{background:none;} header #nav > ul > li > a{float:left; color:#a2a2a2; display:block; height:84px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 20px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} header #nav > ul > li.active > a{cursor:pointer; text-decoration:none;} header #nav > ul > li > a:hover{color:#fff; text-decoration:none;} #intro{position:relative; z-index:90;} #intro .inner{padding:55px 0;} #intro p{color:#fff; margin-bottom:20px; padding-right:20%;} #intro .button{text-shadow:-1px -1px 0 #ff6d00; text-transform:none; border:0; font-size:13px; background-color:#ff9a01; border-radius:5px; color:#fff; display:inline-block; padding:15px 40px; text-decoration:none; box-shadow:0 2px 2px #2596b7; border-top:1px solid #ffe702; background:-moz-linear-gradient(top, #ffc101 0%, #ff9a01); background:-webkit-gradient(linear, left top, left bottom, from(#ffc101), to(#ff9a01));} #intro .button:hover{background:-moz-linear-gradient(top, #ff9a01 0%, #ffc101); background:-webkit-gradient(linear, left top, left bottom, from(#ff9a01), to(#ffc101));} #intro .button span{color:#b1b1b1; font-weight:100;} /******************************************************************************************************************* * CONTENT *******************************************************************************************************************/ .wrapper {width: 1150px;margin: auto;} #content {padding: 20px;max-width: 800px;background: #FFF;box-shadow: 0px 10px 35px rgba(0,0,0,0.05);} #content1 {padding: 20px;max-width: 800px;background: #FFF;box-shadow: 0px 10px 35px rgba(0,0,0,0.05);margin-top:40px;float:left;} .cols{margin-bottom:30px;} .cols li{max-width:32%; float:left; background:url("img/cite.png") no-repeat;} .cols li p{padding-left:45px;} .cols li.middle{margin:0 2%;} .codeMessage{border:none !important;} /******************************************************************************************************************* * ПРАВЫЙ КОНТЕЙНЕР *******************************************************************************************************************/ .container_right {width: 290px;float: right;margin-top: 40px;} .blok_wrapp {margin-bottom: 20px;} .blok_name {background: #2aacd2;color: #FFF;font-size: 14px;padding: 20px;} .blok {background: #FFF;padding: 20px; box-shadow: 0px 10px 35px rgba(0,0,0,0.05);} .widget-list {padding: 0;list-style: none;} .widget-list a:before {content: "\2014";margin-right: 14px;font-size: 14px;} .widget-list a {text-decoration: none;outline: none;display: block;padding: 6px 0; letter-spacing: 1px;font-weight: 300;color: #444;transition: .3s linear;} .widget-list a:hover {color: #b99d61;} /******************************************************************************************************************* * ВИД МАТЕРИАЛОВ *******************************************************************************************************************/ .mtr {margin: 0 0 20px 0;display:table} .mtr .article_counters {margin-bottom:10px;} .mtr .im {padding-right:15px;display:table-cell;vertical-align:top} .mtr_td {display:table-cell;vertical-align:top} .mtr .inim {width:300px;height:140px;overflow:hidden} .mtr_descr {margin:0;position:absolute;top:-9000px} .name_mtr {margin-bottom:7px;font-size:16px;font-weight:bold} .name_mtr a{color:#173a51;text-decoration:none;-moz-transition: color 0.2s 0.02s ease;-o-transition: color 0.2s 0.02s ease;-webkit-transition: color 0.2s 0.02s ease;} .name_mtr a:hover {color: #1FA2E1;} .article_counters {margin-bottom:14px;font-size:13px;color:#8c8c8c} .article_counters a{color:#8c8c8c} .article_counters span {display:inline-block;margin-right:10px; height: 16px;} .article_counters .dats {background:url('https://yraaa.ru/files/time.png') 0px 0px no-repeat;padding-left:20px} .article_counters .views {background:url('https://yraaa.ru/files/views.png') 0px 0px no-repeat;padding-left:20px} .article_counters .coms {background:url('https://yraaa.ru/files/comment.png') 0px 0px no-repeat;padding-left:20px} .article_counters .catalog {background:url('https://yraaa.ru/files/catalog.png') 0px 0px no-repeat;padding-left:20px} .article_counters .user {background:url('https://yraaa.ru/files/user.png') -1px 0px no-repeat;padding-left:20px} /******************************************************************************************************************* * СТРАНИЦА МАТЕРИАЛОВ *******************************************************************************************************************/ .message_img img {margin: -20px -20px;height: 250px;width: 840px;} .name_message { width: 100%;margin: 40px 0 0 0;line-height: 32px;font-size: 24px;font-weight: normal;color: #212121;} .mtr_message img{margin-left: -20px;} .line {float: left;width: 100%;background: url(https://proucoz.site/uc4/line.png) repeat-x;height: 5px;margin: 0;} /******************************************************************************************************************* * ПЕРЕКЛЮЧАТЕЛИ СТРАНИЦ *******************************************************************************************************************/ .catPages1,.catPages2,.pagesBlock1,.pagesBlock2,.pagesBlockuz1,.pagesBlockuz2{padding:35px 0 11px;border-bottom:1px solid #dedede} span.catPages1,span.catPages2,span.pagesBlock1,span.pagesBlock2,span.pagesBlockuz1,span.pagesBlockuz2{display:inline-block} .catPages1 a,.catPages1 b,.catPages2 a,.catPages2 b,.pagesBlock1 a,.pagesBlock1 b,.pagesBlock2 a,.pagesBlock2 b,.pagesBlockuz1 a,.pagesBlockuz1 b,.pagesBlockuz2 a,.pagesBlockuz2 b{font-weight:700;padding:12px;color:#b7bac7;background:0 0;font-size:11px;position:relative;text-decoration: none;} .catPages1 b,.catPages2 b,.pagesBlock1 b,.pagesBlock2 b,.pagesBlockuz1 b,.pagesBlockuz2 b{color:#000} .catPages1 b:after,.catPages2 b:after,.pagesBlock1 b:after,.pagesBlock2 b:after,.pagesBlockuz1 b:after,.pagesBlockuz2 b:after{content:'';width:100%;height:1px;position:absolute;background:#000;bottom:-1px;left:0} .catPages1 a:hover,.catPages2 a:hover,.pagesBlock1 a:hover,.pagesBlock2 a:hover,.pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover{color:#000;background:0 0} .swchItemDots{letter-spacing:1px;color:#828e96;font-size:11px} /******************************************************************************************************************* * TWITTER *******************************************************************************************************************/ #twitter{background:#fff; border-top:1px solid #e5e5e5;clear: both;} #twitter .wrap{padding-top:20px; padding-bottom:5px; position:relative;} #twitter p{padding-left:80px;} #twitter .icon{display:block; position:absolute; top:-20px; left:20px; width:56px; height:61px; background:url("img/twitter.png") no-repeat;} /******************************************************************************************************************* * FOOTER *******************************************************************************************************************/ footer{padding:30px 0; background:#1a1a1a; font-size:0.85em; color:#777;height: 43px} footer p{line-height:1.9em;} footer a, footer a:link, footer a:focus{color:#999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} footer a:hover{color:#fff;} footer .socialIcons{padding-top:7px;} footer .socialIcons a{display:inline-block; width:29px; height:29px; margin:0 10px 0 0; text-indent:-9999px;} footer .socialIcons a:last-child{margin-right:0;} footer .socialIcons a.rss{background:url("img/small-rss.png") no-repeat;} footer .socialIcons a.Vkontakte{background:url("http://ucozblog.do.am/css/img/small-vk.png") no-repeat;} footer .socialIcons a.facebook{background:url("img/small-facebook.png") no-repeat;} footer .socialIcons a.twitter{background:url("img/small-twitter.png") no-repeat;} /******************************************************************************************************************* * OTHER STYLES *******************************************************************************************************************/ .wrap{margin:0 auto; position:relative; max-width:1150px; padding:0 20px;} .col{width:48%; position:relative; margin-bottom:20px;} .col h3, .col p{padding-left:60px;} .col .icon{position:absolute; top:0; left:0; padding:0;} .buttonCentered{text-align:center; margin-bottom:30px;} .button, .button:link, .button:focus{cursor:pointer; position:relative; margin-top:10px; display:inline-block; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; color:#787b7c; padding:8px 20px; background:-moz-linear-gradient(top, #fff 0%, #f1f1f1); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cacaca; text-shadow:0 0 0;} .button:hover{text-decoration:none; background:-moz-linear-gradient(top, #424242 0%, #000); background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#000)); color:#fff; border-color:#000;} .button.iconLeft{padding-left:45px;} .button.iconRight{padding-right:45px;} .button i{display:inline-block; position:absolute; top:50%; margin-top:-9px; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%;} .button.iconLeft i{left:20px;} .button.iconRight i{right:20px;} .button i.more{background-image:url("img/more.png");} .button i.email{background-image:url("img/mail.png"); margin-top:-8px;} /******************************************************************************************************************* * Responsive design *******************************************************************************************************************/ @media (max-width: 975px) { .wrap{max-width:auto; margin:0;} .cols li{max-width:30%;} .cols li.middle{margin:0 5%;} form fieldset{padding:15px;} form label{display:block; margin-bottom:10px;} form .text{margin:0; width:100%; padding-left:0; padding-right:0; text-indent:8px;} form .button{float:right;} } @media (max-width: 750px) { header nav li a{font-size:11px; padding:0 10px;} .col, .cols li{width:100%; max-width:100%; float:none; margin:0 0 30px !important;} .cols li{max-width:100%;} .cols li.middle{margin:0;} } @media (max-width: 580px) { header{height:50px; line-height:50px;} #intro .inner{padding:30px 0;} #intro p{padding-right:0 !important;} h1{font-size:2.6em;} header a#logo{left:20px;} header #nav{right:20px;} header #nav > strong{display:block; float:right; cursor:pointer;} header #nav > strong:hover{color:#fff;} header #nav > ul{display:none; position:absolute; left:auto; right:0; top:80%; line-height:normal; white-space:nowrap;} header #nav > ul > li, header #nav > ul > li > ul > li{float:none; margin-bottom:1px; position:relative; background:none !important;} header #nav > ul > li > ul{margin-top:1px; position:relative !important; display:block !important; top:0 !important; width:100% !important;} header #nav > ul > li > a, header #nav > ul > li.parent > a{color:#c3c3c3; text-decoration:none; padding:10px 20px !important; height:auto; float:none !important; width:100%; display:block; background:url("img/subnav-bg.png"); -webkit-transition:all 0s ease-in-out; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; transition:all 0s ease-in-out;} header #nav > ul > li > a:hover{background:#000; color:#fff; text-decoration:none;} header #nav > ul > li > ul > li > a{background:url("img/subnav-bg.png");} footer p.floatLeft, footer p.floatRight{display:block; width:100%; float:none; margin-bottom:20px;} footer p:last-child{margin-bottom:0;} .buttonCentered{position:relative; top:-15px;} .content{width:auto;} .container_right {float: left} } /* iPhone4 */ @media only screen and (-webkit-min-device-pixel-ratio: 2) { html{width:100%;} } article {padding-top:10px} article .pad20 {padding:10px 30px;} article p img {vertical-align:middle} .article_content ul li, .article_content ol li {padding-bottom:10px} .donate_link {margin-top:20px;margin-left:15px} .fix_sidebar {top:30px;position:fixed} .block-spa {padding-bottom:30px;border-bottom:1px solid #dedede;margin-bottom:20px;line-height:30px;font-size:18px} .block-spa a {display:inline-block;float:right;font-size:14px;text-decoration:none;background:#5eb948;color:#fff;padding:6px 28px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;margin-right:10px;margin-top:5px;box-shadow:0px 10px 50px -10px #5eb948;} .spa-subject {width:100%;padding:0px;} .spa-subject td {padding:0px;padding-right:30px;padding-bottom:30px;vertical-align:top} .spa-title {font-size:18px;display:block;font-size:18px;margin-bottom:16px} .spa-desc {font-size:14px;color:#888;line-height:29px} .block-spa-ukit {border-bottom:0px !important;margin-top:50px} .block-spa-ukit a {background:#3594f0;box-shadow:0px 10px 50px -10px #3594f0;} .block-spa-cat {margin-bottom:20px;border:1px solid #dedede;padding:30px 35px;margin-top:20px;font-size:16px} #subscribe{float:right;font-size:10px;} .tbutton{margin:2px 10px 0 0;} #forum_filter form{float:left;} #forum_filter{float:right;clear:right;} #filter_by{float:left;} .clear2{float:none;width:100%;clear:right;} #forum_filter #filter_by{margin-top:3px;} #thread_search_field{float:right;width:180px;margin-right:5px;} #thread_search_button{float:right;margin-top:3px;} ul.user_awards_list{list-style:none;margin:0;padding:0;} ul.user_awards_list li{display:inline;} .captcha-block{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;width:100%;cursor:pointer;} .captcha-answer{height:36px;text-align:center;font-size:16px;line-height:24px;padding:4px;} .captcha-renew, .captcha-question{border:0;cursor:pointer;vertical-align:middle;} #captcha-answer-mchat, #captcha-answer-site-user-del, #captcha-answer-advise-1, #captcha-answer-advise-2, #captcha-answer-advise-3, #captcha-answer-advise-4, #captcha-answer-advise-5, #captcha-answer-advise-6, #captcha-answer-advise-7, #captcha-answer-advise-8, #captcha-answer-advise-9, #captcha-answer-advise-10{width:50px;font-size:11px;line-height:24px;} .report-spam-target:hover .uc-top-right{white-space:normal;} .report-spam-wrap{margin-left:0;margin-right:0;opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;float:left;} .report-spam-wrap.report-spam-wrap-manage{opacity:1;float:none;} .report-spam-target:hover .report-spam-wrap{opacity:1;} .report-spam-wrap a{display:none;} .report-spam-target:hover .report-spam-wrap a{display:inline;margin-right:10px;} .report-spam-toggle-wrapper{text-align:center;color:gray;padding:10pt 0;margin:10px 0;border-top:1px dashed gray;border-bottom:1px dashed gray;} .report-spam-toggle-wrapper.report-spam-toggle-shown{border-bottom:none;} .report-spam-hidden{opacity:0.7;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;} .report-spam-hidden:hover{opacity:1;} .report-spam-count-msg{margin-right:10px;} .com-order-block{text-align:right;} .hidden-for-calendar{display:none;} /* LINKS */ .list-over {width:285px;} .list-in {font-size:14px;padding-left:15px} .ficon, .ficon:hover {background-repeat:no-repeat;background-position:0px 17px;padding:15px 0px;padding-left:28px;display:block;text-decoration:none;color:#75818a;border-top:1px solid #d0dde7;} .ficon:hover {color:#000} .ficon b, .ficon:hover b {color:#236598;border-bottom:1px solid #b9cfe3} .ficon:hover b {color:#ce1e10;border-color:#dba8a6} .ficon-rookee {background-image:url('https://favicon.yandex.net/favicon/wiki.rookee.ru?color=255,255,255,0')} .ficon-miralinks {background-image:url('https://favicon.yandex.net/favicon/miralinks.ru?color=255,255,255,0');} .ficon-ggl {background-image:url('https://favicon.yandex.net/favicon/gogetlinks.net?color=255,255,255,0');} .ficon-ukit {background-image:url('https://favicon.yandex.net/favicon/ukit.com?color=255,255,255,0');} .ficon-webeffector {background-image:url('https://favicon.yandex.net/favicon/webeffector.ru?color=255,255,255,0');} .ficon-utemplate {background-image:url('https://favicon.yandex.net/favicon/utemplate.pro?color=255,255,255,0');} .ficon-ucoz {background-image:url('https://favicon.yandex.net/favicon/ucoz.ru?color=255,255,255,0');} .ficon-plane {background-image:url('/634294/send-plane.png');} /*media*/ @media only screen and (max-width: 1180px) { .header {position:static} .content_over, .content, .blocks {width:840px;display:block;margin:0px auto;} .blocks {padding:0px!important;margin:0px!important;margin-top:0px;width:100%;overflow:hidden} .footer_in, .block_one {width:840px} .pod_header {display:none} /*.pro, .kitty_top, .kitty_top2*/ .search {width:200px} .search_text {width:150px} .login, .profile {margin-right:20px} .blocks {padding-bottom:30px;background:#fff} .tour_layer {display:none} .tour {height:auto;background:#4eaef8} .fix_sidebar {top:auto;position:static} .ad_right {margin-top:0px !important} .logo {margin-left:30px} .ucoz_link {display:none} .header_in {width:840px} .tour-header .header_in {width:780px} .wrapper-main {background:#fff} .search {border:1px solid #dedede} .wrapper-main .content {box-shadow:0px 10px 35px rgba(0,0,0,0)} } @media only screen and (max-width: 980px) { .wrapper {padding-top:0px;background:#fff} .content_over, .content, .blocks {width:100%;display:inline-block} .content_over *, .content *, .blocks * {max-width:100%} .footer_td1, .footer_td3, .cat_socials, .reg_left, .over_ind, .m_users {display:none !important} .block_one_menu {display:block !important;width:100% !important;padding:0px;margin:0px} .header_in, .footer_in, .block_one, .reg_over {width:100% !important} .header_in *, .footer_in *, .block_one * {max-width:100%} .pro, .kitty_top, .kitty_top2 {display:none} .ucoz_link span, .siteRateIn {display:none} .search {width:200px} .search_text {width:150px} .top_block, .publ_left, .related_over, .m_link u, .srch-res-img {display:none} .mtr .inim {width:200px;height:auto} .mtr .inim img {width:200px} .article_image img {height:auto} .footer_td2, .footer_td4 {width:50% !important;padding:0px 30px !important} .counters {position:absolute;left:-1000px;top:-1000px} .tour_in {width:100%;padding:30px;padding-top:0px} .ut_over {padding-right:30px} .mcover {padding:20px 0px;padding-bottom:10px} .article_bottom {padding:30px} .tour-header h1 {text-align:center} .tour_count, .main-social, .ad_right, .index_top, .make-site-header {display:none} .header_in {text-align:center} .main-make, .main-make:hover {position:static} .tour_desc {padding:0px 15px;padding-bottom:20px} .profile-menu {position:static!important} .profile-list {top:60px;right:20px!important} .uSocial {display:none !important} .article_content p, .article_content h1, .article_content h2, .article_content h3, .article_content h4, .article_content h5 {padding-left:0px;padding-right:0px} #fixblock {position:static!important;margin-top:0px !important} } @media only screen and (max-width: 460px) { .chat_over, .tour, .ucoz_link span {display:none} .mtr {display:block} .mtr .im {display:block;margin-bottom:10px;padding-right:0px} .mtr .inim, .mtr .inim img {width:100%} .mtr_td {display:block} .ob_text_in, .ad_right, .m_add, #puzadpn {display:none !important} .links_bottom a {padding-right:10px;font-size:13px} .header_ucoz, .reg_td1, .cp_active_rep, .cp_cat_left {display:none !important} .cp_active_counter {width:auto;text-align:right} .m_link {padding-right:0px} .padpage {padding:0px} .comEnt {margin-left:0px !important} .cat_desc_over {padding:0px} } .side-make {padding:30px 15px;padding-bottom:0px} .make-side {display:inline-block;text-decoration:none;color:#2b9800;line-height:24px;font-weight:bold;background:url('/createyoursite/ucoz-logo-b.png') 0px 3px no-repeat;padding-left:58px} .make-side:hover {text-decoration:none;} .make-side-r {display:block;font-size:11px;color:#888f94;padding-left:58px;text-decoration:none;padding-top:4px} .r-new-site {width:270px;margin-top:25px;margin-left:15px} .r-new-site a {position:absolute;display:inline-block;left:0;top:0;width:100%;height:100%;z-index:2;transition: all linear .3s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s} .r-new-site a:hover {background:rgba(255,255,255,0.1)} .r-new-title {font-size:17px;color:#fff;position:absolute;top:15px;left:20px} .r-new-desc {position:absolute;bottom:15px;left:20px;color:#fff;font-size:13px;line-height:20px} .r-new-desc span {background:#d01c75;text-transform:uppercase;padding:0px 6px;margin-left:6px} .r-new-1, .r-new-2, .r-new-3, .r-new-desc span {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position:relative !important} .r-new-1 {width:270px;height:92px;background:url('/best/ph1.jpg') #37705f;box-shadow:0px 10px 40px -10px #37705f} .r-new-2 {width:130px;height:75px;background:url('/best/ph2.jpg') #3596e9;margin-top:10px;box-shadow:0px 10px 40px -10px #3596e9} .r-new-3 {width:130px;height:75px;background:url('/best/ph3.jpg') #e96a43;float:right;margin-top:10px;box-shadow:0px 10px 40px -10px #e96a43} .r-psa {background:url(http://www.fbcoverdesign.com/wp-content/uploads/2014/09/photoshop_creative_girl-fbcoverdesign-300x150.jpg) center top} .r-wef {background:url(https://d13yacurqjgara.cloudfront.net/users/32512/screenshots/2448665/dashboard_1x.png) center top} .r-mir {background:url(http://www.openschool.bc.ca/poi/images/poi_document_pen.jpg) center top} .r-ggl {background:url(http://novorosnews.ru/wp-content/uploads/2015/08/rub.jpg) center top} .r-spt a {opacity:0;height:130px} .related {margin-left:15px;margin-bottom:20px;width:285px} .related a {display:block;padding:30px;background:rgba(0,0,0,0.5);color:#fff;font-weight:bold;text-decoration:none;line-height:24px} .related a:hover {background:rgba(0,0,0,0.4)} .related a i {font-size:11px;display:block;font-weight:normal;font-style:normal} .u-blue {border-top:4px solid #2b76e4;} .u-green {border-top:4px solid #6cc83c;} .u-orange {border-top:4px solid #f29000;} .u-block {margin-left:15px;margin-bottom:20px;width:285px;box-shadow:0px 15px 50px -15px rgba(0,0,0,0.4);background:#fff} .u-block-in {background:#fff;padding:30px;padding-top:20px;} .u-b-title {font-weight:bold;margin-bottom:20px;font-size:18px} .u-block ul, .u-block li {margin:0px;padding:0px;list-style:none} .u-block li {margin-bottom:10px;font-size:13px;padding-left:18px;background:url('/images/li.png') no-repeat 0px 6px} .u-block li a {text-decoration:none;line-height:1.5em} .dollars {width:100%;height:50px;background:url('/images/dollars.jpg')} .random {width:100%;height:50px;background:url('/images/random.jpg')} .nobottom {margin-bottom:0px} .micro-desc {font-size:13px;margin-top:7px} .u-award {background:#fff url('/best/award.png') right -6px no-repeat} .u-b-site {padding-right:50px} .u-b-site a {font-size:13px;text-decoration:none;} .u-site {padding-bottom:20px} .u-micro {padding-top:10px;font-size:11px} .u-micro a {color:#a5adb8;text-decoration:none} .u-micro a:hover {color:#868d96} .creature-1 {display:inline-block;vertical-align:bottom;width:100%;height:326px;background:url('/createyoursite/9.png') center no-repeat} .myBtnLeftA, .myBtnRightA {display:none} .myBtnLeft, .myBtnRight {display:none} .x-sh, .xw-bl {display:none !important;} .xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;} .xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 20px 20px !important; background: #fff !important; border: 1px solid #fff !important;border-radius:4px;box-shadow: 0 0 10px rgba(0,0,0,0.5);} .xw-hdr-text {display: none !important;} .xw-hdr img {display:none;} .xw-tl, .xw-tr, .xw-tc, .xw-hdr, .xw-sps .xw-draggable {height: 0 !important;background: none !important;padding: 0 !important;} .xw-tc {overflow: visible !important;} .xt-close {position: absolute !important;right: -18px;top: -18px;margin: 0 !important;z-index: 10014 !important;width: 36px !important;height: 36px !important; background: url('/images/closeajax.png') no-repeat !important;} .xw-body {border: 0 !important;padding: 0 !important;} .xw-body table {margin:0px !important;padding:0px !important} .xt-maxi {display:none;} .xt-mini {display:none;} .xt-rest, .fastLogBt {display:none;} .myWinCont * {color:#000} .myWinCont b {color:#000!important} .myWinCont {overflow-x:hidden !important;text-align:left} .myWinCont input[type="text"], .myWinCont input[type="password"], .myWinCont textarea {padding:4px 7px !important;margin:2px 0px !important} .myWinCont input[type="password"] {margin-bottom:6px !important} .myWinCont input[type="checkbox"] {margin:0px !important;margin-right:4px !important;} .myWinCont fieldset {border:0px !important;padding:0px !important} .myWinCont fieldset legend {display:none} .myWinCont label {color:#717171} .myWinCont fieldset label {margin:10px 10px !important;color:#717171;font-size:13px} .myWinCont fieldset input[type="radio"] {opacity:0;display:none} .myWinCont fieldset input[type="radio"]:checked+label {font-weight:bold} .myBtnCont {padding:0px !important} .myBtnCenter {background-position: 2000px 2000px !important;} .myBtnCenter a {padding:4px 10px;color:#FFF !important;background:#3297db !important;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;} .myBtnContA {padding:0px !important} .myBtnCenterA {background-position: 2000px 2000px !important;} .myBtnCenterA a {padding:4px 10px;color:#FFF !important;background:#3297db !important;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;} .bbCodeBlock {background: #f2f2f2;padding: 20px;margin: 20px 0 20px 0;} .com-title {margin-top: 40px;} .com-order-block {display: none;} .commentsD { overflow: hidden; clear: both; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #dedede; position: relative; } .commentsDLeft { float: left; width: 58px; height: 58px; overflow: hidden; } .commentsDLeft img { width: 58px; height: 58px; border-radius: 50%;} .commentsDRight { padding-left: 68px; margin-right: 27px; font-size: 12px; color: #535353; } .commentsDRight a { color: #3e608c; } .commentsDRightitle span { font-size: 10px; } .commentsD:hover .commentsDRating { opacity: 1; } #avatar50x50 { width: 58px; height: 58px; background-color: #3e608c; border-radius: 50%;} .commentsDRating { height: 58px; overflow: hidden; float: right; position: relative; opacity: 0; } a.rPlus { position: absolute; left: 5px; top: 0px; width: 16px; height: 8px; background: url(/img/comments.png) no-repeat top right; } a.rPlus:hover { background: url(/img/comments.png) no-repeat top left; } a.rMinus { position: absolute; left: 5px; bottom: 0px; width: 16px; height: 8px; background: url(/img/comments.png) no-repeat right bottom; } a.rMinus:hover { background: url(/img/comments.png) no-repeat bottom left; } /********* profile details **********/ .profile_right { background: #080808; height: 30px; float: right; margin-top: 22px; margin-left: 10px; padding: 5px; border-radius: 5px; } .headerAvatar { float: left; } .headerAvatar img{ width: 30px; margin: 0 0 19px -19px; border-radius: 5px; } .full_name { float: left; margin: -27px 10px; color: #ffffff; } .full_name a{ color: #ffffff; }