/* Theme Name: BlackWooden Theme URI: http://wordpress.org/extend/themes/Wooden Author: Asma Author URI: Description: woden is owesome Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: BlackWooden This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 14; $line-height: 24; ---------- Examples * Use a pixel value with a rem fallback for font-size, padding, margins, etc. padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size font-size: 16px font-size: 1.142857143rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) } ---------- Further reading http://snook.ca/archives/html_and_css/font-size-with-rem http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ /* =Reset -------------------------------------------------------------- */ @charset "utf-8"; /* CSS Document */ .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .entry-content img{ max-width:760px;} .entry-content h1{color:#FFF} .entry-content h2{color:#FFF} .entry-content h3{color:#FFF} .entry-content h4{color:#FFF} .entry-content h5{color:#FFF} .entry-content h6{color:#FFF} .wp-caption .wp-caption-text, article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .gallery-caption, .gallery-caption { width: 90%; } .gallery-caption a { display: inline; } li.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } .alignright { float: right; } img.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } li.bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); } body{margin:0; padding:0; background-image:url(Wood3_1600x1200.jpg)} #wrapper{ width:960px; margin:0 auto; min-height:1000px; float:none} #menu{ width:100%; min-height:50px; color:#FFF;} #down{width:100%; min-height:130px;} #logo{float:left; width:200px; min-height:100px; margin-left:30px;margin-top:15px;} .cb{clear:both;} #name{margin-top:28px;float:left;width:600px; min-height:100px; margin-left:-10px; } #divs{float:left; width:700px; min-height:420px; margin-left:20px;margin-top:10px; background: #e3e3e3; -moz-border-radius:15px; -webkit-border-radius: 15px; margin-top:22px; } #alert{ margin-top:90px;float:left;width:200px; min-height:420px; margin-right:10px;background-color:rgba(238,90,0,0.6);margin-top:20px; border: 2px solid rgba(238,90,0,0.6); background: rgba(238,90,0,0.6); -moz-border-radius:15px; -webkit-border-radius: 15px; margin-left:10px; } .div1{ margin-top:20px;float:left;width:290px; min-height:220px; margin-left:10px; margin-right:20px; border: 2px solid #434343; background: #e3e3e3; -moz-border-radius:15px; -webkit-border-radius: 15px; width:310;} .img2{width:130px; min-height:90px; margin-left:20px; margin-right:20px; background-color:#39F;margin-top:20px;} .img1{width:130px; min-height:90px; margin-left:20px; margin-right:20px; background-color:#39F;} #f ul li{ float:left;color:#FFF; text-decoration:none; list-style:none; font-family:Verdana, Geneva, sans-serif; line-height:30px;border-right:solid;} #f ul li a{color:#FFF; text-decoration:none; list-style:none; margin-left:50px; margin-right:50px; } #f{ margin-top:100px; background-color: #000;} .text{ text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF} #menu ul { margin-top:14px; } #menu { width:100%; height:40px; } #menu ul li { display:inline; color: #999; padding:15px 20px; font-family:Verdana, Geneva, sans-serif; border-right: 1px solid #FFF; } #menu ul li a{ display:inline; color: #999; padding:15px 20px; font-family:Verdana, Geneva, sans-serif; } #slider{ margin-left:70px; width:60%; height:300px; background-color:#F00; margin-top:5px}