/* Theme Name: bba Theme URI: http://wordpress.org/extend/themes/bba Author: rafia Author URI: http://wordpress.org/ Description: The bba theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. 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: bba 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; } #wrapper { width: 1100px; margin: 0 auto; } #logo { width: 250px; margin-top:5px; height: 300px; float: left; padding-left: 20px; } #menu { width: 150px; height: 300px; float: left; background-color:#CD853F; margin-top:10px; } #list li { width: 75px; padding-bottom: 15px; font-size: 16px; font-family: "Comic Sans MS", cursive; border-bottom: 2px solid #FFF; color:#FFF; } #slider { width: 650px; height: 250px; float: left; padding-bottom: 27px; margin-top:10px; } #text { color:#FFF; font-size: 40px; font-family: "Comic Sans MS", cursive; } #wrapper1 { width: 1100px; margin: 0 auto; } #project { width: 525px; height: 250px; float: left; } #text1 { padding-left: 15px; color: #000; font-family: "Comic Sans MS", cursive; } #img { float: left; padding-left:15px; } #operation { float: left; } #sub { font-family: "Comic Sans MS", cursive; float: left; color:#000; font-size:20px; } #imgg { float: left; padding-left:15px; } #clur { font-family: "Comic Sans MS", cursive; padding-left: 15px } #welcome { width: 525px; margin-left: 50px; height: 250px; float: left; } #text2 { padding-left: 15px; color: #000; font-family: "Comic Sans MS", cursive; } #text7 { font-family: "Comic Sans MS", cursive; color: #000; margin-bottom:30px; float: left; font-size:20px; } #clr6 { float: left; } #wrapper2 { width: 1100px; margin: 0 auto; } #examination { width: 525px; height: 250px; float: left; } #imggg { padding-left:15px; } #text3 { font-family: "Comic Sans MS", cursive; color: #000; } #immg { padding-left: 15px; float: left; } #parts { font-family: "Comic Sans MS", cursive; float: left; color:#000; font-size:20px; } #sometext { width: 525px; margin-left: 50px; height: 250px; float: left; } #admn { font-family: "Comic Sans MS", cursive; clear: both; color: #000; } #text4 { font-family: "Comic Sans MS", cursive; float: left; color:#000; font-size:20px; margin-bottom:100px; } #pix { padding-left: 15px; float: left; } #text5 { color: #F3F; font-size: 29px; font-family: "Comic Sans MS", cursive; } #rang { color: #fff; } #shade { color: #fff; } #clr2 { color: #fff; } #clr3 { color: #fff; } #clr4 { color: #fff; } #clr5 { color: #fff; } #clr10{ color: #fff; } #clr11 { color: #fff; } #pic { text-align: center; } #text6 { text-align: center; font-family: "Comic Sans MS", cursive; color: #FFF; } #wrapper6 { width:100%; margin:0 auto; } #pros{float:left; margin-left:350px; margin-top:10px;} .pros1{ float:left; padding-left:20px;margin-top:10px; margin-bottom:10px;} #achhi{ float:left;} #wrapper7 { width:1100px; margin:0 auto; } #footer { background-color:#963; height: 110px; clear: both; } #list1 li { font-size: 16px; font-family: "Comic Sans MS", cursive; border-right: 1px solid #FFF; color:#FFF; display:inline; padding-right:15px; } #list1{text-align:center;margin-bottom:-10px;} #hehe{color:#FFF; font-size:14px; text-align:center; }