/* Theme Name:BlueFantasy Theme URI: http://www.wpart.org/wordpress-themes-bluefantasy/ Description: Deep quiet, full of fantasy, carefree flying in the sky, bright blue, clear and Clean, the beauty is trickling! Created by WPart. Version: 1.3 Author:WPart.org Author URI: http://www.wpart.org/ tags: blue, white, fixed-width, two-columns Both the design and code are released under GPL. http://www.opensource.org/licenses/gpl-license.php */ .float_l { float:left; } .float_r { float: right; } body { background-image: url(images/bg.jpg); background-repeat: repeat-x; background-color: #0F2233; } #wrap { width: 960px; margin-right: auto; margin-left: auto; } .body_bg { width:960px; float:left; background-image:url(images/main_bg.jpg); background-color:#52B0CB } /***********header start************/ #header { text-align: center; width: 900px; float: left; padding-top: 50px; padding-right: 40px; padding-left: 20px; padding-bottom: 20px; background-image: url(images/body_bg.jpg); height: 70px; } .description { color:#C8D7D9; } #header .float_r { float:right; background-image: url(images/search_top.jpg); height: 39px; width: 328px; padding-top: 30px; background-repeat: no-repeat; background-position: left bottom; } #nav { float: left; width:660px; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; background-color: #DEF2FB; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #3CACC2; } #nav li { float:left; margin-right: 10px; margin-left: 10px; list-style-type: none; } /***********header end************/ #main { width: 960px; float:left; background-repeat: repeat-x; background-image:url(images/body_bg2.jpg); } #content { float:left; width: 700px; padding-top:0px !important; padding-top:15px; } #sidebar { float: right; width: 230px; color: #666666; padding-right: 15px; padding-left: 13px; } #footer { width: 880px; color:#999999; float: left; background-image: url(images/footer.jpg); background-repeat: no-repeat; background-color: #FFF; padding-top: 20px; height: 50px; font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; font-weight: normal; padding-left: 80px; } /********************* -----------header------- *********************/ .post { float: left; width: 700px; padding-top: 5px; font-size: 12px; padding-bottom: 10px; background-color: #FFF; } .content_top { float:left; width: 700px; } .content_top .float_l { width:32px; background-image: url(images/date_bg.jpg); background-repeat: no-repeat; height: 38px; text-align: center; padding-left: 2px; font-size: 12px; padding-right: 4px; color: #FFF; padding-top: 0px; line-height: 19px; font-weight: normal; } .content_top .float_r { width:660px; } .title3 { background-repeat: no-repeat; width: 635px; float: left; padding-left: 25px; padding-top: 15px; background-image: url(images/content_title.jpg); background-position: right bottom; padding-bottom: 2px; } .title3 a { color:#1F86A3; font-size: 18px; font-weight: bold; } .info { float: right; width: 700px; padding-top: 3px; font-weight: normal; font-size: 11px; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A1CEDA; } .info a { color:#333333; text-decoration:underline; font-weight: normal; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } .info a:hover { color:#fff; text-decoration:none; } .cate { background-image: url(images/narrow2.png); background-repeat: no-repeat; background-position: 5px 3px; font-weight: normal; background-color: #A1CEDA; float: right; padding-right: 10px; padding-left: 22px; } .coment { background-image: url(images/narrow3.png); background-repeat: no-repeat; padding-left: 22px; background-position: 5px 3px !important; background-position: 5px 5px; font-weight: normal; background-color: #A1CEDA; float: right; padding-right: 10px; } .tag { background-image: url(images/narrow4.png); background-repeat: no-repeat; padding-left:18px; background-position:3px 4px; background-color: #A1CEDA; float:right; font-weight: normal; padding-right:15px; } .entry { float: left; width: 600px; color: #333; padding-right: 50px; padding-left: 50px; } .entry table { max-width:100%; } .entry a { color:#1F86A3; font-weight: normal; } .entry p { margin-top: 5px; margin-bottom: 5px; overflow:hidden; width:100%; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.5em; } .entry li { line-height: 1.85em; margin-left: 20px; } .entry img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; max-width:100%; } .entry table { margin-top: 5px; margin-bottom: 5px; } .entry td { text-align: center; } .post-link { padding: 10px; background-color: #FFF; float: left; width: 680px; } .post-link a { color: #389DBA; } .content-foot { height: 15px; width: 630px; float: left; } /********************* -----------sidebar------- *********************/ #sidebar ul { padding:0px; } #sidebar li { list-style-type: none; padding:0px; float:left; background-image: url(images/narrow.gif); background-repeat: no-repeat; background-position: 8px 15px; border: 1px solid #AACCEE; background-color: #FFF; width: 230px; margin-bottom: 20px; } #sidebar li li { padding-top:5px; padding-bottom:3px; width: 200px; padding-left: 20px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-right: 10px; margin: 0px; border-top-width: 1px; border-top-color: #AACCEE; overflow: hidden; } #sidebar li li * { font-size:14px; font-weight: 600; } #sidebar li li li { width:180px; margin: 0px; padding-right: 0px; padding-left: 20px; } .widget_tag_cloud, .widget_text { background-image: url(images/side_bg.png); background-repeat: repeat-y; float: left; width: 248px; margin: 0px; } #calendar_wrap { float: left; width: 220px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0; padding-left: 0px; } #wp-calendar { width:240px; text-align:center; padding-left: 10px; } #wp-calendar caption { width:220px; color: #09598E; font-weight: bold; padding-top: 2px; padding-right: 14px; padding-bottom: 2px; padding-left: 14px; } #wp-calendar a { text-decoration:underline; } li.widget_tag_cloud div, .widget_text div { float:left; width:220px; padding: 5px; } .title2 { float: left; height: 22px; width: 210px; padding-left: 10px; color:#333333; background-color: #EBF3FB; padding-top: 8px; padding-right: 10px; font-size: 16px; } /********************* -----------search------- *********************/ #searchform_t { padding-left: 10px; padding-top: 5px; padding-right: 25px; } #searchform_t #s_t { padding: 1px; float: left; margin-top: 8px; width: 150px; border: 0px none #FFF; } #searchsubmit_t { padding: 1px; margin-top: 5px; } .btn { font-size: 11px; cursor: hand; color: #996647; padding-top: 2px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; float: right; margin-top: 3px; text-align: center; font-weight: bold; } #searchform { float:left; width:200px; padding-top: 0; padding-bottom: 5px; padding-left: 14px; padding-right:4px; } #searchform #s { padding: 1px; float: left; width: 160px; font-weight: normal; margin-top: 6px; } #searchsubmit { padding: 1px; margin-top: 5px; } #sidebar a { color: #333333; } #sidebar a:hover { color:#4892DB; } /****************** comment ********************/ /*#comment_title{float:left;padding:20px;color:#000;width:590px;} #email,#author,#url { background-image: url(images/input.jpg); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 251px; padding-top: 12px; padding-right: 30px; padding-bottom: 5px; padding-left: 10px; height: 20px; } .comment_top,.comment_foot{ background-repeat: no-repeat; height: 12px; float: left; width: 569px; } #comment { width: 569px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; overflow-y:hidden; background-color: #FFFFFF; } #commentform{ background-color:#f5f5f5; float:left; width: 630px; } #commentform #submit{ float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 20px; width: auto; text-align: center; } #commentform p{ float: left; width: 596px; padding-right: 11px; padding-left: 18px; } .commentlist li { list-style: none; color: #666666; width: 580px; float: left; padding-right: 6px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; } .commentlist .white{ background-color:#fff; float:left; width:560px; padding:10px; border: 3px ridge #E8DFD9; line-height: 1.5em; } #respond{ float:left; width: 550px; padding-left: 80px; background-image: url(images/comment.jpg); background-repeat: no-repeat; height: 26px; padding-top: 10px; margin-top: 10px; background-color:#f5f5f5; }*/ #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { float:left; width:90%; padding:2% 5%; } #commentform textarea { width:95%; padding: 2px; border: 1px solid #9DB5C3; } #respond { width:93%; padding-left:7%; padding-top:3px; font-size: 16px; color: #000; background-image: url(images/res.jpg); background-repeat: no-repeat; padding-bottom: 3px; height: 25px; float: left; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { float: left; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: auto; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { list-style: none; margin-top: 15px; margin-right: 5% !important; margin-right:0%; margin-bottom: 10px; margin-left: 5% !important; margin-left:2%; padding-top: 5px; padding-bottom: 10px; border: 1px solid #8AC6D5; float: left; width: 86%; padding-right: 2%; padding-left: 2%; } .commentlist li ul li { margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; width:100%; border-bottom: solid 1px #8AC6D5; } .small { font-size:9pt; } .pagetitle { color: #09598E; text-align: center; float: left; width: 100%; font-size: 16px; font-weight: bold; padding-top: 20px; background-color: #FFF; } h3#comment_title { width:635px; background-image:url(images/res_top.jpg); background-repeat:no-repeat; height:20px; padding-left:45px; padding-bottom:2px; background-position: left bottom; font-size:14px; } .comment_area { padding-left:20px; float:left; width:680px; background-color:#fff; } .comment_area li * { font-size:12px; font-weight:normal; } /*************************** ----------*--a--*----------- ****************************/ a { text-decoration: none; } a:hover { text-decoration: underline; } h1 a { color: #D6E1E3; font-size: 45px; font-family: Arial, Helvetica, sans-serif; } h1 a:hover { text-decoration: none; } #nav a { float: left; color: #163249; font-size: 16px; font-weight: bold; padding: 2px 5px; } #nav a:hover { text-decoration: underline; background-color: #79E1FF; } #commentform a { font-weight: bold; } #footer a { color:#999999; font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; font-weight: normal; } ol { padding-left:10px; } .comment_page a { font-size:12px; font-weight:normal; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter{ display:block; margin-left:auto; margin-right:auto;} /* End Images */ blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #A1CEDA; } blockquote cite { margin: 5px 0 0; display: block; } * { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align:justify; text-justify:inter-ideograph; } /*************img*****************/ .wp-caption{ border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } wp-caption img{ margin:0; padding:0; border:0 none; } .wp-caption-dd{ font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }