/* File: custom.css Description: Custom styles for the Thesis Theme that you define Use: 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 overwrite *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! */ /*======================================================================================*/ /*---:[ custom logo header ]:--- */ .custom #header #logo { border-bottom:none; height:40px; padding-top:0; padding-bottom:0; background:url(http://islandwoo.com/wp-content/themes/thesis_151/custom/images/islandwoo-banner02.gif) center left no-repeat; z-index:0; font-size: 0.3em; line-height: 1.167em; } .custom #header #logo { display:none; } .custom #header #tagline { display:none; } /*---:[ custom tagline header ]:---*/ .custom #custom_tagline { font-size: 1.4em; line-height: 1.429em; font-weight: normal; color: #888; text-align:right; } /*---:[ custom content box for custom page - no line down middle ]:---*/ .custom #content_box_custom { width: 100%; } .no_sidebars { background: none !important; } #content { width: 51.3em; float: left; } .no_sidebars #content { width: 100%; } .post_box, .teasers_box, .full_width #content_box .page { margin: 0 2.2em 0 1.1em; } .full_width #content_box .page { width: auto; } .no_sidebars .post_box { margin: 0 1.1em; } .teasers_box { width: 48em; } .teaser { width: 22.9em; } #archive_info, .prev_next { padding-right: 2.2em; padding-left: 1.1em; } #sidebars { width: 46.5em; border: 0; float: right; } #sidebar_1 { width: 32.2em; border-width: 0 0.1em 0 0; float: left; clear: left; } #sidebar_2 { width: 14.1em; float: left; } .sidebar ul.sidebar_list { padding-right: 1.1em; padding-left: 1.1em; } #sidebar_2 ul.sidebar_list { padding-right: 1em; } /*---:[ begin custom FEATURE box ]:---*/ .custom #feature_box { background: #ddd; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; } .custom #fbox {float: left; width: 15.90%; margin-top: 0em; margin-bottom: 0em; padding: 1.0em; background: #ffffff; border: 1.0em solid #EBEAEB; } .custom #fbox p { font-size: 1.077em; line-height: 1.286em; margin-bottom: 0.429em; } /*---:[ end custom feature box ]:---*/ /*---:[ begin custom NEXTTOMAP box ]:---*/ .custom #map_box { background: #ddd; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; } .custom #mapbox {float: left; width: 15.78%; height: 350px; margin-top: 0em; margin-bottom: 0em; padding: 1.0em; background: #ffffff; border: 1.0em solid #EBEAEB; } .custom #mapbox p { font-size: 1.077em; line-height: 1.286em; margin-bottom: 0.429em; } .custom #map {margin-top: 0em; margin-bottom: 0em; padding: 0.54em; background: #EBEAEB; border: 0.5em solid #EBEAEB; } /*---:[ end custom feature box ]:---*/ /*---:[ begin custom UNDERMAP box ]:---*/ .custom #undermap_box { background: #ddd; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; } .custom #undermapbox {float: left; width: 99%; vertical-align:middle; margin-top: 0em; margin-bottom: 0em; padding: 0.4em; background: #EBEAEB; border: 0.1em solid #EBEAEB; } .custom #undermapbox p { font-size: 14px; margin-bottom: 0em; } /*---:[ end custom feature box ]:---*/ /*---:[ begin custom MONTH box ]:---*/ .custom #month_box {float:left; width:100%; background: #f5f5f5; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; margin-bottom: 20px; } .custom #month_box_1 {float:left; width:100%; background: #363740; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; margin-bottom: 20px; } .custom #month_box_2 {float:left; width:100%; background: #266665; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; margin-bottom: 20px; } .custom #month_box_3 {float:left; width:100%; background: #6a917f; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; margin-bottom: 20px; } .custom #month_box_4 {float:left; width:100%; background: #b8dba0; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; margin-bottom: 20px; } .custom #month_box_5 {float:left; width:100%; background: #db6e6e; border-bottom: 2px solid #ddd; padding-right: 0em; padding-left: 0em; margin-bottom: 20px; } .custom #month_feat_box {margin-bottom:5px;height:170px;} .custom #month_feat {float: left; width: 23.9%; padding: 0px; background: #bbbbbb; border: 5px solid #f5f5f5; margin-top:5px; } .custom #month_feat p { font-size: 1.077em; line-height: 1.286em; margin-bottom: 0.429em; } .custom #event_left_col {float:left;width:445px;padding:16px;} .custom #event_right_col {float:right;width:445px;padding:16px;} .custom #event_box {border: 0px solid #000000; padding: 0px; } .custom #event_title {background: #bbbbbb; color: #000000; width:100%;} .custom #event_plussign {text-decoration: none; color: #000000;} /*---:[ end custom MONTH box ]:---*/ /*---:[ begin custom TIP box ]:---*/ .custom #tipbox {background:#2361a1 none repeat scroll 0 0;border:1px solid #D8D8D8;float:left;margin:0 0px 10px;width:300px;} .custom #tiptextbox {border:1px solid #CCCCCC;margin:15px 11px 0;width:275px;} .custom #submittip {background-image:url(http://flavorwire.com/wp-content/uploads/_img/sidebar/tip_us-btn.gif);border:medium none;cursor:pointer;float:right;height:30px;margin:8px 13px 8px 0;width:100px;} .custom #suggestbox {background:#B8DBA0 none repeat scroll 0 0;border:1px solid #D8D8D8;float:left;margin:0 0px 20px;padding-top:10px;padding-right:10px;padding-left:10px;width:900px;} .custom #suggesttextbox {border:1px solid #CCCCCC;margin:10px 0px 0;width:460px;} .custom #suggestsinglebox {border:1px solid #CCCCCC;margin:0px 0px 0;width:180px;} .custom #suggestsubmit {background-image:url(http://flavorwire.com/wp-content/uploads/_img/sidebar/tip_us-btn.gif);border:medium none;cursor:pointer;float:right;height:30px;margin:0px 0px 0px 0;width:100px;} /*---:[ end custom TIP box ]:---*/ /*---:[ begin custom SUBMIT BUTTON box ]:---*/ .custom #submitbutton {background-image:url(http://flavorwire.com/wp-content/uploads/_img/sidebar/sub_box-btn.gif); border:medium none; color:#FFFFFF; cursor:pointer; font-size:12px; font-weight:bold; height:20px; padding-bottom:1px; width:76px; } /*---:[ end custom feature box ]:---*/ /*---:[ begin custom sidbar]:---*/ .custom .sidebar h3 { font-size: 0.846em; font-weight: bold; line-height: 1.455em; margin-bottom: 1em; padding: 0.636em 0.455em 0.545em 0.455em; text-transform: uppercase; font-variant: normal; letter-spacing: 2px; color: #111; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; } .custom li.widget .rtfm { padding: 0.846em; line-height: 1.385em; background: #e3f0f2; border: 0.077em solid #addde6; } .custom li.widget .rtfm h4 { font-size: 1.077em; font-weight: bold; line-height: 1.286em; margin-bottom: 0.429em; } .custom li.widget .rtfm p { margin-bottom: 0; padding: 0; } /*---:[ end custom sidbar]:---*/ /*---:[ begin custom color boxes]:---*/ .custom .format_text p.note { background: #f5f5f5; border: 1px solid #ddd; } .custom .format_text p.ddd { background: #dddddd; border: 10px solid #ddd; } .custom .format_text p.alert { background: #ffffa0; border: 1px solid #e5e597; } .custom .format_text p.applegrey { background: #F7F7F7; border: 1px solid #e5e597; } .custom .format_text div.note { background: #f5f5f5; border: 1px solid #ddd; } .custom .format_text div.ddd { background: #dddddd; border: 10px solid #ddd; } .custom .format_text div.alert { background: #ffffa0; border: 1px solid #e5e597; } .custom .format_text div.applegrey { background: #F7F7F7; border: 1px solid #e5e597; } /*---:[ end custom color boxes]:---*/ /*---:[ Set 1: solid background with slick borders around your "page" area ]:--- body.custom { background: #4083A0; } .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #EEEEEE; border: 0.4em solid #EEEEEE; } .custom #page { background: #fff; } ---:[ end Set 1 ]:[2361A1][445F7A][3A5571][4083A0][687C90]---*/ /*---:[ Set 4: image of clouds that gently slides into a steely blue background color ]:---*/ body.custom { background: #4083A0 url('images/bg-grad-blue.jpg') 100% 0 repeat-x; background-attachment: fixed;} .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #EEEEEE; border: 0.4em solid #EEEEEE;} .custom #page { background: #fff; } /*---:[ end Set 4 ]:---*/ .custom #tabs li { margin-bottom: -0.1em; background: #E0E0E0 url(http://images.apple.com/retail/images/calendar_filterbg.gif) repeat-x scroll left top; border: 1px solid #ddd; border-left: 0; float: left; } /*---:[START slider for featured content]:---*/ .custom .slider-wrap { width: 419px; } .custom .stripViewer .panelContainer .custom .panel ul { text-align: left; margin: 0 15px 0 30px; } .custom .stripViewer { position: relative; overflow: hidden; width: 419px; height: 285px; } .custom .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .custom .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 419px; } .custom .stripNavL, .stripNavR, .stripNav { display: none; } .custom .nav-thumb { border: 1px solid black; margin-right: 5px; } .custom #movers-row { margin: -43px 0 0 62px; } .custom #movers-row div { width: 20%; float: left; } .custom #movers-row div a.cross-link { float: right; } .custom .photo-meta-data { background: url(images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; } .custom .photo-meta-data span { font-size: 13px; } .custom .cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; } .custom .active-thumb { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; } /*---:[END slider for featured content]:---*/