help buat meresponsivekan ini ------------------ */ /* Begin Typography & Colors */ * { margin: 0; padding: 0; } body { background: #282828; margin: 10px auto; font: normal 12px "Verdana", sans-serif; color: #000000; } input, button, textarea, select { font: normal 12px/12px "Verdana", sans-serif; color: #535353; vertical-align: middle; } legend { display: none; } fieldset { border: none; } blockquote { margin: 1em; padding: 0 25px; background: url(images/quote.gif) no-repeat left top; font: italic 1em/1.5 Georgia, Times, serif; } a { color: #0000DD; text-decoration: none; } a:hover, a:active { color: #174271; text-decoration: underline; } h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } img { border: 0; } /* wrapper */ #wrapper { width: 920px; padding: 10px 0 0 0; margin: 0 auto; overflow: hidden; background: #fff; } /* Top Menu */ .menu { width: 880px; margin: 0 20px; border: 0 solid #403f3f ; background: #403f3f; overflow: hidden; } /**/ * html .menu { height: 1%; } /* */ .menu ul { float: left; padding: 3px; } .menu li { display: inline; font-weight: bold; float: left; } .menu li ul { display: none; } .menu li a { color: #fff; padding: 7px 10px 8px 10px; display: block; padding-left: 10px; margin-right: 2px; float: left; } .menu li a:hover { background: #666; color: #fff; text-decoration: none; } .topadsense { width: 860px; margin: 0 20px; background: #fff; border-top: 1px solid #FF6600; padding: 4px 10px 5px 10px; color: #fff; } /* Header */ .header { width: 900px; padding: 0 10px 10px 10px; position: relative; } h1.logo { margin: 0; padding: 0; width: 470px; font-size: 300%; top: 0; } h1.logo a { width: 470px; display: block; background: url(images/logo.png) no-repeat; text-transform: uppercase; text-indent: -5000px; height: 76px; } /* Search */ .search { width: 250px; position: absolute; right: 0; bottom: 30px; padding: 11px 20px 0 0; } .search form { float: right; margin-right: 0; } .search input { float: left; background: url(images/search-input.png) no-repeat; border: none; padding: 8px 0 7px 18px; width: 182px; color: #000066; font-weight: bold; } .search button { float: left; background: url(images/search-button.png) no-repeat; width: 44px; height: 29px; border: none; cursor: pointer; color: #fff; vertical-align: middle; padding: 2px 5px 5px 0; font: bold 12px/12px "Verdana", sans-serif; } /* layout */ #main { background: url(images/bg-content.gif) repeat-y; margin: 10px 0; } #content { margin: 0; width: 550px; float: left; margin: 0; padding: 0 15px 0 20px; } .post { padding: 0; } #sidebarwrap { width: 300px; float: left; padding: 0 20px 0 15px; margin: 0; } /* CONTENT */ #content h2 { color: #333; font: normal 23px/23px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding:0 0 4px 20px; margin-bottom: 10px; background:url(images/h3.png)no-repeat left;} #content h2 a { color: #333; text-decoration: none; } #content h2 a:hover { color: #333; text-decoration: none; } #content h3 { color: #333; font: normal 18px/18px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 20px 0 10px 0; margin-bottom: 10px; } #content h3 a { color: #333; text-decoration: none; } #content h3 a:hover { color: #333; text-decoration: none; } .under, .info { margin-top: 5px; font-size: 11px; height: 18px; line-height: 18px; } .tags { background: url(images/tag.gif) 0 center no-repeat; padding: 0 0 0 20px; float: left; margin-left: 15px; } .categories { background: url(images/archives.gif) 0 center no-repeat; padding: 0 0 0 20px; float: left; } .more { padding: 0 0 0 20px; float: right; font-weight: bold; font-size: 12px } .date { background: url(images/date.gif) 0 center no-repeat; padding: 0 15px 0 20px; float: left; } .author { background: url(images/author.gif) 0 center no-repeat; padding: 0 15px 0 20px; float: left; } .editpost { background: url(images/edit.gif) 0 center no-repeat; padding: 0 0 0 20px; margin-left: 15px; float: right; } ments { background: url(images/comment.gif) 0 center no-repeat; padding: 0 0 0 20px; float: right; } #content .under a, #content .info a { color: #555; text-decoration: none; } /* table setting for content only*/ #content table { background: #FFF; border: 1px solid #CCC; border-collapse: collapse; margin: 5px 0 10px; } #content th, #content td { border: 1px solid #CCC; padding: 5px 10px; text-align: left; vertical-align: top; } #content tr.even td { background: #F7F7F7; } #content th { background: #EDEFF0; } .post p { padding: 5px 0; margin: 5px 0; line-height: 150%;text-align:justify; } .post { padding-bottom: 20px;text-align: justify; } .post ul { list-style: none; line-height: 150%; } .post ul li { padding-left: 33px; position: relative; background: url(images/p-con-li.png) no-repeat 15px 3px; } .post ol li { margin-left: 35px; position: relative; line-height: 150%; } /* COMMENT START */ #commentlist { margin: 0; padding: 0; border-bottom: 1px solid #ccc; clear: both; } #commentlist ol { margin-bottom: 10px; } #commentlist li { margin: 10px 3px; padding: 10px; list-style: none; } #commentlist li li { margin: 0 -10px -10px -10px; } #commentlist li li { margin: 0 -10px -20px -10px; border-top: 10px solid #fff; } /* comment content style */ .avatar { border: 1px solid #bbb; float: right; } .odd, .even, .byuser { margin: 5px; } .even { background: #fafafa; border: 1px solid #f0f0f0; } .odd { background: #EDEFF0; border: 1px solid #f0f0f0; } .byuser { background: #E7F7D3; border: 1px solid #DBF7B9; } ment-author { font-weight: bold; } ment-meta { font-size: 10px; } #commentnavi { background: #EDEFF0; padding: 10px 5px; margin: 0 3px; } .textfield { padding: 3px; width: 200px; border-top: 1px solid #999999; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #999999; } .text_input { width: 545px; border-top: 1px solid #999999; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #999999; } #submitbox a.feed { background: url(images/rss-comment.png) 0 center no-repeat; padding-left: 22px; height: 16px; line-height: 16px; display: block; float: left; } #submitbox #submit { padding: 3px 6px; background: #B4D666; border-top: 1px solid #B4D666; border-right: 1px solid #81B840; border-bottom: 1px solid #81B840; border-left: 1px solid #B4D666; color: #074A7E; font-size: 11px; cursor: pointer; } #submitbox #submit:hover { background: #98C64C; border-top: 1px solid #76B33A; border-right: 1px solid #98C64C; border-bottom: 1px solid #98C64C; border-left: 1px solid #76B33A; color: #074A7E; } #submitbox .submitbutton { float: right; } /* PAGE NAVIGATION LINK */ #pagenavi, #postnavi { border-top: 1px solid #CCC; margin: 10px 0px 0; padding: 10px 0; } .older a, .prev a { background: transparent url(images/icons-prev.gif) 0 0 no-repeat; padding-left: 18px; float: left; line-height: 16px; } .newer a, .next a { background: url(images/icons-next.gif) 100% 0 no-repeat; padding-right: 18px; float: right; line-height: 16px; } /* next n prev navigasi*/ .next { float: right; text-align: right; width: 49%; } .prev { float: left; text-align: left; width: 49%; } /* emboh */ .alignright { float: right; text-align: right; margin: 5px 0 0 5px; } .alignleft { float: left; text-align: left; margin: 5px 5px 0 0; } /* SIDEBAR */ .module, .subscribe { margin-bottom: 5px; padding: 0 0 5px 0; } .module h3 { color: #333; font: bold 15px/15px Arial, sans-serif; padding: 5px 0 6px 20px; margin-bottom: 10px; border-bottom: 1px solid #ddd; background: url(images/h3.png) 0 3px no-repeat; } .subscribe { border-bottom: 1px solid #DACFA9; } /* FORM */ .inputbox { padding: 1px; font-family: Tahoma, Arial, sans-serif; font-size: 100%; } .inputbox { background: #FFFFFF; color: #000; } .button { padding: 2px 5px; border: 1px solid #333; color: #000; background: url(images/but-bg.png) repeat-x center ; } .inputbox { margin-bottom: 1px; padding: 3px 2px; } .inputbox { border-top: 1px solid #333; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #333; } /* Sponsor */ .sponsor { padding: 3px 0; margin: 0; text-align: center; border: #ccc 1px solid; } .sponsor img { padding: 5px; margin: 3px; border: #ddd 1px solid; background: #fefefe; } .clr { clear: both; } .module ul { list-style-type: none; margin: 0; padding: 0; } .module ul li { list-style: none; padding: 3px 0 3px 20px; line-height: 15px; background: transparent url(images/archives.gif) 1px 4px no-repeat; } .module a { color: #000000; } /* Categories */ ul .cat-item { padding: 0; margin: 0; } #sidebarwrap .cat-item { list-style: none; padding: 3px 0 3px 20px; line-height: 15px; background: transparent url(images/archives.gif) 1px 4px no-repeat; } #sidebarwrap .children li { list-style: none; padding: 3px 0 3px 16px; line-height: 15px; background: transparent url(images/subcat.gif) 1px 5px no-repeat; margin-left: -16px; } .cat-item a { color: #000; } /* Blogroll */ ul.blogroll { padding: 0; margin-bottom: 5px; } ul.blogroll li { list-style: none; padding: 3px 0 3px 19px; line-height: 15px; background: transparent url(images/blogroll.gif) 0 3px no-repeat; border-bottom: dashed 1px #f5f5f5; } #recentcomments li { list-style: none; padding: 3px 0 3px 19px; line-height: 15px; background: transparent url(images/comment.gif) 0 3px no-repeat; border-bottom: dashed 1px #f5f5f5; } #recentcomments .url { font-weight: bold; } /* Calender --------------------------------------------------------- */ #calendar_wrap table { border: 0px solid #CCC; margin: 5px 0 10px; width: 100%; } #wp-calendar caption { font: bold 15px/15px Arial, sans-serif; } #wp-calendar th { background: #EDEFF0; text-align: center; border: 1px solid #CCC; padding: 3px 5px; vertical-align: top; } #wp-calendar td { background: #fff; text-align: center; border: 1px solid #CCC; padding: 3px 5px; vertical-align: top; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } #wp-calendar a { color: #0055cc; } #wp-calendar #today { background: #ccc; font-weight: bold; } /* Footer */ .footer { background: #fff; width: 880px; padding: 0 20px 20px 20px; overflow: hidden; margin: 0 auto; } .footer hr { border-left: none; border-right: none; border-top: 1px solid #ccc; border-bottom: none; height: 1px; display: block; margin-bottom: 10px; } .footer p { padding: 1px 0; color: #666; font-size: 11px; } .footer p a, .footer p a:visited, .footer p a:hover { color: #333; font-weight: normal; text-decoration: none; } /* cicklet */ .cicklet { margin: 0; float: right; width: 168px; } .cicklet img { padding: 0; margin: 1px; background: #fefefe; } /* Clear fix */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* article separator */ .article_seperator { display: block; background: url(images/seperator.gif) repeat-x center; height: 10px; clear: both; } /* Bookmark */ .bookmark { padding: 10px; border: 1px solid #f0f0f0; background: #f5f5f5; } .bookmark h4 { color: #666; font: bold 19px/19px Arial, sans-serif; border-bottom: solid 1px #eee; padding: 0; margin-bottom: 10px; } .bookmark img { } .book { float: left; margin: 0 11px 0 0; padding: 1px; border: 1px solid #eee; background: #ffffff; } .booklast { float: left; margin: 0; padding: 1px; border: 1px solid #eee; background: #ffffff; } /* Navigation - PlugIn */ .Nav { margin: 10px 0; } .Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 12px; } .Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; } .Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none; } .Nav span { padding: 2px 5px 2px 0px; color: #6666; border-right: solid 1px #ccc; } .Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 12px; color: #000; } .thumb-img { border-color: #DDDDDD; border-style: solid; border-width: 1px; float: left; margin-bottom: 0; margin-left: 0; margin-right: 10px; margin-top: 0; padding: 5px; } cc : mas Jefry Dewangga mas Salim Romadhon
Posted on: Fri, 12 Jul 2013 10:12:31 +0000
Trending Topics
Recently Viewed Topics
© 2015