/* ----------------------------------------------------- START RESET CSS-------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } .clearfix { clear:both } /* ------------------------------------------- START GLOBAL CSS ------------------------------------------- */ a { text-decoration: none; } a:link { text-decoration: none; } a:visited { } a:hover { text-decoration: underline; } a:focus { outline: none; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 12px; } p { margin: 10px 0; } p img { padding: 0; max-width: 100%; } .container { width: 900px; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } .aligncenter,div.aligncenter { display: block; margin: 0 auto; text-align: center; } img.alignleft { margin: 5px 15px 10px 0; } img.alignright { margin: 5px 0 10px 10px; } img.aligncenter { margin: 10px auto; } .wp-caption { text-align: center; border-bottom: 1px solid #DADADA; background-color: #fff; padding-top: 5px; margin-bottom: 10px !important; max-width: 100%; } .wp-caption img { max-width: 100%; } .wp-caption p.wp-caption-text{ font-size: 11px; line-height: 18px; padding: 0 4px 5px; margin: 0; } /* ------------------------------------------- START Layout CSS ------------------------------------------- */ body { font: 13px/20px Arial,Helvetica,sans-serif; color: #444444; } #wrap { background: #FFFFFF; width: 928px; margin: 0 auto; padding: 10px; } #main { float: left; width: 928px; padding: 10px 0; } #content { float: left; width: 618px; margin-right: 10px; } #sidebar { float: left; width: 300px; } /* ------------------------------------------- START Header CSS ------------------------------------------- */ #header { float: left; width: 928px; margin-bottom: 10px; text-align: center; display: none; } #header .logo { float: left; height: 75px; display: block; } #header .head { float: left; text-align: left; display: block; } #header .head .title { font-family: "Arial Black", Gadget, sans-serif; font-size: 40px; line-height: 50px; font-weight: bold; display: block; margin: 0; padding: 0; } #header .head .title a:hover { text-decoration: none; } #header .head .desc { font-size: 14px; font-weight: normal; color: gray; display: block; } /* ------------------------------------------- START Entry CSS ------------------------------------------- */ .post { padding: 10px 0; overflow: hidden; } .post h2 { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .post h2 a { text-decoration: none; } .post h2 a:hover { color: #212121; text-decoration: none; } .post-2 { border-top: 1px solid #ecf0f1; } .post .thumb { float: left; width: 100px; height: 80px; display: block; margin-right: 10px; border: 1px solid #ecf0f1; } .post p { margin-top: 5px; line-height: 18px; } .meta { font-size: 11px; color: gray;border-bottom: #CCD2D8 solid 1px; } /* ------------------------------------------- START Entry CSS ------------------------------------------- */ .entry {} .entry img { max-width: 558px; } .entry p { line-height: 20px; } .entry blockquote { margin: 20px 20px; padding: 0 30px 0 20px; overflow: hidden; border-left: 10px solid #F7F7F7; } .entry ul, .entry ol { margin: 0 0 5px 3em; } .entry ol { list-style-type: decimal; } .entry ul { list-style-type: square; } .entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul { margin: 0 0 0 20px; } h1.title { font-size: 20px; line-height: 24px; margin-bottom: 5px; } .entry h2, .entry h3, .entry h4 { font-size: 13px; margin: 5px 0; } .entry table { width: 100%; border: 1px solid #e9e9e9; margin: 1.0em 0; border-collapse: collapse; border-spacing: 0; } .entry table th { padding: 6px 3px; background: #eee; border: 1px solid #e9e9e9; text-shadow: 1px 1px #fff; } .entry table td { padding: 3px 5px 3px 5px; border: 1px solid #e9e9e9;} .entry .ads { margin-bottom: 10px; max-width: 336px; display: block; } .entry .ads span { font-size: 11px; margin-bottom:5px; text-align: left; display: block; } .reviewsnip { background: #efefef; font-size: 11px; padding: 3px 10px; float: left; } /* ------------------------------------------- START Sidebar CSS ------------------------------------------- */ #sidebar h3.title { height: 25px; line-height: 25px; font-size: 12px; text-transform: uppercase; } #sidebar h3.title span { color: #FFFFFF; padding-left: 5px; display: block; } #sidebar .widget { margin-bottom: 10px; background: #ecf0f1; font-size: 12px; } #sidebar .widget_ads { margin-bottom: 10px; } #sidebar .widget .inner { } #sidebar .widget ul { color: #bdc3c7; } #sidebar .widget ul li { padding: 2px 5px; line-height: 18px; border-bottom: 1px solid #dfdfdf; } #sidebar .widget ul li:hover { background-color: #FFFBCC; } #sidebar a { color: #212121; } #sidebar .recent ul { padding: 5px 0; text-align: center; } #sidebar .recent ul li { margin-bottom: 5px; clear: both; overflow: hidden; } #sidebar .recent ul li h4{ font-size: 12px; line-height: 16px; } #sidebar .recent a { } /* ------------------------------------------- START Footer CSS ------------------------------------------- */ #footer { width: 100%; color: #FFFFFF; } #footer .menu { font-size: 12px; overflow: hidden; padding: 0 5px; line-height: 25px; } #footer .menu ul li { float: left; margin-right: 10px; } #footer .copyright { font-size: 11px; padding: 0 10px; } #footer a { color: #FFFFFF; } /* ------------------------------------------- START Menu CSS ------------------------------------------- */ nav select { display: none; border: 1px solid #dfdfdf; padding: 3px; } #main-menu { width: 928px; height: 32px; line-height: 32px; font-size: 12px; font-weight: bold; text-align: center; overflow: hidden; } #main-menu .ihome { float:left; margin: 5px 10px; display: inline; } #main-menu .main-menu { text-align: left; } #main-menu .main-menu ul { width: 100%; } #main-menu .main-menu li { float: left; border-right-width: 1px; border-right-style: solid; } #main-menu .main-menu li:first-child { border-left-width: 1px; border-left-style: solid; } #main-menu .main-menu li a { color: #FFFFFF; display: block; text-transform: uppercase; padding: 0 10px; overflow: hidden; } #main-menu .main-menu li a:hover { text-decoration: none; } #main-menu .main-menu li li a, #main-menu .main-menu li li a:link, #main-menu .main-menu li li a:visited { background: #055116; color: #000; position: relative; text-transform: uppercase; width: 138px; padding: 0px 10px; border-bottom: 1px solid #dfdfdf; } #main-menu .main-menu li li a:hover,.main-menu li li a:active { } #main-menu .main-menu li li:first-child { border: none; } #main-menu .main-menu li li { border: none; } #main-menu .main-menu li ul{ height: auto; left: -9999px; position: absolute; width: 160px; z-index: 9999; margin: 0; } #main-menu .main-menu li ul a { width: 140px; } #main-menu .main-menu li ul ul { margin: -33px 0 0 159px; } #main-menu .main-menu li:hover>ul { left: auto; } #main-menu .main-menu li.current-menu-item a, #main-menu .main-menu li.current-post-parent a { } /* ------------------------------------------- START Pagenavi CSS ------------------------------------------- */ .Nav { font-size: 12px; width: 100%; margin: 15px 0; color: #444444; } .Nav a { border: 1px solid #95a5a6; color: #444444 !important; background: #ecf0f1; padding: 6px; } .Nav a:visited { border: 1px solid #95a5a6; background: #ecf0f1; } .Nav a:hover { background: #95a5a6; text-decoration: none; } .Nav span { background: #ecf0f1; border: 1px solid #95a5a6; margin-right: 3px; padding: 6px 5px; } .Nav .on { background: #95a5a6; border: 1px solid #95a5a6; padding: 6px; } /* ------------------------------------------- START Share CSS ------------------------------------------- */ .social-container { margin: 15px 0; width: 100%; } .SocialCustomMenu { margin: 0; } .SocialCustomMenu span { display: inline; padding: 5px; text-decoration: none; font-size: 0.95em; } .SocialCustomMenu a, .SocialCustomMenu a:visited { display: inline; padding: 5px; color: white!important; text-decoration: none; font-size: 0.95em; } .social-container .twitter { background-color: #00a0d1; } .social-container .facebook { background-color: #3b5998; } .social-container .googleplus { background-color: #db4a39; } .social-container .sharetext { background: #efefef; color:#333 !important; } /* ------------------------------------------- START Related CSS ------------------------------------------- */ .related_posts { width: 100%; margin: 10px 0; } .related_posts h3 { color: #FFFFFF; height: 25px; line-height: 25px; font-size: 12px; text-transform: uppercase; padding: 0 10px; } .related_posts .thumb { float: left; width: 80px; height: 60px; margin-right: 10px; overflow: hidden; } .related_posts ul { background: #ecf0f1; } .related_posts ul li { padding: 6px; display: block; overflow: hidden; border-bottom: 1px solid #dfdfdf; } .related_posts h4 { font-size: 13px; line-height: 18px; margin-bottom: 5px; } .related_posts h4 a { color: #212121; } .related_posts p { margin: 0; } .related_posts .relatedcontent { float: left; overflow: hidden; } /* ------------------------------------------- START Other CSS ------------------------------------------- */ #fb-comments h5 { color: #FFFFFF; height: 25px; line-height: 25px; font-size: 12px; text-transform: uppercase; padding: 0 10px; } .breadcrumbs { color: #FFFFFF; font-size: 11px; font-weight: normal; line-height: 20px; overflow: hidden; padding: 0 10px; border-top: solid 1px #005F15; } .breadcrumbs a { color: #FFFFFF !important; } /* ------------------------------------------- START Responsive CSS ------------------------------------------- */ @media only screen and ( max-width: 769px ) { img,video,object { max-width: 100%; height: auto; } #wrap { width: 94%; } #main { width: 100%; } #main-menu, #footer, #header { width: 100%; } #content { width: 70%; margin-right: 2%; } #content img { max-width: 100%; } #sidebar { width: 28%; } #fb-comments { display: none; } #header .logo, #header .head { float: none; text-align: center; } #header .logo img{ height: 100%; } .entry .ads { margin: 0 auto 10px auto; } } @media only screen and ( max-width: 600px ) { #wrap { width: 90%; } #content, #sidebar, .entry, .wp-caption { width: 100%; } #footer .copyright { line-height: 15px;} nav ul, #main-menu .ihome, #fb-comments { display: none; } nav select { display: inline-block; width: 250px; height: 23px; margin: 5px 0; overflow: hidden; background: #EFEFEF; float: none; font-size: 12px; } #sidebar .recent ul { text-align: left; } #sidebar .recent ul li .thumb { float: left; margin-right: 10px;} #sidebar .recent ul li h4 { display: inline; } } @media only screen and ( max-width: 320px ) { }a, a:link, a:visited, a:hover, a:focus, .post h2 a, #sidebar .recent a, h1.title { color: #055116; }
#header .head .title a:hover, .related_posts h4 a:hover { color: #3498db; }
#main-menu .main-menu li li a:hover,.main-menu li li a:active, #sidebar h3.title span, .related_posts h3, #main-menu, #fb-comments h5 { background: #055116; }
#main-menu .main-menu li { border-right-color: #055116; }
#main-menu .main-menu li:first-child { border-left-color: #055116; }
.menu, #main-menu .main-menu li a:hover, #main-menu .main-menu li.current-menu-item a, #main-menu .main-menu li.current-post-parent a, .breadcrumbs { background: #055116; }
#footer {text-align:center; border-top: solid 1px #dedede}
.copyright {color: #444444;}
Home »Archive by Category "Uncategorized"
Ketahui Manfaat dan Efek Samping Obat Kortikosteroid – www.produsenobat.com,- Obat kortikosteroid dikenal sebagai obat untuk mengatasi berbagai keluhan penyakit. Ya dapat dikatakan...
Mitos Atau Fakta Nyeri Sendi Menjadi Penyebab Kelumpuhan – www.produsenobat.com,- Banyak yang mengatkan jika nyeri sendi dapat menyebabkan seseorang mengalami kelumpuhan benarkah...
Gejala Awal Sakit Ginjal Yang Wajib Diketahui Sedini Mungkin – www.produsenobat.com,- Ginjal merupakan salahs atu organ tubuh yang memiliki peranan yang sangat...
Mandi Susu Untuk Kulit Yang Lebih Cantik – www.produsenobat.com,- Anda yang senang memanjakan kulit, mandi susu bisa menjadi pilihan yang menarik. Mitosnya,...