/* 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/ */ /* GENERAL CLASSES */ .clear { clear: both; } .clearfix:after, .custom .widget_wp_sidebarlogin form .login-submit:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; } /* BODY CLASSES */ html, body { margin:0; padding:0; height:100%; } #container { background: #005dab url(images/bgd.jpg) repeat-x left top; } body.custom { background: #005dab url(images/body.png) repeat left top; } .custom #content_area .page, .custom #header_area .menu { background: #FFF url(images/centerBorder.png) repeat-y 310px top; } /* BUTTONS */ .sidebar input[type="submit"] { background: #005dab url(images/body.png) repeat left top; border: none; color: #FFF; font-weight: bold; padding-left: 1em; padding-right: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 6px 0px #000000; -moz-box-shadow: 0px 0px 6px 0px #000000; box-shadow: 0px 0px 6px 0px #000000; } .sidebar input[type="submit"]:hover { cursor: pointer; -webkit-box-shadow: -1px -1px 6px 0px #000000; -moz-box-shadow: -1px -1px 6px 0px #000000; box-shadow: -1px -1px 6px 0px #000000; } /* HEADER */ .custom #header { display: none; } .custom #header_area { height: 10px; background: #005dab url(images/headerBgd.jpg) repeat-x left top; } /* TOP MENU */ .custom #menu-top { float: right; width: 500px; } .custom #menu-top li { float: left; } .custom #menu-top li a { display: block; color: #FFF; background: url(images/topNavTab2.png) no-repeat left top; width: 140px; height: 32px; line-height: 32px; margin-left: 5px; padding: 0 5px; text-transform: none; letter-spacing: normal; text-align: center; font-size: 1.4em; font-weight: bold; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); } /* CONTENT */ .custom #content_area { background: url(images/fish.jpg) no-repeat center bottom; min-height: 640px; position: relative; } .custom #content_area .page { padding-bottom: 100px; -webkit-box-shadow: 0px 10px 10px 0px #000000; -moz-box-shadow: 0px 10px 10px 0px #000000; box-shadow: 0px 10px 10px 0px #000000; } .custom #content_box { padding-bottom: 50px; } .custom .headline_area { background: #005dab; margin-left: -2em; padding: 1em 0 1em 5em; } .custom .headline_area h1, .custom .headline_area h2, .custom #archive_intro h1 { font-weight: bold; text-transform: uppercase; } .custom .format_text { margin-right: 7em; margin-left: 3em; } .custom .format_text h1 { color: #005DAB; font-weight: bold; } .custom .post_box, .custom .teasers_box { margin-right: 0; } .custom .format_text .footnote { margin-top: 40px; padding: 10px; background: #EDEDED; color: #666; border: 1px solid #d0d0d6; } /*SIDEBARS*/ #sidebars .logo { margin-left: 30px; margin-top: -15px; } .custom .sidebar ul.sidebar_list { padding-right: 4em; padding-left: 3em; } .custom .sidebar ul.sidebar_list li.widget > h3 { padding-left: 30px; margin-left: -30px; font-size: 2em; line-height: 1.4em; font-weight: bold; letter-spacing: normal; font-variant: normal; background: #cbcbcb url(images/sidebarTitle.png) repeat-x left top; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 1px 0px 6px 0px #000000; -moz-box-shadow: 1px 0px 6px 0px #000000; box-shadow: 1px 0px 6px 0px #000000; } /*SIDEBAR LOGIN*/ .custom .sidebar ul.sidebar_list li.widget_wp_sidebarlogin > h3 { position: relative; z-index: 2; margin-left: 0; padding-left: 5px; font-size: 1.4em; min-height: 20px; line-height: 1.6em; background: #005dab url(images/sidebarBlueBgd.png) repeat-x left top; color: #FFF; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: 0px 0px 6px 0px #000000; -moz-box-shadow: 0px 0px 6px 0px #000000; box-shadow: 0px 0px 6px 0px #000000; } .custom .widget_wp_sidebarlogin, .custom #sidebar-login { overflow: visible; } .custom .widget_wp_sidebarlogin form, .custom .widget_wp_sidebarlogin .pagenav { position: relative; z-index: 1; margin: -1.6em 0 0 0; padding: 1.2em 1em 1em; background: #ededed; border-left: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; } .custom .widget_wp_sidebarlogin form #wp-submit { float: right; } .sidebar input[type="text"], .sidebar input[type="submit"], .sidebar input[type="password"] { padding: 0.333em; } .custom .widget_wp_sidebarlogin form input[type="text"], .custom .widget_wp_sidebarlogin form input[type="password"] { background: #FFF; border: 1px solid #cbcbcb; } /*SIDEBAR MENU*/ .dcjq-accordion #menu-left-menu { background: #005dab; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 6px 0px #000000; -moz-box-shadow: 0px 0px 6px 0px #000000; box-shadow: 0px 0px 6px 0px #000000; } .dcjq-accordion #menu-left-menu li { display: block; width: 100%; margin: 0; float: none; } .dcjq-accordion #menu-left-menu li a { background: #005dab url(images/sidebarBlueBgd.png) repeat-x left top; min-height: 20px; padding: 5px 5px 5px 12px; font-size: 1.334em; font-weight: bold; letter-spacing: normal; text-transform: none; border-top: 1px solid #FFF; } .dcjq-accordion #menu-left-menu li:first-child a { border-top: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .dcjq-accordion #menu-left-menu li:last-child a { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .dcjq-accordion #menu-left-menu li a:hover { background-image: none; text-decoration: none; } .dcjq-accordion #menu-left-menu ul.sub-menu { display: block; visibility: visible; clear: both; position: relative; margin-top: 0.667em; margin-bottom: 0.667em; } .dcjq-accordion #menu-left-menu ul.sub-menu li { clear: both; width: 205px; } .dcjq-accordion #menu-left-menu ul.sub-menu li a { background: none; width: 195px; font-weight: normal; border-top: 1px solid #000; } .dcjq-accordion #menu-left-menu ul.sub-menu li:first-child a { border-top: none; } .dcjq-accordion #menu-left-menu ul.sub-menu li a:hover { cursor: pointer; color: #cbcbcb; } /* VIDEOS MENU */ .custom .widget_nav_menu li { margin-bottom: 0; display: block; width: 100%; } .custom .widget_nav_menu li a { text-transform: none; letter-spacing: 0; font-weight: bold; font-size: 1.2em; padding: 2px 0; color: #005DAB; } .widget_nav_menu .menu .current a, .widget_nav_menu .menu .current a:hover, .widget_nav_menu .menu .current-cat a, .widget_nav_menu .menu .current-cat a:hover, .widget_nav_menu .menu .current-menu-item a, .widget_nav_menu .menu .current-menu-item a:hover { color: #005DAB; } /* FOOTER */ .custom #footer_area { background: url(images/footerWave.png) repeat-x left top; margin-top: -100px; height: 195px; position: relative; } .custom #footer_area .page { background: none; } .custom #footer { padding-top: 90px; line-height: 1.6em; } .custom #footer a { border: none; } .custom #footer .menu li { border-left: 1px solid #FFF; background: none; padding: 0 10px; } .custom #footer .menu li:first-child { padding-left: 0; border-left: none; } .custom #footer .menu a { letter-spacing: 0; text-transform: none; border-bottom: none; background: none; padding: 0; } .custom #footer .menu a:hover { color: #005dab; } .footer-widgets.left { float: left; text-align: left; } .footer-widgets.right { float: right; text-align: right; } /* MEEETINGS PAGE */ .event-item { padding: 1em; } .event-item.odd { background: #ededed; } .event-item.even { background: #cbcbcb; } .event-item h3 { margin-top: 0; } .event-item abbr { text-transform: none; letter-spacing: normal; cursor: auto; font-size: 1em; } /* MY ACCOUNT PAGE */ .custom .form-table { width: 100%; } /* JOBS PAGE */ .jobs .odd, .jobs .even { padding: 1em; } .jobs .odd { background: #ededed; } .jobs .even { background: #cbcbcb; } .jobs .jobs-applynow a { float: right; width: 130px; display: block; background: #005dab url(images/body.png) repeat left top; border: none; color: #FFF; font-weight: bold; padding-left: 1em; padding-right: 1em; margin-bottom: 15px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 6px 0px #000000; -moz-box-shadow: 0px 0px 6px 0px #000000; box-shadow: 0px 0px 6px 0px #000000; } /* DOCUMENTS */ .custom .wp-table-reloaded { background: #FFF; } .custom .dataTables_wrapper { min-height: 10px; } .custom .wp-table-reloaded td { color: #333; padding: 15px; font-size: 1.091em; } .custom .wp-table-reloaded td a { color: #00a2e9; text-decoration: none; } .custom .wp-table-reloaded td a:hover { color: #005dab; text-decoration: underline; } .custom .wp-table-reloaded td a.pdf, .custom .wp-table-reloaded td a.audio, .custom .wp-table-reloaded td a.video, .custom .wp-table-reloaded td a.doc { display: block; padding-right: 30px; min-height: 25px; } .custom .wp-table-reloaded td a.pdf { background: url(images/icon-pdf.png) no-repeat right center; } .custom .wp-table-reloaded td a.doc { background: url(images/icon-doc.png) no-repeat right center; } .custom .wp-table-reloaded td a.video { background: url(images/icon-video.png) no-repeat right center; } .custom .wp-table-reloaded td a.audio { background: url(images/icon-audio.png) no-repeat right center; } .custom .wp-table-reloaded thead { height: 52px; } .custom .wp-table-reloaded thead th { background: #005dab url(images/thead.png) repeat-x left top; border-top: none !important; border-left: none !important; border-bottom: none !important; border-right: 1px solid #FFF !important; padding: 4px 15px; height: 44px; color: #FFF!important; font-size: 1.8em; font-weight: bold; } .custom .wp-table-reloaded thead th:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .custom .wp-table-reloaded thead th:last-child { border-right: none!important; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .custom .wp-table-reloaded .row-hover tr:hover td { background-color: #FFF !important; } .custom .wp-table-reloaded .even td { background-color: #ededed; } .custom .wp-table-reloaded .odd td { background-color: #cbcbcb; } .custom.documents .wp-table-reloaded .column-2 { width: 60px; } .custom.documents .wp-table-reloaded .column-3 { width: 110px; }