/* Theme Name: Po-Miru.com Theme URI: http://na-lab.ru Description: Theme for web-site Po-Miru.com. Powered NeoArt Laboratory Author: NeoArt Laboratory Version: 1.0 Tags: po-miru.com, na-lab.ru */ /*----------------------CSS reset-------------------------- */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /*-------------------- css ---------------------*/ html { } body { margin: 0px; padding: 0px; width: 100%; min-width: 1000px; font-family: arial, sans-serif; font-size: 14px; color: #000000; background: #342a1e; } div.gclear { height: 1px; clear: both; overflow: hidden; } img { margin: 0px; padding: 0px; border: none; } a { cursor: pointer; color: #3f88d2; } a:hover { text-decoration: none; } h1,h2,h3,h4,h5,h6 { font-family: Georgia; font-style: italic; color: #000000; padding-bottom: 14px; } h1 {font-size: 32px; } h2 {font-size: 28px; } h3 {font-size: 18px; } strong, b {font-weight: 700; } em { font-style: italic; } p {padding-bottom: 14px; line-height: 22px; } .entry-content ul { margin-bottom: 4px; margin-top: 4px; padding-left: 14px;} .entry-content li { list-style: inherit; margin-bottom: 6px;} .entry-content p { color: #2C2C2C; } .entry-content {line-height: 22px;} .gbuttomlike{float:left;} #vklike{width:170px;} #mailodnolike{width:250px;} #facelike{width:160px;} /*-------------------- header ---------------------*/ #bgheader { background: #101916; } #gheader { background: url(i/bgheader.jpg) no-repeat center top; } #cheader { position: relative; min-width: 1000px; width: 1000px; height: 494px; margin-left: auto; margin-right: auto; } #glogo{ width: 214px; height: 61px; position: absolute; left: 30px; top: 30px; background: url(i/logo.png) no-repeat left top;} #glogo a { display: block; width: 214px; height: 61px; } #gmoon { width: 92px; height: 92px; position: absolute; left: 860px; top: 40px; background: url(i/moon.png) no-repeat left top;} #gmoon div { width: 92px; height: 92px; background: url(i/moon.png) no-repeat left -92px; display: none;} /* Scroll */ .scrollable { position:absolute; left: 49px; top: 5px; overflow:hidden; width: 604px; height:202px;} .scrollable .items { width:20000em; position:absolute; } .items div { float:left; width: 604px; height:202px;} /* Article Presentation */ #pres { width: 700px; height: 220px; position: relative; left: 146px; top: 224px; text-align: left; overflow: hidden; } #pres_bleft { position: absolute; left: 0px; top: 86px; width: 34px; height: 34px; background: url(i/pres_bleft.png) no-repeat top center; } #pres_bright { position: absolute; left: 666px; top: 86px; width: 34px; height: 34px; background: url(i/pres_bright.png) no-repeat top center; } #pres_bright:hover, #pres_bleft:hover { opacity: 0.7; } .cpres { position: absolute; font-family: Georgia; font-style: italic; color: #FFFFFF; text-shadow: black 2px 2px 2px; } .pres_new { position: absolute; left: 276px; top: -4px; width: 63px; height: 64px; background: url(i/presnew.png) no-repeat top center; } div.pres_info {position: absolute; left: 20px; top: 10px; font-size: 24px; width: 540px; } img.pres_img { width: 604px; height: 202px; } .pres_link {position: absolute; left: 490px; top: 170px; } .pres_link a { font-size: 18px; color: #FFFFFF;} .pres_link a:hover {text-decoration: none;} /* Menu */ .menu-header { clear: both; position: absolute; left: 0px; top: 453px; width: 100%; height:41px;} .menu-center { margin: 0 auto; } .menu-header ul { margin: 0; padding: 0; list-style-type: none; } .menu-header ul li { height:41px; margin: 0 4px; padding-left:15px; float: left; text-align: center; background: url(i/tm_bg_l.png) no-repeat left -41px; } .menu-header ul li span { padding-right:15px; float: left; display: block; height:41px; background: url(i/tm_bg_r.png) no-repeat right -41px; } .menu-header ul li a { float: left; text-decoration: none; font-size: 24px; font-family: Georgia; font-style: italic; color: #FFFFFF; display: block; height:41px; line-height: 40px; background: url(i/tm_bg_c.png) repeat-x left -41px; } .menu-header ul li:hover { background: url(i/tm_bg_l.png) no-repeat left -82px; } .menu-header ul li:hover span { background: url(i/tm_bg_r.png) no-repeat right -82px; } .menu-header ul li:hover a { background: url(i/tm_bg_c.png) repeat-x left -82px; } .menu-header ul li.current-menu-item, .menu-header ul li.current-menu-parent { background: url(i/tm_bg_l.png) no-repeat left 0px; } .menu-header ul li.current-menu-item span, .menu-header ul li.current-menu-parent span { background: url(i/tm_bg_r.png) no-repeat right 0px; } .menu-header ul li.current-menu-item a, .menu-header ul li.current-menu-parent a { color: #000000; background: url(i/tm_bg_c.png) repeat-x left 0px; } .menu-header ul li.current-menu-item:hover, .menu-header ul li.current-menu-parent:hover { background: url(i/tm_bg_l.png) no-repeat left 0px; } .menu-header ul li.current-menu-item:hover span, .menu-header ul li.current-menu-parent:hover span { background: url(i/tm_bg_r.png) no-repeat right 0px; } .menu-header ul li.current-menu-item:hover a, .menu-header ul li.current-menu-parent:hover a { color: #000000; background: url(i/tm_bg_c.png) repeat-x left 0px; } /* Sub-Menu */ .sub-main-menu-tab tr td{ padding: 0 16px 16px; } .sub-main-menu { margin: 0; padding: 0; list-style-type: none; } .sub-main-menu li { padding: 6px 10px; float: left; text-align: center; } .sub-main-menu li.current_page_item { background-color:#3f88d2; } .sub-main-menu li.current_page_item a { color: #FFFFFF; text-decoration: none; } /*-------------------- body ---------------------*/ #bgbody{background: #FFFFFF;} #gbody { } #cbody { padding: 20px 0; position: relative; min-width: 1000px; width: 1000px; min-height: 400px; margin-left: auto; margin-right: auto;} #cbodyicon { position: absolute;} #cbodyinfo { padding-bottom: 20px; } .pomiru_item {width: 250px; float: left; padding: 10px 0; } ul.pomiru_ul li{padding-bottom: 6px;} .pomiru_h2 {padding-bottom: 8px; font-size: 20px;} .textmp { width: 600px; float: left;} .lastpostmp { padding: 0 10px 0 20px; width: 170px; float: left;} .lastpostmp h3 {font-size: 20px;} .lastpostmp ul { padding-left: 14px; } .lastpostmp ul li { list-style: square; padding-bottom: 12px; } .inspageg_c { padding: 0px 20px 0px 20px; } .straninslist { font-size: 16px; list-style-type: none; } .straninslist li { float: left; padding: 0 20px 10px; text-align: center;} .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right;width: 50%; } .post .entry-utility {padding-bottom: 40px;} #nav-above div {padding-bottom: 20px;} #nav-below div {} .comment_in_moder {font-style: italic; font-size: 12px; color: #707070; } .comment-author { font-style: italic; } .com_dtime { font-size: 12px; color: #707070; } .com_author { font-weight: 700; font-size: 16px; color: #000; } .comment-body { padding: 10px 40px 0 40px;} li.comment { padding: 16px; border: 1px solid #FFF; border-bottom: 1px solid #E0E0E0; } li.comment:hover { background-color: #F8F8F8; border: 1px solid #D0D0D0; } .comments-link {font-style: italic; font-size: 12px;} div.reply {padding-bottom: 8px;} .comment ul.children li { border: 1px solid #E0E0E0; border-radius: 16px; } .comment ul.children li:hover {border-color: #D0D0D0;} .entry-meta {padding-bottom: 10px; font-style: italic; font-size: 12px; color: #707070; } .em-in-post { padding: 0 0 10px 0; text-align: right; } .entry-content img { padding: 6px; } .entry-content img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .s2_message, .s2_error{font-size: 18px;font-family: Georgia; font-style: italic; color: #000000; padding-bottom: 14px;} /* O nas */ .onas-c { width: 100%; float:left; } .onas-c .entry-content {padding: 10px 20px 0; border: 1px solid #FFF; border-radius: 20px;} .onas-c .entry-content:hover { border-color: #DDDDDD;} .onas-kate-c img { padding: 0 10px 8px 0; float:left; } .onas-luba-c img { padding: 0 0 8px 10px;float:right; } #respond {padding: 20px 0 20px 0;} #commentform textarea {width: 100%;} .inspage #commentform textarea {width: 890px;} #commentform textarea { padding: 4px 6px 0; border: 1px solid #A0A0A0; border-radius: 16px; } #commentform textarea:hover { background-color: #F8F8F8; border-color: #707070;} #commentform input { padding-left: 6px; height: 20px; margin-right: 10px; border: 1px solid #A0A0A0; border-radius: 10px; } #commentform input:hover { background-color: #F8F8F8; border-color: #707070;} #commentform label {font-style: italic; font-size: 12px; color: #707070; } #commentform p.form-submit input { cursor: pointer; padding: 0 20px; margin: 0; text-align: center;} #commentform p.form-submit input:hover { color: #303050; } /*-------------------- footer ---------------------*/ #bgfooter { background: #342a1e; } #gfooter { background: url(i/bgfooter.jpg) repeat-x center top; } #cfooter { position: relative; min-width: 1000px; width: 1000px; height: 1447px; margin-left: auto; margin-right: auto; } /* Map */ #gmap { width: 1000px; height: 849px;background: url(i/map.jpg) no-repeat left top;} #gland { position: absolute; left: 30px; top: 50px; width: 59px; height: 59px;background: url(i/land.png) no-repeat left top;} #gtop1 { position: absolute; left: 445px; top: 3px; text-align: center; width: 111px; height: 65px;background: url(i/btop.png) no-repeat left top;} #gtop2 { position: absolute; left: 445px; top: 850px; text-align: center; width: 111px; height: 65px;background: url(i/btop.png) no-repeat left top;} .a_btop { line-height: 68px; text-decoration: none; font-size: 18px; font-family: Georgia; font-style: italic; color: #FFFFFF; text-shadow: black 1px 1px 2px; } .a_btop:hover { color: #DDDDDD; } #gmap_label { position: absolute; left: 110px; top: 60px; font-size: 34px; font-family: Georgia; font-style: italic; color: #FFFFFF; text-shadow: black 1px 1px 3px;} #gmap_cord { position: absolute; left: 20px; top: 200px; width: 960px; height: 470px;} .green_flag {background: url(i/flag/green.png) no-repeat left top;} .red_flag {background: url(i/flag/red.png) no-repeat left top;} .blue_flag {background: url(i/flag/blue.png) no-repeat left top;} .gmap_flag_item { position: absolute;} .gmap_flag_div { position: absolute;} .gmap_flag { width: 20px; height: 31px; position: absolute; z-index: auto;} .gmap_flag_c { position: relative; width: 257px; margin-left: -10px; margin-top: 24px; color:#FFF; text-shadow: black 1px 1px 2px; } /* .gmap_flag_c { display: none; } .gmap_flag_item_on .gmap_flag_c { display: block; } */ .gmap_flag_c { visibility: hidden; } .gmap_flag_item_on .gmap_flag_c { visibility: visible; } .gmap_flag_t{width: 257px; height: 44px;background: url(i/flag/gmap_flag_t.png) no-repeat left top;} .gmap_flag_ctr {width: 257px; background: url(i/flag/gmap_flag_c.png) repeat-y left top;} .gmap_flag_b {width: 257px; height: 10px;background: url(i/flag/gmap_flag_b.png) no-repeat left top;} .gmap_flag_strana a span { display: block; float: left; padding-right: 6px; width: 21px; height: 22px; background: url(i/flag/gmap_flag_i.png) no-repeat left top;} .gmap_flag_strana { padding: 8px 0 0 20px; width: 200px;} .gmap_flag_strana a { color:#FFF; font-size: 16px; line-height: 20px;} .gmap_flag_strana a:hover span { opacity: 0.7; } .gmap_flag_close { position: absolute; left: 215px; top: 17px; } .gmap_flag_close a { display: block; width: 15px; height: 14px; background: url(i/flag/gmap_flag_x.png) no-repeat left top;} .gmap_flag_close a:hover { background: url(i/flag/gmap_flag_x.png) no-repeat left -14px;} .gmap_flag_img { padding-top: 10px; text-align: center; } .gmap_flag_img img { width: 220px; } .gmap_flag_list { padding-bottom: 10px;} .gmap_flag_list ul { padding-left: 20px;} .gmap_flag_list li { line-height: 20px; } .gmap_flag_list li a { color: #FFF; } .gmap_flag_list li a span { margin: 5px 4px 0 0; display: block; float: left; width: 12px; height: 12px; background: url(i/flag/gmap_flag_item.png) no-repeat left -12px; } .gmap_flag_list li a:hover span { background: url(i/flag/gmap_flag_item.png) no-repeat left 0px; } /* Contacts */ .gfootstyletext {font-size: 18px; font-family: Georgia; font-style: italic; color: #FFFFFF; text-shadow: black 1px 1px 2px;} #gspeedform {float:left; width: 560px; padding-left: 20px;} #gspeedformlogo { padding-bottom: 30px; font-size: 32px; padding-left: 80px; height: 62px; line-height: 60px; background: url(i/speedform.png) no-repeat left top; } .wpcf7-form { padding-left: 8px;} .wpcf7-form p { padding: 0; margin: 0; padding-bottom: 16px;} .wpcf7-form-control-wrap input { color: #FFFFFF; padding-left: 6px; font-size: 16px; font-family: Georgia; font-style: italic; height: 24px; width: 400px; background-color: #342a1e; border: 1px solid #504b45; border-radius: 10px;} .wpcf7-form-control-wrap textarea { color: #FFFFFF; padding: 4px 6px 0; font-size: 16px; font-family: Georgia; font-style: italic; height: 200px; width: 394px; background-color: #342a1e; border: 1px solid #504b45; border-radius: 10px;} .wpcf7-form-control-wrap:hover input, .wpcf7-form-control-wrap:hover textarea {border-color: #606060; } .wpcf7-submit { position: relative; left: 261px; top: 0px; cursor: pointer; width: 148px; height: 38px; border: none; background: url(i/speedformsubmit.png) no-repeat left top;} .wpcf7-submit:hover { background: url(i/speedformsubmit.png) no-repeat left -38px;} .wpcf7-captcha-captcha-270 { border: 1px solid #504b45; border-radius: 10px; } .captcha-off {display:none;} #gfrontcontacts {float:left; padding-right: 20px;} #gfrontcontactslogo { padding-bottom: 30px; font-size: 32px; padding-left: 80px; height: 62px; line-height: 60px; background: url(i/konvert.png) no-repeat left top; } .gfrontcontacts_item { padding-left: 6px; clear: both;} .gfrontcontacts_item p {margin: 0px; padding: 0px;} #gfrontcontacts_phone { float:left; width: 28px; height: 33px; background: url(i/contacticons.png) no-repeat left -66px; } #gfrontcontacts_email { float:left; width: 28px; height: 33px; background: url(i/contacticons.png) no-repeat left -33px; } #gfrontcontacts_skype { float:left; width: 28px; height: 33px; background: url(i/contacticons.png) no-repeat left -99px; } #gfrontcontacts_icq { float:left; width: 28px; height: 33px; background: url(i/contacticons.png) no-repeat left 0px; } .gfrontcontacts_info { padding-left: 14px; padding-bottom: 16px; float:left; } p.gfct1 { line-height: 30px; font-size: 24px; padding-bottom: 6px;} p.gfci1 { font-family: arial, sans-serif; font-style: normal; line-height: 24px; font-size: 16px;} p.gfci1 a { text-decoration: none; color: #FFFFFF; } .gfootline { clear: both; width: 1000px; height: 30px; background: url(i/footline.png) no-repeat left center;} #gcopy{position: relative; left: 0px; top: 0px;} #gcopy1 {float:left; color: #FFFFFF; padding-left: 28px; font-size: 14px; text-shadow: black 1px 1px 2px;} #gcopy2 {float:right; color: #FFFFFF; padding-right: 28px; font-size: 14px; text-shadow: black 1px 1px 2px;} #gcopy2 a { color: #FFFFFF; text-decoration: none;} #gcopy2 a span { color: #3f88d2; text-decoration: underline;} #gcopy2 a span:hover { text-decoration: none; } #gcopy3 {position: absolute;width: 88px;left:456px;top:0px;} /*-------------------- Inside Pages ---------------------*/ body.inspage { background: #487111; } #glogo.inspage { position: absolute; left: 0px; top: 22px;} #bginspage { background: url(i/bginspage.jpg) repeat-x left top; } #cinspage { position: relative; min-width: 986px; width: 986px; min-height: 974px; margin-left: auto; margin-right: auto; } #inspagemenu { height: 110px; } #inspagemitem1 { position: absolute; left: 320px; top: 26px; width: 82px; height: 84px; background: url(i/inspagemitem1.png) no-repeat left top;} #inspagemitem2 { position: absolute; left: 470px; top: 9px; width: 84px; height: 101px; background: url(i/inspagemitem2.png) no-repeat left top; } .inspagemitemtext { text-align: center; line-height: 90px; font-size: 18px; font-family: Georgia; font-style: italic; color: #FFFFFF; text-shadow: black 1px 1px 2px;} .inspagemitemtext a {color: #FFFFFF; text-decoration: none;} .inspagemitemtext a:hover { color: #DDDDDD; } #bginspage-tt { position: absolute; left: 506px; top: -16px; width: 482px; height: 16px; background: url(i/bginspage-tt.png ) no-repeat left top; } #bginspage-tl { position: absolute; left: -10px; top: 0px; width: 10px; height: 367px; background: url(i/bginspage-tl.png ) no-repeat left top; } #bginspage-bb { position: absolute; left: 0px; bottom: -116px; width: 950px; height: 26px; background: url(i/bginspage-bb.png ) no-repeat left top; } #bginspage-br { position: absolute; left: 986px; bottom: -90px; width: 18px; height: 366px; background: url(i/bginspage-br.png ) no-repeat left top; } #inspagecontent { padding: 20px 20px 6px; position: relative; background: #FFFFFF; min-height: 700px; } .inspageg_hr { clear: both; height: 20px; background: url(i/ghr.png) no-repeat 50% 50%;} #inspagecopy { background: #FFFFFF; height: 90px; width: 986px; position: relative; left: 0px; top: 0px;} .inspagegfootline { clear: both; height: 20px; background: url(i/ghr.png) no-repeat 50% 50%;} .inspagegfoottop { text-align: center; height: 20px;} #inspgcopy1 { line-height: 20px; float:left; color: #000000; padding-left: 20px; font-size: 14px; } #inspgcopy2 { line-height: 20px; float:right; color: #000000; padding-right: 20px; font-size: 14px; } #inspgcopy2 a { color: #000000; text-decoration: none;} #inspgcopy2 a span { color: #3f88d2; text-decoration: underline;} #inspgcopy2 a span:hover { text-decoration: none; } #inspgcopy3 {position: absolute;width: 88px;left:456px;top:42px;} /* post */ img.attachment-post-thumbnail {border-radius: 8px;} body li#better-tag-cloud ul.wp-tag-cloud li { display: inline-block; }