/* 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! */ /* Page background for TweetHouse mashup */ body.custom {background: #A2DAF6;} /* Them lists need them some indentin' */ .custom .format_text ul, ol { padding-left: 1em; } /* RSVP page - mostly it's good already */ .custom #ces_rsvp_yes, #ces_rsvp_no, .custom #ces_fld_optOutOfEmail {width: 25px;} .custom #ces_lbl_twitterID {color: red;} /* Request an Invite form - flagging the required fields */ .custom .fldrequired { background: #cdcdcd; } /* This code has been borrowed from the Twitter Conference site. Will modify as necessary */ /************************ Styling the "who's coming" page so that we can show off how cool our guest list is ;) *************************/ .custom .attendee {float: left; width: 288px; height: 78px; margin: 0 10px 15px 0; padding: 5px 2px 4px 7px; overflow: hidden; font-size: 80%; line-height: 150%; -moz-border-radius: 6px; background: #efefef; border: 1px solid #ddd;} .custom .attendee img {float: left; margin-right: .5em; width: 73px; height: auto;} .custom .attendee .photowrapper {float: left;} /* .custom .attendee an {font-size: 130%; font-weight: bold; font-family: 'Trebuchet MS', Sans-Serif; padding-bottom: 3px; color: black;} */ /* Make sure that the web and org lines are limited to one */ .custom .atline {width: 200px; height: 19px; overflow:hidden; word-wrap: break-word;} .custom .twitwrapper {width: 70%; border: 1px solid black; float: left;} .custom .namewrapper {font-size: 130%; font-weight: bold; font-family: 'Trebuchet MS', Sans-Serif; padding-bottom: 3px; color: black;} /* And now, for Mountain View attendees */ .custom .mountainview {float: left; width: 290px; height: 78px; margin: 0 10px 15px 0; padding: 5px 2px 4px 7px; overflow: hidden; font-size: 80%; line-height: 150%; -moz-border-radius: 6px; background: #ddd;} .custom .mountainview img {float: left; margin-right: .5em; width: 73px; height: auto;} /* .custom .mountainview an {font-size: 130%; font-weight: bold; font-family: 'Trebuchet MS', Sans-Serif; padding-bottom: 3px; color: black;} */ /* Making sure the page is properly split by attendees */ .custom .mntvsplit {float: left; font-size: 1.1em; width: 900px; color: #555; border-bottom: 2px solid #aaa; padding-bottom: .2em; margin-bottom: 1.5em;} /********* Modifying the who's coming style for the test page so I can make a custom background for the Twitter 140tc page ***********/ .custom .attendee-twt {width: 180px; height: 45px; margin: 0 10px 15px 0; padding: 5px 2px 4px 7px; overflow: hidden; font-size: 80%; line-height: 150%; -moz-border-radius: 6px; background: #efefef; border: 1px solid #ddd;} .custom .attendee-twt img {float: left; margin-right: .5em; width: 43px; height: auto;} .custom .attendee-twt .photowrapper {float: left;} .custom .attendee-twt .atline {height: auto; width: auto;} /* Formatting the Featured Post box */ .custom #feature_box {padding: 1em; font-size: 115%;} .custom #feature_box h2 {margin-bottom: .5em; font-size: 120%;} .custom #my-feature-box {font-size: 120%;} .custom .featurereadmore {margin-top: .5em;}