/* 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/ */ /*---Removes comments closed at end of each post ---*/ .custom .comments_closed p { display: none; } /*---End removes comments ---*/ /*---:[ Set 1: solid background with slick borders around your "page" area ]:---*/ /*************************** UPNS Body and Page styles ***************************/ body.custom { background: #ffffcc; color: #333333; } .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #ffffcc; border: 0.4em solid #ffffcc; } .custom #page { background: #fff; } /*---:[ end Set 1 ]:---*/ /************************** UPNS gloabal styles **************************/ .floatLeft { float: left; } .floatRight { float: right; } /**************************** UPNS Header/Banner styles ****************************/ .custom h1, h2, h3, h4, h5 { color: #333333; } .custom #header { padding: 0; margin: 0; margin-bottom: -6px; } .custom #header #logo { text-indent: -1000px; display: none; } .custom #header #tagline { text-indent: -1000px; display: none; } /*********************** UPNS Navigation styles ***********************/ .custom #tabs { padding-left: 17px; background: #009D57; border: 1px solid #009D57; border-top: 0; border-right: 0; border-bottom: 0; width: 722px!important; height: 137px!important; //height: 23px!important; /* IE fix, do not remove */ //padding-top: 12px; } .custom #tabs li { background: #009D57; border: 0; } .custom #tabs a { color: #fff; text-transform: none; margin-left: 5px; margin-right: 5px; } .custom #tabs .current_page_item a, #tabs .current-cat a { color: #009D57; background: #fff; /*border-top: 1px solid #fff;*/ margin-bottom: -1px; //margin-bottom: -1px; /* IE fix, do not remove */ } /* below is a hack method to target Safari issues. it will also effect the Chrome browser. DO NOT remove */ @media screen and (-webkit-min-device-pixel-ratio:0) { .custom #tabs .current_page_item a, #tabs .current-cat a { border-bottom: 1px solid #fff; } } /************************ UPNS Footer styles ***********************/ .custom #footer p { font-size: .9em; text-align: left; } /************************* Calendar pages styles *************************/ /* calendar table styles */ #calendar_table { margin-bottom: 20px; width: 510px; } .cal_month { text-align: left; padding-top: 20px; padding-bottom: 12px; } .academic_event { width: 355px; vertical-align: text-top; } .spacer_col { width: 10px; } .date_col { width: 175px; vertical-align: text-top; } /* end calendar table styles */ /***************** Google Map styles *****************/ /* Style to control width of the containing element of Google Map on Contacts page */ #gMapContainer { width: 60%; display: block; } /****************************** Sidebar and Widget styles ******************************/ /* The following rule adds top margin to multimedia box.*/ /* only applied in two column layout */ .custom #multimedia_box { margin-top: 20px; } /* The following rule hides any content with id #sidebar AND class .widget */ /* Used with single column layout */ .custom #sidebars .widget { display: none; } /* Removes top border from #sidebars container div */ /* only applied in two column layout */ .custom #sidebars { border: 0; } /************************** Styles for Admissions page **************************/ /* styles for faux table and columns */ .faux_table { width: 700px; margin: 0!important; padding: 0; } ul.faux_table li { float: left; list-style-type: none; margin: 0; padding: 0; padding-bottom: 20px; } .month_col { width: 40%; padding: 0; margin: 0; } li.month_col span { font-weight: bold; } .event_col { width: 60%; vertical-align: text-top; padding: 0; margin: 0; }