/* Theme Name: Panshin Space Theme URI: http://www.panshinspace.com/ Description: Panshin Space is a wordpress theme by Yuri Panshin Version: 1.0 Author: Yuri Panshin Author URI:http://www.panshinspace.com/ */ html,body{height: 100%;padding:0; margin:0;text-align:center;font-size:12px; font-family:Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;font-size-adjust:none;font-style:normal;font-variant:normal; background-color: #EBEBEB;margin:10px;color:#3D3C2C; font-weight:normal;} h2{font-size:19px;} a{color:#407AB9;text-decoration:none;} a:hover{text-decoration:underline;} .post-photo{margin:5px;background-color:white;padding:5px;border:1px solid black;} /*@Comments*/ .comment-box{border:1px solid #3D3C2C;width:100%;} .btnComment{border:1px solid #3D3C2C;cursor:pointer;} /*@Post*/ .thumbnail{float:left;margin: 10px;border:1px solid #3D3C2C;padding:5px;} .date-tab {position:relative;font-size:9px;color:#939393} .post h3{margin-top:20px;margin-bottom:0px;} /*@Top Panel */ #topPan{width:900px; height:135px; margin:10px auto; padding:0;background:url(img/top-panel-background.gif) 0 0 repeat-x #EBEBEB;} #topPanLeftBorder{height:135px;background:url(img/top-panel-left-border.gif) 0 0 no-repeat;} #topPanRightBorder{height:135px; background:url(img/top-panel-right-border.gif) top right no-repeat;} .kwick-main-menu{position: relative;float:left;width:675px;margin-top:5px;margin-left:30px;} .kwicks{background: url(img/RightBtn.jpg) top right no-repeat;width:695px;padding:0;height:100px;} .kwicks li{float: left;width: 165px;height: 100px;margin-right: 5px;display: block;cursor: pointer;overflow: hidden;} .kwicks li .title{float:left;color:#407AB9;font-size:30px;line-height:30px;display:block; margin: 32px 0px;text-align:center;width:177px;} .kwicks #kwick1 {background-image: url(img/HomeBtn.jpg);} .kwicks #kwick2 {background-image: url(img/AlbumsBtn.jpg);} .kwicks #kwick3 {background-image: url(img/TravelBtn.jpg);} .kwicks #kwick4 { background-image: url(img/BlogsBtn.jpg);margin-right: none;} /*@End Top Panel */ /* @News accordion */ #news-panel{width:300px;margin-right:20px;height:100%;display:block;} #news-content{text-align:left;} #news-content .toggler{cursor:pointer;border-bottom:dotted 1px black;color:#407AB9;} #news-content .toggler h3{margin-bottom:0px;} #news-content .element{display:none;} #news-content .element-open{border-bottom:dotted 1px black !important;padding-bottom:14px !important;} #news-content .date{font-size:10px;color:#939393;} #news-content .sel-item{color:#FE8416;} #news-content .element a{color:#407AB9;text-decoration:none;} #news-content .element a:hover{text-decoration:underline;} #content-panel{text-align:left;} .menu-item{margin:0;} /* @Code styles */ .csharp-code{padding:5px 10px 10px 10px;width: 520px; border:solid 1px #E6DB55;background-color:#FFFBCC;float:none;overflow-x:auto;margin:10px 0;margin-top:3px;} .csharp-code .title{margin-bottom:5px;color:#999} .objectivec-code{padding:5px 10px 10px 10px;width: 520px; border:solid 1px #DDDDDD;background-color:#EAF2FA;float:none;overflow-x:auto;margin:10px 0;} .objectivec-code .title{margin-bottom:5px;color:#999} .tab{padding-left:15px;} .file-name{margin-bottom:5px;margin-top:10px;color:#999;width:100%;border-bottom:dotted #999 1px;} /* @End Code Styles */ .post-menu{padding-bottom:53px;} .hiden{display:none;} /*Big letter in start of part*/ .dropcap{float: left;width: .7em;font-size: 4em;line-height: 83%;} .rss-link{background:url(img/subscribe.gif) right bottom no-repeat; display:block;height:15px;padding-right:18px;float:right;color:#DC6100;font-weight:bold;} .rss-icon{background:url(img/subscribe.gif) 0 0 no-repeat; display:block;height:15px;width:15px;float:left;} .busy-icon{background:url(img/busy-icon.gif) 0 0 no-repeat; display:block;height:15px;width:214px;} .picasa-icon{background:url(img/downloadPicasa.gif) right center no-repeat; height:15px;padding-right:20px;float:right; margin-right:10px;} .ru{display:none;} .button{cursor:pointer;} .waiting-img{background:url(indicator_arrows.gif) 0 0 no-repeat; display:block;height:16px;width:100px;padding-left:16px;clear:both;} #logo-img { display:block; background:url(img/YuriVikiPanshin.png) 0 0 no-repeat; width:229px; height:60px; margin:0px auto; } /************************** Loading panel *****************/ .poptogg {display:block;} .popback {position:absolute;left:0px;top:0px;width:100%;height:100%; z-index:1001;} .opacityback{filter:alpha(opacity=50); z-index:1000; -moz-opacity:.50;opacity:.50;background:#000000;} .popstyle {position:absolute;left:50%;top:50%;margin-top:-100px; margin-left:-100px;border:dashed 1px black;padding:10px;text-align:center;background:#FFFFFF;} .popstyle h1{margin-bottom: 5px;} .popstyle h2{margin-top: 5px;} /************************ Inner panel ********************/ .inner-panel-title{padding-left: 10px;padding-bottom:10px;text-align:left;} .inner-panel-gradient{background:url(img/inner-panel-gradient.gif) 0 100% repeat-x #F6F6F6;} .inner-panel-top-left{background:url(img/inner-panel-top-left.gif) 0 0 no-repeat;} .inner-panel-buttom-left{background:url(img/inner-panel-buttom-left.gif) 0 100% no-repeat;} .inner-panel-buttom-right{background:url(img/inner-panel-buttom-right.gif) 100% 100% no-repeat;} .inner-panel-top-right{padding: 10px;background:url(img/inner-panel-top-right.gif) 100% 0 no-repeat;} /****************************** Home Page **************************/ .defaultImage{width: 514px;height:226px;margin-top:67px;float:none;border-width: 0;} .rightPanel{vertical-align:top;float:right;} .leftPanel{vertical-align:top;float:left;} #links-panel{margin-top:15px;} #links-panel #prog-link{background:url(img/programming-link.gif) 0 0 no-repeat; color:#407AB9;font-size:20px;text-align:left;display:block;width:280px;height:48px;padding-top:12px;} #links-panel #prog-link span{margin-left:120px;} #links-panel .link{margin-top:15px;cursor:pointer;} #links-panel #portfolio-viki-link{background:url(img/VikiLogo.jpg) 0 0 no-repeat; color:#407AB9;font-size:20px;text-align:left;display:block;width:280px;height:55px;padding-top:30px;} #links-panel #portfolio-viki-link span{margin-left:120px;} /******************************* Wedding page ************************************/ #wedding-menu-panel{text-align:left; float: left;width:250px;margin-right:5px;} #wedding-content-panel{text-align:left;float:right;width:580px;} #wedding-content-panel .title{text-align:left;clear:both;font-size:18px;font-weight:bold;margin-bottom:25px;} #wedding-content-panel .top-space{display:block;margin-top:20px;} #wedding-content-panel .album-frame{margin:auto;} #wedding-content-panel .congr-sep{border-bottom:dashed 1px #FF8215;margin:15px 0px;} /*#wedding-content-panel .congr{background:url(img/item_bg.gif) 0 0 no-repeat;padding-top:40px;} #wedding-content-panel .congr-sep{background:url(img/item_divider.gif) 0 0 no-repeat; display:block;width:280px;height:48px;}*/ #wedding-menu-panel .date-time{position:relative;font-size:9px;color:#939393} #wedding-menu-panel .sep{border-bottom:dashed 1px black;margin-bottom:15px;} #wedding-menu-panel #wedding-menu .menu-item{color:#407AB9;font-size:15px; font-weight:bold;} #wedding-menu-panel #wedding-menu .published{display:none;} /******************************* Travel Page ************************************/ #travel-content{padding-bottom:53px;} #travel-content .post-nav{margin-bottom:24px;} #travel-menu-panel{text-align:left;float: left;width:250px;margin-right:5px;} #travel-content-panel{text-align:left;float:right;width:580px;} #travel-menu-panel .date-time{position:relative;font-size:9px;color:#939393} #travel-menu-panel .sep{border-bottom:dashed 1px black;margin-bottom:15px;} #travel-menu-panel #travel-menu .menu-item{color:#407AB9;font-size:13px; font-weight:bold;} #travel-menu-panel #travel-menu .published{display:none;} /****************************** Album Page ************************************/ #page-albums{text-align:center;} #page-albums .slideshow{position:inherit;clear:both;margin:auto;background-color:#FFFFFF;padding: 5px; border:solid 1px #000000;} #page-albums .slideshow-image{background: url(img/indicator_arrows.gif) 45% 45% no-repeat; border: solid 1px #C0C0C0;} #albums-back{float:left;width:100%;margin-bottom:15px;} #albums-back .albums-back-btn{color:#407AB9;font-size:18px;float:left; background:url(img/go-first.gif) 0 3px no-repeat;padding-left:25px;} #albums-back .photos-back-btn{color:#407AB9;font-size:18px;float:left; background:url(img/go-previous.gif) 0 3px no-repeat; padding-left:25px;margin-left:10px;} #albums-back .slide-show-btn{color:#407AB9;font-size:18px;float:left;margin-left:10px; background:url(img/go-first.gif) 0 3px no-repeat;padding-left:25px;} .thumb-album{width:160px;height:160px;} #page-albums a.photo-item-img-right, #page-albums a.photo-item-img-left {cursor:pointer;height:99%;_height:48px; position:absolute;width:20%;_width:48px;z-index:10;display:block; filter:alpha(opacity=20); -moz-opacity:.2;opacity:.2;} #page-albums a.photo-item-img-right:hover, #page-albums a.photo-item-img-left:hover{filter:alpha(opacity=80); -moz-opacity:.8;opacity:.8;} #page-albums a.photo-item-img-left {background:transparent url(img/fleche1.gif) no-repeat scroll left center; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fleche1.png',sizingMethod='scale'); _background:none;*/ left:0pt;top:0pt;} #page-albums a.photo-item-img-right {background:transparent url(img/fleche2.gif) no-repeat scroll right center; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fleche2.png',sizingMethod='scale'); _background:none;*/ right:0pt;top:0pt;} #page-albums .photo-item-img-div{display:block;margin:0pt auto;position:relative;border: solid 1px #969696; overflow:hidden;} #page-albums a.photo-item-img-description-link:hover{font-style:italic;} #page-albums a.photo-item-img-description-link{bottom:0pt;left:30pt;position:absolute;cursor:pointer; z-index:10;opacity:0.7;background:#333333 none repeat scroll 0%;color:#FFFFFF;font-size:17px; padding: 5px;} #page-albums .photo-item-img-description{background:#333333 none repeat scroll 0%;bottom:0pt; left:0pt;position:absolute;cursor:pointer;height:0px;width:100%;z-index:10; opacity:0.7;color:#FFFFFF;} .photo-item-img-first{position:absolute;top:0px;left:0px;z-index:9;margin:5px;} .photo-item-waiting-img{display:block;position:absolute;left:5px;top:5px;right:5px;bottom:5px; _left:1%;_top:1%;_width:98%;_height:98%; background:#000000 url(img/loadinfo.gif) center center no-repeat;z-index:11;border:1px solid black; opacity:0.7;filter:alpha(opacity=70); -moz-opacity:.7;opacity:.7;} .album-item,.album-photo-item{float:left;margin:5px;} .album-photo-item{height:180px;} .album-item h4{margin: 0px;font-size:11px;} .album-item-data{text-align:center;} .album-image-li1{display:block;width:14px;height:14px; background:url(img/album-l1.gif) 0 0 no-repeat;} .album-image-mtl{display:block;width:60px;height:14px; background:url(img/album-mtl.gif) 0 0 no-repeat;} .album-image-mtr{display:block;width:68px;height:14px; background:url(img/album-mtr.gif) 0 0 no-repeat;} .album-image-r1{display:block;width:14px;height:14px; background:url(img/album-r1.gif) 0 0 no-repeat;} .album-image-l2{display:block;width:14px;height:81px; background:url(img/album-l2.gif) 0 0 no-repeat;} .album-image-r2{display:block;width:14px;height:81px; background:url(img/album-r2.gif) 0 0 no-repeat;} .album-image-l3{display:block;width:14px;height:39px; background:url(img/album-l3.gif) 0 0 no-repeat;} .album-image-r3{display:block;width:14px; height:39px;background:url(img/album-r3.gif) 0 0 no-repeat;} .album-image-l4{display:block;width:14px;height:14px; background:url(img/album-l4.gif) 0 0 no-repeat;} .album-image-mbl{display:block;width:60px;height:14px; background:url(img/album-mbl.gif) 0 0 no-repeat;} .album-image-mbr{display:block;width:68px;height:14px; background:url(img/album-mbr.gif) 0 0 no-repeat;} .album-image-r4{display:block;width:14px;height:14px; background:url(img/album-r4.gif) 0 0 no-repeat;} /* Photo Border for All Pages Except the Albums Page */ .view {clear:both;margin-top: 20px;margin-bottom: 20px;margin-left: auto;margin-right: auto;width: 686px;text-align: center;} .view .photo-frame {margin-left: auto;margin-right: auto;} .item {padding: 20px 50px;color: #B2B2B2;} .item h4 {margin-bottom: 0.4em;} .photo-frame .topx-- {background-image: url(img/frame-topx--.gif); background-repeat: no-repeat;width: auto;height: 4px;vertical-align: top;} .photo-frame .top-x- {background-image: url(img/frame-top-x-.gif); background-repeat: repeat-x;width: auto;height: 4px;} .photo-frame .top--x {background-image: url(img/frame-top--x.gif); background-repeat: no-repeat;width: auto;height: 4px;vertical-align: top;} .photo-frame .midx-- {background-image: url(img/frame-midx--.gif); background-repeat: repeat-y;width: 4px;height: auto;} .photo-frame .mid--x {background-image: url(img/frame-mid--x.gif); background-repeat: repeat-y;width: 4px;height: auto;} .photo-frame .botx-- {background-image: url(img/frame-botx--.gif); background-repeat: no-repeat;width: 4px;height: 4px;vertical-align: top;} .photo-frame .bot-x- {background-image: url(img/frame-bot-x-.gif); background-repeat: repeat-x;width: auto;height: 4px;} .photo-frame .bot--x {background-image: url(img/frame-bot--x.gif); background-repeat: no-repeat;width: 4px;height: 4px;vertical-align: bottom;} /* Photo Border for the Album Page */ .album-frame .topx----, .album-frame .top----x, .album-frame .botx----, .album-frame .bot----x {height: 14px;width: 14px;} .album-frame .top-x--- {background-image: url(img/album-tstretch.gif); background-repeat: repeat-x;text-align: left;height: 14px;width: auto;} .album-frame .top--x-- {background-image: url(img/album-tstretch.gif); background-repeat: repeat-x;height: 14px;width: auto;} .album-frame .top---x- {background-image: url(img/album-tstretch.gif); background-repeat: repeat-x;text-align: right;height: 14px;width: auto;} .album-frame .mtpx---- {background-image: url(img/album-lstretch.gif); background-repeat: repeat-y;vertical-align: top;height: auto;width: 14px;} .album-frame .mtp----x {background-image: url(img/album-rstretch.gif); background-repeat: repeat-y;vertical-align: top;height: auto;width: 14px;} .album-frame .midx---- {background-image: url(img/album-lstretch.gif); background-repeat: repeat-y;height: auto;width: 14px;} .album-frame .mid----x {background-image: url(img/album-rstretch.gif); background-repeat: repeat-y;height: auto;width: 14px;} .album-frame .mbtx---- {background-image: url(img/album-lstretch.gif); background-repeat: repeat-y;vertical-align: bottom;height: auto;width: 14px;} .album-frame .mbt----x {background-image: url(img/album-rstretch.gif); background-repeat: repeat-y;vertical-align: bottom;height: auto;width: 14px;} .album-frame .bot-x--- {background-image: url(img/album-bstretch.gif); background-repeat: repeat-x;text-align: right;height: 14px;width: auto;} .album-frame .bot--x-- {background-image: url(img/album-bstretch.gif); background-repeat: repeat-x;height: 14px;width: auto;} .album-frame .bot---x- {background-image: url(img/album-bstretch.gif); background-repeat: repeat-x;text-align: left;height: 14px;width: auto;} /***************************** Programming blog **********************************/ #programming-menu-panel{text-align:left;float: left;width:250px;margin-right:5px;} #programming-content-panel{text-align:left;float:right;width:580px;} #programming-menu-panel .date-time{position:relative;font-size:9px;color:#939393} #programming-menu-panel .sep{border-bottom:dashed 1px black;margin-bottom:15px;} #programming-menu-panel #programming-menu{margin-bottom:40px;} #programming-menu-panel #programming-menu .published{display:none;} #programming-content-panel #programming-content .blog_content{padding-bottom:20px;} #programming-content-panel #programming-content .blog_content .title{font-size:21px;font-weight:bold;} /***************************** viki-portfolio Page **********************************/ #page-viki-portfolio{background-color:#1E5920;height:400px;} #page-viki-portfolio #portfolio-side{width:600px;border: 1px solid red;float:left;height:400px;} #page-viki-portfolio #portfolio-content{float:right;width:100px;height:400px;border: 1px solid red;} /****************************** Footer Panel menu ********************/ #footerPan{width:790px; margin:10px auto; text-align:center;} .footerPan-ul{list-style-type:none; margin:0; clear:both;text-align:center;} .footerPan-li{float:left;text-align:center;} .footerPan-ul-li-a{padding:0 10px;color:#407AB9;font:18px/18px Arial, Helvetica, sans-serif;text-decoration:none;} .footerPan-ul-li-a:hover{text-decoration:underline;} .footerPan-p{padding:10px;clear:both; display:block; color:#EBEBE; font:14px/14px ,Arial, Helvetica, sans-serif;} /****************************** Language menu *******************/ #language_panel{width:57px;float:left;display: block;margin-right:30px} .english_button_disable,.english_button_enable{background:url(img/flag-us-all.gif) 0 0 no-repeat; width:57px;height:37px;margin:18px 0 0 10px;display: block;float:left;} .english_button_enable{cursor:pointer;background-position: -1px 0;} .english_button_disable{background-position: 0 -74px;} .english_button_enable:hover{background-position: 0 -37px;} .russian_button_enable,.russian_button_disable{background:url(img/flag-ru-all.gif) 0 0 no-repeat; width:57px;height:37px;margin:15px 0 0 10px;display: block;float:left;} .russian_button_enable{cursor:pointer;background-position: 0 1px;} .russian_button_disable{background-position: 0 -74px;} .russian_button_enable:hover{background-position: 0 -37px;} /************************** Main panel **************************/ #main-content{width:900px;margin:0px auto;} #main-content .main-top{background:url(img/main-panel-top.gif) top left repeat-x #FFFFFF;height:23px;} #main-content .main-left-top{float:left;background:url(img/main-panel-top-left.gif) left top no-repeat;width:23px;height:23px;} #main-content .main-left-middle{background:#FFFFFF url(img/main-panel-left.gif) left top repeat-y;} #main-content .main-left-buttom{background:url(img/main-panel-buttom-left.gif) left bottom no-repeat; float:left;width:23px;height:23px;} #main-content .main-buttom{background:url(img/main-panel-buttom.gif) left bottom repeat-x;height:23px;} #main-content .main-right-buttom{background:url(img/main-panel-buttom-right.gif) bottom right no-repeat; float:right;width:23px;height:23px;} #main-content .main-right-middle{background:url(img/main-panel-right.gif) right top repeat-y; padding: 0 23px;} #main-content .main-right-top{background:url(img/main-panel-top-right.gif) top right no-repeat; float:right;width:23px;height:23px;} /***************************Comments form ******************************/ #comments-form {width:440px;text-align:left;display:none;margin:auto;margin-top:20px;} #comments-form #comment-form-btn{padding-right:20px;} #comments-form #comment-form-btn.openBtn{background:url(img/2downarrow.png) no-repeat right top;} #comments-form #comment-form-btn.closeBtn{background:url(img/2uparrow.png) no-repeat right top;} #comments-form h3{margin-bottom:20px;} #comments-form .left{float:left;} #comments-form .right{float:right;} #comments-form .clear{clear:both;} #comments-form #comments-form-panel{} /*Forms defaults*/ #comments-form input,#comments-form textarea {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#404040;} #comments-form label {color:#999;cursor:pointer;padding-left:2px;line-height:15px;vertical-align:top;} #comments-form label.chosen {color:#333;} /*Text inputs*/ #comments-form .textinput,#comments-form .textinputHovered {width:336px;height:15px; background:url(img/input.gif) no-repeat left top;border:none;padding:4px 8px;} #comments-form .textinputHovered {background-position:left bottom;} #comments-form .smallinput,#comments-form .smallinputHovered {width:84px; background:url(img/input_small.gif) no-repeat left top;height:15px;border:none;padding:4px 8px;} #comments-form .smallinputHovered {background-position:left bottom;} /*Text areas*/ #comments-form .textarea,#comments-form .textareaHovered {width:336px;height:125px; background:url(img/textarea.gif) no-repeat left top;border:none;padding:4px 8px;} #comments-form .textareaHovered {background-position:left bottom;} #comments-form #submit-btn{display:block;width:20px;} #comments-form .error{border:red 1px solid;} @media print { #topPan{display:none;} #footerPan{display:none;} #travel-menu-panel{display:none;} #travel-content-panel{width:100%;} } .blogs-icons{font-size: 20px; text-align: center;} .blogs-icons > div{width:30%;float: left;} .blogs-icons a:hover{text-decoration:none;}