/* -------------------------------------------------------------- *Full CSS Master style sheet for Albany Law School Student Journals * copyright 2012 - Albany Law School * -------------------------------------------------------------- * NOTES * ---------- * The important IDs here are as follows. These are the wrappers * that enclose the displayed page, in this order. * - #s4-workspace - delimits the scrollable region * - #s4-bodyContainer - inner wrapper for same * - #MSO_ContentDiv - the system defined user content region * - #v5-wrapper - excludes all non-content * If any style rules are messing up the SharePoint controls, * most of which which sit outside these controls, * try prefixing the style rule with * #v5-wrapper for content * #s4-workspace for system pages * -------------------------------------------------------------- * Reset default browser CSS * ---------- * This is a minimal set. * See resets.css for the presumably complete CSS reset list. * -------------------------------------------------------------- */ #v5-wrapper table, form, legend, label, object, ul, ol, li, dl, dt, dd, address, acronym, abbr, blockquote b, i, var, tt, sup, sub, strong, em, big, small, samp, kbd, code, pre, ins, del, dfn, cite, p, h1, h2, h3, h4, h5, h6, hr, a, img, iframe, span, div { background-color: transparent; background-position: top left; background-repeat: no-repeat; border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* ------------------------------------------ * make sure style rules for lists are limited * to actual page content */ #v5-wrapper ul, #v5-wrapper ol { list-style-type: none; } #v5-wrapper .content li { margin: 5px 0px; color: rgb(59, 60, 61); font: 13px/19px Verdana, Geneva, Arial, sans-serif; } #v5-wrapper .content li a { font: 13px/19px Verdana, Geneva, Arial, sans-serif; } #v5-wrapper .content li h3 a { font: normal 20px/24px Georgia, "Times New Roman", serif; } #v5-wrapper .content li h4 a { font: normal 16px/18px Georgia, "Times New Roman", serif; } #v5-wrapper ul .level-bullet { list-style-type: disc; background-image: none; } #v5-wrapper table { border-collapse: collapse; border-spacing: 0; } #v5-wrapper a { text-decoration: none; } /* html5 backwards-compatibility - elements also need to be declared in JavaScript shim */ hgroup, aside, nav, footer, header, article, section { display: block; } /* -------------------------------------------------------------- * Set page defaults * -------------------------------------------------------------- */ #v5-wrapper button, #v5-wrapper fieldset, #v5-wrapper textarea, #v5-wrapper select, #v5-wrapper input, #v5-wrapper form, body { color: rgb(59, 60, 61); margin: 0px; font: 12px Verdana, Geneva, Arial, sans-serif; } body { background-color: rgb(239, 240, 234) !important; } /* people actually caught using font tags will be appropriately traumatized */ font { color: inherit !important; } #s4-bodyContainer { background-color: rgb(255, 255, 255); padding: 3px 3px 0px 3px; margin-top: 5px; } #v5-wrapper .ms-rteElement-P, #v5-wrapper p { margin: 10px 0; color: rgb(59, 60, 61); font: 13px/19px Verdana, Geneva, Arial, sans-serif; } #v5-wrapper b, #v5-wrapper strong { color: rgb(79, 82, 85); font-weight: bold; } #v5-wrapper cite, #v5-wrapper em { font-style: italic; } #v5-wrapper a strong, #v5-wrapper a { color: rgb(155, 53, 64); } #v5-wrapper dt { font-weight: bold; margin-top: 1.0em; margin-bottom: 0px; } #v5-wrapper dd { margin-left: 15px; } #v5-wrapper dd p:first-child { margin-top: 0.5em; } #v5-wrapper h3.ms-standardheader { display: none; } /* -------------------------------------------------------------- * default header definitions * -------------------------------------------------------------- * alternate heading colors from original redesign * - color: rgb(134, 0, 36); (a slightly darker red) * -------------------------------------------------------------- */ #v5-wrapper h1, #v5-wrapper .ms-rteElement-H1, #v5-wrapper .ms-rteElement-H1B { font: normal 56px/60px Georgia, "Times New Roman", serif; } #v5-wrapper h1, #v5-wrapper .ms-rteElement-H1 { color: rgb(11, 12 ,14); } #v5-wrapper .ms-rteElement-H1B { color: rgb(155, 53, 64); } #v5-wrapper h2, #v5-wrapper .ms-rteElement-H2, #v5-wrapper .ms-rteElement-H2B { margin: 5px 0 10px 0; font: normal 24px/28px Georgia, "Times New Roman", serif; } #v5-wrapper h2, #v5-wrapper .ms-rteElement-H2 { color: rgb(19, 20, 22); } #v5-wrapper .ms-rteElement-H2B { color: rgb(155, 53, 64); } #v5-wrapper h3, #v5-wrapper .ms-rteElement-H3, #v5-wrapper .ms-rteElement-H3B { margin: 15px 0 5px 0; font: normal 20px/24px Georgia, "Times New Roman", serif; } #v5-wrapper h3, #v5-wrapper .ms-rteElement-H3 { color: rgb(27, 28, 30); } #v5-wrapper .ms-rteElement-H3B { color: rgb(155, 53, 64); } #v5-wrapper h4, #v5-wrapper .ms-rteElement-H4, #v5-wrapper .ms-rteElement-H4B { margin: 15px 0 5px 0; font: normal 16px/18px Georgia, "Times New Roman", serif; } #v5-wrapper h4, #v5-wrapper .ms-rteElement-H4 { color: rgb(35, 36, 38); } #v5-wrapper .ms-rteElement-H4B { color: rgb(155, 53, 64); } #v5-wrapper h5, #v5-wrapper .ms-rteElement-H5, #v5-wrapper .ms-rteElement-H5B { margin: 15px 0 0 0; padding-bottom: 0px; font: bold 14px/14px Georgia, "Times New Roman", serif; } #v5-wrapper h5, #v5-wrapper .ms-rteElement-H5 { color: rgb(43, 44, 46); } #v5-wrapper .ms-rteElement-H5B { color: rgb(155, 53, 64); } /* ------------------------------------------ * make sure link formatting doesn't override heading formatting */ #v5-wrapper h1 a, #v5-wrapper h2 a, #v5-wrapper h3 a, #v5-wrapper h4 a, #v5-wrapper h5 a { font-family: Georgia, "Times New Roman", serif !important; } /* ------------------------------------------ * collapse some top margins */ #v5-wrapper h3 + h4, #v5-wrapper h3 + [class*='-H4'] { margin-top: 0px; } #v5-wrapper h3 + p, #v5-wrapper h3 + [class*='-P'], #v5-wrapper h4 + p, #v5-wrapper h4 + [class*='-P'], #v5-wrapper h5 + p, #v5-wrapper h5 + [class*='-P'], #v5-wrapper ul li p { margin-top: 0px !important; } /* -------------------------------------------------------------- * Page wrapper rules * -------------------------------------------------------------- * Some of these are very important to ensure SharePoint works * properly. Changing them can break the page. Edit at your peril. * -------------------------------------------------------------- * I have inherited this bit and pretty much stuck that rule myself. * -------------------------------------------------------------- * Hierarchy: * body.v4master * -form@aspnetForm * --div#s4-ribbonrow (system) * --div#s4-workspace * ---div#ctl00_MSO_ContentDiv * ----div#v5-wrapper * -----header#v5-header * ------div#notificationArea (system) * ------div#masthead * ------nav#top-nav * ------div#s4-statusbarcontainer (system) * -----div#v5-page * ------div#v5-page-column-sidebar (system) * ------div#v5-page-column-main * -------div#v5-page-content * --------(varies by page from here) * -----footer#v5-footer */ /* ------------------------------------------ * override default (anti-)scrolling behavior */ body{ overflow: visible; height: inherit; width: inherit; } /* ------------------------------------------ * set content wrapper for clean positioning */ #v5-wrapper { position: relative; width: 960px; margin: 0 auto; } /* ------------------------------------------ * sharepoint has overflow hidden by default, not good */ body #s4-workspace { overflow: visible !important; } body #aspnetForm #s4-bodyContainer { min-height: 150px; } /* ------------------------------------------ * tweak ribbon to make sure it behaves */ body #s4-ribbonrow { position: fixed; z-index: 100; min-height: 0 !important; height: auto !important; } .ms-cui-menu[id ^= "Ribbon."] { position: fixed !important; } #s4-ribbonrow .ms-popoutMenu { position: fixed !important; } #s4-ribbonrow .ms-MenuUIPopupBody { position: fixed !important; } .ms-dlgOverlay { width: 100% !important; } /* ------------------------------------------ * set body content container to intended page width */ body #s4-bodyContainer { min-width: 0; width:960px; margin-left: auto; margin-right: auto; } /* -------------------------------------------------------------- * Miscellaneous template fixes * -------------------------------------------------------------- */ /* ------------------------------------------ * fix to ensure line height when I have to * crunch this field to manage page formatting */ .ms-selectorlink { line-height: 14px; } /* ------------------------------------------ * fix table alignments */ #v5-wrapper th { vertical-align: top; } #v5-wrapper td { vertical-align: top; } /* -------------------------------------------------------------- * MASTER TEMPLATE * -------------------------------------------------------------- */ #v5-wrapper .with-topics { width: 960px; padding: 0; float: left; background: rgb(255, 255, 255) url('images/sidebar-gray.jpg') repeat-y right top; } /* -------------------------------------------------------------- * Masthead formatting for master template * -------------------------------------------------------------- */ header { width: 960px; } #masthead { width: 960px; height: 131px; position: relative; background: rgb(156,31,46) url('images/banners/01_jst_banner.jpg') no-repeat right 27px; } #albanylaw-banner { width: 960px; height: 27px; background-color: #111111; position: absolute; top: 0px; left: 0px; } #albanylaw-banner p a { color: #cccccc; } #albanylaw-banner p .ny { color: #eeeeee; } #albanylaw-banner p { margin: 3px auto 3px 25px; text-transform: uppercase; font: normal 18px Georgia, "Times New Roman", serif; color: #cccccc; } /* ------------------------------------------ * skipnav to hide the skip navigation box * from normal browsers */ #masthead .skipnav { height: 0px; overflow: hidden; } /* ------------------------------------------ * format the masthead appearance * the title has been replaced with an image for the font * so we create a clickable box but hide the actual text * with the class "hideme" */ #masthead h1 { float: left; margin: 34px 0 0 25px; color: #ffffff; text-transform: uppercase; } #masthead a { color: #ffffff; } /* ------------------------------------------ * format the search box */ #masthead #v5-tools { position: absolute; top: 1px; left: 725px; } #masthead table.ms-sbtable { margin: 2px 5px 0 auto; } #masthead table.ms-sbtable td { vertical-align: middle; padding: 0px; } #masthead table.ms-sbtable input[type="text"] { color: rgb(59, 60, 61); height: 17px !important; line-height: 16px !important; width: 191px !important; padding: 1px !important; } /* ------------------------------------------ * change the search icon */ #masthead table.ms-sbtable .srch-gosearchimg { display: none; } #masthead table.ms-sbtable .ms-sbgo a { background: url(images/gosearchhover.png) no-repeat; width: 20px; height: 20px; display: block; margin-left: 10px; } #masthead table.ms-sbtable .ms-sbgo a:hover { background:url(images/gosearch.png) no-repeat; } /* -------------------------------------------------------------- * format the top menu bar * -------------------------------------------------------------- * there are probably way too many position relatives in here * was trying to clean up some stacking issues * -------------------------------------------------------------- */ #topmenu { width: 945px; background-color: rgb(156,31,46); text-align: center; position: relative; z-index: 20; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; padding-left: 15px; } #topnav { background-color: rgb(156,31,46); position: absolute; top: 102px; left: 0px; } /* ------------------------------------------ * disable sharepoint collapsing menu icon */ #v5-wrapper #topmenu .additional-background { background-image: none; padding-right: 0px !important; } /* ------------------------------------------ * sharepoint bugaboos cleanup */ #v5-wrapper #topmenu .topmenu-item .menu-item-text { display: inline; white-space: normal; } /* ------------------------------------------ * the buttons themselves * the center buttons are narrower than the * end cap buttons (list-wide) by 3 pixels */ #topmenu ul li.static { position: relative; float: left; text-align: center; } #topmenu ul li.static > a { float: left; text-align: center; font-size: 12px; padding: 5px 10px; color: #ffffff; } /* ------------------------------------------ * the dropdowns, which ignore the SharePoint method */ /* BFM fix flyouts 2015-08-26 Removed to stop all flyouts from showing at once #topmenu ul li ul.dynamic { display: none; position: absolute; top: 32px; left: 0px; width: 200px; background-image: none; border: 1px solid rgb(255, 255, 255); z-index: 5; } */ #topmenu ul li:hover ul.dynamic { display: block; z-index: 25; } #topmenu ul li ul.dynamic li { position: relative; background-color: rgb(233, 230, 221); color: rgb(59, 60, 61); text-align: left; width: 200px; } #topmenu ul li ul.dynamic li a { display: block; position: relative; color: rgb(59, 60, 61); text-align: left; width: 180px; padding: 4px 10px 4px 10px; text-transform: none; text-indent: -5px; z-index: 25; } /* tweak the right-most menu back onto the page */ #topmenu ul li ul.shift-left, #topmenu .shift-left ul li ul.dynamic { left: -92px !important; } /* -------------------------------------------------------------- * Breadcrumbs * -------------------------------------------------------------- */ #breadcrumbs{ position: relative; top : -20px; left: 0px; width: 620px; } #breadcrumbs span { font-size: 10px; line-height: 12px; letter-spacing: 1px; padding: 0px; } #breadcrumbs a { color: rgb(59, 60, 61); } /* separator text */ #breadcrumbs span.crumbles { color: rgb(155, 53, 64); font-weight: bold; padding: 0px 5px 0px 5px;} /* current page */ #breadcrumbs span.thisbite { font-weight: bold; } /* -------------------------------------------------------------- * format the page footer * -------------------------------------------------------------- * the entire footer is a list with the list items * independently positioned */ /* a tad wider to account for the borders in the content */ #v5-footer { width: 966px; clear: both; } ul.footer-list { position: relative; display: block; width: 966px; padding: 15px 0px 15px 0px; background-color: rgb(239, 240, 234); margin-left: -3px; margin-bottom: 10px; border-top: 3px solid rgb(255, 255, 255); border-bottom: 3px solid rgb(255, 255, 255); height: 57px; } ul.footer-list li { float: left; } ul.footer-list li.footer-image { height: 57px; width: 57px; margin-left: 20px; margin-top: 0px; } ul.footer-list li.footer-image a { display: block; height: 57px; width: 57px; background: url('images/footer-logo.jpg') no-repeat; } ul.footer-list li#footer-copyright { display: block; float:right; text-align: right; font-size: 10px; margin-right: 20px; margin-top: 0px; color: rgb(59, 60, 61); clear: right; width: 240px; } ul.footer-list li#slogan { color: rgb(127, 129, 131); font-style: italic; font-size: 16px; text-align: center; margin: 8px 0px 0px 15px; } ul.footer-list li.footer-text { width: 475px;padding: 0px 0 0 15px; } #v5-wrapper ul.footer-list li.footer-text p { font-size: 10px; color: rgb(59, 60, 61); margin-top: 0px; line-height: 12px; } #v5-wrapper ul.footer-list li.footer-text a { font-size: 10px; color: rgb(155, 53, 64); } /* ------------------------------------------ * format the social media bar */ ul.footer-list li.social-links { padding: 0 16px 0 0; float: right; } ul.footer-list li.social-links a { margin: 0 0 0 10px; display: inline-block; float: left; height: 30px; width: 30px; } /* ------------------------------------------ * use CSS background images with hidden text */ ul.footer-list li.social-links a.facebook-link { background: url('images/sprite-facebook.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.facebook-link:hover { background: url('images/sprite-facebook.jpg') no-repeat -30px 0; } ul.footer-list li.social-links a.twitter-link { background: url('images/sprite-twitter.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.twitter-link:hover { background: url('images/sprite-twitter.jpg') no-repeat -30px 0; } ul.footer-list li.social-links a.flickr-link { background: url('images/sprite-flickr.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.flickr-link:hover { background: url('images/sprite-flickr.jpg') no-repeat -30px 0; } ul.footer-list li.social-links a.rss-link { background: url('images/sprite-rss.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.rss-link:hover { background: url('images/sprite-rss.jpg') no-repeat -30px 0; } /* -------------------------------------------------------------- * Topics Bar * -------------------------------------------------------------- */ #topics-bar { width: 290px; float: right; padding: 0px; } #topics-bar h3 { padding: 5px 10px 5px 10px; margin: 0px; line-height: 1.2em; font-size: 15px; text-transform: uppercase; } #topics-bar h4 { margin: 0.5em 10px 5px 10px; line-height: 1.2em; font-size: 14px;} #topics-bar .event-item .description p { margin: 0.5em 10px 10px 10px; line-height: 14px; font-size: 12px; } #topics-bar .event-item { padding: 5px 0px 5px 0px; } /* ------------------------------------------ * topics header */ #topics-header .ms-rtestate-field { padding: 0px; background-color: rgb(255, 255, 255); margin-bottom: 0px; border: 0px; line-height: 0px; } #topics-header .ms-rtestate-field img { padding: 0px 0px 0px 0px; background-color: rgb(255, 255, 255); margin-bottom: 0px; border: 0px; } /* ------------------------------------------ * topics footer */ #topics-bar #topics-footer { padding: 0px; display: block !important; clear: right; color: rgb(59, 60, 61); } #topics-bar #topics-footer { width: 290px; } #topics-bar #topics-footer .ms-rtestate-field { width: 290px; padding: 0px; display: block !important; clear: right; color: rgb(59, 60, 61); margin-bottom: 20px; line-height: 1.25em; } #narrow-topics-bar #topics-footer .ms-rtestate-field { width: 190px; padding: 10px 10px 20px 10px; display: block !important; clear: right; color: rgb(59, 60, 61); } #topics-footer .ms-rtestate-field p { margin: 0.5em 10px 0px 10px; line-height: 1.2em; } /* -------------------------------------------------------------- * Content Area * -------------------------------------------------------------- */ .content { width: 620px; margin: 20px 0px 0px 25px; padding: 0px 0px 40px 0px; float: left; min-height: 400px; } #v5-wrapper .article-list .dfwp-column h4 { border-bottom: 1px solid rgb(103, 103, 103); font: normal 20px/24px Georgia, "Times New Roman", serif; } #v5-wrapper .groupheader { margin: 15px 0 5px 0; font: normal 20px/20px Georgia, "Times New Roman", serif; background-color: rgb(239, 240, 234); } #v5-wrapper .groupheader a { font: normal 20px/20px Georgia, "Times New Roman", serif !important; color: rgb(59, 60, 61); } #v5-wrapper h3.groupheader { padding: 5px; } #v5-wrapper .groupheader .toggle { float: right; margin-right: 20px; font-size: 13px; } #v5-wrapper .article-item { margin: 10px 20px 10px 0px; color: rgb(59, 60, 61); font: 13px/19px Verdana, Geneva, Arial, sans-serif;} #v5-wrapper .article-item-title { font-weight: bold; } #v5-wrapper .article-item-citation, #v5-wrapper .article-item-author { color: rgb(103, 103, 103); } #v5-wrapper .article-info { width: 205px; float: right; margin: 10px; padding: 10px; border-top: 1px solid rgb(155, 53, 64); border-bottom: 1px solid rgb(103, 103, 103); } /* -------------------------------------------------------------- * Formatting for components unique to the events pages * duplicated elements under faculty page formats * -------------------------------------------------------------- */ #v5-wrapper #events-info p:first-child { padding-top: 25px; } /* ------------------------------------------ * event items */ #v5-wrapper .event-item, #v5-wrapper .old-event-item { position: relative; padding: 5px 10px 5px 10px; clear: both; margin-bottom: 5px; min-height: 70px; } #v5-wrapper .event-item .am-pm, #v5-wrapper .old-event-item .am-pm { text-transform: lowercase; } #v5-wrapper .event-item .image-area-right, #v5-wrapper .old-event-item .image-area-right { padding: 0px 0px 10px 10px; } #v5-wrapper .event-item .description, #v5-wrapper .old-event-item .description { color: rgb(59, 60, 61); font: 13px/19px Verdana, Geneva, Arial, sans-serif; } #v5-wrapper .event-item .event-content, #v5-wrapper .old-event-item .event-content { padding-left: 70px; } #v5-wrapper .event-item .event-content h3, #v5-wrapper .old-event-item .event-content h3 { margin-top: 0px; } #v5-wrapper .event-has-span .event-date-set, #v5-wrapper .event-item .event-date-set, #v5-wrapper .old-event-item .event-date-set { position: absolute; top: 0px; left: 0px; } #v5-wrapper .event-has-span .thru-arrow { display: none; } #v5-wrapper .event-has-span .event-date-set:hover { top: 4px; left: -60px; } #v5-wrapper .event-has-span .event-date-set:hover .multi-day { top: 5px; left: 65px; } #v5-wrapper .event-has-span .event-date-set:hover .thru-arrow { position: absolute; top: 30px; left: 57px; z-index: 10; display: block; height: 32px; width: 17px; background-image: url("images/thru-arrow.png"); } #v5-wrapper .event-item .event-date-set .event-date { position: absolute; top: 5px; left: 0px; z-index: 4; background-color: rgb(255, 255, 255); width: 60px; padding: 0px; border: 1px solid rgb(103, 22, 33); } #v5-wrapper .event-item .event-date-set .multi-day { position: absolute; top: 9px; left: 5px; z-index: 2; width: 60px; padding: 0px; border: 1px solid rgb(103, 22, 33); } #v5-wrapper .old-event-item .event-date-set .event-date { position: absolute; top: 5px; left: 0px; z-index: 4; width: 60px; padding: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(205, 202, 197); } #v5-wrapper .old-event-item .event-date-set .multi-day { position: absolute; top: 9px; left: 5px; z-index: 2; width: 60px; padding: 0px; border: 1px solid rgb(205, 202, 197); } #v5-wrapper .event-item .event-month, #v5-wrapper .old-event-item .event-month { color: rgb(255, 255, 255); padding: 1px 5px; width: 50px; text-align: center; font-weight: bold; font-size: 14px; text-transform: uppercase; } #v5-wrapper .event-item .event-date .event-month, #v5-wrapper .event-item .multi-day .event-month { background-color: rgb(103, 22, 33); } #v5-wrapper .old-event-item .event-date .event-month, #v5-wrapper .old-event-item .multi-day .event-month { background-color: rgb(205, 202, 197); } #v5-wrapper .event-item .event-day, #v5-wrapper .old-event-item .event-day { padding: 1px 5px 0px 5px; width: 50px; text-align: center; font-weight: bold; font-size: 18px; } #v5-wrapper .event-item .event-weekday, #v5-wrapper .old-event-item .event-weekday { padding: 1px 5px 0px 5px; margin: 0px; width: 50px; text-align: center; font-weight: bold; font-size: 10px; line-height: 10px; text-transform: uppercase; } #v5-wrapper .event-item .event-day, #v5-wrapper .event-item .event-weekday { color: rgb(155, 53, 64); } #v5-wrapper .old-event-item .event-day, #v5-wrapper .old-event-item .event-weekday { color: rgb(127, 129, 131); } #v5-wrapper .event-item .event-year, #v5-wrapper .old-event-item .event-year { padding: 0px 5px 2px 5px; width: 50px; text-align: center; font-weight: bold; font-size: 12px; line-height: 12px; } #v5-wrapper .event-item .event-year { color: rgb(103, 22, 33); } #v5-wrapper .old-event-item .event-year { color: rgb(127, 129, 131); } /* ------------------------------------------ * simple event items */ #v5-wrapper .event-simpledate { border-top: 1px solid rgb(103, 22, 33); padding: 0px; font-weight: bold; font-size: 14px; text-transform: uppercase; position: relative; margin-left: -5px; } /* #v5-wrapper .event-item .event-simplecontent { width: 450px; } */ #v5-wrapper .event-simpledate .event-month, #v5-wrapper .event-simpledate .event-day, #v5-wrapper .event-simpledate .event-year { padding: 1px 5px; width: 50px; margin: 0px; text-align : center; display: inline-block; font-size: 14px; } #v5-wrapper .event-simpledate .event-month, #v5-wrapper .event-simpledate .event-day { background-color: rgb(103, 22, 33); color: rgb(255, 255, 255); } #v5-wrapper .event-simpledate .event-year { color: rgb(103,22, 33); } /* -------------------------------------------------------------- * CUSTOM CLASSES * -------------------------------------------------------------- * Usable class rules across documents * -------------------------------------------------------------- */ /* ------------------------------------------ * hide content we are replacing with images */ .hideme { display: none; } /* ------------------------------------------ * Some positioning and spacing fixes */ .clear { clear: both; } #v5-wrapper .img-link { margin: 5px 0px; float: left; } /* ------------------------------------------ * Alignments */ /* ------ center ------ */ #v5-wrapper .center { text-align: center; margin: auto; } /* ------------ right - */ #v5-wrapper img[align="right"], .ms-rtePosition-2, .right, .content_area_image_right { float: right; padding: 5px 0px 5px 15px; } /* - left ------------- */ #v5-wrapper img[align="left"], .ms-rtePosition-1, .left, .content_area_image_left { float: left; padding: 5px 15px 5px 0px; } /* ------------------------------------------ * Miscellaneous */ #v5-wrapper .caption { font-style: italic; color: rgb(103, 105, 107); font-size: 1.0em; text-align: center; } /* -------------------------------------------------------------- * MORE CUSTOM CLASSES * -------------------------------------------------------------- * Classes for style menu dropdowns in the ribbon * -------------------------------------------------------------- */ /* ------------------------------------------ * Put the list back in lists. */ .ms-rteStyle-ShowList { -ms-name: "Show List"; } #v5-wrapper ul.ms-rteStyle-ShowList li, #v5-wrapper ul li.ms-rteStyle-ShowList, #v5-wrapper ul.showlist li { list-style: disc inside !important; } #v5-wrapper ol.ms-rteStyle-ShowList li, #v5-wrapper ol li.ms-rteStyle-ShowList, #v5-wrapper ol.showlist li { list-style: decimal inside !important; } /* ------------------------------------------ * The MORE button */ .ms-rteStyle-More { -ms-name: "More Link"; } #v5-wrapper .ms-rteStyle-More { padding-top: 0px; margin: -5px 10px 1.5em auto !important; min-width: 100px; text-align: right; float: right; } #s4-workspace .ms-rteStyle-More a { margin-top: 0px; padding: 0 0 0 15px; color: rgb(155, 53, 64); font: bold 11px Georgia, Times New Roman, serif; background: url('images/arrow.jpg') left 1px no-repeat; text-transform: uppercase; } /* ------------------------------------------ * Callouts and citations */ /* ------ callout 1 - lead para gray ------ */ #v5-wrapper .lead-para, #v5-wrapper .ms-rteElement-Callout1 { float: none; font: normal 16px/20px Georgia, "Times New Roman", serif; color: rgb(103, 103, 103); background-color: transparent; padding: 0px; width: auto; border: 0px; } /* ------ callout 2 - inline black ------ */ #v5-wrapper .inline-pull, #v5-wrapper .ms-rteElement-Callout2 { float: none; font: oblique normal 16px/20px Georgia, "Times New Roman", serif; color: rgb(0, 0, 0); background-color: transparent; width: auto; border: 0px; } /* ------ callout 3 - pullquote centerbox ------ */ #v5-wrapper .ms-rteElement-Callout3 { float: none; width: 425px; padding: 10px; margin: 10px auto 10px auto; background-color: rgb(239, 240, 234); border: 1px solid rgb(204, 206, 185); font-size: 11px; line-height: 14px; color: rgb(103, 103, 103); text-align:center; } /* ------ callout 4 - pullquote sidebox ------ */ #v5-wrapper .ms-rteElement-Callout4 { float: right; width: 190px; padding: 10px; margin-left: 10px; font-size: 11px; line-height: 14px; color: rgb(103, 103, 103); background-color: rgb(239, 240, 234); border: 1px solid rgb(204, 206, 185); } /* ------ callout 5 - Smaller text version of 1 ------ */ div.ms-rteElement-Callout5 { -ms-name: "Callout5"; } #v5-wrapper .ms-rteElement-Callout5 { font: oblique normal 14px/18px Georgia, "Times New Roman", serif; color: rgb(103, 103, 103); margin-top: 20px; } /* ------ citation - to tightly follow callouts ------ */ p.ms-rteElement-citation { -ms-name: "Citation Line"; } #v5-wrapper .citation, #v5-wrapper .ms-rteElement-citation { margin-top: 0px; margin-bottom: 10px; padding-top: 1px; line-height: 1.2em; padding-left: 15px; } /* ------ citation - to tightly follow callouts ------ */ p.ms-rteElement-citation-bold { -ms-name: "Citation Line Bold"; } #v5-wrapper .citation-bold, #v5-wrapper .ms-rteElement-citation-bold { margin-top: 0px; margin-bottom: 10px; padding-top: 1px; line-height: 1.2em; text-align: right; font-weight: bold; } /* ------ by-line ------ */ .ms-rteStyle-byline { -ms-name: "Byline"; } #v5-wrapper .byline, #v5-wrapper .ms-rteStle-byline { font-style: italic; font-size: 0.9em; color: rgb(127, 129, 131) !important; } /* ------------------------------------------ * File type designator, e.g. [PDF]. */ .ms-rteStyle-filetype { -ms-name: "File Type Flag"; } #v5-wrapper .filetype, #v5-wrapper .ms-rteStyle-filetype { font-size: 0.75em; color: rgb(103, 103, 103); } /* ------ horizontal rule (override) ------ */ #v5-wrapper .ms-rteElement-Hr, #v5-wrapper hr { margin: 10px 10%; border-bottom: 1px solid rgb(103, 103, 103); } /* ------ highlight and anti-highlight (red text on and off) ------ */ .ms-rteStyle-Highlight { -ms-name: "Highlight"; } #v5-wrapper .highlight, #v5-wrapper .ms-rteStyle-Highlight { background-color: transparent !important; color: rgb(155, 53, 64); } .ms-rteStyle-AntiHighlight { -ms-name: "AntiHighlight"; } #v5-wrapper .antihighlight, #v5-wrapper .ms-rteStyle-AntiHighlight { background-color: transparent !important; color: rgb(59,60,61); } /* ------------------------------------------ * table formatting */ #v5-wrapper table.noheader { border: 1px solid rgb(204, 206, 185);} #v5-wrapper .ms-rteTable-1 th { text-align: left; color: rgb(59, 60, 61); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 th { text-align: left; color: rgb(134, 0, 36); padding: 5px; border-top: 1px solid rgb(204, 206, 185); border-bottom: 1px solid rgb(204, 206, 185); } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 td, #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 th { text-align: left; padding: 5px; border-top: 1px solid rgb(204, 206, 185); border-bottom: 1px solid rgb(204, 206, 185); } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 th { color: rgb(134, 0, 36); } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableOddRow-1, #v5-wrapper .ms-rteTable-1 tr.ms-rteTableOddRow-1 td { background-color: rgba(204, 206, 185, 0.2); } #v5-wrapper .ms-rteTable-6 th { color: rgb(59, 60, 61); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-6 tr.ms-rteTableHeaderRow-6 th { color: rgb(59, 60, 61); background-color: rgb(255, 255, 255); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-6 tr.ms-rteTableFooterRow-6 td, #v5-wrapper .ms-rteTable-6 tr.ms-rteTableFooterRow-6 th { background-color: rgb(255, 255, 255); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-6 tr.ms-rteTableOddRow-6, #v5-wrapper .ms-rteTable-6 tr.ms-rteTableOddRow-6 td { background-color: rgb(219, 222, 201); } #v5-wrapper .ms-rteTable-6 td, #v5-wrapper .ms-rteTable-1 td { color: rgb(59, 60, 61); padding: 5px; } #v5-wrapper p.tablenote { text-align: left; padding-left: 5px; margin-top: 0px; } .ms-core-sideNavBox-removeLeftMargin { display: none } /* hide only quick links */ #contentBox { margin-left: 0px } /* make content take full page width */ #RibbonContainer-TabRowRight { display:none; } #DeltaSPRibbon > div > div.ms-cui-topBar2 { display:none; } div.ms-srch-sb { background-color:white; width: 225px; } .ms-srch-sb > input { width: 175px; } /* ------------------------------------------ * banner title */ #journal-banner h1 {font-size: 36px;} /* ------------------------------------------ * hides home page from top-nav */ .ms-core-listMenu-horizontalBox li.static > a{ display: none !important; } .ms-core-listMenu-horizontalBox li.static > ul a{ display: block !important; }