/* ----------------------------------------------------- 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;}
Sumber Informasi Kesehatan dan Produsen Obat -
Manfaat Mandi Susu, Kemewahan Untuk Kulit Manfaat mandi susu untuk tubuh ternyata memang benar adanya. Anda yang senang memanjakan kulit, mandi susu...
Cara Mengatasi Kulit Wajah yang Mengelupas Banyak hal yang menyebabkan kulit wajah mengelupas. Diantaranya karena terbakar sinar matahari, kulit kering, alergi, eksim,...
Beberapa Prosedur Untuk Mengatasi Wajah Berkerut Kerutan di wajah adalah sebagai tanda penuaan dini pada semua orang dan menjadi hal yang paling...
Kenali Efek Samping Obat Cacing Produsen Obat – Cacing parasit bisa tumbuh di dalam tubuh manusia dan mengambil makanan darinya. Tidak heran...
Manfaat Mandi Air Hangat Untuk Mengobati Penyakit Produsen Obat – Mandi air hangat dipercaya memberikan banyak manfaat untuk kesehatan. Banyak orang menjadikan...
Hindari Kebiasaan yang Memicu Penuaan Dini Kulit Berikut Produsen Obat – Penuaan dini biasanya terjadi pada mereka yang sudah berumur. Hal tersebut...