/* Theme Name: Blue Nirvana Theme URI: http://wordpress.org/ Description: Blue/grey 3-column theme for wordpress with breadcrumb and search form Author: GBG Author URI: http://think.uphero.com Version: 1.0 Tags: black, blue, white, silver, three-columns, fixed-width, custom-header, threaded-comments License: Creative commons License URI: http://creativecommons.org/licenses/by-sa/2.5/bg/ If you have problems with the template, just email me - gani_georgiev@abv.bg */ * { margin: 0; padding: 0; } header, footer, section, aside, nav, article { display: block; } img#bg {display: none;} html{ min-height: 100%; min-width: 1000px; background-image: url('fon.png'); } body { font-size: 14px; font-family: 'Trebuchet MS', times new roman, serif; color: #7C7C7C; line-height: 18px; } /* Layout */ #wrapper { width: 950px; margin: 0px auto 0px auto; background-color: #ffffff; } #main { width: 950px; padding-top: 15px; background-color: #ffffff; overflow: hidden; } #content { float: left; width: 540px; margin-left: 15px; margin-right: 15px; } #sidebar1 { float: left; padding-left: 10px; width: 180px; } #sidebar2 { float: right; padding-right: 10px; width: 180px; } footer { margin: 0 auto; clear: both; } h1,h2,h3,h4,h5,h6 { color: #585858; } a:link, a:visited { color: #09B6FF; text-decoration: none; } a:hover, a:active { color: #848484; text-decoration: none; } /* Header */ header { position: relative; margin:0px auto 0px auto; text-align: center; width: 950px; } #logo{ float: left; margin-left: 15px; } .ribbon{ width: 280px; height: 57px; text-align: center; position: relative; color:#585858; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; padding-top: 5px; background: rgb(43,195,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(43,195,255,1) 0%, rgba(0,187,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,195,255,1)), color-stop(100%,rgba(0,187,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* W3C */ } .inline { margin-bottom:0px; } a .inline { color: #ffffff; } a:hover .inline { color: #606060; } .description{ color: #ffffff; } a:hover .description{ color: #606060; } #fon { background-color: white; } /* Search form */ .inline2 { position: absolute; margin-top:7px; margin-left:758px; display: inline; } #sbutton{ position:absolute; margin-left: 153px; margin-top: 1px; } #sbox { font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#707070; border-color:#E6E6E6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-style:solid; border-width:1px; padding-left:10px; padding-right:30px; position:absolute; height:26px; width:140px; margin-top:-2px } /* Breadcrumb */ #crumbs { border-color: #EFEFEF; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; margin:0px auto 0 auto; width: 930px; padding: 10px 0 10px 20px; color: grey; background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* W3C */ } #crumbs .current { color: #707070; } #crumbstop { letter-spacing:4px; padding:10px 10px 10px 15px; border-color: #EFEFEF; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* W3C */ color: #909090; } /* Navigation */ nav { position: absolute; height: 72px; background-color: #ffffff; top: 0px; left: 280px; width: 670px; } #nav { text-align: center; display:block; width:645px; padding:0px; } #nav li { height: 25px; display: block; float:left; list-style:none; } #nav a { display: block; min-width: 94px; text-align:center; font-size: 15px; font-weight:bold; text-decoration:none; padding:27px 12px 27px 12px; border-color: #fcfcfc; border-right-style: solid; border-right-width: 1px; } #nav li ul li a{ font-size: 14px; } /* selected menu element */ #nav li.current_page_item a { color: #707070; } #nav li.current_page_item ul a { background-image: none; color: rgba(0,158,195,1); text-shadow: 0px 0px 0px ; } #nav li.current_page_ancestor a { color:#707070; } #nav li.current_page_ancestor ul a{ background-image: none; color: rgba(0,158,195,1); text-shadow: 0px 0px 0px ; } #nav li:hover a{ color: #606060; background:#FBFBFB; } /* sublevels */ #nav ul li:hover a, #nav li:hover li >a{ text-decoration:none; background: none; color: #09B6FF; border:0px; } #nav ul li a:hover { color: #ffffff; } /* drop down */ #nav li ul { background: #FBFBFB; } #nav li:hover > ul { opacity:1; visibility:visible; } #nav ul { z-index: 80; opacity: 0; visibility:hidden; margin-top:0px; margin-left: -1px; padding-bottom: 4px; min-width: 140px; min-height: 40px; position: absolute; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-transition:opacity .25s linear, visibility .1s linear .1s; -webkit-transition:opacity .25s linear, visibility .1s linear .1s; -o-transition:opacity .25s linear, visibility .1s linear .1s; transition:opacity .25s linear, visibility .1s linear .1s; border-color: #EFEFEF; border-style: solid; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 0px; } #nav ul a{ padding-top: 2px; } #nav ul li { border: 0px; margin-bottom: 10px; float:none; margin-top: 0px; } #nav ul li:hover{ background-color: #2BC3FF; } #nav ul li:hover a{color: #ffffff;} #nav ul a { text-align: left; font-weight:normal; background: none; } #nav ul li ul { padding-top: 10px; margin-top: -30px; margin-right: -20px; min-width: 170px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; left: 100%; border-color: #E6E6E6; border-style: solid; border-width: 1px; } #nav ul li ul li { border: 0px; height: auto; padding-bottom: 0px; float:none; margin-top: 0px; margin-bottom: 10px; } #nav ul li ul li:hover { background-color: #EFF5FB; } #nav ul li:hover ul li a{ color: #09B6FF; } #nav ul li:hover ul li a:hover{ color: #ffffff; } #nav ul li ul li a{ padding-bottom: 3px; } /* Articles */ .share{ margin-top: -5px; display: inline; float: right; } .share a img{ opacity: 0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } .share a img:hover{ opacity: 1; filter:alpha(opacity=100); /* For IE8 and earlier */ } .right{ width: 200px; float: right; margin: 1em; } .title{ text-align: center; margin-top: 5px; padding-right: 10px; padding-top: 0px; padding-left: 10px; margin-bottom: 10px; color: #09B6FF; background-color:rgb(240, 240, 240); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .list{ list-style-type: circle; margin-left: 2em; } article { background-color: white; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-bottom: 25px; border-width: 1px; border-style: solid; border-color: #E6E6E6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } article h3, h2, h1, h4 h5 h6{ color: #606060; } textarea#comment { width: 505px; padding: 5px; } .commentmetadata { font-size: 10px; } img.alignright { float:right; margin:0 0 1em 1em; } img.alignleft { float:left; margin:0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 2px; margin-top: 1px; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { margin-bottom: 2px; margin-top: 1px; display: block; margin-left: auto; margin-right: auto; } article ul,ol { margin-left: 30px; } #content p, ul, ol, hr { margin-bottom: 24px; } #content ul ul, ol ol, ul ol, ol ul { margin-bottom: 0px; } #content h1, h2, h3, h4, h5, h6 { color: #505050; margin: 0 0 10px 0; line-height: 1.5em; } /* WP-calendar */ #wp-calendar{ margin: 0 auto; width: 175px; } /* Sidebar */ aside h3 { color: #707070; } aside ul { margin-bottom: 4px; margin-top: 0px; margin-left: 5px; margin-right: 5px; list-style: none; } aside ul li{ margin-top: 10px; margin-bottom: 10px; } aside ul ul{ line-height: 20px; margin-left:20px; list-style: circle; } aside ul ul li{ margin-top: 0px; margin-bottom: 0px; } aside { padding-left: 0px; padding-right: 0px; } .section { background-color: white; padding-left: 5px; padding-bottom: 10px; margin-bottom: 20px; border-width: 1px; border-style: solid; border-color: #E6E6E6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .zaglavie { margin-left: -6px; width: 180px; text-align: center; padding-top: 3px; padding-bottom: 3px; text-shadow: 0px -1px 0px #374683; color: white; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: rgb(43,195,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(43,195,255,1) 0%, rgba(0,187,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,195,255,1)), color-stop(100%,rgba(0,187,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(43,195,255,1) 0%,rgba(0,187,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc3ff', endColorstr='#00bbff',GradientType=0 ); /* IE6-9 */ } /* Footer */ footer { position: relative; margin-bottom: 0px; } #bottom{ width:940px; margin: 0 auto; padding-left: 10px; padding-top: 10px; padding-bottom: 15px; color: #606060; font-size: 10pt; overflow: hidden; background: rgb(245,245,245); /* Old browsers */ background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(240,240,240,0.95) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(240,240,240,0.95))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,0.95) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,0.95) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,0.95) 100%); /* IE10+ */ background: linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,0.95) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f2f0f0f0',GradientType=0 ); /* IE6-9 */ border-color: #E6E6E6; border-top-style: solid; border-top-width: 1px; } .element { float: left; margin-right: 6px; margin-left: 6px; min-width: 170px; } .element2 { text-align: center; float: right; margin-right:10px; margin-left: 6px; width: 170px; } footer h4 { text-align: center; color: #606060; font-size: 16px; line-height: 1.5em; } footer a:link { text-decoration:none; } footer p { margin-top: -15px; } label{ float: left; margin-left: -250px; margin-bottom: 10px; width: 500px; display: inline; } label input { display: inline; } .no1 { background-color: #ffffcc; } /* WP NECESSERY */ .link-pages { clear:both; } .wp-caption{} .wp-caption-text {} .sticky {} .gallery-caption {} .bypostauthor{}