/* Start of CMSMS style sheet 'NurE : Top menu + 2 columns' */ /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */ * { margin: 0; padding: 0; } /*Set initial font styles*/ body { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: /* 75.01 */ 81.3%; line-height: 1.2; } /*set font size for all divs, this overrides some body rules*/ div { font-size: 1em; } /*if img is inside "a" it would have borders, we don't want that*/ img { border: 0; } /*default link styles*/ a, a:link, a:active, a:visited { text-decoration: underline; background-color: inherit; color: #717171; } a:hover { text-decoration: underline; background-color: inherit; color: #18507C; } /*****************basic layout *****************/ body { margin: 0; padding: 0; color: #2e2e2e; background: #fff; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 883px; min-width: 883px; margin: 0 auto; background-color: #fff; color: #2e2e2e; } /* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */ div#header { /* adjust according your image size */ height: 100px; margin: 0; padding: 0; } div#logo { float: left; width: 180px; margin: 0; } div#header h1 a { background: url(uploads/NurE/logo.gif) no-repeat left top; display: block; height: 100px; width: 180px; text-indent: -999em; text-decoration: none; } div#header h1 { margin: 0; padding: 0; line-height: 0; font-size: 0; /* this will keep IE6 from flickering on hover */ background: url(uploads/NurE/logo.gif) no-repeat left top; } div#primaryNav { width: 520px; float: right; /* float: left; margin: 27px 0 0 80px; */ color: #fff; } /* New header layout - 07.2014 */ div#headerRight { width: 658px; float: left; margin-left: 45px; } div#headerRightTop { padding: 16px 0 6px 0; text-align: right; } div#social { float: right; width: 160px; } div#languageSelect { float: right; width: 260px; margin: 0 6px 0 0; padding-top: 6px; } div#content { /* some air above and under menu and content */ margin: 0 auto 0.4em 0; padding: 0px; background: url(uploads/NurE/main_bg.gif) repeat-y right top; } div#main { width: 590px; padding: 0; } div#sidebar { float: right; width: 289px; /* FIX IE double margin bug */ display: inline; margin: 0 0 20px; padding: 0; background: #e5e6e6; } div#sidebara { padding: 0 1em 1em 1em; } div#sidebara p { font-size: 0.9em; } div#sidebar a { text-decoration: none; } div.footback { /* keep footer below content and menu */ clear: both; padding: 0; border-top: 4px solid #cfd0d2; } div#footer { padding: 0; /* color of text, the link color is set below */ color: #a8a8a8; margin-bottom: 20px; } div.leftfoot { float: left; width: 590px; } div.rightfoot { float: right; width: 289px; } div#footer p { /* sets different font size from default */ font-size: 0.846em; padding-top: 8px; margin: 0; } div#footer p a { text-decoration: none; } /* as we hid all hr for accessibility we create new hr with div class="hr" element */ div.hr { height: 1px; padding: 1em; border-bottom: 1px solid #ccc; margin: 0; } /* relational links under content */ div.left49 { /* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ width: 70%; } div.right49 { float: right; width: 29%; /* set right to keep text on right */ text-align: right; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #4b68a3; font-size: 2.4em; line-height: 1; margin: 0 0 0.2em 0; } div#content h2 { color: #3b70af; font-family: 'Source Sans Pro', sans-serif; font-size: 1.538em; font-weight: 400; text-align: left; padding-bottom: 10px; line-height: 1.2; margin: 0 0 0.2em 0; } div#content h3 { color: #053464; font-family: 'Source Sans Pro', sans-serif; font-size: 1.3em; font-weight: 400; line-height: 1.3; margin: 0 0 0.2em 0; } div#content h4 { color: #000; font-size: 1.2em; font-weight: 600; line-height: 1.3; margin: 0 0 0.25em 0; } div#content h5 { color: #000; font-size: 1em; font-weight: 600; line-height: 1.3; margin: 0 0 0.25em 0; } h6 { color: #000; font-size: 1em; font-weight: 600; font-size: 1em; line-height: 1.3; margin: 0 0 0.25em 0; } div#sidebar h2 { font-size: 1.385em; line-height: 1.1; font-weight: 600; margin: 1em 0; } h2 a, h3 a, h4 a, h5 a, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h2 a:active, h3 a:active, h4 a:active, h5 a:active { /*color: #666;*/ text-decoration: none; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #cf9f2b; } /* END HEADINGS */ /* TEXT */ p { font-size: 1em; margin: 0 0 1.5em 0; line-height: 1.4; padding: 0 26px 0 0; } #standfirst { font-family: 'Source Sans Pro', sans-serif; font-size: 1.385em; line-height: 1.2; font-weight: 400; margin: 0 0 2.8em 0; padding-right: 26px; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style: italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* MISC STYLING */ #pageHeader { padding-bottom: 80px; } /* Floats - images etc. */ .floatLeft { float: left; padding: 6px 16px 16px 0; } .floatRight { float: right; padding: 6px 0 16px 16px; } /* ------------- */ /* CSS styles for the Image Captions plug-in. */ .caption {} .captionleft {} .captionright {} div.captionborder, div.captionborderleft, div.captionborderright { border: none; padding: 0; } div.captionborderright { float: right; padding: 6px 0 16px 16px; } div.captionborderleft { float: left; padding: 6px 16px 16px 0; } p.captiontext { margin: 6px 0 0 0; padding: 0 0 0 12px; font-size: 0.9em; line-height: 1em; color: #717171; text-align: left; } div.captionborderright p.captiontext, div.captionborderleft p.captiontext { font-size: 1em; color: #3b70af; padding: 0; } /* -------- */ .pdf_download { padding: 4px 0 4px 22px; line-height: 2.2em; background: url(uploads/NurE/icon_pdf.gif) no-repeat left center; } .sidebarLink { line-height: 1.8em; } /* END MISC */ /* LISTS */ /* lists in content need some margins to look nice */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; padding: 0 26px 0 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 3em; } div#main ul ul { list-style-type: none; background: url(uploads/NurE/l2_bullet.gif) no-repeat 25px 7px; margin: 0 0 0.5em 0; } div#main ul ul ul { list-style-type: none; background: url(uploads/NurE/l3_bullet.gif) no-repeat 25px 7px; margin: 0 0 0.5em 0; } /* definition lists topics on bold */ div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } div#languageSelect ul { margin: 0; padding: 0; text-align: right; } div#languageSelect li { margin: 0 3px 0 0; padding: 0 0 0 6px; border-left: 1px solid #ccc; list-style: none; display: inline; } div#languageSelect li:first-child { border-width: 0; } div#languageSelect li a { color: #666; text-decoration: none; } div#languageSelect li a:hover, div#languageSelect li a.active { color: #fab619; } /* New social links - 07.2014 */ div#social ul { margin: 0; padding: 0; text-align: right; } div#social li { list-style: none; margin: 0; padding: 0 3px 0 0; display: inline; } div#social li:hover { opacity: 0.75; } /* New Team Page 14.10.14 */ div#main .team-thumbs { margin-bottom: 40px; } div#main .team-thumbs:after { content: ""; display: table; clear: both; } div#main .team-thumbs ul { margin: 0; padding: 0; } div#main .team-thumbs li { list-style: none; margin: 0 0 10px 0; padding: 0 10px 0 0; float: left; display: block; width: 130px; height: 180px; } div#main .team-thumbs img { margin: 0 0 6px 0; } div#main .team-thumbs .staff-name { font-size: 12px; margin: 0; padding: 0; line-height: 1.2; } div#main .team-thumbs a { text-decoration: none; } /* END LISTS */ /* TABLES */ table { border-collapse: collapse; margin: 0 0 10px 0; } thead td { text-align: left; background-color: #82aec2; color: #000; font-weight: bold; } td { padding: 6px; } caption { caption-side: bottom; width: auto; text-align: left; font-size: 0.9em; padding-top: 4px; margin-bottom: 16px; } .even { background: #e5e6e6; } /* END TABLES */ /* HOME PAGE SPECIFIC */ div#sidebarTop { min-height: 280px; border-bottom: 4px solid #fff; background: url(uploads/NurE/home_sbar_bg.gif) repeat-y left top; } div#homeNews h2 { margin: /*2.9em*/1em 0 1.2em 0.8em; padding: 0; } div#homeNews { margin: 0.7em 0 0 0; } div#homeHeader { width: 590px; height: 138px; text-align: right; background: url(uploads/NurE/home_header_bg.jpg) no-repeat left top; margin-bottom: 4px; } div#homeHeader p { font-size: 1.7em; line-height: 1.1em; color: #fff; padding: 46px 32px 0 0; } div#leftTeaser { float: left; width: 293px; } div#rightTeaser { float: left; width: 293px; margin-left: 4px; } div#leftTeaser h1, div#rightTeaser h1 { font-size: 2.2em; margin: 30px 0 20px 0; } /* div#rightTeaser h1 { margin-top: 45px; } */ div#leftTeaser p, div#rightTeaser p { padding-right: 12px; } div#leftTeaser a, div#rightTeaser a { text-decoration: none; } .teaserLink { line-height: 1.8em; padding: 0 0 0 12px; background: url(uploads/NurE/link_arrow.gif) no-repeat left center; } .teaserLink:hover { background: url(uploads/NurE/link_arrow_on.gif) no-repeat left center; } #fb { padding: /*14px 10px 0 10px*/ 0; } #twitter { padding: 0; } /* New Home Page - 07.2014 */ div#content.homepage { background-image: none; } #banner { width: 100%; height: 302px; position: relative; margin-bottom: 24px; } .bannerCaption { width: 100%; text-align: center; background: rgba(75, 104, 163, 0.5); position: absolute; left: 0; bottom: 0; z-index: 99; } div#content .bannerCaption h1 { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 1.846em; line-height: 1.2; color: #fff; padding: 8px; margin: 0; } .row { margin-bottom: 40px; } .column { float: left; width: 282px; margin-left: 9px; margin-right: 8px; } .column.alpha { margin-left: 0; } .column.gamma { margin-right: 0; float: right; } .teaserPic { width: 100%; height: auto; position: relative; } .teaserHeader { width: 100%; background: rgba(75, 104, 163, 0.5); position: absolute; left: 0; bottom: 0; z-index: 99; } div#content .teaserHeader h2 { font-size: 1.692em; line-height: 1.2; color: #fff; padding: 10px; margin: 0; } .teaserText { padding: 10px 0 20px 0; } .teaserText p { padding-right: 0; margin: 0; min-height: 126px; max-height: 126px; overflow: hidden; } .homeTeaser a.button { font-size: 0.846em; font-weight: bold; background: url(uploads/NurE/grey_arrow_right.png) no-repeat right center; text-decoration: none; padding-right: 20px; } div#content h2.news { font-weight: 600; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #3b70af; } /* END HOME PAGE */ /* NEWS PAGES */ div#newsContent { margin: 0 auto 0.4em 0; padding: 0px; background: url(uploads/NurE/news_bg.gif) repeat-y left top; } div#newsHeader { height: 280px; background: url(uploads/NurE/subNav_bg.gif) repeat-y right top; border-bottom: 4px solid #fff; } div#newsSidebarTop { position: relative; float: right; width: 289px; height: 280px; /* FIX IE double margin bug */ display: inline; margin: 0; padding: 0; } div#newsSidebarTop p { margin: 0 2.4em 1.5em 1em; } div#newsSidebarTop #archiveLink { position: absolute; left: 1em; bottom: 0.6em; } div#newsSidebarTop #archiveLink a { text-decoration: none; } div#newsContent div#sidebar { float: right; width: 289px; /* FIX IE double margin bug */ display: inline; margin: 0 0 20px; padding: 0; background: #e5e6e6; } div#newsMainTop { width: 590px; padding: 0; background: #fff url(uploads/NurE/banner3str.jpg) no-repeat left top; } div#newsMainTop h1 { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #4b68a3; font-size: 2.4em; line-height: 1em; padding: 220px 0 0 0; } div#columnLeft { float: left; width: 294px; } div#columnCenter { float: left; width: 289px; margin-left: 6px; } /* END NEWS */ /* End of 'NurE : Top menu + 2 columns' */