/* Theme Name: Clouds Rounds Theme URI: http://all4wordpress.com/CloudsRounds/ Description: Clouds Rounds theme Version: 1.0 Author: All4Wordpress Author URI: http://all4wordpress.com/ */ @import url(reset.css); body{ background-color: #f9f8e7; font-family: "Trebuchet MS"; font-size: 13px; height: 100%; color: #434343; } html{ height: 100%; } a{ color: #2592c5; } a:hover{ color: #f79500; } .container{ min-width: 970px; max-width: 100%px; margin: auto; background: transparent url(images/container.png) no-repeat top left; min-height: 100%; } * html .container{ width: expression((document.body.clientWidth < 971) ? "970px" : "100%" ); } .maintable{ background: transparent url(images/maintable.png) no-repeat top right; width: 100%; border-collapse: collapse; } .maintable td{ vertical-align: top; } .header{ height: 238px; } .column-1{ width: 65%; padding: 0px 0px 20px 0px; } .column-2{ width: 35%; } .headtitle{ font-size: 37px; height: 63px; color: white; padding: 10px 0px 0px 50px; } .menu{ background: transparent url(images/menu.png) no-repeat 0px 0px; } .menu ul li{ list-style-image: none; float: left; } .menubox{ height: 120px; background: transparent url(images/menubox.png) no-repeat top right; padding: 45px 0px 0px 40px; margin: 0px 0px 0px 0px; } html* .menubox{ height: 120px; } .menuitemcurrent{ float: left; background: transparent url(images/menuitem.png) no-repeat 0px 0px; } .menuitemcurrent div{ font-size: 20px; color: white; background: transparent url(images/menuitemdiv.png) no-repeat top right; padding: 5px 11px 6px 11px; } .menuitem{ float: left; } .menuitem div{ font-size: 20px; color: white; padding: 5px 11px 6px 11px; } /* */ html* .menuitemcurrent div{ padding: 6px 11px 9px 11px; } /* */ .menuitem a{ color: #2eaced; } .menuitem a:hover{ color: #f79500; } .search{ width: 360px; height: 39px; background: transparent url(images/search.png) no-repeat 0px 0px; padding: 17px 0px 0px 20px; margin: 1px 0px 0px 0px; } .search input.text{ font-size: 16px; color: #1193c3; font-weight: bold; border: 0; background-color: transparent; float: left; width: 270px; } .search input{ } .subscribe{ background: transparent url(images/subscribe.png) no-repeat 0px 0px; margin: 27px 5px 0px 0px; } .subscribe .corner{ height: 95px; padding: 15px 0px 0px 105px; background: transparent url(images/subscribecorner.png) no-repeat top right; } .subtitle a{ color: #ffa803; font-size: 20px; } .subtitle a:hover{ color: #2592c5; } .article{ background: transparent url(images/article.png) no-repeat 0px 0px; margin: 5px 10px 5px 10px; } .article-corner{ height: 100px; background: transparent url(images/article-corner.png) no-repeat top right; } .title{ margin: 0px 0px 0px 105px; padding: 15px 0px 0px 0px; line-height: 200%; } .date{ position: absolute; text-align: center; width: 100px; } html* .date{ float: left; } html* .date{ position: relative; } .month{ font-size: 11px; color: #e5e5e5; padding: 18px 0px 5px 0px; } .day{ font-size: 40px; font-family: Arial; letter-spacing: -2px; color: #626262; } /* */ html*.day{ margin: 6px 0px 0px 0px; _margin: 0px 0px 0px 0px; } /* */ h1{ color: #00b1eb; font-size: 30px; font-family: "Trebuchet MS"; } h1 a{ color: #00b1eb; text-decoration: none; } h1 a:hover{ color: #f8b100; } .admin{ background: transparent url(images/admin.png) no-repeat 0px 2px; padding: 0px 0px 0px 21px; } /* */ html * .admin{ padding: 0px 0px 5px 21px; } /* */ .text{ padding: 5px 10px 5px 10px; } .imgleft{ float: left; margin: 0px 15px 5px 0px; } .commentsnumber{ background: transparent url(images/commentsnumber.png) no-repeat 0px 0px; margin: 10px 10px 5px 10px; } .commentsnumber-corner{ height: 100px; background: transparent url(images/article-corner.png) no-repeat top right; } .ctitle{ margin: 0px 0px 0px 120px; padding: 15px 0px 0px 0px; } .ctitle span{ color: #4e4e4e; font-size: 15px; } h2{ color: #6cda1d; font-size: 34px; letter-spacing: -1px; } h3{ color: #ff9c00; font-size: 30px; letter-spacing: -1px; } .comment{ margin: 10px 10px 10px 10px; } .comment-text{ background: transparent url(images/comment-topleft.png) no-repeat 0px 0px; } .comment-text div.br{ background: transparent url(images/comment-bottomright.png) no-repeat bottom right; } .comment-text div div.tr{ background: transparent url(images/comment-topright.png) no-repeat top right; } .comment-text div div div.bl{ padding: 10px 10px 10px 10px; background: transparent url(images/comment-bottomleft.png) no-repeat bottom left; } * html .comment-text{ border: 1px solid #f9f8e7; background: transparent url(images/comment-topleft.png) no-repeat 1px 1px; } * html .comment-text div div div{ margin-bottom: -1px; } *+html .comment-text{ /* border: 1px solid #f9f8e7; */ } *+html .comment-text div div div{ margin-bottom: -1px; } .secondcomment{ margin: 10px 0px 10px 0px; } .secondcomment-text{ background: transparent url(images/scomment-topleft.png) no-repeat 0px 0px; } .secondcomment-text div{ background: transparent url(images/scomment-bottomright.png) no-repeat bottom right; } .secondcomment-text div div{ background: transparent url(images/scomment-topright.png) no-repeat top right; } .secondcomment-text div div div{ padding: 10px 10px 10px 10px; background: transparent url(images/scomment-bottomleft.png) no-repeat bottom left; } * html .secondcomment-text{ border: 1px solid #f9f8e7; } * html .secondcomment-text div div div{ margin-bottom: -1px; } *+html .secondcomment-text{ border: 1px solid white; } *+html .secondcomment-text div div div{ } .secondcomment-text div{ } .author{ color: #4e4e4e; font-size: 13px; } .author span{ color: #47a900; } .clear{ clear: both; font-size: 0px; height: 0px; } .leavecomment{ background: transparent url(images/leavecomment.png) no-repeat 0px 0px; margin: 5px 10px 5px 10px; } .leavecomment-corner{ height: 100px; background: transparent url(images/article-corner.png) no-repeat top right; } .ltitle{ margin: 0px 0px 0px 130px; padding: 15px 0px 0px 0px; } .leavecomment h1{ font-size: 30px; } .leavecomment h3{ margin: -5px 0px 0px 30px; } .addcomment{ margin: 20px 0px 0px 0px; } /* */ html* .addcomment table{ width: 70%; } /* */ .addcomment table.textarea{ width: 100%; margin: 0px 0px 0px 0px; } .addcomment table td{ padding: 7px; } td.label{ font-size: 15px; color: #008bbf; width: 5%; } div.input{ background: transparent url(images/divinput.png) no-repeat 0px 0px; } div.input div{ background: transparent url(images/divinputdiv.png) no-repeat top right; padding: 7px 2px 7px 15px; } div.input div input{ font-size: 13px; width: 95%; background-color: transparent; border: 0; color: #464646; } /* */ html * div.input div input{ } /* */ .addcomment textarea{ width: 99%; font-family: "Trebuchet MS"; font-size: 13px; font-style: italic; background-color: transparent; border: 0; } .clabel{ color: #008bbf; } .submit{ display: block; float: right; font-size: 30px; color: #ff710d; margin: 0px 15px 0px 0px; background: transparent url(images/submit.png) no-repeat 0px 0px; padding: 2px 0px 5px 60px; border: 0; font-family: "Trebuchet MS"; cursor: pointer; text-decoration: underline; } .submit:hover{ color: #2299ca; } .footerleft{ background: transparent url(images/footer-left.png) no-repeat 0px 0px; vertical-align: top; } .footerright{ background: transparent url(images/footer-right.png) no-repeat top right; vertical-align: top; color: white; font-size: 11px; padding: 25px 0px 0px 10px; line-height: 110%; } .footerleft div{ height: 45px; background: transparent url(images/footer-left-corner.png) no-repeat top right; color: white; font-size: 11px; padding: 25px 0px 0px 75px; line-height: 110%; } .footerright a{ color: white; } .tools{ background: transparent url(images/tools.png) no-repeat 0px 0px; margin: 0px 10px 0px 10px; } .tools div.corner{ background: transparent url(images/toolsdiv.png) no-repeat top right; padding: 4px 7px 5px 7px; } .tools a{ color: white; font-size: 11px; } .tools div.right{ float: right; } .tools div.left{ float: left; } a.com{ display: block; float: left; background: transparent url(images/comments.png) no-repeat 0px 0px; padding: 6px 0px 6px 35px; margin: 0px 10px 0px 0px; } /* */ html* a.com{ padding: 8px 0px 8px 35px; } /* */ .share{ display: block; float: left; background: transparent url(images/share.png) no-repeat 0px 0px; padding: 6px 0px 6px 35px; margin: 0px 10px 0px 0px; } .post{ display: block; float: left; background: transparent url(images/post.png) no-repeat 0px 0px; padding: 6px 0px 6px 35px; margin: 0px 10px 0px 0px; } /* */ html* a.com{ padding: 8px 0px 8px 35px; } html* .post{ padding: 8px 0px 8px 35px; } html* .share{ padding: 8px 0px 8px 35px; } /* */ .sidebartitle{ background: transparent url(images/sidebar-title.png) no-repeat 0px 1px; } .sidebartitle div{ background: transparent url(images/sidebar-title-corner.png) no-repeat top right; padding: 5px 30px 6px 40px; color: white; font-size: 16px; font-weight: bold; } .sidebar li{ margin: 9px 0px 9px 0px; } .sidebar ul{ margin-bottom: 20px; } /* */ .sidebartitle div{ padding: 7px 30px 8px 40px; } /* */ table.sidebar{ width: 99%; margin: 5px 0px 0px 0px; } td.sidebar{ } table.sidebar td{ padding: 1px; width: 50%; } table.sidebar p{ margin: 15px 15px 15px 15px; } table.sidebar ul{ list-style-type: none; margin: 15px 0px 15px 0px; line-height: 150%; } table.sidebar ul li{ padding: 0px 0px 0px 25px; list-style-image: none; } table.sidebar li.selected{ color: white; background: transparent url(images/sidebarlisel.png) no-repeat 0px 2px; } table.sidebar li.selected div{ color: white; background: transparent url(images/sidebarlisel-corner.png) no-repeat 100% 2px; padding: 2px 0px 2px 0px; } .center{ text-align: center; } .tags a{ color: #008bbf; text-decoration: none; } .tags a:hover{ color: #f79500; text-decoration: none; } a.t1{ font-size: 11px; } a.t2{ font-size: 12px; } a.t3{ font-size: 13px; } a.t4{ font-size: 14px; } a.t5{ font-size: 15px; font-weight: bold; } a.t6{ font-size: 16px; font-weight: bold; } a.t7{ font-size: 17px; font-weight: bold; } a.t8{ font-size: 20px; font-weight: bold; } a.t9{ font-size: 24px; font-weight: bold; } .text p{ margin: 0px 15px 0px 15px; color: #434343; } ol, ul{ margin: 10px 0px 10px 50px; } ul li{ list-style-type: none; list-style-image: url(images/bullet.png); } ol li{ color: #1aadf3; font-weight: bold; } ol li span{ color: #2e2e2e; font-weight: normal; } a.next{ display: block; background: transparent url(images/next.png) no-repeat 0px 0px; padding: 1px 0px 2px 25px; font-weight: bold; } p.categories a{ }