/* File: custom.css Description: Custom styles for Thesis ******************************************************************************* * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ****************************************************************************** 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/ */ body { font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif; } /* * This is the style of the warning that you don't have * JavaScript */ #nojswarning { background: pink; padding: 2em; font-size: 1.25em; } /* * We start by setting up the basic page type styles */ .format_text { font-size: 14px; line-height: 20px; } .format_text p { margin-bottom: 20px; } .page { margin: 0 auto; width: default; background: transparent; position: relative; } #page { padding-top: 0em; background: transparent; } .format_text h1 { font-size: 36px; font-weight: 400; line-height: 40px; position: relative; margin-top: -7px; margin-bottom: 38px; width: 12em; } .format_text h2 { font-size: 21px; font-weight: normal; line-height: 40px; margin: 0px; } h3, .format_text h3 { font-size: 18px; font-weight: normal; line-height: 20px; margin: 0px; } /* * Now we are setting the properties for stuff in the grid. */ .gridnavitem { font-family: "Lucida Grande","Lucida Sans",Geneva,Helvetica,sans-serif; background: transparent; text-align: center; font-size: 1.25em; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-border-radius: 10px; background:#EEEEEE none repeat scroll 0 0; border:1px solid #CCCCCC; display:block; text-decoration:none; text-shadow:0 1px 0 #FFFFFF; vertical-align: middle; } .gridnavitem:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: rgb(206, 223, 239); border:1px solid #333333; color:#FFFFFF; text-shadow:none; } .gridnavitem a { text-align: center; text-decoration: none; line-height: 2em; font-size: 1em; color: black; width: 2em; height: 2em; display: block; } .gridnavitemselected { background-color: rgb(222, 231, 140); } .maincell { text-align: center; padding: 1px; } .maincell a { color: black; padding-bottom: 2em; } .maincelltitle { font-size: 18px; } .maincell:hover { background: #F6EFE1; -moz-border-radius: 11px; border: 1px solid #E5E5E5; padding: 0px; } .maingrid { top: 50px; } .maingridcontainer { z-index: 1; } .maincellimage { width: 140px; height: 140px; cursor: pointer; } .bundlethree { background: url(http://images.gettheeye.com/images/main_images2.png) no-repeat top left; } #homeimage { position: relative; top: 2px; } #homeitem { position: relative; top: -2px; } #mainlogo { position: relative; top: 17px; left: -12px; background: transparent url(http://images.gettheeye.com/images/main_images2.png) no-repeat scroll 8px -874px; height: 72px; width: 300px; } #postcount { font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; font-size:1.25em; } #gtelogo { position: absolute; top: 85px; z-index: 50; left: 20px; background:transparent url(http://images.gettheeye.com/images/main_images.png) no-repeat scroll left top; background-position:-541px -1105px; cursor:pointer; height:35px; width:47px; } #mainsubtitle { font-size:12px; position:absolute; text-align: left; z-index: 15; margin-left: 26em; top: 63px; } #commentbox_container #submit { margin-top: 14em; } /* * Setting up the footer on the main page */ #mainfooter { font-size: 14px; line-height: 20px; height: 14em; position: relative; padding: 1em; background-image: url('http://images.gettheeye.com/images/main_background.png'); background-repeat: repeat-x; background-position: bottom left; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; border-bottom:1px solid #E5E5E5; left: 0px; top: -10px; border-top:1px solid #E5E5E5; /* * We set the top of this element in JavaScript */ } #mainfooter p { margin-bottom: 20px; } #mainfooter h3 { line-height: 28.8px; margin-bottom: 8px; } #mainsubtitleextended, #mainsubcribe, #maincontact { position: absolute; top: 1em; width: 28%; } #mainsubtitleextended { left: 0%; width: 36% } #mainsubcribe { left: 40.2%; } #maincontact { left: 70.2%; } #sidebars { border-style: none; } #sidebar_1 { border-style: none; } #commentbox_container { position: relative; top: 2em; height: 30em; } .comment_box { position: absolute; top: 2em; left: 0px; width: 49%; height: 8em; } #commentPreview_container { position: absolute; top: 6px; left: 51%; width: 49%; height: 8em; } #commentPreview { background: #EEEEEE; border: thin solid darkgrey; height: 18.3em; overflow: auto; margin-top: 3px; } input, textarea { background: white; } #comment_submit_fields { position: absolute; top: 16em; width: 100%; } #comment-preview-container { display: none; } #commentform { border-top: none; } .text_input { width: 47%; } #respond_intro p { font-size: 36px; font-weight: 400; } .prev_next { position: relative; height: 3em; display: none; } .prev_next p { position: absolute; top: 0px; right: 0px; } .prev_next .previous { position: absolute: top: 0px; left: 0px; } #nextdiv { background: transparent url('http://images.gettheeye.com/images/main_images2.png') no-repeat scroll -118px -1667px; width: 25px; height: 50px; } #prevdiv { background: transparent url('http://images.gettheeye.com/images/main_images2.png') no-repeat scroll -54px -1667px; width: 25px; height: 50px; } .post_footer, .page_footer { margin-top: -0.5em; padding: 0.5em; background-color: #FDEDAE; border:0.071em solid #E2CE80; } .navitem { display: inline; font-family: "Lucida Grande","Lucida Grande Regular","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 18px; list-style-type: none; margin-left: 0.5em; position: relative; vertical-align: middle; } .postnavitem { display: inline; font-family: "Lucida Grande","Lucida Grande Regular","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 18px; list-style-type: none; margin-left: 0.5em; position: relative; vertical-align: middle; } #postnavdate { left: 33px; position: absolute; top: 120px; } #homelink { margin-left: 0px; } #homelinkimage { position: absolute; left: 10px; top: 32px; } #homelinkimage a { width: 118px; height: 49px; display: block; color: black; font-family: "Lucida Grande","Lucida Grande Regular","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 18px; } .titlegreen { color: rgb(174, 174, 174); } #top_search { width: 175px; background:white none repeat scroll 0 0; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; color:#444444; font-size:14px; margin-right:5px; padding:5px; } .search_form { position: absolute; top: 28px; right: 15px; } #navbarcontainer { position: relative; width: 66.6em; height: 7em; top: 1em; margin: 0 auto; z-index: 15; } #navbar { margin-left: 2.2em; height: 7em; border-bottom: thin solid #E5E5E5; position: relative; } #navbar ul { position: absolute; left: 14em; top: 32px; } #navbar a, #postsnavbar a { text-decoration: none; } #navbar a:hover, #postsnavbar a:hover { text-decoration: underline; } #postsnavbar { padding-left: 2.2em; position: relative; top: 5px; } #postsnavbar ul { position: absolute; right: 1em; top: -5px; padding-top: 20px; height: 1.3em; border-left: thin solid #E5E5E5; } #navbar .firstlinkitem { margin-left: 2em; } #articleslink { font-size: 24px; font-weight: 400; } .get-the-eye #navbarcontainer { display: none; } .aboutpage .post_footer, .aboutpage #postsnavbar, .uncopyright #postsnavbar, .source-code #postsnavbar { display: none; } .mydialog { background: #F6F6F6; } .ui-dialog-buttonpane { background-color:#EFEEEC; } .ui-dialog .ui-dialog-buttonpane button { background: lightgray; } /* * Setting styles for comments and special styles for author comments */ .author_comment, .bypostauthor { background: transparent; } dl#comment_list dd { border-bottom:none; } dl#comment_list dt { border-top:1px dotted #BBBBBB; } dl#comment_list dt.author_comment, dl#comment_list dt.bypostauthor { border-top:2px dotted #BB3A38; background: transparent; } dl#comment_list dd.author_comment, dl#comment_list dd.bypostauthor { background: transparent; } dl#comment_list { border-top:none; } #goldennumberlist { text-align: justify; width: 100%; } .headline_meta a { border-bottom: none; } .format_text .to_comments { text-align: right; clear: none; } .format_text .to_comments a { font-family: "Lucida Grande","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 10px; color:gray; } .format_text .to_comments span { font-family: "Lucida Grande","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 10px; color:gray; } .to_comments span { font-family: "Lucida Grande","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 10px; color:gray; } .format_text .to_comments span.bracket { font-family: "Lucida Grande","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 10px; color:gray; } /* * We add a special class to set styles that only apply to search results */ .notsearchresults #header_area{display:none;} .notsearchresults #header {display: none;} .notsearchresults #header_area{display:none;} #title_area {padding:1em 0; border-bottom:1px solid #c55;} #header {border-bottom:none;} #footer { border-top: none; } .author_comment { background: transparent; } dl#comment_list dd { border-bottom:none; } dl#comment_list dt { border-top:1px dotted #BBBBBB; } dl#comment_list dt.author_comment { border-top:2px dotted #BB3A38; } dl#comment_list { border-top:none; } #content_box { background: transparent; position: relative; margin-top: 0em; } .notsearchresults { margin: 0 auto; width: 66.6em; } .comments_closed { display: none; } #footer { display: none; } /* * Styles for the list view */ #listContainer { margin: 0 auto; margin-top: 0em; width: 48em; padding: 1em; font-size: 1.5em; } .gridlistitem { position: relative; height: 2.5em; margin: 0.5em; vertical-align: top; } .searchresults .gridlistitem { height: 5em; } .gridlistitem:hover { background-color:#E6E6E6; } .oddRow { background-color:#F2F2F2; } .listcol0 { position: absolute; left: 0.25em; top: 0em; width: 5em; font-size: 0.75em; height 1.5em; line-height: 1.5em; } .listcol1 { position: absolute; left: 5em; top: 0em; width: 10em; height 1.5em; line-height: 1.5em; } .listcol2 { position: absolute; left: 20em; top: 0em; width: 40em; font-size: 0.75em; line-height: 1.5em; } .searchresults .listcol2 { width: 45em; } /* * These styles are for the buttons and text in the header of the main page. */ #switchButtons { position: relative; font-size: 1.25em; z-index: 15; height: 1em; margin: 25px 0px 1em 0px; border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; font-weight:normal; padding: 1em; } #mainbarleft { position: absolute; left: 62px; top: 8px; display: block; vertical-align: middle; } #mainbarright { position: absolute; left: 312px; top: 4px; display: block; vertical-align: middle; } #mainsearchfield { padding: 3px; } /* * Styles for the greeting */ .greet_container { margin-left:5px; overflow:auto; position:relative; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; color:#424242; font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; font-size:12px; } #greet_backgroundPopup { position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:100; left:100; background:#000000; border:1px solid #cecece; z-index:1; } #greet_popupContact { position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:16em; left: 25px; top: 115px; width:175px; z-index:20; padding:12px; font-size:13px; -moz-border-radius: 11px; background-image: url('http://images.gettheeye.com/images/greet_background.gif'); background-repeat: repeat-x; border:1px solid black; margin-left:8px; padding:16px 16px 40px; } #greet_popupContactClose { width: 16px; height: 16px; background:transparent url('http://images.gettheeye.com/images/main_images2.png') no-repeat scroll -195px -1679px !important; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; } #greettitle { margin-top: 1em; margin-bottom: 1em; } /* * Help page styles */ #helpcontainer { margin-top: 2em; font-size: 1.25em; width: 40em; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-border-radius: 11px; -moz-box-shadow:0 4px 18px #C8C8C8; background:#FFFFFF none repeat scroll 0 0; border:1px solid #E5E5E5; font-weight:normal; margin-left:8px; padding:16px 16px 0px; background-image: url('http://images.gettheeye.com/images/greet_background.gif'); background-repeat: repeat-x; background-position: bottom left; position: relative; left: 50px; } #helpclose { width: 16px; height: 16px; background:transparent url('http://images.gettheeye.com/images/main_images2.png') no-repeat scroll -195px -1679px !important; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; } #helpcontainer a:hover, #helpcontainer a:active { color:#9685BA; text-decoration:underline; } #helpcontainer a { font-weight:bold; text-decoration:none; } #helpcontainer p { margin-bottom: 1em; } #helpcontainer h2 { font-size: 21px; line-height:1.222em; margin: 0.611em 0 0.611em; font-weight:normal; } /* * Start of specific article styles */ /* * The golden ration article */ .golden { position: relative; } .golden .title { float: right; padding: 15px; width: 156px; padding-top: 0px; margin-top: -45px; } .golden .sidebar { clear: center; border: thin solid black; background: #f9f9f9; padding: 15px; -moz-border-radius: 11px; } .golden > .contentarea { position: relative; left: 15px; top: 15px; width: 600px; } #goldennumberlist { line-height: 72px; vertical-align: bottom; text-align: justify; width: 100%; } .golden { position: relative; } .golden .title { float: right; clear: right; padding: 15px; padding-top: 0px; margin-top: -10px; } .golden .title img { margin: inherit; margin-top: 10px; } .golden #sidebars { display: none; } .golden h3 { text-transform: none; font-variant: normal; } .golden .sidebar { clear: center; border: thin solid black; background: #f9f9f9; padding: 15px; -moz-border-radius: 11px; } .golden > .contentarea { position: relative; left: 15px; top: 15px; width: 600px; } .notsearchresults .headline_area { display: none; } /* * The clarity article */ .clarity .big h1 { font-size:3em; color:#333333; text-decoration:none; } .clarity .big div { font-size:2em; font-weight:normal; line-height:1.25em; margin:1.125em 0 0.375em; } /* * The styles for the two grid articles. */ .grid .title { background: transparent url(/wp-content/uploads/2009/05/grid_logo.gif) no-repeat; width: 436px; height: 97px; } .grid .notsearchresults, .break-grid .notsearchresults { margin: none; width: auto; } .grid .entry-content { position: relative; } .grid #content_box { margin-top: 5em; } .grid .post_footer { position: relative; top: 40em; width: 410px; } .grid #comments { position: relative; top: 54em; } .grid #container { width: 85.6em; } .grid .col1 { position: absolute; top: 100px; left: 0px; width: 425px; } .grid .nytimes { position: absolute; top: 0px; left: 435px; width: 420px; } .grid .col2 { position: absolute; top: 400px; left: 0px; width: 425px; } .grid .col3 { position: absolute; top: 340px; left: 435px; width: 420px; } .break-grid .title { background: transparent url(/wp-content/uploads/2009/05/break_grid_logo.gif) no-repeat; width: 482px; height: 160px; position: relative; left: -65px; } .break-grid .entry-content { position: relative; } .break-grid #container { width: 85.6em; } .pullquote { float: right; width: 33%; padding: 15px; font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; font-size: 1.1em; margin-top: 5px; } .break-grid .col1 { position: absolute; top: 170px; left: 0px; width: 420px; } .break-grid .col3 { position: absolute; top: 130px; left: 435px; width: 420px; } .break-grid h2 { line-height: 2.5.22em; } .break-grid .post_footer { position: relative; top: 30em; width: 410px; } .break-grid #comments { position: relative; top: 44em; } .break-grid #comments { width: 840px; } /* * Styles for the contrast article */ .contrast #contrasttest1 { position: relative; width: 100%; height: 12em; margin-top: 40px; } .contrast .contrasttest1part { position: absolute; font-size: 1.25em; letter-spacing: 125%; } .contrast #contrast { color: red; font-size: 36px; } .contrast #contrasttest2 { height: 14.2em; text-align: center; top: -4px; } .contrasttest2name { position: relative; top: -1.75em; } .contrasttest2name2 { position: relative; top: -1.45em; } .expectations .dialog { text-align: center; width: 10em; padding: 15px; -moz-border-radius: 11px; border: thin solid black; background: #f9f9f9; } #bigandsmallmain { background-position:-283px -1057px; } #bigandsmallmain:hover { background-position: -283px -1235px; } .waiting #spinner { width: 220px; height: 19px; display: inline; background: transparent url(/wp-content/uploads/2009/06/loading_bar_stopped.gif) no-repeat; } .waiting #spinner:hover { background: transparent url(/wp-content/uploads/2009/06/loading_bar.gif) no-repeat; } .details #detailscontainer { position: relative; } .details .note { position: absolute; color: red; font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; } .details #extraspacing { left: 7em; top: 3em; } .details #outdented { left: -7em; top: 5em; } .details #searchpadding { left: 40em; top: -1em; text-align: center; width: 15em; } .details #specialarrow { left: 26em; top: 2.5em; text-align: center; } .details #submittooltip { left: 7em; top: 124.5em; } .details #aligncomment { left: 44em; top: 114em; } .details #vertspace { left: 17em; top: 40em; } .details #commenttrans { left: 22em; top: 94em; } .details #commentpull { left: 44em; top: 85.5em; } .lists #listsamples { position: relative; height: 6em; } .lists #leftlist { position: absolute; left: 0px; top: 0px; width: 50%; } .lists #rightlist { position: absolute; left: 50%; top: 0px; width: 50%; } .wireframe { background: url('http://images.gettheeye.com/images/dotgrid.gif') repeat; } .livingroom { background: url(http://images.gettheeye.com/images/livingroom.jpg) no-repeat left top; background-color: black; color: #CCCCCC; } .livingroom #commentPreview { background-color: black; color: #CCCCCC; } .livingroom #textoverlay { background: transparent url('http://images.gettheeye.com/images/livingroom.gif') no-repeat center center; width: 391px; height: 618px; position: absolute; top: 235px; left: 410px; } .livingroom #realtext p { text-indent:-9999px; } .livingroom .post_footer { display: none; } .livingroom #comments { position: relative; top: 1150px; } .livingroom #content_box { position: static; } .gridlove { background: #E7E7E7 url(http://images.gettheeye.com/images/grid_back.gif) repeat-y center top } #gridbuttondiv { font-size: 18px; font-family: "Lucida Grande","Lucida Sans",Geneva,Helvetica,sans-serif; width: 17em; margin: -3px auto 16px; } #gridbuttondiv button { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -x-system-font: none; background: #3399CC no-repeat scroll 0 0; border: 1px solid #006699; color: #FFFFFF; font-family: "Lucida Grande","Lucida Sans",Geneva,Helvetica,sans-serif; font-size: 95%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; overflow: visible; padding: 2px 8px 1px; vertical-align: middle; } .lead_with_color #postnavdate, .destinations #postnavdate { top: 153px; } .livingroom #postnavdate { display: none; } .filtering #ps { display: none; }