/* 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/ */ /* NEW CODE ******************************************/ /* --- HEADER --- */ .custom #topspace {width:100%; background:#434444; border-bottom:1px solid #333;} .custom .menu {width:89em; margin:0 auto; padding:0em 0; font-size:11px; text-shadow:0px 0px 2px #ddd;} .custom #header_area.full_width {} .custom #header {height:40px;} .custom #content_area.full_width {} .custom #logo-img {margin:0em 0 0 0px; display:block; float:left;} .custom #header, .custom #header_area {background:#fff url(http://blog.sulibag.com/go/wp-content/themes/thesis_151/custom/images/gradient.jpg) repeat-x top left;} .custom #search {position:relative; float:right; background:transparent; margin-top:.25em;} .custom #search input {font-size:1.2em; padding:.3em; width:23em; border:1px solid #a0a0a0; background:#434444; color:#e0e0e0;} .custom #connect {display:block; float:right; letter-spacing:-1px; color:#ddd; width:500px; margin:0em 0 0 0;} .custom #connect p {font-size:18px; text-align:right; padding-right:5px; letter-spacing:-1px; color:#ddd;} .custom #connect ul {display:inline; float:right; list-style:none;} .custom #connect ul li {display:inline; padding-left:.01em;} .custom #connect li img {height:32px; width: 32px;} /* --- CUSTOM HOME PAGE --- */ .custom.home .headline_area {display:none;} .custom.home #display {width:100%; display:block; float:left;} .custom.home #lc {display:block; float:left; width:62%; height:100%; padding-right:1.5em;} .custom.home #lc p {font-size:17px; color:#434444; letter-spacing:0px;} .custom.home #lc a {text-decoration:none;} .custom.home #lc a:hover {text-decoration:underline;} .custom.home #rc {display:block; float:right; } /*.custom.home #rc_top {display:block; float:left; padding:0em; width:342px;}*/ .custom.home #rc_top {display:none;} .custom.home #rc_bottom {clear:both; display:block; float:left; margin-top:2em; width:342px; } .custom.home #bird {display:block; float:left; width:90px; margin-top:40px;} .custom #pointer {float:left; margin-top:40px; padding:0px;} .custom #twitter_div {display:block; float:left; padding:10px 20px 20px 0; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; width:215px; background:#0c87c0;} .custom h3#twitter_title {border:0; color:#434444; float:left; margin-left:.5em; margin-bottom:-.1em; } .custom p#twitter_div {border:none; } .custom #twitter_div span {display:block;} .custom #twitter_div li {padding:0; list-style:none; margin:0; color:#fff; font-size:17px; text-shadow:0px 0px 0px #ddd;} .custom #twitter_div a {color:#2fc2ef; display:inline; text-shadow:0px 0px 0px #c0c0c0;} .custom #twitter_div a:hover {text-decoration:underline; color:#ccc; text-shadow:0px 0px 4px #111;} .custom p#twitter_div_followme {font-size:1em; line-height:1.65em;padding:0; float:right;} .custom p#twitter_div_followme a {text-decoration:none; font-weight:bold; color:#0c87c0;} .custom p#twitter_div_followme a:hover {text-decoration:underline;} .custom p#twitter_div_followme img {float:right; margin:-48px 0px 0 0;} .custom span.twitter_div_follow {font-size:1.65em; color:#ccc;} /* --- HEADLINE META --- */ .custom abbr.published{font-size:1em; border:0;} .custom .headline_area{margin-bottom:4em;} .custom .headline_area h1+p{margin-right:.25em;} .custom .headline_meta{float:left; font-style:normal;} .custom .headline_meta span.author{color:#000; letter-spacing:normal; text-transform:none;} .custom .headline_meta abbr.published{border:0; color:#000; letter-spacing:normal; text-transform:none;} .custom .headline_meta a[rel~="category"]{border:0; color:#0066CC; letter-spacing:normal; text-transform:none;} .custom .headline_meta a:hover[rel~="category"]{color:#FF4C00;} /* --- TEASERS --- */ .custom .teasers_box .format_teaser{margin-top:.75em;} .custom .teasers_box .format_teaser .post_image_link img.thumb{margin-top:.25em; margin-bottom:.5em;} .custom .teasers_box .teaser .teaser_author{font-style:normal; letter-spacing:normal; text-transform:none;} .custom .teasers_box .teaser .teaser_author span.author, .custom .teasers_box .teaser abbr.teaser_date{color:#000; letter-spacing:normal; text-transform:none;} .custom .teasers_box .teaser a.teaser_category{color:#0066CC; border:0; letter-spacing:normal; text-transform:none;} .custom .teasers_box .teaser a:hover.teaser_category{color:#FF4C00;} .custom .teaser .teaser_link {display:none;} /* --- MISC --- */ .custom .comments_closed p {display:none;} .custom h2.entry-title {text-shadow:0px 0px 4px #c0c0c0;} /* --- FOOTER --- */ .custom #footer_area {background:#434444; min-height:150px; border-top:1px solid #333;} .custom #footer {background:#434444;} .custom #footer_area a {text-decoration:underline; border:none;} .custom #footer_area a:hover {text-decoration:underline; color:#0c87c0;} /* OLD CODE ******************************************/ /* --- COLORS USED --- #3e3e3e - gray #ccff00 - previous green in nav #ccff00 #eeff33 - yellow #34ccff - previous blue in sidebar h3 #2fc2ef - blue used on a */ /* --- TEASERS --- .custom .teasers_box {padding:0; border:none;} .custom .teaser {margin-top:2em; padding-top:2em; width:100%; border-top:1px dotted #bbb;} .teaser .format_teaser {margin-bottom:10px; margin-top:10px;} .custom .teaser .format_teaser p {margin:0 0 0 80px;} .custom .teaser a.teaser_link {margin:0px 0 0 80px;} .custom .format_teaser entry-content {margin:0;padding:0;} .custom .teaser h2 {} .custom .teaser h2 a {text-decoration:none; color:#3e3e3e; font-weight:normal;font-size:22px;} .custom .teaser h2 a:hover {color:#2fc2ef;} .custom .post_box, .teasers_box {border:none; padding:0;} */ /* --- FORM --- */ .custom #contact_text {display:block;float:left;font-size:18px; line-height:22px; width:481px;} .custom #contact_text a {text-decoration:none;} .custom #contact_text a:hover {text-decoration:underline;} /* --- TWITTER --- .custom h3#twitter_title {border:0;} .custom #twitter_div {padding:0.625em; border:3px double #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .custom p#twitter_div {border:none;} .custom #twitter_div span {display:block;} .custom #twitter_div li {border:0; padding:0;} .custom #twitter_div a {color:#2fc2ef;display:inline;background:#fff} .custom #twitter_div a:hover {text-decoration:underline;} .custom p#twitter_div_followme {font-size:1em; line-height:1.65em;padding:0;} .custom p#twitter_div_followme a {text-decoration:none; font-weight:bold;} .custom p#twitter_div_followme a:hover {text-decoration:underline;} .custom p#twitter_div_followme img {float:right; margin:-48px 0px 0 0;} .custom span.twitter_div_follow {font-size:1.65em; color:#ccc;} */ /* --- BACKGROUND --- body.custom { background: #e1e1d7 url('images/bbgg.jpg') repeat-x fixed 0 0; color:#666; } .custom #container { margin-top: 0em; margin-bottom: 0em; } .custom #page { background:transparent; } */ /* --- HEADER --- .custom #header {padding:0px; border:0; height:0; text-indent: -9999px; margin:10px 0px 0px 0px;background:transparent;} .custom #header #logo a {height:0;text-indent: -9999px;} .custom #header #tagline { text-indent: -9999px; height:0;} */ /* Google Custom Search in Header .custom form#cse-search-box {float:right; margin:10px 0 0 0; padding:5px 5px 5px 5px; background:#3e3e3e; /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/} .custom form#cse-search-box input, .custom form#cse-search-box textarea {font-size:12px;} .custom #cse-search-results {width:100%; padding:0 20px 0 20px;} */ /* MENU .custom .menu {float:left; margin-left:20px;} .custom .menu a {text-decoration:none; font-size:18px; letter-spacing:1px; color:#3e3e3e; text-transform:lowercase;} .custom .menu a:hover {text-decoration:none; color:#2fc2ef;} */ /* Logo Embedded in Nav Instead of Header .custom #logo-img {float:left; margin:12px 0px 10px 0px;} */ /* --- PAGE STRUCTURE --- .custom #content {padding:20px 5px 20px 10px;clear:both;} .custom #content h3 {border-top:2px solid #e9e9e9; border-bottom:2px solid #e9e9e9; padding:5px 0;font-size:18px;} .custom #pointer-img {float:left; margin:0 0 0 20px; padding:0px;} .custom #content_box {margin:0px 0 0 0;clear:both; background:#fff url(images/bg-sidebar.gif) 66.75% top repeat-y;border-color:#ddd; border-style:solid; border-width:0 1px 1px 1px; padding:0;} .custom .no_sidebars #content {background:#fff;padding:20px 0px;} .custom #page{padding:0;} .custom .no_sidebars .post_box {padding:0 10px;} */ /* --- POST HEADLINES --- .custom .headline_area h2 {font-size:22px;} .custom .headline_area h2 a {text-decoration:none;color: #3e3e3e; font-weight:normal;} .custom .headline_area h2 a:hover {color:#2fc2ef;} */ /* --- POST FOOTER --- */ /* Social Media */ .custom .socialmedia {background: #FFFBCC; border: 1px solid #E6DB55; overflow: hidden; padding:10px 0 10px 10px; height:20px; text-align: left; margin:15px 0 0 10px; width:590px;} .custom .socialmedia p {color: #515151; font-size:16px;} .custom .socialmedia img {padding-right:5px;} .custom .socialmedia a {font-weight:bold; text-decoration:none;} .custom .socialmedia a:hover {color:#3e3e3e;} /* Author Info */ .postauthor { background: #F5F5F5; border:1px solid #e1e1e0; overflow: hidden; padding:10px 10px 0 10px; margin:20px 0 0 0px; width:96.5%;} .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: 12px; margin:0 0 10px 115px; } /* --- SIDEBARS --- */ .custom #sidebars {margin:0px 0px 0px 0px;} .custom .sidebar h3 {color:#3e3e3e; font-weight:bold; font-size:14px; font-variant:normal; text-transform:lowercase; line-height:1; margin:0; padding:4px 4px 4px 10px; letter-spacing: 1px; border:#e8e8e8 solid; border-width:0 0 2px 0;} .custom li.widget {clear:both; line-height:1.2em; margin-bottom:30px; font-size:1.32em;} .custom li.widget p {padding:3px 10px 0px 10px; margin: 0 0 -7px 0;} .custom li.widget ul {padding:0px; border:dotted #ddd; border-width:0 0px 0 0px;display:block;} .custom li.widget ul li {margin-bottom:0em; padding:4px 4px 4px 10px; line-height:1.2em; border-bottom:1px dotted #e8e8e8; background:#fff;display:block;} .custom li.widget ul a {background:#fff;display:block;text-decoration:none;font-weight:normal;} .custom li.widget ul a:hover {background:#fff;text-decoration:none; color:#3e3e3e;} .custom li.widget img {padding-right:10px;underline:none;} .custom .thesis_widget_subscriptions .sub_rss a, .custom .thesis_widget_subscriptions .sub_email a {padding-left:0;} .custom .widget_tag_cloud h3 {margin-bottom: 10px;} .custom .widget_tag_cloud a {text-decoration:none; } .custom .widget_tag_cloud a:hover {background:#ddd;text-decoration:none;} .custom #sidebar_2 #getsocial {clear:both; margin-left:10px;} .custom #sidebar_2 #getsocial ul {padding:5px 0px 20px 0px;} .custom #sidebar_2 #getsocial li {display:inline; float:left; border:none; padding:0;} .custom #sidebar_2 #getsocial li a {background:none; padding-right:5px;} .custom #sidebar_2 #getsocial li a:hover {background:none;} /* --- MISC --- .custom #archive_info {border:none;} .custom #archive_info h1 {color:#2fc2ef; font-size:24px;} .custom a { color: #2fc2ef; text-decoration:underline; font-weight:normal;} .custom #commentform {padding:0; margin:0 0px 0 10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #bbbbbb;} .custom .prev_next {margin:0 0 0 10px;padding:20px 0 0 0;width:600px;} .custom #commentform textarea {width:590px;} .custom #commentform input.form_submit:hover {color:#2fc2ef;} */