/* File: custom.css Description: Custom styles for Thesis .custom #footer_area { background: #ffffff; } .custom #footer_area .page { padding-top: 2em; padding-bottom: 2em; } .custom #footer { font-size: 1em; line-height: 1em; padding-top: 0; border-top: none; text-align: center; } .custom #footer a, .custom #footer a:visited { color: #332b09; border-bottom: 0px solid #d5d2af; } .custom #footer a:hover { color: #332b09; border-bottom-color: #a09a63; text-decoration: none; } .custom li.widget ul li { margin-bottom: 0; } .custom li.widget ul li a { display: block; padding: 0.462em 0.769em; color: #666; } .custom li.widget ul li a:hover { color: #332b09; background: #f5f3e4; text-decoration: none; } .custom .sidebar h3 { padding: 0 0.769em; color: #736e3c; border-bottom: 1px solid #cfcba0; } .custom #content_box { background: #ffffff; } .custom .post_box { background: #ffffff; border-top: none; } .custom #sidebars { background: #fff; } .custom #multimedia_box, .custom #image_box { background: none; border-bottom: none; } .custom #page { padding: 0 2em; background: #ffffff; } /* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #fff; border: 0.4em solid #fff; } .custom #page { background: #fff; } /*.custom .sidebar h3 { font-size: 1.2em; font-weight: none; line-height: 1.455em; margin-bottom: 1em; padding-top: 0.636em; padding-right: 0.455em; padding-bottom: 0.545em; padding-left: 0.455em; text-transform: lowercase; font-variant: normal; letter-spacing: 2px; color: #111111; border-top-width: 2px; border-top-style: solid; border-top-color: #271E1A; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #271E1A; }*/ /*.custom .sidebar h3 { border: 1px solid rgb(150.137.124); padding: 7px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; background-color: rgb(41,40,41); text-align: center; font-color: rgb (229.229.229); }*/ /* DOMtabs skin by Michael Martin - http://www.problogdesign.com */ /* DOMtabs script - http://www.onlinetools.org/tools/domtabdata/ */ /* Install guide: http://www.problogdesign.com/general-tips/how-to-install-domtabs-on-wordpress/ */ ul.domtabs li.active {background:#000000;} /* Active tab background color */ ul.domtabs li:active a {color:#ffffff;} /* Active tab font color */ ul.domtabs li {background:#888888;} /* Inactive tabs background color */ ul.domtabs li a {color:#ffffff;} /* Inactive tabs font color */ ul.domtabs li {border-color:#000000;} /* Tabs border color */ .domtab div {border:1px solid #000000;} /* Box border color - Should be the same as the Active tab background color */ .domtab div {background:#ffffff;} /* Box background color */ ul.domtabs li {margin-right:0.5em;} /* Space between each tab. Set to 0 for no space. */ div.domtab div { display:none; } ul.domtabs { list-style:none; padding:0; margin:0; } ul.domtabs li { float:left; padding:0 0.5em; text-align:center; border-style:solid; border-width:1px 1px 0 1px; } ul.domtabs li a { text-decoration:none; } .domtab div { border-width:0 1px 1px 1px; padding:0.5em; clear:both; } .custom #content_box {background:none;} /*---:[ WordPress Image Captions ]:---*/ .format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; } .format_text .alignright { margin: 0 0 1.571em 1.571em; float: right; clear: right; } .format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; } .format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; } .format_text .wp-caption { background-color: #F3F1E6; border: 0.071em solid #ccc; text-align: center; padding: 0.214em; } .format_text .wp-caption p { font-size: smaller; font-style: italic; margin-bottom: 0; } .custom .archive h3 {margin-top: 0;} .custom .archive ul {font-size: .85em; } .custom .archivel { float: left; width: 40%;} .custom .archiver { float: right; width: 60%;} /*.custom ul#tabs li a:hover {color: #fff; text-decoration: none; background-color: #46382D; } .custom ul#tabs li.rss a:hover { background-color: #fff; color: #111; }*/ /* AUTHOR BOX */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; } .postauthor p.hlight { font-size: 11px; text-transform: uppercase; } .postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } /* BOXES */ #similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; } #similar { float: left; width: 50%; } #similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; } #similar a { font-size: 1.4em; border-bottom: 1px solid #CB3131; line-height: 1.5em; } #similar a:hover { border: 0; } #similar h3 { padding-left: 10px; } #similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; } #rightcol { float: right; width: 50%; } #rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0; } #rightcol h3 { padding: 0; } #rightcol ul { list-style-position: inside; list-style-type: square; margin-left: 1em; } #rightcol ul a { border-bottom: 1px solid #CB3131; font-size: 14px; } #rightcol ul a:hover { border: 0; } #rightcol li { margin-bottom: 10px; } #subscribe { background: #FFFBCC; border: 1px solid #E6DB55; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: right; margin: 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*---:[ sidebar styles ]:---*/ .custom ul.sidebar_list { list-style: none; background-color: /*#f6f5d5*/ #fff; } /*.custom ul#tabs {border-bottom:none; border-left:none; background:#ffffff; } .custom ul#tabs li {margin-bottom:0; border:none; background:none} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {padding-bottom:0; background:#DA1914} .custom ul#tabs li.rss {} .custom ul#tabs li a {} .custom ul#tabs li a:hover {text-decoration:none; background:#96897C; font-color:#ffffff;} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {} .custom ul#tabs li.current_page_item a:hover {text-decoration:none; background:#DA1914;}, .custom ul#tabs li.current-cat a:hover {text-decoration:none; background:#DA1914}*/ /*Tabbed Widget Version 2.0*/ .tabbedwidget { margin-top: 3em; background: #292829; padding: 5px; padding-top: 10px; border: 1px solid #292829; } .tabnav { margin-bottom: 10px; } .tabnav li { display: inline; list-style: none; padding-right: 5px; } .tabnav li a { background: #ccc; border: 1px solid #96897C; padding: 4px 6px; } .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a { background: #ccc; border: 1px solid #ccc; } .tabdiv { margin-top: 2px; background: #e5f6fc; border: 1px solid #96897C; padding: 7px; } .tabdiv li { list-style: none; margin-bottom: 0.667em; } .ui-tabs-hide { display: none; } /* BOX BESAR BIRU - boxbiru*/ .custom div.boxbiru { border-top:3px solid #2361A1; border-bottom:3px solid #2361A1; background-color:#CCE1F5; color:#000; margin-bottom:0; padding:1em } .custom div.boxbiru H3 { margin-top:0 } .custom div.boxbiru a:hover img { border:3px solid #bebebe } .custom div.boxbiru a img { border:3px solid #CCE1F5 } .custom div.boxbiru img { padding:0 } .custom .boxbiru .testimonial_box { width: 200px; margin: 0 0 5px 20px; float: right; } .custom .boxbiru .testimonial_box a, .custom .boxbiru .testimonial_box a:visited, .custom .boxbiru .testimonial_box a:hover { padding: 0; border: 0; } .custom .boxbiru .testimonial_box img { display: block; margin-bottom: 10px; border: 8px solid #e2d294; } .custom .boxbiru h4 { margin: 0 0 0.625em 0; padding-bottom: 0.3125em; border-bottom: 1px dotted #d4c070; /*border-bottom: 1px dotted #89c3d4;*/ } /* BOX BESAR KUNING/COKLAT - boxkuning*/ .custom .boxkuning { padding: 0.769em; background: #FFFDCB; /*background: #ddf5fc;*/ border-top: 0.231em solid #F2EC49; border-bottom: 0.231em solid #F2EC49; /*border-top: 0.231em solid #86c0d1;*/ clear: both; } .custom .boxkuning h4 { margin: 0 0 0.625em 0; padding-bottom: 0.3125em; border-bottom: 1px dotted #d4c070; /*border-bottom: 1px dotted #89c3d4;*/ } .custom .boxkuning .testimonial_box { width: 200px; margin: 0 0 5px 20px; float: right; } .custom .boxkuning .testimonial_box a, .custom .boxkuning .testimonial_box a:visited, .custom .boxkuning .testimonial_box a:hover { padding: 0; border: 0; } .custom .boxkuning .testimonial_box img { display: block; margin-bottom: 10px; border: 8px solid #e2d294; } .custom .boxkuning p.testimonial { font: normal 1.231em/1.25em Georgia "Times New Roman", Times, serif; margin-bottom: 0; } .custom .boxkuning p.testimonial span { color: #a90000; } .custom .boxkuning p.citation { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 0; padding-right: 20px; text-align: right; color: #4b8494; } .custom .boxkuning ul { margin: 0 0 0.385em 0; } /* COMMENTS */ .custom #comment_list .children dt.comment, .custom #comment_list .children dd.comment { background: none; border: 0px; border-left: 2px solid #CFDBE4; } .custom #comments { padding-left: 1.5em; padding-right: 1.5em; } .custom .bracket { display: none; } .custom #comment_list dt.comment, .custom #comment_list dd.comment { background: #f7fafd; } .custom #comment_list dd.comment { margin-bottom: 1em; border: 1px solid #cfdbe4; border-top: 0px; margin-left: 1em; -moz-border-radius-bottomright: 1em; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-right-radius: 1em; -webkit-border-bottom-left-radius: 1em; } .custom #comment_list dt.comment { border: 1px solid #cfdbe4; border-bottom: 0px; margin-left: 1em; -moz-border-radius-topright: 1em; -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; -webkit-border-top-right-radius: 1em; } .custom #comment_list dt.comment-author-admin, .custom #comment_list dd.comment-author-admin { background: #d9eaf5 url(images/admin-bg.jpg) bottom center repeat-y; } /* COMMENT FORMS */ .custom #commentform input, .custom #commentform textarea { border: 1px solid #cfdbe4; background-color: #f7fafd; } .custom #commentform input:hover, .custom #commentform textarea:hover, .custom #commentform textarea:focus, .custom #commentform input:focus { border: 1px solid #b6c4ce; } .custom #commentform #submit { padding: 5px 15px; color: #2f333a; } .custom dl#comment_list dt.bypostauthor { background: #e8e6e6 50% 100% no-repeat; } /* kristarella full width header */ .custom #header_area {background:#213C63;} .custom #header {border-bottom:0;} /*.custom #nav_area {background:#F0ECDB; border-bottom:1px solid #DBD4B7; padding-top:10px; align: center; } .custom ul#tabs {border-bottom:0; border-color:#DBD4B7;} .custom ul#tabs li {border-color:#DBD4B7; background-color:#0094DE;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#fff;} */ .custom ul#tabs li a:hover {color: #fff; text-decoration: underline; background-color: #1873a1; } .custom ul#tabs li.rss a:hover { background-color: #fff; color: #111; } /* Change Header Colour */ .custom #header #tagline {color: #DD0000;} /* Place your avatar beside each post */ .custom .title-avatar {float:left; width:5em; margin-right:1em;} .custom .twitter-item { margin-bottom: 0em; padding: .5em 0 .5em 0; border-bottom: 1px solid #000; } .custom .twitter-item a { color: #7405ad; } .custom .twitter-item a:hover { color: #ff00ff; }