/* External website primary stylesheet April 2019 Live site */ /* ----------------------------------------------- Main styles (layout) ----------------------------------------------- Colors: Green:#78a22e; Purple:#872175; Blue:#559bbd; Body text:#333; Secondary text:#666666; */ /* Testing - 2016 11 18 */ /* @media (min-width: 1152px) { body { border: 1px blue dashed !important; background-image: url(../../images/structural/1152width.png); } } @media (min-width: 960px) and (max-width: 1151px) { body { border: 1px red dashed !important; background-image: url(../../images/structural/960width.png); } } @media (min-width: 768px) and (max-width: 959px) { body { border: 1px green dashed !important; background-image: url(../../images/structural/768width.png); } } @media (min-width: 540px) and (max-width: 767px) { body { border: 1px purple dashed !important; background-image: url(../../images/structural/540width.png); } } @media (min-width: 320px) and (max-width: 539px) { body { border: 1px pink dashed !important; background-image: url(../../images/structural/320width.png); } }*/ html { max-width: 99% !important; /* amended to be wider went from 70% to 90% - 2018 04 06 */ margin-left: auto; margin-right: auto; } body { /* background-color: #F8F8F8; */ background-color: white; } /* Structural ----------------------------------------------- */ #outer-wrapper { /* background-color: #FFFFFF; */ /* force the background to be white - 2016 11 18 - Andew Thorburn */ } #wrapper { position: relative; /* width: 1152px; */ /* this was 960px and then 1152px */ /* max-width: 95%; */ margin-left: auto; margin-right: auto; margin: -1px auto 0; text-align: left; padding: 0; background-color: #FFFFFF; /* */ /* force the background to be white - 2016 11 18 - Andew Thorburn */ } #main { position: relative; /* width: 1152px; */ /* this was 960px and then 1152px */ /* max-width: 95%; */ min-height: 400px; height: auto !important; height: 400px; padding: 0 0 5px 0; margin: 0 auto; clear: both; z-index: 1; /* background: #fff url('../../images/structural/faux-left.gif') top left repeat-y; Commented out 2016 11 18 - Andrew Thorburn */ /* box shadow switched off - 2016 11 11 - Andrew Thorburn box-shadow: 0px 0px 9px #aaa; -moz-box-shadow: 0px 0px 9px #aaa; -webkit-box-shadow: 0px 0px 9px #aaa; */ /* box-shadow:0 1px 1px #aaa, 0 0 1px #aaa inset; - commented out 2016 11 28 - Andrew Thorburn */ /* background-color: #FFFFFF; */ /* Forcing the background colour to be white - 2016 11 18 - Andrew Thorburn */ width: 95%; /* added to make page widths consistent - 2022 03 21 - Andrew Thorburn */ } #footer { position: relative; clear: both; /* width: 1152px; */ /* this was 960px and then 1152px*/ margin: 0 0 0; padding: 0; z-index: 1; /* was z-index: 10; - 2019 04 22 */ /* box shadow switched off - 2016 11 11 - Andrew Thorburn box-shadow: 0px 0px 9px #aaa; -moz-box-shadow: 0px 0px 9px #aaa; -webkit-box-shadow: 0px 0px 9px #aaa; */ /* box-shadow:0 1px 1px #aaa, 0 0 1px #aaa inset; - commented out 2016 11 28 - Andrew Thorburn */ } /* Columns */ #column-left { position: relative; /* z-index: 15; */ display: inline; float: right; /* this was orignally set to left */ /* width: 860px; this was 612px then 810px, then set to 860px - 2016 12 06 - Andrew Thorburn */ width: 80%; /* 2018 11 27 */ min-height: 300px; height: auto !important; height: 100%; margin: 0 12px 0 24px; padding-bottom: 30px; /* border-left: 1px solid #ddd; */ /* this was set to border-right*/ /* padding-right: 3px; */ } .front-page-left { position: relative; /* z-index: 15; */ display: inline; float: left !important; /* this was orignally set to left */ width: 810px; /* this was 612px then 810px */ min-height: 300px; height: auto !important; height: 100%; margin: 0 12px 0 24px; padding-bottom: 30px; /* border-left: 1px solid #ddd; */ /* this was set to border-right*/ padding-right: 3px; } #column-right { position: relative; display: block; float: left; /* this was orignally set to right */ /*width: 250px; Was 312px then 300px, then set to 250px - 2016 12 06 - Andrew Thorburn */ width: 15%; /* 2018 11 27 */ max-width: 20%; /* 2018 11 27 */ margin: 0 0 0 0; /*background:url(../../images/structural/sidebar-bg.gif) top left repeat;*/ /*padding:60px 16px 36px 24px;*/ padding: 10px 0px 30px 0; /* was padding: 60px 0px 30px 0; and then padding: 30px 0px 30px 0;*/ color: #666666; z-index: 15; /*background-color: #f2f2f2; border-right: 1px red solid; */ } .front-page-right{ position: relative; display: block; float: right !important; /* this was orignally set to right */ width: 300px; /* Was 312px then 300px */ margin: 0 0 0 0; /*background:url(../../images/structural/sidebar-bg.gif) top left repeat;*/ /*padding:60px 16px 36px 24px;*/ padding: 10px 0px 30px 0; /* was padding: 60px 0px 30px 0; and then padding: 30px 0px 30px 0;*/ color: #666666; z-index: 15; /*background-color: #f2f2f2; border-right: 1px red solid; */ } /* Headings ----------------------------------------------- */ h1 { position: relative; display: block; color: #555559; /* was color: #333; and then #555559 - 2016 12 02 Andrew Thorburn */ /* letter-spacing: -0.04em; Item commented out - 2016 11 29 - Andrew Thorburn */ font-weight: normal; font-size: 2em; /* was font-size: 24px; and then set to 2em - 2016 12 02 - Andrew Thorburn */ margin: 18px 0; padding: 0; z-index: 0; clear: both; } h1 a { font-weight: normal; text-decoration: none !important; } h1 a:hover { text-decoration: underline !important; } h2 { color: #555559; /* was color: #333; and then #555559 - 2016 12 02 Andrew Thorburn */ /* font-size: 16px; 2017 11 21 - Andrew Thorburn */ font-size: 1.2em; font-weight: bold; margin: 0 0 18px 0; padding: 0; } h2 a { font-weight: normal; text-decoration: none !important; } h2 a:hover { text-decoration: underline !important; } .thumb .news-index-title{ font-size: 1.0em !important; border: 1px red solid !important; } h3 { color: #555559; /* was color: #666666; and then #555559 - 2016 12 02 Andrew Thorburn */ /* font-size: 16px; 2017 11 21 - Andrew Thorburn */ font-size: 1.1em; font-weight: normal; margin: 0 0 12px 0; padding: 0; } h3 a { font-weight: normal; text-decoration: none !important; } h3 a:hover { text-decoration: underline !important; } h4 { color: #555559; /* was color: #666666; and then #555559 - 2016 12 02 Andrew Thorburn */ /* font-size: 13px; 2017 11 21 - Andrew Thorburn */ font-size: 1.1em; font-weight: bold; margin: 0 0 0.3em 0; padding: 0; } /* Header ----------------------------------------------- */ #header-wrapper { /* height: 251.5px; */ height: 205px; margin-bottom: 0px; margin-left: 0.183333px; margin-right: 0.183333px; margin-top: 0px; } #header { position: relative; /* width: 1152px; */ /* this was 960px then 1152px;*/ /* max-width: 95%; */ /* height: 102px; */ /*commente dout 2019 04 23 */ /* updated to 102px - 2019 04 23 this was 192px and then was amended to 160px - 2016 11 15 - Andrew Thorburn */ /* border: 1px solid red; */ margin: 0 auto; z-index: 2; background-color: #FFFFFF; /**/ /* force the background to be white - 2016 11 18 - Andew Thorburn */ } #branding { display: inline; float: left; /* margin: 10px 0 10px 0; */ /* This was margin: 24px 0 32px 0; and then was amended to margin: 10px 0 10px 0; - 2016 11 15 - Andrew Thorburn */ width: 186px; /* height: 86px;*/ /* this was 86px and then was amended to have no height - 2016 11 15 - Andrew Thorburn */ } .img-responsive, .imagecache-front_page_news_slideshow_image_full img, .imagecache-front_page_science_group_image img /*, .front_page_science_group_photo img */ { max-width: 100%; height: auto !important; width: auto !important; /* max-height: 366px; */ } .imagecache-front_page_news_slideshow_image_full img { /* */ max-width: 100%; height: auto !important; width: auto !important; max-height: 366px; } #block-block-10 { /*position: absolute; top: 24px; right: 365px;/* */ /* increased width of block to cope with Linkedin logo added - Andrew Thorburn 23rd October 2013 width: 285px; */ /*width: 360px; z-index: 10; float: right; */ } /* block to show the social icons */ #block-block-10 { display: inline; float: right; width: 766px; text-align: right; clear: right; margin: 24px 0 0; /* border: 1px red solid; - line commented out 2016 11 14 - Andrew Thorburn */ } #block-block-10 .content { float:right; } #block-block-10 ul li { display: inline; float: left; list-style-type: none; } #block-block-10 ul li#nav-top-share { margin-right: 20px; } #block-block-10 ul li#nav-top-share span.faux-link { padding-right: 15px; background: url('../../images/arrows/arrow-small-down.png') no-repeat right center; } #block-block-10 ul li#nav-top-print { margin-right: 20px; } /* Rule below inserted by Andrew Thorburn - 17th September 2012 to allow the social header icons to be declared as classes, rather than ids */ #block-block-10 ul li.nav-top-print { margin-right: 20px; } /* Rule above inserted by Andrew Thorburn - 17th September 2012 to allow the social header icons to be declared as classes, rather than ids */ #block-block-10 ul li a { display: block; color: #666666; } #block-block-2 { /* border: 1px dashed green; */ float: right; clear: unset !important; } #nav-top-share .close { position: absolute; z-index: 101; display: none; top: 27px; left: 94px; cursor: pointer; padding: 6px; background: none; color: #fff; } #nav-top-share .service-links { position: absolute; z-index: 100; display: none; top: 25px; left: 0px; width: 92px; background-color: #862074; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(/PIE.htc); padding: 12px; } #nav-top-share .service-links ul { margin: 0; } #nav-top-share .service-links li { display: block; float: none; margin: 8px 0; padding: 0 0 6px !important; border-bottom: 1px dashed #963384; text-align: left; } #nav-top-share .service-links li span.ext { display: none; background: none; padding: 0; margin: 0; } #nav-top-share span { cursor: pointer; color: #666666; } #nav-top-share .service-links a { color: #fff; } #block-menu-secondary-links { display: inline; float: right; width: 766px; text-align: right; clear: right; margin: 24px 0 0; display: none; } #block-menu-secondary-links ul { display: block; float: right; } #block-menu-secondary-links a, #block-block-13 a { display: block; color: #666666 !important; margin-right: 20px; } #block-menu-secondary-links .last a { margin-right: 0; } #form-search-cont { position: relative; display: inline; margin: 10px 0 0; /* this was margin: 26px 0 0; - 2016 11 18 - Andrew Thorburn */ float: right; z-index: 10; } #form-search-cont #search-text { float: right; margin: 0; width: 130px; /* this was width: 190px; - 2016 11 18 - Andrew Thorburn */ padding: 10px 150px 10px 8px; /* was padding: 9px 150px 9px 8px; */ font-style: italic; /* background: #fff url(../../images/structural/input-bg.gif) top left repeat-x; item commented out 2016 12 02 - Andrew Thorburn */ border-radius: 0px; /* was border-radius: 0px; - 2016 12 15 - Andrew Thorburn */ /* -moz-border-radius: 8px; -webkit-border-radius: 8px; Borders switched off - 2016 12 15 - Andrew Thorburn */ behavior: url(/PIE.htc); color: #888; border: 1px solid #ddd; } #form-search-cont #search-submit { width: 37px; height: 37px; border: none; padding: 0; margin: 0; float: right; position: absolute; top: 0; right: 0; border-radius: 0px !important; /* set border radius to be 0px - 2016 12 16 - Andrew Thorburn */ } #form-search-cont label { display: none; } div.search-results div.jqTransformSelectWrapper ul { height: 210px !important; } #form-search-cont select, #form-search-cont .jqTransformSelectWrapper { position: absolute; background: none; border: 0; width: 100px !important; top: 1px; right: 40px; border-left: 1px dotted #ccc; padding-left: 8px; } #form-search-cont .jqTransformSelectWrapper ul { visibility: visible !important; top: 33px !important; width: 115px !important; height: 210px !important; } #form-search-cont .jqTransformSelectWrapper ul .selected { background: #78a22e; color: #fff; } #form-search-cont .jqTransformSelectWrapper ul a:hover { background: #78a22e; color: #fff; } /* Header icons */ #header-icons-outer { padding-top: 1em; } .header-icons { /* margin-left: 40px; commented out 2018 11 29 */ /* padding: 0px 15px 0px 15px; commented out - 2019 05 13 */ padding: 0px 20px 0px 20px; /* updated 2019 07 16 */ } #header-icons-outer img {} /* Main navigation ---------------------------------------------- */ #block-menu-primary-links, #superfish-1{ clear: both; z-index: 5; width: 100%; /* this was 960px and then 1152px */ background-color: #FFFFFF !important; /* was background-color: #78a22e; - 2016 12 02 - Andrew Thorburn */ /* box shadow commented out - 2016 11 14 - Andrew Thorburn box-shadow: 0.4px -4px 7px 0 #ccc; -moz-box-shadow: 0.4px -4px 7px 0 #ccc; -webkit-box-shadow: 0.4px -4px 7px 0 #ccc; */ height: 50px; /* set the height of the menu bar - 2016 12 02 - Andrew Thorburn */ border-left: 1px solid white; /* New rule added to balance up the navigation bar - 2017 01 04 - Andrew Thorburn */ /* display: none; */ /* background-image: url("../../images/structural/block-menu-primary-linkscop26.png"); background image added 2021 10 03 - Andrew Thorburn */ background-size: 100%; } /* Start of COP26 updates - 2021 11 03 */ #block-menu-primary-links #cop26 { height: 50px; } #cop26 { width: 10%; } #cop26 a#cop26moreinfo { display: none; padding-left: 20px; height: 25px; color: #000000; } #block-menu-primary-links:hover a#cop26moreinfo, #cop26:hover a#cop26moreinfo { display: block; padding-top:10px; /* background-image: url("../../images/structural/block-menu-primary-linkscop26.png"); background image added 2021 10 03 - Andrew Thorburn */ background-size: 100%; } /* mobile menu switch - 2019 01 09 #block-block-37 { display: none; } */ #block-menu-primary-links ul li, ul#superfish-1 li { position: relative; /* width: 115px; item added to make all the menu items an width - 2016 11 02 - Andrew Thorburn */ width: 10%; /* 2018 11 27 */ text-align: center; /* make text align in the boxes - 2016 11 02 - Andrew Thorburn */ } #block-menu-primary-links ul a, ul#superfish-1 a { display: block; /* padding: 16px 21px;*/ /* Commented out 02 05 2013*/ /*padding: 16px 14px; */ /* Added 02 05 2013 Andrew Thorburn */ /*padding: 16px 11.5px;*/ /* rule amended, reducing the padding, to fit the Join Us link onto the main menu - Andrew Thorburn - 2016 05 23 */ padding: 16px 0px; /* Rule amend, increasing the padding (11.5px to 21px) to spread out the items on the main menu - Andrew Thorburn - 2016 06 08 - was padding: 16px 21px - 2016 12 02 */ font-size: 16px; /* letter-spacing: 0.005em; item commented out 2016 12 02 - Andrew Thorburn */ /* border-right: 2px solid #d7e2cf; - line commented out 2016 11 14 - Andrew Thorburn */ color: #fff; /* border: 1px red solid; */ /* background-color: #78a22e; - line commented out 2016 12 02 - Andrew Thorburn */ } #block-menu-primary-links ul .last a, ul#superfish-1 .last a { border: 0; } #block-menu-primary-links ul a:hover, ul#superfish-1 a:hover { /* background: #872175; item commented out 2016 12 02 - Andrew Thorburn */ text-decoration: none; } #block-menu-primary-links ul li.active-trail a, ul#superfish-1 li.active-trail a { /* background: #872175; item commented out 2016 12 02 - Andrew Thorburn */ } /* First level drop down */ /* hide by default */ #block-menu-primary-links ul li ul /*, ul#superfish-1 li ul */{ display: none; /**/ padding: 10px 5px 5px 0px; /* was padding: 10px 10px 15px 10px; - amended to padding: 10px 5px 5px 0px; - 2016 11 26 - Andrew Thorburn */ /* margin-top: -10px; - item commented out to make second level menu sit below the main menu - 2016 11 26 - Andrew Thorburn */ } #block-menu-primary-links ul li ul li ul, ul#superfish-1 li ul li ul { display: none !important; /**/ } /* show on hover */ #block-menu-primary-links ul li:hover a, ul#superfish-1 li:hover a { background-color: #555559; /* this was background-color: #872175; - 2016 11 25 - Andrew Thorburn */ display: block; } /* Rules to control the main drop down menu - 2016 11 23 - Andrew Thorburn */ #block-menu-primary-links ul li:hover ul, ul#superfish-1 li:hover ul{ display: block; position: absolute; left: 0; top: 100%; width: auto; min-width: 175px; z-index: 100; background-color: #555559; /* this was background-color: #872175; - 2016 11 25 - Andrew Thorburn */ /* border: 1px white dashed; */ clear: both; /* Rounded borders on the drop down menu - commented out 2016 11 26 - Andrew Thorburn */ /* border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; */ behavior: url(/PIE.htc); } /* format the backgrund colours for each area - 2016 12 14 - Andrew Thorburn */ /**/ #block-menu-primary-links ul a.primary-navigation-aboutus, #block-menu-primary-links ul li:hover a.primary-navigation-aboutus ul li, ul#superfish-1 a.primary-navigation-aboutus, ul#superfish-1 li:hover a.primary-navigation-aboutus ul li { background-color: #ffb800 !important; } ul.menu li { margin: 0; } li.leaf, li.expanded { padding: 0; } .block ul { padding: 0; } /* Rule to format the About us text - 2017 01 03 */ #aboutus-frontpage-outer { /* font-size: 0.9em; font-style: italic; margin-left: auto; margin-right: auto; width: 75%; */ clear: both; padding-left: 5px; padding-right: 5px; } h2#aboutus-frontpage { /* display:none; */ } /*#block-menu-primary-links ul li:hover ul,*/ #block-menu-primary-links ul li a#aboutus ul, ul#superfish-1 li a#aboutus ul{ /* border: 1px red solid; */ background-color: #ffb800 !important; } /* second drop-down menu links - 2016 11 30 - Andrew Thorburn */ #block-menu-primary-links ul li ul li { clear: both; /* border: 1px solid blue; */ display: block; min-width: 200px; width: 100% !important; } #block-menu-primary-links ul li ul li a { display: inline-block; width: auto; white-space: nowrap; border: none; padding: 5px 2px 5px 2px; /* was padding: 6px 15px; - amended to padding: 5px 2px 5px 2px;, then 5px all round - 2016 11 26 - Andrew Thorburn */ margin: 3px 0; font-size: 1em; /* was font-size: 13px; - amended to font-size: 1em; - 2016 11 26 - Andrew Thorburn */ text-align: left; color: #FFFFFF; /* setting the sub menu colour to be white - 2021 11 03 - Andrew Thorburn */ } /* drop down menu items - 2nd level */ #block-menu-primary-links ul li ul li a:hover { color: #000000; /* color: #333; was - 2016 11 26 - Andrew Thorburn */ /* background: url('../../images/structural/nav-dropdown-link-bg.gif') left center repeat-x; */ /* Rounded borders on the drop down menu - commented out 2016 11 26 - Andrew Thorburn */ /* border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); */ background-color: #FFFFFF; /* set backgroud colour to be white - 201 6 11 23 - Andrew Thorburn */ width: 100% !important; /* border: 1px solid red; */ display: block; padding: 5px 2px 5px 2px; /* Padding set to be equal to the above item - 2016 12 01 - Andrew Thorburn*/ } /* Updates to Primary Navigation - 2016 11 14 - Andrew Thorburn Changes require Menu Attributes module to be installed */ #block-menu-primary-links ul a.primary-navigation-home, #block-menu-primary-links ul a.primary-navigation-home active, ul#superfish-1 a.primary-navigation-home, ul#superfish-1 a.primary-navigation-home active { background-color: #ff8300 !important; } #block-menu-primary-links ul a.primary-navigation-aboutus, #block-menu-primary-links ul li a.primary-navigation-aboutus ul li, ul#superfish-1 a.primary-navigation-aboutus, ul#superfish-1 li a.primary-navigation-aboutus ul li { background-color: #ffb800 !important; } #block-menu-primary-links ul a.primary-navigation-news, #block-menu-primary-links ul a.primary-navigation-news active, ul#superfish-1 a.primary-navigation-news, ul#superfish-1 a.primary-navigation-news active { background-color: #d6c200 !important; } #block-menu-primary-links ul a.primary-navigation-events, ul#superfish-1 a.primary-navigation-events { background-color: #799900 !important; } #block-menu-primary-links ul a.primary-navigation-research, ul#superfish-1 a.primary-navigation-research { background-color: #6aa2b8 !important; } #block-menu-primary-links ul a.primary-navigation-staff, ul#superfish-1 a.primary-navigation-staff { background-color: #00748c !important; } #block-menu-primary-links ul a.primary-navigation-publications, ul#superfish-1 a.primary-navigation-publications { background-color: #cf009e !important; } #block-menu-primary-links ul a.primary-navigation-learning, ul#superfish-1 a.primary-navigation-learning { background-color: #82377b !important; } #block-menu-primary-links ul a.primary-navigation-commercial, ul#superfish-1 a.primary-navigation-commercial { background-color: #c2002e !important; } #block-menu-primary-links ul a.primary-navigation-careers, ul#superfish-1 a.primary-navigation-careers { background-color: #555559 !important; } /* COP 26 - 2021 11 03 - Andrew Thorburn */ /* format the link text to be bold - 2017 01 04 - Andrew Thorburn */ #block-menu-primary-links ul a[class^="primary-navigation-"], ul#superfish-1 a[class^="primary-navigation-"] { /* font-weight:bold; background-color: unset !important; color: #000000;*/ } /* Footer ----------------------------------------------- */ #footer-top { position: relative; z-index: 1; } #footer-leaf { position: absolute; bottom: 4px; right: 160px; /* was -33px*/ width: 111px; height: 95px; z-index: 100; /* background: transparent url(../../images/structural/footer-leaf.png) top left no-repeat; */ display: none; /* item commented out 2016 12 02 - Andrew Thorburn */ } #footer-top .bg { position: absolute; display: none; /* was display: block - 2016 12 13 - Andrew Thorburn */ width: 1009px; height: 120px; top: -20px; left: -16px; z-index: 0; /* background: transparent url(../../images/structural/footer-bg-2.png) top left no-repeat; */ } #footer-top ul { position: relative; background: #78a22e; z-index: 1; height: 56px; padding: 12px 0 0 24px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/PIE.htc); } #footer-top li { margin: 12px 25px; /* Rule amended to make spacing more equal - Andrew Thorburn 2016 06 08 */ } #footer-top li.last { margin-right: 0; } #footer-top li.first { margin-left: 0; } #footer-top li a { color: #fff; text-shadow: 0 1px 0 #6d885a; } #footer-top h2 { display: none; } #footer-middle h2, #footer-middle ul li a, .footer_text_pardot a { color: #ffffff; } #footer-middle { position: relative; z-index: 0; margin: 0; /* background: url(../../images/structural/footer-content-bg.gif) top left repeat; - commented out 2016 11 14 - Andrew Thorburn */ padding: 24px 0 24px 0; border-bottom: 1px solid #555559; /* was border-bottom: 1px solid #ddd; - 2016 11 26 - Andrew Thorburn */ background-color: #555559; /* was background-color: #797979; - 2016 11 26 - Andrew Thorburn */ } /* Rules to format the awards section - 2018 03 21 */ #footer_awards_outer{ text-align:center; } #footer_awards { /* display:inline-block; commented out 2019 04 22 */ vertical-align:top; } #footer_awards_athenaswan {} #footer_awards_disability_confident {} #footer_awards_stonewall {} .footer_award_logos img { float: left; margin: 5px; max-width: 168px; padding: 10px; } #footer_kings_award { text-align: center; } #footer_kings_award img { width: 200px; height: auto; max-width: 200px; max-height: 200px; } #block-menu-menu-foooter-right h2, #block-menu-menu-footer-middle h2 { display: none; } #footer-middle .column { display: inline; float: left; width: 29%; /* was 264px; */ margin: 0 16px; padding: 0 20px 0 0; /* background: url(../../images/structural/border-vert.gif) top right repeat-y; - commented out 2016 11 14 - Andrew Thorburn */ } #footer-middle .column.first { /* padding-left: 12px; */ } #footer-middle .column.last { background: none; margin-right: 0; padding-right: 0; } #footer-middle ul.menu li { float: none; display: block; margin: 15px 0; } #footer-middle ul.menu li.leaf { list-style-image: url('../../images/icons/bullet.gif'); } #footer-middle ul.menu ul.menu { margin: 0 0 24px 14px; } #footer-middle ul.menu ul.menu li a, #footer-middle ul.menu li a { display: block; font-size: 12px; color: #FFFFFF; /* this was color: #666666; - 2016 11 24 - Andrew Thorburn */ background: none; font-weight: normal; } #footer-middle ul.menu li.expanded a { background: url(../../images/icons/expand-collapse.gif) center left no-repeat; padding-left: 16px; color: #888; font-size: 13px; color: #FFFFFF !important; /* this was color: #666666 !important; - 2016 11 24 - Andrew Thorburn */ font-weight: bold; } #footer-middle .list-tabs { position: relative; z-index: 1; } #footer-middle .list-tabs li { display: inline; float: left; } #footer-middle .list-tabs li a { display: block; padding: 12px; color: #666666; margin: 0 6px; } #footer-middle .list-tabs li.active a { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; font-weight: bold; background: #fff; border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; behavior: url(/PIE.htc); } #footer-middle .tab { position: relative; background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); padding: 16px; border: 1px solid #e0e0e0; z-index: 0; margin: -1px 0 0; } #footer-middle .tab p { font-size: 12px; color: #666666; } #footer-middle .tab ul { margin-bottom: 0; } #footer-bottom { padding: 0px 0px 12px 0px; /* was padding: 12px 18px 12px 18px; - 2016 11 28 - Andrew Thorburn */ /* background: url('../../images/structural/footer-content-bg.gif') repeat left top; - Item commented out - 2016 11 28 - Andrew Thorburn */ text-align: center; } #footer-bottom #copyright_outer { display: inline-block; margin: 10px; } #footer-bottom .logomark { margin: 0 14px 0 0; display: inline; float: left; } #footer-bottom .copyright { margin: 8px 12px 0 0; color: #888; font-size: 12px; display: inline; float: left; } #footer-bottom .list-nav { float: right; display: inline; margin: 10px 0 0; } #footer-bottom .list-nav a { display: block; color: #888; margin: 0 18px 0 0; font-size: 12px; } #footer-bottom .list-nav .last a { margin: 0; } #footer-bottom .list-nav #footer-nav-top a { padding-right: 14px; background: url(../../images/arrows/arrow-small-up.png) center right no-repeat; } #contactdetails, .footer_text_pardot { margin: 5px 0; /* was margin: 28px 0; - 2016 12 15 */ padding: 0px; /* was padding: 0 0 24px; - 2018 03 21 */ color: #FFFFFF; /* was #aaa - 2016 11 14 - Andrew Thorburn */ font-size: 12px; /* border-right: 1px dashed #ddd; - commented out 2016 11 14 - Andrew Thorburn */ margin-left:auto; margin-right:auto; behavior: url(/PIE.htc); /* width: 960px; - commented out 2016 11 14 - Andrew Thorburn */ } #contactdetails a { color: #aaa; font-size: 12px; } #contactdetails ul { list-style: none; } #contactdetails ul li { display: inline; float: left; /* border-right: 1px dashed #ddd; - commented out 2016 11 14 - Andrew Thorburn */ padding: 10px; /* Was padding: 12px 18px; - 2016 11 25 - Andrew Thorburn then padding: 10px - 2016 12 01 */ } #contactdetails ul li.first { /* margin-left: 15px; - commented out 2016 11 14 - Andrew Thorburn */ } #contactdetails ul li.last { border: 0; } /* New rule to deal with styling of the footer text for the charity information - 2016 11 14 - Andrew Thorburn*/ #charity-text-outer { background-color: #555559; } .footer-charity-text { text-align: center; font-size: 0.9em; line-height: 20px; color: #FFFFFF; padding-bottom: 5px; } /* updated 2023 09 26 */ .footer-charity-text a { color: #FFFFFF; } .footer_text_pardot {} /* Content Editor login */ #content-editor-login a { color: #FFFFFF; /* updated to show as white instead of #888888 - Andrew Thorburn - 2018 10 29 */ font-size: 0.8em; margin-left: 10px; } /* Homepage ----------------------------------------------- */ body#home #column-left { border-top: 1px solid #ddd; margin-top: 24px; /* border: 1px red solid; */ } body#home #column-right { margin-top: 24px; } body.front #column-right { padding-top: 0; } #front-page-content-outer { /* border: dashed green 1px; */ } /* Featured (slideshow) ---------------------------------------------- */ /* hide the image,title,description by default */ #featured div.featured-image { display: none; position: absolute; top: 0; left: 0; } #featured div.featured-image div.content { display: none; } #featured div.featured-image div.content span.close { position: absolute; top: 10px; right: 10px; cursor: pointer; } #featured div.featured-image div.content { position: absolute; bottom: 0; left: 0; width: 650px;/*padding:20px 40px 20px 40px;*/ padding: 0; background: rgb(33,33,33); background: rgba(33,33,33,0.8); color: #fff; font-size: 14px; } #featured div.featured-image div.content a { height: 20px; display: block; float: right; padding-left: 33px; background: url('../../images/icons/open-book.png') left top no-repeat; color: #fff; font-weight: normal; margin: 0 40px 15px 0; } #featured div.featured-image div.content h3 { color: #fff; padding: 20px 0 0 20px; font-weight: bold; } #featured div.featured-image div.content p { color: #fff; padding: 0 0 0 40px; margin-bottom: 10px; } /* show the first image by default */ #featured .list-tabs .first div.featured-image { display: block; } /* show the active image */ #featured .list-tabs .active div.featured-image { display: block; } #featured .list-tabs div.slide-list { display: inline; float: right; width: 310px; border-bottom: 1px solid #ccc; height: 74px; overflow: hidden; } #featured .list-tabs div.slide-list a { padding: 12px 12px 0 12px; } #featured .list-tabs li:hover, #featured .list-tabs li.active, #featured .list-tabs li.active:hover { background: url(../../images/structural/feature-tab-on-bg.gif) top left repeat-x; } #featured .list-tabs li.active a { font-weight: bold; } #featured .list-tabs li:hover { background: #eee; } #featured .list-tabs li a { display: block; height: 74px; } #featured .list-tabs li a:hover { text-decoration: none; } #featured .list-tabs li a span { display: inline; color: #333; } #featured .list-tabs li a span.image { float: left; width: 72px; margin: 0 12px; } /* About us section on Front page*/ #block-block-7 { /* border: 1px red solid; */ } /* Views Slideshow for the frontpage - 2016 11 24 */ #slideshow-outer { /* border: 1px blue dashed; min-height: 366px; */ } #block-views-News-block_6, #block-views-moving_catchment_maps-block_1 { min-height:450px; } .front-page-slideshow { min-height: 450px; } #front-page-slideshow-outer {} #front-page-news-slideshow-image { min-height: 150px; /* was min-height: 366px; */ } #front-page-news-slideshow-title { /* margin-top: 20px; */ padding-left: 25px; /* was 10px - 2019 04 22 */ } #front-page-news-slideshow-title h3 a { font-weight: bold !important; font-size: 1.2em; color: #555559; margin-top: 10px; float: left; clear: both; } #front-page-news-slideshow-date { color: #555559; padding-left: 25px; /* was 10px - 2019 04 22 */ float: left; clear: both; } #views_slideshow_singleframe_main_News-block_6 { /* border: 1px green dashed; */ } .views_slideshow_singleframe_slide { /* left:50% !important; */ /* margin-left:-576px; */ /**Half of the total desired width of the div**/ /* */ text-align:center; /* width:1152px !important; */ /**The total desired width of the div**/ width: 100%; margin-left: auto; margin-right: auto; } /* Front page new items - 2019 01 07 */ ul.views-fluid-grid-items-v-margin-4em li.views-fluid-grid-item, ul.views-fluid-grid-items-v-margin-2em li.views-fluid-grid-item { margin-top: 0em !important; margin-bottom: 0em !important; border: unset !important; background-color: unset !important; max-width: 24%; /* Added 2019 07 23 */ } ul.views-fluid-grid-items-h-margin-4em li.views-fluid-grid-item , ul.views-fluid-grid-items-h-margin-2em li.views-fluid-grid-item { margin-left: 0em !important; margin-right: 0em !important; border: unset !important; background-color: unset !important; } li.views-fluid-grid-item { border: unset !important; background-color: unset !important; } /* Start of Science Tabs ---------------------------------------------- */ #quicktabs-2 { clear: both; border-top: 1px solid #ddd; padding: 24px 0 24px 0; margin-bottom: 10px; position: relative; } #quicktabs-science_tabs { clear: both; border-top: 1px solid #ddd; padding: 24px 0 24px 0; margin-bottom: 10px; position: relative; } /* The top tabs */ #column-left #quicktabs-2 ul.quicktabs_tabs { margin: 0; padding: 0; position: relative; z-index: 1; } #column-left #quicktabs-science_tabs ul.quicktabs_tabs { margin: 0; padding: 0; position: relative; z-index: 1; } #column-left #quicktabs-2 ul.quicktabs_tabs li { display: inline; float: left; margin: 0 12px 0 0; padding: 0; position: relative; top: 8px; } #column-left #quicktabs-science_tabs ul.quicktabs_tabs li { display: inline; float: left; margin: 0 12px 0 0; padding: 0; position: relative; top: 8px; } #column-left #quicktabs-2 ul.quicktabs_tabs li a { display: block; font-size: 15px; color: #333; background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); padding: 12px 24px 16px; border: 1px solid #ddd; } #column-left #quicktabs-science_tabs ul.quicktabs_tabs li a { display: block; font-size: 15px; color: #333; background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); padding: 12px 24px 16px; border: 1px solid #ddd; } #column-left #quicktabs-2 ul.quicktabs_tabs li.active a { background: url(../../images/structural/intros-tab-on-bg.gif) left top repeat-x; border-bottom: none; } #column-left #quicktabs-science_tabs ul.quicktabs_tabs li.active a { background: url(../../images/structural/intros-tab-on-bg.gif) left top repeat-x; border-bottom: none; } /* Lists (left & right) container */ #column-left #quicktabs-2 div.tab { clear: both; } #column-left #quicktabs-science_tabs div.tab { clear: both; } /* Right list */ #column-left #quicktabs-2 ul.list-nav { display: inline; float: left; width: 40%; /* was 300px - Andrew Thorburn 2016 06 08 */ height: 240px; /* was 268px - Andrew Thorburn 2016 06 08 */ padding: 0px 0 0px 5px; /* was 14px 0 18px 5px; - Andrew Thorburn - 2016 06 08 */ background: #f5f5f5; margin: 0; list-style-type: none; list-style-image: none; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; z-index: 10; } #column-left #quicktabs-science_tabs ul.list-nav { display: inline; float: left; width: 40%; /* was 300px - Andrew Thorburn 2016 06 08 */ height: 240px; /* was 268px - Andrew Thorburn 2016 06 08 */; padding: 0px 0 0px 5px; /* was 14px 0 18px 5px; - Andrew Thorburn - 2016 06 08 */ background: #f5f5f5; margin: 0; list-style-type: none; list-style-image: none; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; z-index: 10; } #column-left #quicktabs-2 ul.list-nav li { position: relative; z-index: 5; margin: 0; padding: 0; width: 300px; } #column-left #quicktabs-science_tabs ul.list-nav li { position: relative; z-index: 5; margin: 0; padding: 0; width: 300px; } #column-left #quicktabs-2 ul.list-nav li a { position: relative; display: block; color: #333; padding: 9px 0 9px 7px; font-size: 12px; z-index: 5; cursor: pointer; } #column-left #quicktabs-science_tabs ul.list-nav li a { position: relative; display: block; color: #333; padding: 9px 0 9px 7px; font-size: 12px; z-index: 5; cursor: pointer; } #column-left #quicktabs-2 ul.list-nav .selected a { margin: 0 0 6px -6px; font-weight: bold; } #column-left #quicktabs-science_tabs ul.list-nav .selected a { margin: 0 0 6px -6px; font-weight: bold; } #column-left #quicktabs-2 ul.list-nav .selected span { position: absolute; display: block; width: 295px; height: 39px; top: -2px; left: -15px; background: transparent url(../../images/structural/tabs-nav-on-bg.png) center top no-repeat; z-index: 1; } #column-left #quicktabs-science_tabs ul.list-nav .selected span { position: absolute; display: block; width: 295px; height: 39px; top: -2px; left: -15px; background: transparent url(../../images/structural/tabs-nav-on-bg.png) center top no-repeat; z-index: 1; } #column-left #quicktabs-2 a:hover { text-decoration: none; } #column-left #quicktabs-science_tabs a:hover { text-decoration: none; } /* The tab content (left side) */ #column-left #quicktabs-2 div.content ul.list-tabs { list-style-type: none; list-style-image: none; margin: 0; padding: 0; float: left; display: block; position: relative; width: 59%; /* was 305px - Andrew Thorburn - 2016 06 08*/ z-index: 5; background-color: #fff; } #column-left #quicktabs-science_tabs div.content ul.list-tabs { list-style-type: none; list-style-image: none; margin: 0; padding: 0; float: left; display: block; position: relative; width: 59%; /* was 305px - Andrew Thorburn - 2016 06 08*/ z-index: 5; background-color: #fff; } #column-left #quicktabs-2 div.content ul.list-tabs li { border: 1px solid #ddd; display: none; margin: 0; height: 300px; overflow: hidden; } #column-left #quicktabs-science_tabs div.content ul.list-tabs li { border: 1px solid #ddd; display: none; margin: 0; height: 240px; /* was 300px - Andrew Thorburn - 2016 06 08 */ overflow: hidden; } #column-left #quicktabs-2 div.content ul.list-tabs li.active { display: block; } #column-left #quicktabs-science_tabs div.content ul.list-tabs li.active { display: block; } #column-left #quicktabs-2 div.tab-content { display: inline; float: left; width: 275px; padding: 24px 12px; } #column-left #quicktabs-science_tabs div.tab-content { display: inline; float: left; width: 90%; /* was 275px - Andrew Thorburn - 2016 06 08 */ padding: 24px 12px; } #column-left #quicktabs-2 div.tab-content h3 { color: #333333; font-size: 12px; font-weight: bold; margin: 0 0 12px; padding: 0; } #column-left #quicktabs-science_tabs div.tab-content h3 { color: #333333; font-size: 12px; font-weight: bold; margin: 0 0 12px; padding: 0; } #column-left #quicktabs-2 div.tab-content p.photo { display: inline; float: right; margin: 0 -12px 0 8px; /* background: url(../../images/structural/science-tab-image-bg.png) top left no-repeat; */ padding: 4px; width: 142px; height: 100px;/*transform:rotate(-2deg);-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);*/ } #column-left #quicktabs-science_tabs div.tab-content p.photo { display: inline; float: right; margin: 0 -12px 0 8px; /* background: url(../../images/structural/science-tab-image-bg.png) top left no-repeat; item commented out 2016 11 15 - Andrew Thorburn */ padding: 4px; width: 142px; height: 100px;/*transform:rotate(-2deg);-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);*/ } #column-left #quicktabs-2 div.tab-content p.photo img { margin: 0; padding: 0; border: none; width: 130px; height: 94px; } #column-left #quicktabs-science_tabs div.tab-content p.photo img { margin: 0; padding: 0; border: none; width: 130px; height: 94px; } #column-left #quicktabs-2 div.tab-content p.tab-learn-more { text-align: right; margin: -18px 0 0; } #column-left #quicktabs-science_tabs div.tab-content p.tab-learn-more { text-align: right; margin: -18px 0 0; clear: both; /* added to clear image - Andrew Thorburn - 2016 06 08 */ } #column-left #quicktabs-2 div.tab-content p.tab-learn-more a { color: #333; font-weight: bold; padding: 3px 0 3px 16px; background: transparent url(../../images/icons/info.png) center left no-repeat; } #column-left #quicktabs-science_tabs div.tab-content p.tab-learn-more a { color: #333; font-weight: bold; padding: 3px 0 3px 16px; background: transparent url(../../images/icons/info.png) center left no-repeat; } #column-left #quicktabs-2 div.tab-content p.tab-learn-more a { color: #333; font-weight: bold; padding: 3px 0 3px 16px; background: transparent url(../../images/icons/info.png) center left no-repeat; } #column-left #quicktabs-science_tabs div.tab-content p.tab-learn-more a { color: #333; font-weight: bold; padding: 3px 0 3px 16px; background: transparent url(../../images/icons/info.png) center left no-repeat; } /* Updated Front page Science group layout - 2016 11 26 - Andrew Thorburn */ .view-front-page-science-groups { width:100%; /**/ clear: both; /* border: 1px solid red; */ display: table; table-layout: fixed; margin-left: auto; margin-right: auto; } div.front-page-science-group { margin: auto; /* text-align: center; */ display: table-cell; width: 20% !important; } .view-front-page-science-groups .col-5 { } .front-page-science-groups-row { width: 20%; } .front-page-science-group-column { /* padding: 15px; commented out 2018 11 29 max-width:75% */ border: unset !important; background-color: unset !important; } div.front-page-science-group-photo img { display: block; margin: auto; flex-shrink: 0; /* min-width: 100%; min-height: 100%; max-width: 100%;*/ max-height: 100%; max-width: 100%; height: auto; width: auto; } div.front-page-science-group-link { background-color: #555559; min-height: 60px; /* was 80px */ padding: 5px; } div.front-page-science-group-link h3, div.front-page-science-group-link h3 a { color: #FFFFFF; /* float: left; */ font-weight: bold; text-decoration: none; margin: auto; padding-top: 1em; } .front-page-science-group-title { padding: 10px; } /* Update to the Science Group images - 2018 01 08 */ .view-front-page-science-groups .views-fluid-grid-item { /* border: 1px red solid; */ padding: 0px !important; /* max-width: 19%; min-width: 19%; width: 19%; */ /* width: 220px; width: 325px !important; */ width: 19.4%; } /* End of Science Tabs ---------------------------------------------- */ /* Inner left column ---------------------------------------------- */ #column-inner-left { float: left; margin-top: 25px; width: 45%; /* was 290px*/ padding-right: 15px; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } #column-inner-right { float: left; margin-top: 25px; width: 45%; /* was 290px*/ border-top: 1px solid #d8d8d8; } /* Home Page Quicktabs ---------------------------------------------- */ div.block-quicktabs h2 { display: none; visibility: hidden; } #column-left #quicktabs-1 ul.quicktabs_tabs { margin: 12px 0 0 20px; list-style-type: none; list-style-image: none; } #column-left #quicktabs-main_news_events_publications ul.quicktabs_tabs { margin: 12px 0 0 20px; list-style-type: none; list-style-image: none; } #column-left #quicktabs-1 ul.quicktabs_tabs li { display: inline; float: left; margin: 0 8px 12px 0; padding: 0; } #column-left #quicktabs-main_news_events_publications ul.quicktabs_tabs li { display: inline; float: left; margin: 0 8px 12px 0; padding: 0; } #quicktabs-1 ul.quicktabs_tabs li a { display: block; width: 66px; height: 32px; padding: 15px 0 0 0; text-align: center; color: #333; } #quicktabs-main_news_events_publications ul.quicktabs_tabs li a { display: block; width: 66px; height: 32px; padding: 15px 0 0 0; text-align: center; color: #333; } #quicktabs-1 ul.quicktabs_tabs li.active a { position: relative; background: url('../../images/structural/home-ne-tabs-bg.png') no-repeat left center; color: #333; z-index: 0; width: 66px; height: 32px; padding: 15px 0 0 0; text-align: center; } #quicktabs-main_news_events_publications ul.quicktabs_tabs li.active a { position: relative; background: url('../../images/structural/home-ne-tabs-bg.png') no-repeat left center; color: #333; z-index: 0; width: 66px; height: 32px; padding: 15px 0 0 0; text-align: center; } #quicktabs-1 ul.quicktabs_tabs li.active a span { position: absolute; bottom: -6px; left: 5px; display: block; width: 9px; height: 6px; background: transparent url(../../images/arrows/arrow-tab-down-green.gif) top center no-repeat; z-index: 1; } #quicktabs-main_news_events_publications ul.quicktabs_tabs li.active a span { position: absolute; bottom: -6px; left: 5px; display: block; width: 9px; height: 6px; background: transparent url(../../images/arrows/arrow-tab-down-green.gif) top center no-repeat; z-index: 1; } #quicktabs-1 div.view div.view-content ul { list-style: none; margin: 10px 0 0 20px; } #quicktabs-main_news_events_publications div.view div.view-content ul { list-style: none; margin: 10px 0 0 20px; } #quicktabs-1 div.view div.view-content ul li { margin: 0 0 16px 0; } #quicktabs-main_news_events_publications div.view div.view-content ul li { margin: 0 0 16px 0; } #column-inner-right div.view div.view-content div.news-title { margin: 0; } #quicktabs-1 div.view div.view-content div.news-title a { clear: both; display: block; color: #333; font-weight: bold; margin-bottom: 8px; } #quicktabs-main_news_events_publications div.view div.view-content div.news-title a { clear: both; display: block; color: #333; font-weight: bold; margin-bottom: 8px; } #quicktabs-1 div.view div.view-content div.news-title a:hover { color: #559bbd; text-decoration: none; } #quicktabs-main_news_events_publications div.view div.view-content div.news-title a:hover { color: #559bbd; text-decoration: none; } #quicktabs-1 div.more-link { text-align: right; margin-top: 10px; } #quicktabs-main_news_events_publications div.more-link { text-align: right; margin-top: 10px; } #quicktabs-1 div.more-link a { color: #333; padding-left: 20px; font-weight: bold; background: url('../../images/icons/pages.png') center left no-repeat; } #quicktabs-main_news_events_publications div.more-link a { color: #333; padding-left: 20px; font-weight: bold; background: url('../../images/icons/pages.png') center left no-repeat; } #quicktabs-1 div.quicktabs_main div.news-teaser { display: none; } #quicktabs-main_news_events_publications div.quicktabs_main div.news-teaser { display: none; } #quicktabs-1 #latest .content p.link-more { text-align: right; margin: 18px 0 0; } #quicktabs-main_news_events_publications #latest .content p.link-more { text-align: right; margin: 18px 0 0; } #quicktabs-1 #latest .content p.link-more a { font-weight: bold; color: #333; padding-left: 20px; background: url(../../images/icons/pages.png) center left no-repeat; } #quicktabs-main_news_events_publications #latest .content p.link-more a { font-weight: bold; color: #333; padding-left: 20px; background: url(../../images/icons/pages.png) center left no-repeat; } #quicktabs-1 div.quicktabs_tabpage div.view-content { clear: both; } #quicktabs-main_news_events_publications div.quicktabs_tabpage div.view-content { clear: both; } #quicktabs-1 p.event-date { margin-bottom: 5px; } #quicktabs-main_news_events_publications p.event-date { margin-bottom: 5px; } /* Homepage Media Section ---------------------------------------------- */ #media { width: 588px; height: 335px; margin: 0 0 36px 12px; background: url(../../images/media/media-small-bg.gif) top left no-repeat; } #media * { color: #fff; } #media .header { margin: 0 12px 0 16px; } #media h2 { display: inline; float: left; padding-left: 24px; margin: 16px 118px 0 3px; background: transparent url(../../images/icons/video-white.png) center left no-repeat; } #media .list-nav li { display: inline; float: left; margin: 0 3px 0 0; } #media #media-view { display: inline; float: left; padding: 17px; border-right: 1px solid #555; } #media #media-view li { text-indent: -1000.0em; } #media #media-view li a { display: block; height: 18px; width: 24px; } #media #media-view li#nav-columns a { background: transparent url(../../images/icons/two-grey.png) center left no-repeat; margin: 0 12px 0 0; } #media #media-view li#nav-columns.active a, #media #media-view li#nav-columns:hover a { background: transparent url(../../images/icons/two-white.png) center left no-repeat; } #media #media-view li#nav-grid a { background: transparent url(../../images/icons/grid-grey.png) center left no-repeat; } #media #media-view li#nav-grid.active a, #media #media-view li#nav-grid:hover a { background: transparent url(../../images/icons/grid-white.png) center left no-repeat; } #media #media-view li#nav-list a { background: transparent url(../../images/icons/list-grey.png) center left no-repeat; } #media #media-view li#nav-list.active a, #media #media-view li#nav-list:hover a { background: transparent url(../../images/icons/list-white.png) center left no-repeat; } #media #media-pagination { display: inline; float: left; padding: 16px; border-left: 1px solid #000; border-right: 1px solid #555; } #media #media-pagination li a { display: block; padding: 0 5px; color: #666666; font-size: 18px; font-weight: bold; } #media #media-pagination li.active a, #media #media-pagination li:hover a { color: #fff; } #media .header .link-more { display: inline; float: right; margin: 17px 6px 0 0; } #media .header .link-more a { display: block; background: transparent url(../../images/arrows/arrow-small-right-white.png) center right no-repeat; padding-right: 18px; font-weight: bold; } #media .content .arrow-left { display: inline; float: left; margin: 114px 0 0 12px; } #media .content .arrow-left a { display: block; text-indent: -1000.0em; width: 15px; height: 18px; background: transparent url(../../images/arrows/arrow-nav-left-grey.png) center left no-repeat; } #media .content .arrow-left a.inactive { background: transparent url(../../images/arrows/arrow-nav-left-grey.png) center left no-repeat; } #media .content .arrow-left a.active { background: transparent url(../../images/arrows/arrow-nav-left-white.png) center left no-repeat; } #media .content .arrow-right { display: inline; float: left; margin: 114px 12px 0 0; } #media .content .arrow-right a { display: block; text-indent: -1000.0em; width: 15px; height: 18px; background: transparent url(../../images/arrows/arrow-nav-right-grey.png) center right no-repeat; } #media .content .arrow-right a.inactive { background: transparent url(../../images/arrows/arrow-nav-right-grey.png) center right no-repeat; } #media .content .arrow-right a.active { background: transparent url(../../images/arrows/arrow-nav-right-white.png) center right no-repeat; } #media .content .list-videos { display: inline; float: left; width: 512px; margin: 8px 6px 12px 16px; list-style: none; } #media .content .list-videos li { display: inline; float: left; width: 242px; margin: 0 24px 0 0; } #media .content .list-videos li.last { margin: 0; } #media .content a:hover { text-decoration: none; } #media .content .video { display: block; height: 172px; overflow: hidden; } /* new rule to hold the introdcution video - this is a gap filler - Andrew Thorburn */ div#intro-video { height: 70px; } div#video-intro { display: none; } #media .content .video img { border: 1px solid #414141; } #media .content .content { display: block; height: 36px; background: #333; padding: 10px 12px; color: #fff; font-size: 12px; border: 1px solid #414141; line-height: 18px; } #media .content li:hover .content { background: #872175; } /* Left column ----------------------------------------------- */ #column-left .column { display: inline; float: left; width: 272px; margin: 0 21px 0 0; } #breadcrumbs { /* margin: 22px 0; */ padding-top: 15px; /* was 20px */ /* padding-left: 20px; commented out 2019 05 13 */ padding-bottom: 15px; /* was 20px */ /* background-color: #FFFFFF; Commented out 2016 11 18 - Andrew Thorburn */ /* box-shadow:0 1px 1px #aaa, 0 0 1px #aaa inset; */ } #breadcrumbs a, #breadcrumbs span { display: inline; float: left; margin-right: 8px; text-transform: capitalize; color: #666666; } /* Right column ----------------------------------------------- */ #column-right #personalise { margin: 24px 0 10px 0; padding: 0 16px 0 24px;/*background:url(../../images/structural/border.gif) bottom left repeat-x;*/ } #column-right #personalise ul { width: 220px !important; margin: 0; padding: 5px 0; list-style-type: none; } #column-right #personalise ul li.title { position: relative; margin: 0; padding: 8px 12px; border: 1px solid #ddd; cursor: pointer; background: url('../../images/jqtransform/select-bg.gif') top left repeat-x; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); } #column-right #personalise ul li.title span { background: url('../../images/arrows/arrow-small-down.png') center left no-repeat; width: 15px; height: 15px; display: block; position: absolute; right: 3px; top: 8px; } #column-right #personalise ul li { width: 220px !important; margin: 0 0 0 5px; padding: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } #column-right #personalise ul li a { display: block; text-decoration: none; background: #fff; color: #333; padding: 5px 12px; } #column-right #personalise ul li a:hover { background: #78A22E; color: #fff; } #column-right #personalise ul li.to-hide { border: none; } #column-right #personalise ul li ul { margin: 0; padding: 0; border: none; } /* Favorites links */ #column-right #block-favorites-0 { margin: 0 0 24px 0; padding: 0 16px 24px 24px; /* background: url('../../images/structural/border.gif') bottom left repeat-x; - Item commented out - 2016 12 13 - Andrew Thorburn */ } #column-right #block-favorites-0 h2 { font-weight: normal; font-size: 12px; color: #666666; } #column-right #block-favorites-0 p { margin: 0 0 12px; } #column-right #block-favorites-0 ul {list-style-type:none;margin-top:15px;} #column-right #block-favorites-0 ul li { color: #b3b3b3; margin: 8px 0; background: url(../../images/icons/paperclip.gif) center left no-repeat; padding-left: 18px; list-style-type: none; } #column-right #block-favorites-0 ul li a { color: #666666; font-size: 12px; } #favorites-add-favorite-form input { background: none; border: none; color: #666; font-weight: bold; } /* Related content block */ #column-right #block-views-Related-block_2, #column-right #block-views-Related-block_3, #column-right #block-views-Related-block_4 { margin: 24px 0; padding: 0 16px 24px 10px; /* was padding: 0 16px 24px 24px; - 2017 01 02 - Andrew Thorburn */ /* background: url('../../images/structural/border.gif') bottom left repeat-x; item commented out 2016 12 05 - Andrew Thorburn */ border-bottom: 1px solid #555559; } #column-right #block-views-Related-block_2 ul, #column-right #block-views-Related-block_3 ul, #column-right #block-views-Related-block_4 ul { list-style-type: none; margin-top: 15px; } #column-right #block-views-Related-block_2 ul li, #column-right #block-views-Related-block_3 ul li, #column-right #block-views-Related-block_4 ul li { color: #666; margin: 8px 0; } #column-right #block-views-Related-block_2 ul li span, #column-right #block-views-Related-block_3 ul li span, #column-right #block-views-Related-block_4 ul li span { color: #b3b3b3; } #column-right div.related-block ul li span.related-type { font-size: 11px; padding-left: 5px; } #column-right #block-views-Related-block_2 ul li a, #column-right #block-views-Related-block_3 ul li a, #column-right #block-views-Related-block_4 ul li a { color: #666; } #column-right #block-views-Related-block_3 h2 { font-weight: normal; font-size: 16px; color: #666666; } /* Tags block */ #column-right div.tags-block { margin: 24px 0; padding: 0 16px 24px 10px; /* was padding: 0 16px 24px 24px; - 2016 12 15 - Andrew Thorburn */ /* background: url('../../images/structural/border.gif') bottom left repeat-x; item commented out 2016 12 05 - Andrew Thorburn */ border-bottom: 1px solid #555559; } #column-right div.tags-block ul { margin-top: 15px; } #column-right div.tags-block ul li { list-style-type: none; display: inline; float: left; /* margin: 10px 0; - comented out 2017 06 12 */ margin: 5px 0; } #column-right div.tags-block ul li a { color: #666; background-color: #ddd; margin: 5px 8px 5px 0; padding: 6px 9px; /* border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; - commented out 2016 12 15 - Andrew Thorburn */ behavior: url(/PIE.htc); line-height: 30px; } #column-right div.tags-block ul li a:hover { text-decoration: none; /* background-color: #559bbd; commented out - 2016 12 15 - Andrew Thorburn */ color: #000000; /* was color: #fff; - 2016 12 20 - Andrew Thorburn */ border: 1px solid #555559; /* border added - 2016 12 15 - Andrew Thorburn */ } #newsletter { margin: 0 0 24px; padding: 0 0 24px;/*background:url(../../images/structural/border.gif) bottom left repeat-x;*/ } #newsletter p { margin: 0 0 6px; } #newsletter form { position: relative; z-index: 0; } #newsletter label { display: none; } #newsletter input { margin: 0; width: 225px; padding: 9px 30px 9px 8px; font-style: italic; background: #fff url(../../images/structural/input-bg.gif) top left repeat-x; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); color: #888; border: 1px solid #ddd; } #newsletter button { position: absolute; top: 0; right: 0; z-index: 1; } /* Featured website ---------------------------------------------- */ #block-views-ResearchPartners-block_1 { margin: 24px 0; padding: 0 16px 24px 24px; background: url(../../images/structural/border.gif) bottom left repeat-x; } #block-views-ResearchPartners-block_1 .view-content { background: #fff; border: 1px solid #ddd; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); padding: 16px; } #block-views-ResearchPartners-block_1 .view-content img { display: inline; float: right; padding: 0 0 5px 5px; } #block-views-ResearchPartners-block_1 .view-content .name { margin: 0 0 6px; } #block-views-ResearchPartners-block_1 .view-content .name a { font-weight: bold; font-size: 13px; color: #666; } #block-views-ResearchPartners-block_1 .view-content p { margin: 0; } /* Twitter ---------------------------------------------- */ #column-right #twitter { /*margin: 24px 0; - commneted out - 2016 11 26 - Andrew Thorburn */ /* padding: 0 16px 20px 24px; - commneted out - 2016 11 26 - Andrew Thorburn */ /* background: url(../../images/structural/border.gif) bottom left repeat-x; - commneted out - 2016 11 26 - Andrew Thorburn */ } #column-right #twitter ul li { list-style-type: none; margin: 0 0 12px 12px; font-size: 12px; font-style: italic; line-height: 155%; } #column-right #twitter .link-more { text-align: left; margin: 0; } #column-right #twitter .link-more a { padding-left: 26px; background: url(../../images/icons/twitter.gif) center left no-repeat; color: #666666; } /* Drupal Twitter module - 2019 01 15 */ .twitter_createdate { float: right; } .twitter_profileimage { float: left; clear: both; } .twitter_messagetext { clear:both; } /* Tabs ---------------------------------------------- */ #tabs-wrapper { /* Rule disabled to allow the normal edit buttons to appear for uses - 2019 12 06 */ /* display: none; */ /* Hide node edit links,use Administer Tool Tip instead */ padding: 12px; border-top: 1px solid #eee; /* border-bottom: 1px solid #eee; */ border-bottom: 1px solid #aaa; /* 2019 12 06 */ } #tabs-wrapper .primary { list-style: none; } #tabs-wrapper .primary li { display: inline; float: left; } #tabs-wrapper .primary li a { display: block; color: #aaa; background-color: #FFFFFF; border-width: 1px; border-color: #FFFFFF; padding: 4px 8px; margin-right: 6px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(/PIE.htc); } #tabs-wrapper .primary li.active a { background: #aaa; color: #fff; } /* Highlights ---------------------------------------------- */ #block-views-Highlights-block_1, #block-views-Highlights-block_2 { margin-top: 25px; } #main #block-views-Highlights-block_1 ul, #main #block-views-Highlights-block_2 ul { margin: 0; padding: 0; } #main #block-views-Highlights-block_1 ul li, #main #block-views-Highlights-block_2 ul li { float: left; display: block; width: 156px; border: 1px solid #ccc; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); padding: 12px; margin-right: 22px; background: url('../../images/structural/highlights-bg.gif') left top repeat-x; } #main #block-views-Highlights-block_2 ul li { margin-bottom: 22px; } #main #block-views-Highlights-block_1 ul li.last, #main #block-views-Highlights-block_2 ul li.last { margin-right: 0; } #block-views-Highlights-block_1 div.title, #block-views-Highlights-block_2 div.title { font-weight: bold; margin-bottom: 8px; } #block-views-Highlights-block_1 div.teaser, #block-views-Highlights-block_2 div.teaser { margin-bottom: 10px; font-size: 11px; } #block-views-Highlights-block_1 div.thumb, #block-views-Highlights-block_2 div.thumb { display: block; width: 156px; height: 102px; background: url('../../images/structural/highlights-photo-bg.gif') left top no-repeat; } #main #block-views-Highlights-block_1 div.thumb img, #main #block-views-Highlights-block_2 div.thumb img { border: none; margin: 0; padding: 3px 0 0 4px; width: 147px; height: 91px; } p.all-highlights { text-align: right; margin: 12px 25px 0 0; } p.all-highlights a { padding-right: 15px; background: url('../../images/arrows/arrow-small-right.png') right center no-repeat; color: #333; } /* adding adaptive to images for Hutton Highlights - 2019 06 25 */ .highlights-image { max-width: 150px; max-height: 214px; } /* Webforms ---------------------------------------------- */ form.webform-client-form label { display: block; margin: 0 0 4px; } form.webform-client-form input, form.webform-client-form textarea { display: block; margin: 0 0 12px; padding-bottom: 6px; border-bottom: 1px solid #eee; } form.webform-client-form .textarea-identifier { display: none; } form.webform-client-form #edit-actions { margin-top: 24px; } /* webform radio buttons alignment - 2017 12 20 */ .form-radios .form-item { float: left; width: 25%; } #node-15304 div.form-item label { clear:both; /**/ font-weight: 800; } #node-15304 form#webform-client-form-15304 select.form-select { /*margin-top: 20px; border: 1px red solid; */ float: left; } #node-15304 form#webform-client-form-15304 fieldset { /*border: 1px dashed green; margin: 5px;*/ clear: both; } #node-15304 form#webform-client-form-15304 fieldset div.description { /* display: none; */ } .form-items label.option, .form-radios label.option { display: inline; font-weight: normal !important; } #node-15304 div.description { padding-left: 20px; /* display: none; */ } /* Added rule to show required fields with red asterisk - 2018 09 25 */ form .form-required { color: red; } /* Page styles ---------------------------------------------- */ /* Page fieldset,containing the image,title and quote */ #column-left .content fieldset { position: relative; margin-bottom: 18px; } .node-type-page #column-left .content fieldset , .node-type-research-page #column-left .content fieldset, .node-type-project #column-left .content fieldset{ position: relative; margin-bottom: 18px; width: 345px; float: right; } .group-project-information { float: left !important; clear: both; /* Added to correct layout issues - 2019 11 19 */ } /* Page image */ #column-left .content .field-field-page-image, /*#column-left .content .field-field-staff-picture, - item commented out and replaced further down the css file - 2016 12 14 - Andrew Thorburn */ #column-left .content .field-field-news-image, #column-left .content .field-field-research-image, #column-left .content .field-field-project-image { float: right; /* was float: left - 2016 11 18 - Andrew Thorburn */ /* section commented out 2017 01 03 width: 372px; height: 274px; */ padding-left: 5px; /* background: url('../../images/structural/photo-feature-bg.png') left top no-repeat; item commented out 2016 11 15 - Andrew Thorburn */ } #column-left .content .field-field-page-image img.imagefield, #column-left .content .field-field-staff-picture img.imagefield, #column-left .content .field-field-news-image img.imagefield, #column-left .content .field-field-research-image img.imagefield, #column-left .content .field-field-project-image img.imagefield { padding: 7px 0px 0 10px; /* was padding: 7px 0 0 10px; - 2017 01 03 */ margin: 0; border: none; } /* Senior Management Team - new rule - Andrew Thorburn - 2015 07 14 */ div.bg { float: right; /* background: transparent url("../../images/structural/span-image-bg.png") repeat-y scroll left top; */ padding: 0px 12px 12px 9px; margin: 5px 0px 0px; width: 168px; border: medium none; } /* Page image title */ #column-left .content .field-field-page-image-title, #column-left .content .field-field-news-image-title, #column-left .content .field-field-research-image-title, #column-left .content .field-field-project-image-title { position: absolute; bottom: 30px; left: 35px; width: 432px; height: 61px; background: url('../../images/structural/photo-feature-text-bg.png') left top no-repeat; color: #333; display: none; /* new rule 2016 06 07 */ } #column-left .content .field-field-page-image-title .field-item, #column-left .content .field-field-news-image-title .field-item, #column-left .content .field-field-research-image-title .field-item, #column-left .content .field-field-project-image-title .field-item { margin: 20px 25px 0 25px; } /* Page quote */ #column-left .content .field-field-page-quote, #column-left .content .field-field-research-quote, #column-left .content .field-field-project-quote { float: right; /*was float: left;*/ margin-top: 15px; margin-left: 20px; margin-right: 30px; /* new rule 2016 06 07 */ width: 340px; /* was 200px;*/ line-height: 160%; font-size: 14px; color: #666; font-style: italic; padding-bottom: 25px; /* background: url('../../images/icons/quotes.gif') 90% bottom no-repeat; */ /* commented out 2016 12 15 - Andrew Thorburn */ display: none; /* */ /* to hide the quote - 2016 11 18 - Andrew Thorburn */ } /* #column-left .content .field-field-page-quote, #column-left .content .field-field-news-quote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: '\201c' '\201d'; } #column-left .content .field-field-page-quote:before, #column-left .content .field-field-news-quote:before { color: #ccc; content: open-quote; font-size: 4em; /* line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; float: left; } #column-left .content .field-field-page-quote:after, #column-left .content .field-field-news-quote:after { color: #ccc; content: close-quote; font-size: 4em; /* line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; float: right; } */ /* Page quote for the news pages - hidden on all other pages - 2016 11 18 - Andrew Thorburn */ #column-left .content .field-field-news-quote { float: right; /*was float: left;*/ margin-top: 20px; /* was margin-top: 15px; 2016 11 18 - Andrew Thorburn */ /* margin-left: 20px; */ /* commented out 2016 11 18 - Andrew Thorburn */ margin-right: 30px; /**/ /* new rule 2016 06 07 - commented out 2016 11 18 - Andrew Thorburn */ /* width: 430px; */ /* was 200px;, then 340px - 2016 11 18 */ width: 65%; /* was 430px previosuly and made 65% - 2018 09 05 - Andrew Thorburn */ line-height: 200%; /* was line-height: 160%; - 2016 11 18 - Andrew Thorburn */ font-size: 1.2em; /* was font-size: 14px; - 2016 11 18 - Andrew Thorburn */ color: #666; font-style: italic; padding-bottom: 25px; /* background: url('../../images/icons/quotes.gif') 90% bottom no-repeat; */ /* commented out 2016 12 15 - Andrew Thorburn */ } /* News and Events Index Page ---------------------------------------------- */ div.index-list div.view-content div.news-item, div.view-display-id-block_2 div.view-content div.news-item { margin-bottom: 20px; padding-bottom: 10px; /* was padding-bottom: 20px; - item commented out 2016 12 20 - Andrew Thorburn */ border-bottom: 1px solid #ddd; } div.index-list div.view-content div.news-item h2, div.view-display-id-block_2 div.view-content div.news-item h2 { margin-bottom: 5px; /* width: 95%; */ /* was 405px; */ width: 80%; /* was orignally 95% - reduced to 80% - 2018 09 05 */ } div.index-list div.view-content div.news-item h2 a, div.view-display-id-block_2 div.view-content div.news-item h2 a { color: #555559; /*was color: #78A22E; - 2017 01 03 */ } div.index-list div.view-content p.teaser, div.view-display-id-block_2 div.view-content p.teaser { width: 65%; /* was 405px; then width: 65% - 2017 01 03 - Andrew Thorburn */ height: auto; min-height: 80px; margin: 5px 0 0 0; } #main div.index-list div.view-content div.more, #main div.view-display-id-block_2 div.view-content div.more { text-align: right; width: 65%; /* was 390px; and then width: 70% - 2017 01 03 - Andrew Thorburn */ /* margin-top: 10px; */ /* commented out - 2017 01 03 - Andrew Thorburn */ padding-right: 15px; background: url('../../images/arrows/arrow-small-right.png') right center no-repeat; /* clear:both; */ } /* at40369 added new rule below to customise the more link for the blogs */ #main div.index-list div.view-content div.blogsmore, #main div.view-display-id-block_2 div.view-content div.blogsmore { text-align: right; /*width: 390px; border: red 1px solid; */ margin-top: 15px; padding-right: 15px; background: url('../../images/arrows/arrow-small-right.png') right center no-repeat; clear: both; } div.index-list div.view-content div.thumb, div.view-display-id-block_2 div.view-content div.thumb { float: right; display: block; /* width: 210px; was width: 183px - 2017 01 02 - Andrew Thorburn */ height: auto; /* background: url('../../images/structural/photo-small-bg.gif') left top no-repeat; item commented out 2016 11 15 - Andrew Thorburn */ } /* new rule to format the screen grab images on the main vidoes listing page - 2017 01 03 - Andrew Thorburn */ body#body-videos div.thumb { width: 240px; padding-right: 5px; } .news-index-title, .events-index-title { font-size: 1.1em !important; font-weight: bold; } #main div.index-list div.view-content div.thumb img, #main div.view-display-id-block_2 div.view-content div.thumb img { margin: 0; padding: 5px 0 0 0px; /* was padding: 5px 0 0 5px; - 2016 12 20 - Andrew Thorburn */ border: none; /* width: 168px !important; - item commented out 2016 12 20 - Andrew Thorburn */ /* height: 112px; - item commented out 2016 12 20 - Andrew Thorburn */ /* was height: 112px; - 2016 12 14 - Andrew Thorburn */ } #main div.view-display-id-block_2 div.view-content div.thumb img { /* height: 95px; commented out 2016 12 14 */ padding-bottom: 15px; } div.view-display-id-block_2 div.view-content div.thumb { /* background: url('../../images/structural/photo-small-media-bg.gif') left top no-repeat; item commented out 2016 11 15 - Andrew Thorburn */ } #main div.index-list div.view-content div.date, #main div.view-display-id-block_2 div.view-content div.date { text-align: center; margin: 15px 0 0 0; color: #666; font-size: 11px; } #main div.index-list div.view-content p.start-date { font-weight: bold; font-style: italic; color: #666; margin: 0; } div.news-footer { margin: 20px 0; } div.news-footer span.to-archive, div.news-footer span.to-latest { float: left; } div.news-footer span.to-archive a { padding-left: 25px; background: url('../../images/icons/pages.gif') left center no-repeat; color: #333; } div.news-footer span.to-latest a { padding-left: 20px; background: url('../../images/arrows/arrow-small-left.png') left center no-repeat; color: #333; } /* return to top was updated - 2018 10 04 */ div.news-footer span.to-top, span.to-top { float: right; clear: both; /* rule added to allow new pages to align correctly - 2018 10 09 */ } div.news-footer span.to-top a, span.to-top a { padding-right: 20px; background: url('../../images/arrows/arrow-small-up.png') right center no-repeat; color: #333; } /* Event pages - audience */ .event_target_audience { font-style: italic; padding-left: 10px; font-size: 0.9em; } /* News and events sub pages - 2019 05 13 */ .node-type-news #main, .node-type-events #main, .node-type-event #main { max-width: 95%; } /*.node-type-news #column-left .content { margin-left: auto !important; margin-right: auto !important; width: 90% !important; } */ /* Front page News items - 2016 11 26 - Andrew Thorburn*/ div.front-page-news table, div.front-page-news table td{ border: 0px !important; } .view-News, .view-moving-catchment-maps { width:100%; clear: both; margin-left: auto; margin-right: auto; } div.front-page-news-item, div.view-moving-catchment-maps { margin: auto; } .front-page-news-title { /* border: 1px red dashed; */ color: #555559; font-weight: bold; margin-top: 10px; margin-left: auto; /* item added to make text sit mode under new image - 2017 01 11 - Andrew Thorburn */ margin-right: auto; /* item added to make text sit mode under new image - 2017 01 11 - Andrew Thorburn */ max-width: 250px; /* item added to make text sit mode under new image - 2017 01 11 - Andrew Thorburn */ min-height: 60px; /* item added to make the new date site on the same level - 2017 01 11 - Andrew Thorburn */ text-align: left !important; /* item added to align text to the left hand side*/ } .front-page-news-title h3 { text-align: left; } div.front-page-news-photo img { display: block; margin: auto !important; /* max-width: 250px; commented out 2019 07 23 */ max-width: 90%; height: auto; } div.front-page-news-date { /* border: 1px blue dashed; */ color: #555559; margin-left: auto; /* item added to make text sit mode under new image - 2017 01 11 - Andrew Thorburn */ margin-right: auto; /* item added to make text sit mode under new image - 2017 01 11 - Andrew Thorburn */ max-width: 250px; /* item added to make text sit mode under new image - 2017 01 11 - Andrew Thorburn */ } /* SEGS project pages - 2022 06 15 */ #segs-project-slideshow-outer{} #segs-project-slideshow-image{} /* Events Child Page ---------------------------------------------- */ #column-left div.content fieldset.group-event-details { background-color: #f0f0f0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); padding: 10px 12px; margin-bottom: 25px; min-height: 60px !important; /* was set to height: 58px; - 2016 01 12 - Andrew Thorburn*/ max-width: 95%; } fieldset.group-event-details div { float: left; margin-left: 2px; } fieldset.group-event-details div.field-field-event-type, fieldset.group-event-details div.field-field-event-location, fieldset.group-event-details div.field-field-event-target { font-weight: bold; } #column-left div.content div.field-field-event-picture img { padding: 7px 0 0 10px; margin: 0; border: none; } div.field-field-event-picture { float: right; width: 373px; height: 274px; /* background: url('../../images/structural/photo-feature-bg.png') left top no-repeat; item commented out 2016 11 15 - Andrew Thorburn */ margin: 0 0 5px 20px; } /* Formatting the Days until field - Andrew Thorburn - 2016 06 22 */ .event_days_until_wrapper { width: 70px; height: 60px;/* */ font-size: 0.8em; /* background: #eee; border: 1px solid; */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin-right: 10px; padding-bottom: 20px; } .node-type-event .event_days_until_wrapper { float: right; } .event_days_until_wrapper .event_days_until_label { text-align: center; padding: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #6086a6; color: #fff; font-weight: bold; } .event_days_until_wrapper .event_days_until_value { text-align: center; font-weight: bold; font-size: 3.3em; background: #fff; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 5px; background: #dee0df; height: 45px; } /* Downloads ---------------------------------------------- */ div.field-field-event-downloads div.field-items > div, div.field-field-vacancy-downloads div.field-items > div { padding: 0; } div.field-field-event-downloads div.field-items > div img, div.field-field-vacancy-downloads div.field-items > div img { display: none; } div.field-field-event-downloads div.field-items > div a, div.field-field-vacancy-downloads div.field-items > div a { display: block; padding: 12px 18px 12px 40px; color: #333; background: url('../../images/icons/download.png') 18px center no-repeat; } div.field-field-event-downloads div.field-items > div a:hover, div.field-field-vacancy-downloads div.field-items > div a:hover { background-color: #b9d5e3; text-decoration: none; } div.field-field-event-downloads div.field-items div.odd, div.field-field-vacancy-downloads div.field-items div.odd { background-color: #fff; margin: 0; } div.field-field-event-downloads div.field-items div.even, div.field-field-vacancy-downloads div.field-items div.even { background-color: #f0f0f0; margin: 0; } /* Staff Index Page ----------------------------------------------- */ div.staff-index table { width: 100%; clear: both; border: 0; border-collapse: collapse; font-size: 90%; } div.staff-index table th { text-align: left; color: #333333; padding: 15px 15px 5px 15px; font-weight: bold; border-bottom: 1px solid #ddd; /* text-transform: uppercase; */ /* Rule commented out 2016 07 26 - Andrew Thorburn */ } div.staff-index table th a { border: 1px solid #fff; color: #333333; padding: 10px; font-weight: bold; } div.staff-index table th a:hover { border: 1px solid #ddd; text-decoration: none; background: #fff url('../../images/structural/link_btn_bg.png') left bottom repeat-x; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); } img.staff-icon { margin: 2px 5px 0 0; } div.staff-index table th a img { margin-left: 5px; } div.staff-index tr.even { background-color: #f0f0f0; } div.staff-index td { padding: 12px 0px 12px 18px; color: #333; /* vertical-align: middle; 2017 11 30 - Andrew Thorburn */ vertical-align: top; } div.staff-index td a { color: #333; } div.staff-index td a.name { color: #559BBD; } div.staff-index td.views-field-title a { color: #559BBD; } div.staff-index table th.views-field-title { width: 150px; } div.staff-index table th.views-field-field-staff-email-value { width: 150px; } /* Format the staff index table cells - 2016 12 08 - Andrew Thorburn */ td.views-field-title { width: 33%; /* border: 1px red dashed !important; */ } /* staff role field */ td.views-field-field-staff-role-value { width: 33%; /* border: 1px green dashed !important; */ } /* staff telephone number field */ td.views-field-field-staff-office-tel-value { width: 33%; /* border: 1px blue solid !important; */ } div.staff-index div.view-footer { margin-top: 20px; } table.sticky-header th { background-color: #fff; padding: 15px; } #staff-search { font-size: 90%; } .view-Staff #quicksearch input.qs_input { margin: 15px 10px 10px 10px; background: #fff url('../../images/structural/input-bg.gif') repeat-x left top; border: 1px solid #ddd; color: #888; font-style: italic; padding: 9px 30px 9px 8px; width: 140px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); } div.staff-index div.view-empty { padding: 25px 0; display: block; clear: both; } /* Staff Child Page ---------------------------------------------- */ .group-staff-contact { float: right; max-width: 310px; /* was max-width: 300px; - 2017 01 10 - Andrew Thorburn */ background-color: #F8F8F8; /* Added rule to give background colour to the contact details - 2016 12 14 - Andrew Thorburn */ /* border: 1px solid red; */ margin-left: 5px !important; /* Added rule to provide space between contatc details and the body text - 2016 12 14 - Andrew Thorburn */ padding: 5px; border-bottom: 1px solid #ddd; /* added 2022 04 06 */ } /* 21st September 2013 - div.field-field-staff-department removed from the two rules below */ div.field-field-staff-programme, div.field-field-staff-email, div.field-field-staff-office-tel, div.field-field-staff-department, div.publication-links, div.field-field-news-date, div.field-field-staff-role { display: block; /* margin-right: 10px; */ float: right; width: 300px; /* originally was 220px - Andrew Thorburn 2016 06 08 */ clear: right; } div.field-field-staff-email { text-transform: lowercase; word-break: keep-all; /*border: 1px grey dashed; */ } /* new rule to hide fields on the staff page - 2016 12 14 - Andrew Thorburn */ div.staff-hidden { display: none; } /* new rule to format staff photo - 2016 12 14 - Andrew Thorburn */ div.field-field-staff-picture { width: 300px !important; height: 250px !important; } div.field-field-staff-programme, div.field-field-news-date, div.field-field-staff-department /*, div.field-field-staff-role */{ /* padding-bottom: 10px; - item commented out 2016 12 14 - Andrew Thorburn */ margin-bottom: 10px; border-bottom: 1px solid #ddd; font-weight: bold; clear: right; } /* additonal rule to space out the new date - 2017 01 12 - Andrew Thorburn */ div.field-field-news-date { margin-bottom: 20px !important; } div.field-field-staff-email > div, div.field-field-staff-office-tel > div, div.field-field-staff-role > div, div.field-field-staff-department > div { margin-bottom: 10px; /* 2 lines below commented out by andrew thorburn - 2016 08 19 */ /* padding-left: 20px; background: url('../../images/icons/bullet.gif') left 60% no-repeat; */ } div.field-label { margin: 0 0 18px 0; } div.field-field-staff-address { display: block; float: left; /* was float: right;*/ /* width: 280px;*/ /* was 200px - Andrew Thorburn 2016 06 08 */ margin-right: 10px; padding-left: 10px; /*was padding-left: 20px; */ padding-top: 10px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; clear: right; } div.field-field-staff-address p { margin-bottom: 10px; } div.field-field-staff-vcard { /* border: 1px red solid; */ } /* Staff Publications link under address - 2018 01 16 */ div.publication-links { padding: 10px 0; /* border: 1px red solid; */ display: none !important; /* added 2020 04 06 */ border-bottom: 1px solid #ddd; } div.publication-links a { color: #333; } div.publication-links div.publications { padding-left: 10px; /* was padding-left: 20px; - 2017 01 03*/ line-height: 20px; margin-bottom: 8px; /* Line commented out 27th March 2013 - Andrew Thorburn background: url('../../images/icons/publications-icon.png') left center no-repeat; */ } div.publication-links div.posters { padding-left: 10px; /* padding-left amended from 20px to 0px - Andrew Thorburn - 2016 08 19 */ line-height: 20px; /* Line commented out 27th March 2013 - Andrew Thorburn background: url('../../images/icons/posters-icon.png') left center no-repeat; */ } #column-left div.field-field-staff-address div p { margin-right: 0; } /* Rules to format any staff who have placed double address onto their staff pages - Andrew Thorburn - 2016 06 08 e.g. Colin Campbell, Bob Ferrier, etc. */ #doubleaddress_outer { border: 1px solid red; } .doubleaddress_inner { border: 1px solid blue; width: 49%; float: left; } .staff-profile-row, .working-profile-row { height: 168px; clear: both; } /* New section to deal with ORCIDID - 2019 04 15 */ #publications_orcidid_link { clear: both; /* border-bottom: 1px solid #ddd; */ } #field_staff_field_orcid_id, .field_staff_field_orcid_id, #field_staff_google_scholar_id, .field_staff_google_scholar_id { padding: 10px; clear: both; } #column-left div.node ul.orcid { list-style-type: none !important; list-style-image: none !important; } .field_staff_field_research_id{ clear: both; text-align: center; padding-top: 10px; } #publications_count_wrapper, .publications_count_wrapper { display: none; } /* Staff publications ---------------------------------------------- */ #block-views-Staff-block_3 { } #block-views-Staff-block_3 div.field-label { font-weight: bold; } #block-views-Staff-block_3 div.view div.view-content ul { margin: 0 0 18px 0; padding: 0; list-style-type: none; list-style-image: none; width: 100%; } #block-views-Staff-block_3 div.view-content ul li { padding: 12px 18px; } #block-views-Staff-block_3 div.view-content ul li.odd { background-color: #fff; margin: 0; } #block-views-Staff-block_3 div.view-content ul li.even { background-color: #f0f0f0; margin: 0; } /* staff publications formatting - 2018 01 03 */ #publication_highlighted {} #publication_recent {} #publication_recent .publication_content{} #publication_previous {} #bibliography-count { clear: both; } /* Start of section format the publications listings on the staff web pages */ /* http://code.stephenmorley.org/html-and-css/tabbed-panels/ */ .tabbed > input{ display : none; } .tabbed > input:not(:checked) + section > div{ display : none; } .tabbed > section > h3{ float : left; } .tabbed > section > div{ float : right; width : 100%; /**/ /* width: 70%; 2018 11 27 */ margin : 2.5em 0 0 -100%; } .tabbed{ float : left; /* width : 100%; */ /* width: 70%; */ /* 2018 11 27 commented out 2019 05 01 */ width: 100%; /* added 2019 05 01 */ margin-bottom: 20px; } .tabbed > section > h3 > label{ cursor : pointer; -moz-user-select : none; -ms-user-select : none; -webkit-user-select : none; } .tabbed > section > div{ box-sizing : border-box; padding : 0.5em 0.75em; border : 1px solid #ddd; border-radius : 4px; box-shadow : 0 0 0.5em rgba(0,0,0,0.0625); background : #fff; } .tabbed > section > h3{ box-sizing : border-box; margin : 0; padding : 0.5em 0.5em 0; overflow : hidden; /* font-size : 1em; */ font-weight : normal; } .tabbed > section > h3 > label{ display : block; padding : 0.25em 0.75em; border : 1px solid #ddd; border-bottom : none; border-top-left-radius : 4px; border-top-right-radius : 4px; box-shadow : 0 0 0.5em rgba(0,0,0,0.0625); background : #fff; } .tabbed > input:first-child + section > h3{ /* padding-left : 1em; */ } .tabbed > section > div{ position : relative; z-index : 1; } .tabbed > input:checked + section > h3{ position : relative; z-index : 2; } /* End of section format the publications listings on the staff web pages */ /* Staff pages - hiding publicaiton tabs - 2019 05 01 */ /* Annabel Pinker */ /*#node-10568 #publication_journals, #node-10568 #publication_books {display: none;} */ /* Staff posters ---------------------------------------------- */ div.block-webfm h2 { font-weight: bold; margin: 0 0 12px 0; font-size: 16px; color: #666; } table.webfm-attach-list { border: 0; border-collapse: collapse; width: 100%; } table.webfm-attach-list thead { display: none; } table.webfm-attach-list tr { } table.webfm-attach-list td { padding: 12px 18px; } table.webfm-attach-list tr.odd { background-color: #fff; } table.webfm-attach-list tr.even { background-color: #f0f0f0; } /* Hide image */ table.webfm-attach-list td.att-title img { display: none; visibility: hidden; } /* File link */ table.webfm-attach-list td.att-title a { color: #333; } table.webfm-attach-list td.att-title a:hover { color: #872175; text-decoration: none; } /* File description */ table.webfm-attach-list div.att-fdesc { font-size: 11px; color: #666; font-style: italic; } /* File size */ table.webfm-attach-list td.att-size { width: 80px; text-align: right; vertical-align: middle; color: #666; font-size: 11px; } #block-webfm-0 table.sticky-header { display: none; visibility: hidden; } /* Staff Further Information details ---------------------------------------------- */ div.further-info { margin-top: 25px; padding-top: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } div.further-info h3 { font-weight: normal; color: #666; font-size: 16px; margin: 0 0 12px 30px; padding: 0; } div.further-info p { display: inline; margin: 0; } div.further-info ul { list-style-image: url('../../images/icons/bullet.gif'); list-style-type: circle; margin: 0 0 18px 45px; line-height: 155%; } div.further-info ul li { padding-bottom: 10px; } div.further-info ul li span.office-tel, div.further-info ul li span.mobile-tel { display: block; } /* Staff Photo Matrix ---------------------------------------------- */ #block-views-Staff-block_4 { } [id^="block-views-Staff-block_"] { /* border: 1px dashed green; */ } #block-views-Staff-block_4 div.view div.view-content ul { list-style-type: none; list-style-image: none; margin: 0 0 25px 0; padding: 0; } #block-views-Staff-block_4 div.view div.view-content ul li { display: block; float: left; margin-right: 15px; /* was 19px - Andrew Thorburn - 2016 06 08 */ margin-top: 22px; width: 185px; } #block-views-Staff-block_4 div.view div.view-content ul li h3 { margin-bottom: 8px; font-size: 13px; } #block-views-Staff-block_4 div.view div.view-content ul li h3 a { color: #333; font-weight: bold; } #block-views-Staff-block_4 div.view div.view-content ul li .staff-thumb { /* background: url('../../images/structural/photo-small-bg.gif') no-repeat left top; item commented out 2016 11 16 - Andrew Thorburn */ display: block; height: 139px; width: 183px; border: 1px solid #e6e6e6; /* item added to give an outline to the staff photo gallery thumbnails - 2016 11 16 - Andrew Thorburn */ } #block-views-Staff-block_4 div.view div.view-content ul li .staff-thumb img { width: 168px; height: 122px; padding: 5px 0 0 5px; border: none; margin: 0; } /* Student Photo Matrix (block_8) Research Associates Photo Matrix (block_9) Water Research Staff Photo Matrix (block_12) Alumni Photo Matrix (block_15) SEGS Staff Photo Matrix (block_segs_staff_list) - added 2021 09 02 - Andrew Thorburn - edited 2021 09 14 to hide the SEGS photo matrix ---------------------------------------------- */ #block-views-Staff-block_8, #block-views-Staff-block_9, #block-views-Staff-block_12, #block-views-Staff-block_15/*, #block-views-Staff-block_segs_staff_list */ { } #block-views-Staff-block_8 div.view div.view-content ul, #block-views-Staff-block_9 div.view div.view-content ul, #block-views-Staff-block_12 div.view div.view-content ul, #block-views-Staff-block_15 div.view div.view-content ul/*, #block-views-Staff-block_segs_staff_list div.view div.view-content ul */ { list-style-type: none; list-style-image: none; margin: 0 0 25px 0; padding: 0; } #block-views-Staff-block_8 div.view div.view-content ul li, #block-views-Staff-block_9 div.view div.view-content ul li, #block-views-Staff-block_12 div.view div.view-content ul li, #block-views-Staff-block_15 div.view div.view-content ul li/*, #block-views-Staff-block_segs_staff_list div.view div.view-content ul li */ { display: block; float: left; margin-right: 19px; margin-top: 22px; width: 185px; } #block-views-Staff-block_8 div.view div.view-content ul li h3, #block-views-Staff-block_9 div.view div.view-content ul li h3, #block-views-Staff-block_12 div.view div.view-content ul li h3, #block-views-Staff-block_15 div.view div.view-content ul li h3/* #block-views-Staff-block_segs_staff_list div.view-content ul li h3 */{ margin-bottom: 8px; font-size: 13px; } #block-views-Staff-block_8 div.view div.view-content ul li h3 a, #block-views-Staff-block_9 div.view div.view-content ul li h3 a, #block-views-Staff-block_12 div.view div.view-content ul li h3 a, #block-views-Staff-block_15 div.view div.view-content ul li h3 a/* #block-views-Staff-block_segs_staff_list div.view div.view-content ul li h3 a */{ color: #333; font-weight: bold; } #block-views-Staff-block_8 div.view div.view-content ul li .staff-thumb, #block-views-Staff-block_9 div.view div.view-content ul li .staff-thumb, #block-views-Staff-block_12 div.view div.view-content ul li .staff-thumb, #block-views-Staff-block_15 div.view div.view-content ul li .staff-thumb/* #block-views-Staff-block_segs_staff_list div.view div.view-content ul li .staff-thumb */{ /* background: url('../../images/structural/photo-small-bg.gif') no-repeat left top; item commented out 2016 11 16 - Andrew Thorburn */ display: block; height: 139px; width: 183px; border: 1px solid #e6e6e6; /* item added to give an outline to the staff photo gallery thumbnails - 2016 11 16 - Andrew Thorburn */ } #block-views-Staff-block_8 div.view div.view-content ul li .staff-thumb img, #block-views-Staff-block_9 div.view div.view-content ul li .staff-thumb img, #block-views-Staff-block_12 div.view div.view-content ul li .staff-thumb img, #block-views-Staff-block_15 div.view div.view-content ul li .staff-thumb img/* #block-views-Staff-block_segs_staff_list div.view div.view-content ul li .staff-thumb img */ { width: 168px; height: 122px; padding: 5px 0 0 5px; border: none; margin: 0; } /* SEGS staff list formatting - 2021 09 14 */ ul.segs-staff-list-outer li { line-height: 100% !important; margin: 0 0 10px 0 !important; } #segs_eglm_staff .view-content, #segs_eglm_students .view-content, #segs_pp_staff .view-content, #segs_pp_students .view-content {column-count: 4; padding-bottom: 10px;} /* updated 2021 10 20 */ #segs_eglm_staff .view-header h3, #segs_eglm_students .view-header h3, #segs_pp_staff .view-header h3, #segs_pp_students .view-header h3 {padding-top: 10px;} /* hide static SEGS list - 2021 09 21 */ .segs_staff_static {display: none;} /* Research Associates Photo Matrix ---------------------------------------------- */ /* #block-views-Staff-block_9 { } #block-views-Staff-block_9 div.view div.view-content ul { list-style-type: none; list-style-image: none; margin: 0 0 25px 0; padding: 0; } #block-views-Staff-block_9 div.view div.view-content ul li { display: block; float: left; margin-right: 19px; margin-top: 22px; width: 185px; } #block-views-Staff-block_9 div.view div.view-content ul li h3 { margin-bottom: 8px; font-size: 13px; } #block-views-Staff-block_9 div.view div.view-content ul li h3 a { color: #333; font-weight: bold; } #block-views-Staff-block_9 div.view div.view-content ul li .staff-thumb { background: url('../../images/structural/photo-small-bg.gif') no-repeat left top; display: block; height: 139px; width: 183px; } #block-views-Staff-block_9 div.view div.view-content ul li .staff-thumb img { width: 168px; height: 122px; padding: 5px 0 0 5px; border: none; margin: 0; } */ /* Careers Index Page ---------------------------------------------- */ #block-views-Careers-block_1 div.career-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } div.career-item h2 { margin-bottom: 5px; } div.career-item h2 a { color: #78A22E; } div.career-item p.career-teaser { margin: 5px 0 0 0; } div.career-item p.closing-date { font-weight: bold; font-style: italic; color: #666; margin: 0; } /* Careers page children ---------------------------------------------- */ #column-left div.content fieldset.group-vacancy-details { border-bottom: 1px solid #ddd; } fieldset.group-vacancy-details div.field { float: left; padding: 0 15px 8px 15px; margin-bottom: 8px; border-left: 1px solid #ddd; } fieldset.group-vacancy-details div.field-field-vacancy-reference { border-left: none; padding-left: 0; width: 75px; } fieldset.group-vacancy-details div.field-field-vacancy-programme { width: 160px; } fieldset.group-vacancy-details div.field-field-vacancy-salary { width: 130px; } fieldset.group-vacancy-details div.field-field-vacancy-closing-date { width: 145px; padding-right: 0; } #column-left div.content fieldset.group-vacancy-details div.field-label { font-weight: normal; margin: 0 0 10px 0; font-size: 15px; } #column-left div.content fieldset.group-vacancy-details div.field-items { font-weight: bold; margin: 0; } div.field-field-vacancy-applications { padding: 20px; background-color: #fff996; margin-bottom: 18px; } div.field-field-vacancy-applications p { margin-bottom: 0; margin-top: 18px; } /* Research partners page ---------------------------------------------- */ #block-views-ResearchPartners-block_1 .view-content .name { margin: 0 0 6px; } #block-views-ResearchPartners-block_1 .view-content .name a { font-weight: bold; font-size: 13px; color: #666; } #block-views-ResearchPartners-block_1 .view-content p { margin: 0; } #block-views-ResearchPartners-block_2 { } #main #block-views-ResearchPartners-block_2 div.view-content ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #main #block-views-ResearchPartners-block_2 div.view-content ul li { float: left; width: 95%; /* was width: 560px; - 2017 01 18 - Andrew Thorburn */ padding: 16px; border: 1px solid #ddd; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; /* behavior: url(/PIE.htc); item commented out 2017 01 18 - Andrew Thorburn */ /* margin-bottom: 22px; commented out 2021 06 21 */ } #block-views-ResearchPartners-block_2 div.name { margin-bottom: 8px; } #block-views-ResearchPartners-block_2 div.name a { font-weight: bold; } #block-views-ResearchPartners-block_2 div.teaser p { margin: 0; } #block-views-ResearchPartners-block_2 div.thumb img { display: inline; /*float: right; commented out 2015 03 19 - Andrew Thorburn */ padding: 0 0 5px 5px; margin: 0; border: none; } .research_partner_logo, .accreditation_logo { /* border: 1px gray dashed; */ width: 200px; text-align: right; min-height: 150px; display: flex; align-items: center; justify-content: center; } .research_partner_logo a img, .accreditation_logo a img { display: block !important; margin: auto !important; } .research_partner_title {} .research_partner_teaser {} /* Accreditation layout - 2021 09 14 */ .accreditation_list {} .accreditation_logo {} .accreditation_title { text-align: center; min-height: 50px; } .accreditation_title h3 { padding-top: 15px; font-weight: bold; } .accreditation_body, .accreditation_text {} /* Right menu block ---------------------------------------------- */ #column-right div.block-jquerymenu { font-size: 12px; } #column-right div.block-jquerymenu h2 { color: #333; font-size: 2em; /* was font-size: 16px; then amended to 2em - 2016 11 29 - Andrew Thorburn */ font-weight: bold; padding: 0 16px 12px 10px; /* was padding: 0 16px 12px 24px; - 2017 01 02 - Andrew Thoburn */ margin: 0; /* background: url('../../images/structural/sidebar-list-bg.gif') left bottom repeat-x; commented out to remove more images from the menu - 2016 11 28 - Andrew Thorburn */ } #column-right div.block-jquerymenu ul { margin-top: 0; } #column-right div.block-jquerymenu ul li { display: block; float: none; width: 100%; } #column-right div.block-jquerymenu ul li.closed, #column-right div.block-jquerymenu ul li.open ul li.closed { background: url('../../images/arrows/arrow-small-right.png') 95% 15px no-repeat; } #column-right div.block-jquerymenu ul li.closed a:hover, #column-right div.block-jquerymenu ul li.open ul li.closed a:hover { background: #555559 url('../../images/arrows/arrow-small-right-white.png') 95% 15px no-repeat; /* background-color: #872175; swapped background color from #872175 to #555559; - 2016 11 28 Andrew Thorburn */ } #column-right div.block-jquerymenu ul li.open { background: url('../../images/arrows/arrow-small-down.png') 95% 15px no-repeat; } #column-right div.block-jquerymenu ul li.open > a:hover { background: #555559 url('../../images/arrows/arrow-small-down-white.png') 95% 15px no-repeat; /* background-color: #872175; swapped background color from #872175 to #555559; - 2016 11 28 Andrew Thorburn */ } #column-right div.block-jquerymenu ul li a { display: block; padding: 12px 12px 12px 25px; /* was padding: 12px 0px 12px 34px; - 2017 01 02 - Andrew Thorburn */ color: #333; /* background: url('../../images/structural/sidebar-list-bg.gif') left bottom repeat-x; - commented out to remove images from menu - 2016 11 28 - Andrew Thorburn */ } #column-right div.block-jquerymenu ul li a:hover { background: none; background-color: #555559;/* background-color: #872175; swapped background color from #872175 to #555559; - 2016 11 28 Andrew Thorburn */ color: #fff; text-decoration: none; } /* second level sidebar menu */ #column-right div.block-jquerymenu ul li ul { /* background-color: #dee0df; */ /* background colour commented out - Andrew Thorburn - 2016 07 21 */ } /* second level sidebar menu links - 2016 12 06 - Andrew Thorburn */ #column-right div.block-jquerymenu ul li ul li a { padding-left: 44px; padding-right: 20px; /* added to make the text in the menu easier to read - 2016 12 06 - Andrew Thorburn */ } /* third level sidebar menu */ #column-right div.block-jquerymenu ul li ul li ul { padding-bottom: 2px; background: url('../../images/structural/sidebar-list-bg.gif') left bottom repeat-x; list-style-image: none; list-style-type: none; } /* Fourth level sidebar menu */ #column-right div.block-jquerymenu ul li ul li ul li ul { padding-bottom: 2px; background: url('../../images/structural/sidebar-list-bg.gif') left bottom repeat-x; list-style-image: none; list-style-type: none; background-color: white !important; /* border: 1px solid red; */ } #column-right div.block-jquerymenu ul li ul li ul li a { padding: 8px 35px 8px 50px; /* was padding: 8px 0 8px 58px; - 2017 01 02 - Andrew Thorburn */ /* background: url('../../images/structural/sidebar-list-bg.png') left top repeat; item commented out to stop the menu having a background color - 2016 11 28 - Andrew Thorburn */ } /* Changing plus/minus signs */ #column-right ul.jquerymenu li span.parent { margin-left: 8px; margin-top: 12px; width: 16px; height: 16px; } #column-right ul.jquerymenu li.parent span.open { background: url('../../images/icons/nav-minus.gif') left top no-repeat; } #column-right ul.jquerymenu li.parent span.closed { background: url('../../images/icons/nav-plus.gif') left top no-repeat; } /* Active Link */ #column-right div.block-jquerymenu ul li.active > a { font-weight: bold; background-color: #555559; /* give the active menu item a grey background - 2016 11 28 - Andrew Thorburn*/ color: #FFFFFF; /* active menu item with white text - 2016 11 29 - Andrew Thorburn */ } /* Pager Style ---------------------------------------------- */ #block-views-Staff-block_1 div.item-list { margin-top: 15px; } #column-left div ul.pager { list-style-type: none; padding: 12px; margin: 0; text-align: center; background-color: #f0f0f0; /* items below commented out - 2017 01 03 - Andrew Thorburn */ /* border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; */ behavior: url(/PIE.htc); } #column-left div ul.pager li { display: inline; padding: 0; margin: 0 1px; display: inline-block; } #column-left div ul.pager li a { color: #333; text-decoration: none; padding: 6px; } #column-left div ul.pager li.pager-current, #column-left div ul.pager li a:hover { padding: 5px; border: 1px solid #ddd; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); background: #fff url('../../images/structural/link_btn_bg.png') left bottom repeat-x; } #column-left div ul.pager li.pager-next, #column-left div ul.pager li.pager-last { border-left: 1px dotted #333; padding-left: 3px; } #column-left div ul.pager li.pager-first, #column-left div ul.pager li.pager-previous { border-right: 1px dotted #333; padding-right: 3px; } /* Node default styling ---------------------------------------------- */ #column-left div.node ul /*, #column-left div.node ol */{ /* list-style-image: url('../../images/icons/bullet.gif'); - commented out 2020 08 13 */ list-style-type: circle; margin: 0 0 18px 45px; line-height: 155%; } #column-left div.content ol { /* list-style-image: url('../../images/icons/bullet.gif'); list-style-type: circle; */ margin: 0 0 18px 45px; line-height: 155%; } #column-left div.node ul li, #column-left div.node ol li { margin: 0 0 15px 0; } /* 2015 08 03 - note about rule below - this is the turn the second level header green - Andrew Thorburn */ /* 2nd level heading in the body of the pages - Andrew Thorburn */ #column-left div.node h2 { color: #555559 !important; /* was color: #78a22e; and altered to gray #555559 - 2016 12 02 - Andrew Thorburn */ font-weight: normal; font-size: 1.5em !important; /* was 18px and then set to 1.5em - 2016 12 02 - Andrew Thorburn */ } #column-left div.node blockquote { margin: 0 100px 18px 45px; font-style: italic; line-height: 170%; padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #column-left div.node blockquote p { margin: 0; } /* Formatting the blockquote on the project pages - Andrew Thorburn - 2021 04 08 */ .node-type-project blockquote { width: 65%; border-top: 0px solid white !important; border-bottom: 4px #78a22e solid !important; padding: 20px !important; } /* Node text content limited to a specific width ---------------------------------------------- */ #column-left div.node p { /* margin-right: 100px; Line commented out 22nd Auguts 2013 - Andrew Thorburn */ /* margin-right: 40px; - line commented out 2016 12 05 - Andrew Thorburn */ } #column-left div.node ul li { /* margin-right: 100px; Line commented out 22nd Auguts 2013 - Andrew Thorburn */ /* margin-right: 40px; - line commented out 2016 12 05 - Andrew Thorburn */ } /* Start of Social bar ---------------------------------------------- */ #block-block-8 { /*border-bottom:1px solid #DDD;*/ clear: both; /* margin: 24px 0; commented out 2016 12 01 - Andrew Thorburn */ } /* Grey bar at the bottom of pages */ #column-left ul#nav-social { text-align: center; font-size: 90%; margin: 0; padding: 22px 25px 22px 25px; background: #555559; /* was background: #862074; - 2016 12 15 - Andrew Thorburn */ /* section below commented out - 2016 12 01 - Andrew Thorburn border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; */ behavior: url(/PIE.htc); } #nav-social li { position: relative; display: inline; list-style: none; color: #fff; } #nav-social a, #nav-social span { margin: 0 18px 0 0; padding: 6px; color: #fff; cursor: pointer; } #nav-social-email a { background: url(../../images/icons/email-white.png) center left no-repeat; padding-left: 20px; } #nav-social #nav-social-share span { background: url(../../images/icons/share-white.png) center left no-repeat; padding-left: 17px; } #nav-social #nav-social-share .close { position: absolute; z-index: 101; display: none; top: -194px; left: 65px; cursor: pointer; padding: 6px; background: none; } #nav-social #nav-social-share .service-links { position: absolute; z-index: 100; display: none; top: -195px; left: -28px; width: 92px; background: #862074; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 12px; } #nav-social #nav-social-share .service-links ul { margin: 0; } #nav-social #nav-social-share .service-links li { display: block; float: none; margin: 8px 0; padding: 0 0 6px !important; border-bottom: 1px dashed #963384; text-align: left; } #nav-social #nav-social-share .service-links li span.ext { display: none; background: none; padding: 0; margin: 0; } #nav-social #nav-social-print a { background: url(../../images/icons/pages-white.png) center left no-repeat; padding-left: 16px; } #nav-social #nav-social-favourite span { background: url(../../images/icons/favourite-white.png) center left no-repeat; padding-left: 14px; margin: 0; } #nav-social #nav-social-rss a { margin-right: 0; } #nav-social #nav-social-rss a { background: url(../../images/icons/rss-white.png) center left no-repeat; padding-left: 16px; margin-left: 0px; } #nav-social #nav-social-rss .nodetype { margin: 0; padding: 0; text-transform: capitalize; } /* End of Social bar ---------------------------------------------- */ /* Social Icons */ /* Footer */ #footer-social-icons-outer { /* float: left; */ clear: both; /* padding-left: 10px; */ padding-top: 10px; } #footer-social-icons-outer ul li, #header-social-icons-outer ul li { display: inline; float: left; list-style-type: none; } #footer-social-icons-outer ul li.footer-social-icons { margin-right: 20px; } /* Header */ #block-block-35 { /* clear:both !important; */ background-color: #FFFFFF; min-height:50px; /* added to aid in formatting for COVID-19 */ max-width: 50%; float: right; } #header-social-icons-outer { float: right; /* border: 1px dashed gray;*/ margin-left: 10px; margin-top: 10px; margin-bottom: 5px; /* display: none !important;*/ } #header-social-icons-outer ul li.header-social-icons { /* margin-left: 20px; amended 2021 12 01 - Andrew Thorburn */ margin-left: 1px; } .header-social-icons.hide-social-icons { display: none !important; } #header-social-icons-outer img {} /* RSS page */ #body-rss .list-breadcrumbs a.last { text-transform: uppercase; } /* No Script */ noscript { display: block; width: 960px; margin: 0 auto; background-color: #800000; color: #fff; font-weight: bold; text-align: center; line-height: 200%; } /* Image Galleries ---------------------------------------------- */ #block-views-Gallery-block_3 div.thumb { height: 139px; } div.field-field-gallery-image div.field-item { display: inline; float: left; margin: 10px; width: 183px; height: 139px; background: url('../../images/structural/photo-small-bg.gif') left top no-repeat; } #column-left div.field-field-gallery-image div.field-item img { padding: 0; margin: 5px 0 0 5px; border: none; width: 168px; height: 122px; } /* Inside content images ---------------------------------------------- */ span.float-left, img.float-left { float: left; margin-right: 15px; } span.float-right, img.float-right { float: right; margin-left: 15px; } /* Images with background shadow effect */ span.image { position: relative; margin-top: 0; margin-bottom: 15px; /* width: 189px; commented out 2018 12 12 */ display: block; } span.image span.image-top { position: absolute; top: 0; left: 0; /* background: url('../../images/structural/span-image-top.png') left top no-repeat; item commented out 2016 11 16 - Andrew Thorburn */ width: 192px; height: 10px; } #column-left span.image img.bg { /* background: url('../../images/structural/span-image-bg.png') left top repeat-y; item commented out 2016 11 16 - Andrew Thorburn */ padding: 0 12px 0 9px; margin: 5px 0 0 0; width: 168px; border: none; } span.image span.image-bottom { position: absolute; bottom: -15px; left: 0; /* background: url('../../images/structural/span-image-bottom.png') left top no-repeat; item commented out 2016 11 16 - Andrew Thorburn */ width: 192px; height: 15px; } /* Other Node images ---------------------------------------------- */ #column-left div.node { position: relative; } #column-left div.node img { /* padding: 5px; Commented out 2018 01 16 - Andrew Thorburn */ /* border: 1px solid #ddd; Item commented out 2016 12 13 - Andrew Thorburn */ margin-top: 0; /* margin-bottom: 7px; Item commented out 2016 12 13 - Andrew Thorburn */ } #column-left div.node img.nostyle { padding: 0; margin: 0; border: none; } #column-left div.node p img.float-right { float: right; /* margin-left: -80px; This line was commented out by Andrew Thorburn 3rd October 2013 */ /* margin-left: -40px; This line was commneted out 2016 12 13 - Andrew Thorburn */ position: relative; /* left: 100px; This line was commented out by Andrew Thorburn 3rd October 2013 */ /* left: 10px; */ /* This was left: 40px; - 2016 12 13 - Andrew Thorburn */ left: 0px; /* This was left: 10px; - 2018 05 22 - Andrew Thorburn */ } #column-left div.node p span.float-right, #column-left div.node li span.float-right, #column-left div.node li .float-right { float: right; /* margin-left: -80px; This line was commented out by Andrew Thorburn 4th September 2013 */ /* margin-left: -40px; This line was commented out by Andrew Thorburn 3rd January 2017 */ position: relative; /* left: 100px; This line was commented out by Andrew Thorburn 4th September 2013 */ /* left: 40px; This line was commented out by Andrew Thorburn 3rd January 2017 */ clear: both; /* added to improve formatting of page - 2019 11 19 */ } #column-left div.node span.image-nobg { display: block; position: relative; } /* Magnifying glass position on top of images */ #column-left span.img-mglass { display: block; position: absolute; top: 5px; right: 10px; width: 25px; height: 25px; background: url('../../images/icons/mag-glass.png') no-repeat left top; cursor: pointer; } #column-left span.image span.img-mglass { right: 12px; } #column-left span.image-nobg span.img-mglass { top: 7px; right: 7px; } #column-left span.img-link { display: block; position: absolute; top: 5px; left: 9px; width: 25px; height: 25px; background: url('../../images/icons/img-link.png') no-repeat left top; cursor: pointer; } /* Search Results ---------------------------------------------- */ #column-left div.search-results div.view-content ul { clear: both; list-style-type: none; list-style-image: none; padding-top: 20px; } #column-left div.search-results div.view-content ul li { border-bottom: 1px solid #ddd; margin-bottom: 18px; padding-bottom: 13px; } #column-left div.search-results div.view-content ul li p { margin-bottom: 5px; } #column-left div.search-results div.view-content ul li h3 span { color: #666; font-size: 14px; } #column-left div.search-results div.view-content ul li h3 a:hover span { color: #872175; } #column-left div.search-results div.view-empty { clear: both; padding-top: 20px; } #column-left div.search-results div.views-exposed-widget { display: inline; float: left; padding: 0; border-radius: 0px; /* rule added to add square edges to the search items - 207 01 04 - Andrew Thorburn */ } /* added rule to format the extra filter for search results - by content type - 2019 05 10 */ #column-left div.search-results .views-widget-filter-type { margin-left: 10px; margin-right: 10px; } #column-left div.search-results .views-widget-filter-type label { display: none; } #column-left div.search-results #edit-terms { float: left; display: inline; margin: 0; width: 500px; /* was width: 190px; - 2017 01 05 */ padding: 9px 180px 9px 8px; font-style: italic; /* background: #fff url(../../images/structural/input-bg.gif) top left repeat-x; item commented out - 2017 01 03 - Andrew Thorburn */ /* border-radius: 8px; item commented out - 2017 01 03 - Andrew Thorburn */ /* -moz-border-radius: 8px; item commented out - 2017 01 03 - Andrew Thorburn */ /* -webkit-border-radius: 8px; item commented out - 2017 01 03 - Andrew Thorburn */ behavior: url(/PIE.htc); color: #888; border: 1px solid #ddd; border-radius: 0px; /* rule added to add square edges to the search items - 207 01 04 - Andrew Thorburn */ } #column-left #edit-type-wrapper div.jqTransformSelectWrapper { float: left; position: relative; /*left: -175px; */ top: 3px; border-left: 1px dotted #ccc; background: none; } #column-left div.search-results #edit-submit-Search { float: left; display: inline; background: none; width: 37px; height: 37px; border: none; position: relative; /* left: -175px; item commented out to force the search button to move ot right hand side of hte search box on the search results page - 2017 01 04 - Andrew Thorburn */ padding: 0; margin: 0; border-radius: 0px; /* rule added to add square edges to the search items - 207 01 04 - Andrew Thorburn */ } /* new rules to format the output of the search results page - 2017 01 04 - Andrew Thorburn */ .search-results-type { font-size: 1.3em; font-weight: bold; margin: 0px; } span.search-results-type {/*display: none;*/} .search-results-title { /* color: #555559 !important; font-size: 1.1em !important; font-weight: bold; */ } .search-results-item-teaser {} .search-results-date-created { font-style: italic; text-align: right; padding: 5px; font-size: 0.9em; } /* Publications Index ---------------------------------------------- */ #biblio-header { text-align: right; margin-bottom: 25px; } #biblio-search-form { float: left; position: relative; } #biblio-search-form #edit-keys { float: left; margin: 0; width: 200px; padding: 9px 20px 9px 8px; font-style: italic; background: #fff url(../../images/structural/input-bg.gif) top left repeat-x; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); color: #888; border: 1px solid #ddd; } #biblio-search-form #edit-submit { float: left; /* margin: none; */ border: none; background: none; margin: 0; padding: 0; position: absolute; left: 210px; } div.biblio-current-filters { background-color: #eee; border: 1px solid #ddd; padding: 8px 15px; margin: 0 0 15px 0; clear: both; text-align: center; } div.biblio-current-filters b { font-weight: bold; } #biblio-header div.biblio-export { position: relative; top: -5px; } .biblio-title a { color: #559BBD; text-decoration: none; font-weight: normal; } div.biblio-separator-bar, div.biblio-current-filters { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); } /* Filter page */ #biblio-form-filter dd.a { float: left; width: 100px; } #biblio-form-filter dd.a div { margin: 30px 0; } #biblio-form-filter dl > dt { float: left; width: 10px; display: none; } #biblio-form-filter dd.b { float: left; width: 500px; margin-top: 15px; overflow: hidden; } #biblio-form-filter dd.b div { margin: 10px 0; } /* Posters Index ---------------------------------------------- */ .posters-table table { border: 0; border-collapse: collapse; margin: 10px 0 20px 0; width: 100%; clear: both; } .posters-table th.views-field-ftitle { width: 330px; } .posters-table th.views-field-fpublisher { width: 120px; } .posters-table th.views-field-fsize { width: 60px; font-weight: bold; color: #333; /* text-transform: uppercase; commented out 2017 11 29 - Andrew Thorburn */ } .posters-table th { padding: 10px 5px 5px 5px; border-bottom: 1px solid #ddd; } .posters-table th a { font-weight: bold; color: #333; /* text-transform: uppercase; commented out 2017 11 29 - Andrew Thorburn */ } .posters-table th a img { margin: 0 5px; } .posters-table td { padding: 8px 5px; vertical-align: middle; } .posters-table tr.even td { background-color: #eee; } .posters-table #edit-ftitle-1 { margin: 0 0 10px 0; width: 230px; padding: 9px 20px 9px 8px; font-style: italic; background: #fff url(../../images/structural/input-bg.gif) top left repeat-x; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/PIE.htc); color: #888; border: 1px solid #ddd; } .posters-table #edit-submit-posters { border: 0; background: none; padding: 0; margin: 0; position: relative; top: 0px; left: -25px; } .posters-table .views-exposed-widgets { position: relative; margin: 0; padding: 0; } /* 22nd August 2013 - rule added to space out filters on views */ .views-exposed-form { clear: both; border: white 1px solid; height: 80px; } /* Web File Manager settings for the POsters listing - 2017 11 29 */ th.views-field-ftitle, td.views-field-ftitle { display: none; } th.views-field-file-name, td.views-field-file-name { display: none; } /* Send page by email ---------------------------------------------- */ #print-mail-form { width: 500px; } #print-mail-form > div > div, #print-mail-form div.description { margin: 10px 0; clear: both; } #print-mail-form input.form-text, #print-mail-form #edit-txt-to-addrs { width: 300px; } #print-mail-form label.printmail-label { width: 140px; color: #333; } #print-mail-form #edit-fld-send-option { padding: 3px 3px 0 3px; width: 120px; } #print-mail-form textarea, #print-mail-form input, #print-mail-form label { font-size: 13px; color: #333; } #print-mail-form input.form-submit { color: #fff; } #print-mail-form div.form-item a { position: relative; top: 3px; } /* Taxonomy ---------------------------------------------- */ div.taxonomy-node { margin-bottom: 12px; } div.taxonomy-node a.taxonomy-read-more { padding-right: 15px; background: url('../../images/arrows/arrow-small-right.png') right center no-repeat; } div.taxonomy-node p { border-bottom: 1px solid #ddd; margin-bottom: 0; padding-bottom: 15px; } body.page-taxonomy #column-left div ul.pager { margin-top: 25px; } /* updates to taxonomy - 2021 08 30 */ .taxonomy-field-field-news-date { float: right; font-style: italic; width: 150px; height: 30px; } .taxonomy-node-custom { height: 100px; } /* taxonomy description - 2017 11 07 */ /* Mothballing block - 2019 06 24 */ #mothballed-content-block { margin-left: auto; margin-right: auto; width: 95%; border: 1px solid grey; padding: 5px; border-radius: 5px; min-height: 120px; /* background-color: #ffb800 !important; */ margin-bottom: 10px; } /* Newsletter ----------------------------------------------- */ #block-block-9 { clear: both; padding-top: 10px; } #mailchimp-form-outer {} input#submit-mailchimp { display: none !important; } .mailchimp-form-text { color: #FFFFFF; } #form-mailchimp-email input { border-radius: 0px; } #form-mailchimp-email { margin: -12px 0 0; } #form-mailchimp-email #edit-mail { display: inline; float: left; width: 200px; margin: 0; padding: 9px; } #form-mailchimp-email #submit-mailchimp { display: inline; float: left; margin: 0 0 0 -12px; padding: 0; background: none; border: none; border-radius: 0px !important; } div.block-mailchimp { margin: 10px 0 0 0; padding: 25px 0 15px 0; border-top: 1px solid #ddd; } div.block-mailchimp h2 { color: #666; font-weight: normal; } div.block-mailchimp div { margin: 10px 0; } div.block-mailchimp label { width: 150px; display: block; float: left; } div.block-mailchimp input.form-submit { clear: both; } #RHS-mailchimp-email{margin:-12px 0 0;} #RHS-mailchimp-email #RHS-edit-mail{ display:inline; float:left; width:170px; /* Was 200px - 2017 01 02 - Andrew Thorburn */ margin:0; padding:9px; border-radius:0px; } #RHS-mailchimp-email #RHS-submit-mailchimp{display:inline;float:left;margin:0 0 0 -12px;padding:0;background:none;border:none;border-radius:0px;} #block-block-14 p { margin-left:0px; margin-top:20px; color: #666666; font-size: 16px; font-weight: normal; } #block-block-14 { /* background: url('../../images/structural/border.gif') bottom left repeat-x; item commented out 2016 12 05 - Andrew Thorburn */ /* border-bottom: 1px solid #555559; */ margin: 0 0 24px; padding: 0 0px 15px 10px; /* was padding: 0 16px 15px 24px; and then padding: 0 0px 15px 0px; - 2016 12 06 - Andrew Thorburn */ } /* MailChimp embed code style ---------------------------------------------- */ #mc_embed_signup { position: relative; color: #333; background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } #mc_embed_signup label { color: #333; } #mc_embed_signup .indicate-required { position: absolute; bottom: 0; right: 100px; color: #666; } #mc_embed_signup #mce-EMAIL { /* position: relative; - item commented out 2017 05 03 - Andrew Thorburn */ left: 20px; } #mc_embed_signup #mce-NAME { /* position: relative; - item commented out 2017 05 03 - Andrew Thorburn */ left: 75px; clear: both !important; } #mc_embed_signup #mc-embedded-subscribe { background: #78a22e; color: #fff; } #mc_embed_signup #mc-embedded-subscribe:hover { background: #872175; color: #fff; } #mc_embed_signup div.mce_inline_error { display: block; font-weight: bold; padding: 3px 0 3px 10px; width: 170px; color: #872175; background: url('../../images/arrows/arrow-small-up.png') right center no-repeat; } #mc_embed_signup .mc-field-group { margin-bottom: 15px; } #mc_embed_signup div.mc-field-group div.input-group ul { margin: 10px 0 10px 20px; } #mc_embed_signup div.mc-field-group div.input-group ul li { list-style-type: none; list-style-image: none; margin: 0; } #mc_embed_signup div.mc-field-group div.input-group ul li input { margin-right: 5px; padding: 4px 2px 2px 2px; border: none; /* behaviour: none; */ } /* Definition - for Glossary words ---------------------------------------------- */ dfn { border-bottom: 1px dotted #333; padding-bottom: 1px; font-style: normal; } /* Get satisfaction hack for Admin Menu */ body.admin-expanded #fdbk_tab { display: none; visibility: hidden; } /* Lightbox overrides */ #imageData #bottomNav { height: 35px; } .lightbox2-alt-layout-data #bottomNav { margin: 0; } .lightbox2-alt-layout-data #bottomNavClose { margin: 0; } #imageData #caption { /* white-space: nowrap; */ /* line above commented out to allow wrapping of text on the lightbox text - Andrew Thorburn - 2016 02 11 */ } /* User login form */ #user-login { margin: 20px 0; } #user-login div.form-item { margin: 10px 0; } #user-login div.description { font-size: 80%; margin: 5px 0; } ul.denied { margin: 20px 0 20px 45px; line-height: 200%; clear: both; } /* Return to top inside .node */ div.content-top { text-align: right; } div.content-top a { color: #333; font-size: 80%; padding-right: 14px; background: url('../../images/arrows/arrow-small-up.png') center right no-repeat; } #site-map ul { line-height: 200%; list-style-image: url('../../images/icons/bullet.gif'); } #site-map ul a:visited { color: #666; } span.ext, span.mailto { margin-left: 2px; } /* item commented out 2016 11 15 - Andrew Thorburn a.mailto { text-transform: lowercase; } */ /* Definition - for two columns - added 26th June - Andrew Thorburn ---------------------------------------------- */ div.twocolumns, div.twocolumn_outer { float: left; padding: 4px 0pt; width: 50%; } .twocolumn_inner { padding:.3em .5em .3em .5em; } /* New layout rules for columns -= 2018 05 09 */ div.twocolumncount {clear: both;} .twocolumncount { /* min-height: 270px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-fill: balance; column-fill: balance; */ } /* Definition - for four columns - added 27th February 2013 - Andrew Thorburn ---------------------------------------------- */ .fourcolumn, .fourcolumns { width:25%; float:left; padding: 0px 0px 0px 0px; } .fourcolumn img, .fourcolumns img { margin-left: auto; margin-right: auto; display: block; } /* Definition - for three columns ---------------------------------------------- */ div.threecolumn, div.threecolumns { float: left; padding: 4px 0pt; width: 33%; } /*COLUMNS*/ .threecolumn_outer { width:33%; float:left; } .threecolumn_inner { padding:.3em .5em .3em .5em; } div.threecolumns .threecolumns-cell { min-height: 70px; } p.colimage { margin-right: 0px !important; } p.caption { width: 168px; margin-right: 0px !important; } /* added rule for photo captions - 2019 04 01 */ .photocaption { clear: both; float: left; width: 600px; min-height: 30px; font-style: italic; background-color: lightgray; } /* admin/build/block --------------------------------------------- */ table #blocks { border-collapse: collapse; } table #blocks tr td { border: 1px solid #ddd; vertical-align: middle; } /* Right Column Simple Menus */ #column-right div.block-menu { font-size: 12px; margin-bottom: 25px; } #column-right div.block-menu h2 { color: #333; font-size: 16px; font-weight: bold; padding: 0 16px 12px 24px; margin: 0; /* background: url('../../images/structural/sidebar-list-bg.gif') left bottom repeat-x; */ } #column-right div.block-menu ul { margin-top: 0; } #column-right div.block-menu ul li { display: block; float: none; width: 100%; } #column-right div.block-menu ul li.closed, #column-right div.block-menu ul li.open ul li.closed { background: url('../../images/arrows/arrow-small-right.png') 95% 15px no-repeat; } #column-right div.block-menu ul li.closed a:hover, #column-right div.block-menu ul li.open ul li.closed a:hover { background: #872175 url('../../images/arrows/arrow-small-right-white.png') 95% 15px no-repeat; } #column-right div.block-menu ul li.open { background: url('../../images/arrows/arrow-small-down.png') 95% 15px no-repeat; } #column-right div.block-menu ul li.open > a:hover { background: #872175 url('../../images/arrows/arrow-small-down-white.png') 95% 15px no-repeat; } #column-right div.block-menu ul li a { display: block; padding: 12px 0px 12px 34px; color: #333; /* background: url('../../images/structural/sidebar-list-bg.gif') left bottom repeat-x; */ } #column-right div.block-menu ul li a:hover { background: none; background-color: #872175; color: #fff; text-decoration: none; } /* second level sidebar menu */ #column-right div.block-menu ul li ul { background-color: #dee0df; } #column-right div.block-menu ul li ul li a { padding-left: 44px; } /* third level sidebar menu */ #column-right div.block-menu ul li ul li ul { padding-bottom: 2px; /* background: url('../../images/structural/sidebar-list-bg.gif') left bottom repeat-x; */ list-style-image: none; list-style-type: none; } #column-right div.block-menu ul li ul li ul li a { padding: 8px 0 8px 58px; /* background: url('../../images/structural/sidebar-list-bg.png') left top repeat; */ } /* Active Link */ #column-right div.block-menu ul li.active > a { font-weight: bold; } /* Comments --------------------------------------------- */ #comments { margin: 20px 10px 10px 10px; border-top: 3px solid #555559; font-size: 0.9em; } #comments h2{ padding-top: 20px; margin-bottom: 0; } div.comment div.content { padding: 15px; padding-bottom: 5px; } #comments div.odd div.content { background-color: #f6f6f6; } div.comment p.submitted { margin-bottom: 0; border-bottom: 1px solid #cbcbcb; /* font-size: 12px; font-size: 0.9em;*/ color: #444; padding-top: 15px; } #comments div.indented div.comment p.submitted { text-align: right; } #comments div.indented div.comment p.submitted, #comments div.indented div.comment div.content { border-left: 1px solid #cbcbcb; } #comments div.content .links { margin: 0; padding: 0; } #comments div.content .links li { list-style-type: none; text-align: right; text-transform: capitalize; display: inline; /* font-size: 12px; */ } /* =========================== */ /* = Post a new comment form = */ /* =========================== */ #comments div.box h2 { margin: 15px 0 0 0; } #comment-form { margin-bottom: 15px; } #comment-form div.form-item { clear: both; margin: 8px 0; } #comment-form label { display: block; float: left; width: 120px; } #comment-form div.description { font-size: 12px; margin: 8px 0 8px 125px; } #comment-form textarea { font-size: 13px; padding: 6px; color: #333; width: 350px; height: 150px; } #comment-form div.preview { background-color: rgb(255, 249, 150); padding: 15px 15px 5px 15px; margin-bottom:15px; } #comment-form div.preview div.comment div.content { background-color: rgb(255, 249, 150); } #comment-form div.preview div.comment p.submitted { margin-bottom: 5px; border-bottom: 1px solid #cbcbcb; font-size: 12px; color: #444; padding-top: 15px; } #comment-form .textarea-identifier { display: none; } /* Research Editor Top Menu --------------------------------------------- */ #block-block-13 { position: absolute; display: block; top: 15px; /* was top: 70px; - 2016 11 18 - Andrew Thorburn */ right: 290px; /* was right: 360px; - 2016 11 18 - Andrew Thorburn */ z-index: 1000; } /*#block-block-13 a { color: #FFFFFF; commented out 2022 05 06 }*/ #re-nav li { display: inline; float: left; position: relative; padding: 5px 0; } #re-nav li.dropdown { background: url('../../images/arrows/arrow-small-down.png') no-repeat right center; width: 85px; } #re-nav ul { list-style-type: none; display: none; position: absolute; top: 100%; left: 0; background-color: #555559; /* was background-color: #862074; - 2017 02 01 Andrew Thorburn */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* behavior: url(/PIE.htc);*/ padding: 12px; z-index: 1000; } #re-nav li:hover ul { display: block; } #re-nav ul li { float: none; list-style-type: none; width:100%; margin: 0; } #re-nav ul li a { display: block; color: #fff !important; margin: 0; width:100%; padding: 0; border-top: 6px solid #555559; /* was border-top: 6px solid #862074;*/ border-bottom: 6px solid #555559; /* border-bottom: 6px solid #862074; */ white-space: nowrap; } /* Tables */ div#column-left table{ width:100%; background:#fff; padding:12px 0; border: none; border-collapse: collapse; border: 1px solid #ddd; margin: 0 0 18px 0; clear: both; } div#column-left table tr { } div#column-left table th { font-weight: bold; background-color: #eee; padding:8px; border: 1px solid #ddd; } div#column-left table td { padding: 8px; border: 1px solid #ddd; } div#column-left table img { margin: 5px; } /* new style rule added to the stylesheet to hide the green background on the form submit button on the projects search page Andrew Thorburn 30th August 2012 */ #edit-submit-Projects.form-submit, #edit-submit-events.form-submit, #edit-submit-Staff.form-submit, #edit-submit-blogs.form-submit { background: none; } #edit-submit-2-3-projects.form-submit { background: none; } /* 5th March 2013 - new style to deal with the tables on Julia's page */ .catchment-management-projects table.views-view-grid { width: 100%;} .catchment-management-projects table.views-view-grid td { width: 50%;} .taxonomy-term-description ul { /* border: 1px solid green !important;*/ padding-left: 30px !important; } .taxonomy-term-description ul li { padding: 5px !important; } /* New style rule added to clear text after other divs - Andrew Thorburn 4th April 2013 */ .clearing {clear: both;} /* New style rule added to create a green box - Andrew Thorburn 28th June 2013 */ .greenbox { border: #78A22E 2px solid; /* color: white; */ margin-right: 5px; padding: 5px; /* border: none; */ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; behavior: url(/PIE.htc); } .greybox { background: gray; /* color: white; */ margin-right: 5px; padding: 5px; /* border: none; */ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; behavior: url(/PIE.htc); } /* 28th February 2014 - rule to hide the revision tick box */ #edit-revision-wrapper { display: none !important; } /* 5th September 2014 */ #addtoanyonblog { border: 0px !important; } /* 12th November 2014 Rules to deal with the PayPal boxes */ .paypal { /* border: red 1px solid; */ } .paypal img, .paypal input, .paypal table {border:none !important; outline: none !important;} /* 3rd December 2014 Rule to deal with the International Year of Soil logo */ #iyos { padding-top: 20px; } /* 8th January 2015 Rule to show the SEGS feedburner form */ #segsfeedburner, #waterresearchfeedburner { float: right; width: 220px; padding-left: 10px; font-size: .8em; z-index: 9999; } #feedburner { /* float: right; border: 1px grey dashed; */ } #segs-images-outer {} #segs-images-outer .twocolumns { width: 35%; /* updated 2021 10 20*/ } /* Twitteer SEGS block - 2021 03 18 */ #block-block-18 { float: right; z-index: 99; position: relative; } #block-block-17 { z-index: 9999; } #feedburner-link { display: none; } #block-menu-menu-blogs { padding-top: 20px; } /* rule to format / hide items on the main blogs page - 2017 03 15 */ .page-blogs #segsfeedburner, .page-blogs .a2a_dd { display: none; } .page-blogs .blog_image_outer {float: right;} /* 4th February 2015 Rule to hide the publications ID field */ .field-field-publications-id {display: none;} /* 26th February 2015 new rule to format the webform emails */ #webform-email {font-family:Arial,Helvetica,sans-serif;} #webform-email h1 {font-family:Arial,Helvetica,sans-serif;} #webform-email table { font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; width: 95% !important; } #mimemail-body {font-family:Arial,Helvetica,sans-serif;} /* 2nd March 2015 rule to force word wrapping in CKEditor source code */ .cke_source { white-space: normal !important; } /* 18th May 2015 Rule for post graduate staff photos to show on the Postgraduate page */ .postgradphoto { float: right; padding: 5px; /*background: transparent url("../../images/structural/photo-small-bg.gif") no-repeat scroll left top;*/ display: block; height: 139px; width: 183px; } /* Postgraduate students page - 2019 09 26 */ #block-views-Staff-block_22 table th.views-field-title, #block-views-Staff-block_22 table td.views-field-title { width: 20% !important; } /* 25th June 2015 Rule to align twitter feed for Project page */ #twitter_outdooraccess, #twitter-SEGS-moving { width: 250px; float: right; background: none !important; } /* 2015 08 03 - note about rule below - this is the turn the second level header green for any item in the views - Andrew Thorburn */ #column-left div.view-header h2 { color: #78a22e; font-weight: normal; font-size: 18px; } /* new rule to hide the revision tick box Andrew Thorburn 2016 03 07 */ #edit-revision-wrapper { display: none !important; border: 1px solid red; } /* New rule to pad the James Hutton logo when it is being used on hosted sites Andrew Thorburn 2016 03 14 */ #jhi-logo { padding: 0px 5px; } /* New rule to hide the content on the Vibrant Rural Communities – The Cabrach case study | The James Hutton Institute Page Andrew Thorburn 29th March 2016 */ #node-10184 { /*border: 1px solid red; */ display: none; } /* New rule to format the staff services page items Andrew Thorburn 2016 04 15 */ .staff-service-items { min-height: 200px; } /* New rule to format Google Maps added to certain pages Andrew Thorburn 2016 05 03 Rule amended to include other images that need to fit inside the page margins */ .GooglePageMap, .LargerImagesPageMargin { margin-left: -20px; } #googlemap_meem { float: left; padding-right: 10px; min-height: 300px; } /* Exploring Scotland - new rules - Andrew Thorburn - 2016 08 01 */ /* right align images used on the Explore Scotland pages */ .imageholderexplorescotland { width: 250px; float: right; text-align: center; clear: both; } table.explorescotland-soils a { color: #000000; } /* formatting the legend on the host web pages Andrew Thorburn - 2016 08 15 */ ul#hostdistromap {width: 160px; list-style-type: none !important; list-style-image:none !important;} #hostdistromap li a {display: block; font-weight: bold;} #hostclass1, #hostclass2, #hostclass3 { background-color: #FFFFFF; padding: 10px; width: 140px; } #hostclass4 {background-color: #ad7363; padding: 10px; width: 140px; color: #000000;} #hostclass5 {background-color: #d65239; padding: 10px; width: 140px; color: #000000;} #hostclass6 {background-color: #523931; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass7 {background-color: #ffde84; padding: 10px; width: 140px; color: #000000;} #hostclass8 {background-color: #ffde84; padding: 10px; width: 140px; color: #000000;} #hostclass9 {background-color: #bdc694; padding: 10px; width: 140px; color: #000000;} #hostclass10 {background-color: #bdbd84; padding: 10px; width: 140px; color: #000000;} #hostclass11 {background-color: #312931; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass12 {background-color: #292121; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass13 {background-color: #8c5a42; padding: 10px; width: 140px; color: #000000;} #hostclass14 {background-color: #18394a; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass15 {background-color: #7b9452; padding: 10px; width: 140px; color: #000000;} #hostclass16 {background-color: #523931; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass17 {background-color: #bd9484; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass18 {background-color: #dead9c; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass19 {background-color: #d6ced6; padding: 10px; width: 140px; color: #000000;} #hostclass20 {background-color: #eff7f7; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass21 {background-color: #ce424a; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass22 {background-color: #efe7e7; padding: 10px; width: 140px; color: #000000;} #hostclass23 {background-color: #e7dede; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass24 {background-color: #21739c; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass25 {background-color: #212939; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass26 {background-color: #de9cad; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass27 {background-color: #ad2929; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass28 {background-color: #525263; padding: 10px; width: 140px; color: #FFFFFF;} #hostclass29 {background-color: #4a2939; padding: 10px; width: 140px; color: #FFFFFF;} /* formatting the definitoon list tag - Andrew Thorburn - 2016 08 15 */ dl {} dt {} dd { margin-left: 15px; line-height: 25px; } dd:first-letter {text-transform: uppercase;} /* formatting the addtoany title - ANdrew Thorburn - 2016 11 01*/ div#block-addtoany-0 { margin: 0 0 12px 0; padding: 0 16px 0 10px; /* was padding: 0 16px 0 24px; 2017 01 02 - Andrew Thorburn */ } div#block-addtoany-0 h2 { color: #666666; font-size: 16px; font-weight: normal; margin: 0 0 12px 0; padding: 0; } /* 20th June 2016 Rule to format the Archived research theme pages */ #research-theme-archive { /* width: 80%; Item commented out - 2016 12 06 - Andrew Thorburn */ margin-left: auto; margin-right: auto; border: 2px solid #872175; padding: 10px; margin-bottom: 10px; /* Items below commented out to improve the page layout - 2016 12 06 - Andrew Thorburn border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */ } .redborder { border: 1px red solid !important; } /* rule to format the board of governors page images - 2017 02 02 - Andrew Thorburn*/ .board-info { clear:both; } /* new rule to hide the manin image on the commercial page - 2016 01 03 */ .node-type-page #column-left #node-26 .content fieldset { display: none; } /* Staff Profile information - 2017 03 02 - Andrew Thorburn */ #user-profile-form .description p {padding-top: 10px;} /* new rule to fomrat RSS feed icon - 2017 03 24 */ .feed-icon { padding-bottom: 10px; margin-left: 0px; /* float: right; */ clear: both; } /* code added to */ #nar_atom_feed_outer { margin: 10px; } #nar_atom_feed { float: right; } /* SEFARI rules - 2017 05 09 - Andrew Thorburn */ #sefari-block-outer, #srp2016-21, #srp2011-16 { margin: 20px 0 40px 0; clear:both; } /* SEFARI Logo - 2018 09 11 */ #sefari_logo { padding-left: 0px; max-width: 188px; margin-left: auto; margin-right: auto; } #sefari_logo img { margin-left: auto; margin-right: auto; padding: 10px; /* background-color: #FFFFFF; */ } /* news information - 2017 08 01 - */ #news-item-more-information-contact, .field-field-news-further-contact { /*display: none !important; border: 1px gray solid; */ } #node-5160 .field-field-news-further-contact, #node-5152 .field-field-news-further-contact { /*display: block !important; */ } .news_date_wrapper{ float: right; width: 50px; } /* Business Sectors leads - 2018 03 07 */ .business_sector_leads {} .business_sector_leads_photo { float: right; } .business_sector_leads_body {} .business_sector_leads_body_text {} .business_sector_leads_further_information { padding-top: 10px; padding-bottom: 10px; text-align: right; } /* formatting the test pages to hide the menus - 2018 08 28*/ /* Commercial */ /* Publication added - 2018 09 05 */ #body-commercial #column-right, #body-publications #column-right, #body-consultation #column-right, #body-posters #column-right, /* #body-hutton #column-right, */ #body-events #column-right, .node-type-event #column-right, #body-seminars #column-right, #body-workshops #column-right, #body-news #column-right, .node-type-news #column-right, #body-videos #column-right, #body-media #column-right, .node-type-blog #column-right, .page-blogs #column-right, .page-blog #column-right { display: none; } #body-commercial #column-left, #body-publications #column-left, #body-consultation #column-left, #body-posters #column-left, /* #body-hutton #column-left, #body-events #column-left, */ .node-type-event #column-left, #body-seminars #column-left, #body-workshops #column-left, #body-news #column-left, .node-type-news #column-left, #body-videos #column-left, #body-media #column-left, .node-type-blog #column-left, .page-blogs #column-left, .page-blog #column-left { width: 100%; margin: 0px; } /* Updated events layout at the request of Gillian Stirton - 2022 05 13 */ #body-events #main, .node-type-event #main, #body-news #main, .node-type-news #main { /* border: 1px dashed yellow; */ width: 80%; } .node-type-event #main {} #body-events #column-left{ /* border: 1px dashed gray; */ width: 100% !important; margin-left: auto; margin-right: auto; } .node-type-event #column-left {} /* formatting the mission statment page - 2018 10 15 */ #node-5140 h2 a[href$=".pdf"] { background: none right center no-repeat !important; } /* project page - 2018 11 27 */ .field-field-project-type {clear: both;} /* testing tinynav - 2019 01 09*/ /* styles for desktop */ .tinynav { display: none } /**/ /* styles for mobile */ @media screen and (min-width: 300px) and (max-width: 959px) { .tinynav { display: block; width: 90%; margin-left: auto; margin-right: auto; } #block-menu-primary-links .menu { display: none } /**/ } .clear-block { /* clear: both; */ } /* formatting soils@hutton pages - 2019 08 12 */ #huttonsoils-mainpage-image-holder { } /* Soils@hutton subpages - 2019 05 13 */ .huttonsoils-subpages-image-holder { margin-left: auto; margin-right: auto; width: 100%; /* increased from 80% to 100% 2019 08 09 */ min-height: 170px; } .huttonsoils-subpages-image-holder p { width: 90%; margin-left: auto; margin-right: auto; } .huttonsoils-subpages-image-holder img { /* width: 250px !important; height: 181px !important; */ width: 100% !important; height: auto !important; } .huttonsoils-subpages-image-holder > p, .huttonsoils-subpages-image-holder .fourcolumns p a, .huttonsoils-subpages-intro-text { clear: both; } /* Crop Diversification Cluster - 2019 05 13 */ #crop-diversification-cluster-project-list, .crop-diversification-cluster-project-list { /* float: left; clear: both; */ min-height: 90px; /* line-height: 100px; */ width: 65%; margin-left: auto; margin-right: auto; } .crop-diversification-cluster-project-list .crop-diversification-cluster-project-list-image { /* width: 180px !important;*/ min-height: 100px; max-height: 100px; width: 100%; /* float: left; text-align: center; */ } .crop-diversification-cluster-project-list-image a img{ /* width: 210px !important; max-width: 210px !important; */ } .crop-diversification-cluster-project-list-image img { max-width: 200px !important; height: 90% !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; /*display: inline-block; */ } .crop-diversification-cluster-project-list-text { /* clear: both; */ margin-left: 210px; width: 75%; padding-top: 25px; } #cdc_logo_placeholder { float: right; } ul#cdc_internal_navigation { width: 100%; /* background: #555559; */ clear: both; } #cdc_internal_navigation li /*, #cdc_internal_navigation li a */ { float: left; list-style: none; width: 16%; /* background: #555559; */ text-align: center; color: #76B72A; line-height: 50px; } #cdc_internal_navigation li a { color: #76B72A; font-size: 1.5em; } #body-crop #column-left h1 {display: none;} /* added new rule to aid hyperlink anchors - 2019 05 16 */ /* .anchor { position: relative; } .anchor a { position: absolute; left: 0px; top: -250px; } */ /* // http://darktef.github.io/posts/2017-03-offset-html-anchors-for-fixed-header-with-css // For modern browsers, just add the CSS3 :target selector to the page. // This will apply to all the anchors automatically. // ref: http://stackoverflow.com/a/21707103/6220029 */ :target { display: block; position: relative; top: -250px; visibility: hidden; } /* Climate Change pages - 2019 07 03 */ .climate-change-navigation-outer, .digital-soils-navigation-outer, .ebs-research-facilities-navigation-outer{} .climate-change-navigation-outer .views-fluid-grid-inline, .digital-soils-navigation-outer .views-fluid-grid-inline, .ebs-research-facilities-navigation-outer .views-fluid-grid-inline { /* border: 1px red solid !important; */ max-width: 32% !important; /* updated from 15% to 30% - 2019 07 31 */ width: 32% !important; /* updated from 15% to 30% - 2019 07 31 */ } .view-id-ClimateChangeNavigation, .view-id-DigitalSoilsNavigation, .view-id-EBSFacilitiesNavigation { max-width: 100%; margin-left: auto; margin-right: auto; } .climatechangeouter, .digitalsoilsouter, .ebsresearchfacilitiesouter { display: table; height: 100px; width: 100%; text-align: center; /* border: 2px dashed #f69c55; */ } .climate-change-navigation-box, .digital-soils-navigation-box, .ebs-research-facilities-navigation-box{ text-align: center; min-height: 200px; height: 200px; } .climatechange-image, .digitalsoils-image, .ebsresearchfacilities-image {} .climatechange-title, .digitalsoils-title, .ebsresearchfacilities-title { padding-top: 10px; } .climatechangeouter a, .digitalsoilsouter a, .ebsresearchfacilitiesouter a { display: table-cell; vertical-align: middle; } /* Climate Chnage Publications - 2020 04 15 */ #ClimateChangePublicationsWrapper { margin-left: 20px; margin-right: 20px; } #ClimateChangePublicationsWrapper li { padding-top: 5px; padding-bottom: 5px; } /* new rules for senior mamagement staff pages - 2019 07 19 */ .senior-management-team-page div.bg {margin: 0px;} .senior-management-team-page-row {} .senior-management-team-page-row-wrapper { min-height: 240px; } .senior-management-team-page-staff-title{} .senior-management-team-page-staff-image {} .senior-management-team-page-staff-further-info {} /* added rule to show image behind unpublished nodes - 2019 08 01 */ .node-published-status-0, .node-published-status-0 h1.with-tabs:after { /* content: ' [** Page Not Published **] '; border: 1px gray dashed; background-color: #fff4f4;*/ } /* Site Closure - Coronavirus disease (COVID-19) - 2020 03 12 */ #block-views-covid_19-block_1 { /* clear: both; */ max-height: 50px; /* border: 1px red solid; max-width: 50%; width: 50%; */ /* float: left; margin-left: 20%; */ padding-left: 10px; height: 50px; margin-bottom: 5px; /* width: 100%; */ margin-left: auto; margin-right: auto; line-height: 45px; border: 1px solid #555559; background-color: #555559; color: #ffffff; } #covid-19-outer { height: 50px; } #block-views-covid_19-block_1 h1, #block-views-covid_19-block_1 h2, #block-views-covid_19-block_1 span#covid-19-title { display: inline; /* font-size: 30px !important; Commented out 2020 07 06 */ font-size: 20px !important; /* line-height: 50px; Commented out 2020 07 06 */ vertical-align: top; /* display: none; */ } span#covid-19-subtext { line-height: 50px; } #block-views-covid_19-block_1 h1 a, #block-views-covid_19-block_1 h2 a, #block-views-covid_19-block_1 a { /* color: #F40808 !important; */ color: #559bbd; } #covid-19-image { max-height: 45px; width: auto; /* padding-top: 5px; */ padding-right: 10px; } #covid-events-image { float: right; } #block-block-41 { margin-left: auto; margin-right: auto; width: 95%; font-size: 0.9em; } #block-block-41 h2 { color: red } /* Campus Consultaiton - 2020 07 21 */ #block-views-campus_consultation-block_1 { clear: both; /**/ max-height: 50px; /* border: 1px red solid;*/ max-width: 40%; width: 40%; float: left;/* */ margin-left: 30%; /* padding-left: 10px; */ height: 50px; margin-bottom: 5px; /* width: 100%; margin-left: auto; margin-right: auto;*/ line-height: 50px; border: 1px solid #872175; background-color: #872175; color: #ffffff; } #campus-consultation-outer { height: 50px; text-align: center; } #block-views-campus_consultation-block_1 h1, #block-views-campus_consultation-block_1 h2, #block-views-campus_consultation-block_1 div#campus-consultation-title { display: inline; /* font-size: 30px !important; Commented out 2020 07 06 */ font-size: 20px; /* line-height: 50px; Commented out 2020 07 06 */ vertical-align: top; /* display: none; padding-left: 15px;*/ } #campus-consultation-title a { color: #FFFFFF; } div#campus-consultation-subtext { line-height: 50px; display: none; } #block-views-campus_consultation-block_1 h1 a, #block-views-campus_consultation-block_1 h2 a, #block-views-campus-consultation-block_1 a { /* color: #F40808 !important; */ color: #559bbd; } #campus-consultation-image { max-height: 45px; width: auto; /* padding-top: 5px; */ padding-right: 10px; } #covid-events-image { float: right; } #block-block-41 { margin-left: auto; margin-right: auto; width: 95%; font-size: 0.9em; } #block-block-41 h2 { color: red } /* updated rules for accessing the view context links - 2020 04 08 */ div.view div.views-admin-links li { font-size: 16px; } div.view div.views-admin-links li a { color: #559bbd; } #campus-layout-invergowrie { clear: both; width: 70%; margin-left: auto; margin-right: auto; } /* Formatting the SEGS Staff page section on topics studied - 2020 08 13 */ #node-14197 #topics-studied, #node-14197 .topics-studied, #node-15540 #topics-studied, #node-15540 .topics-studied { /* float: right; */ /* width: 90%; commented out 2021 10 29 */ width: 100%; margin-left: auto; margin-right: auto; /* margin-left: 15px !important; background-color: #d5d3d3; */ /* background-color: #BFDBFF; */ /* updated to be a lighter shade of the blue research colour in the menu bar - 2020 08 26 */ font-size: 0.8em; } #node-14197 #topics-studied ul, #node-15540 #topics-studied ul { columns: 3; /* Updated to 3 three columns 2021 10 29 */ list-style-type: none; margin: 20px 0 18px 20px !important; /* Updated from 0px to 20px for the top margin - 2021 10 29 */ } /* new rule to format the feed maintenance block */ #feedmaintenance { min-height: 130px; margin-left: auto; margin-right: auto; width: 90%; } /* Formatting the staff layout on the Social Simulation pages - 2020 11 18 */ .view-staffname-centered, .view-staffprogramme-centered { text-align: center; } /* Hiding errant line above the tabs - 2020 11 18 */ ul.primary { border-bottom: 1px solid #FFF; padding: 0; } /* Added rules to format the ISO marks - 2020 12 14 */ #isocertificates {float: right;} #iso9001{clear:both;} #iso9001JHG{} #iso9001JHL{} #iso9001BioSS{} #iso9001JHI{} #iso14001{clear:both;} #iso14001JHG{} #iso14001JHL{} #iso14001BioSS{} #iso14001JHI{} .iso9001mark, .iso14001mark, #iso9001heading, #iso14001heading { padding: 5px; text-align: center; } /* new rules added to allow collapsible sections on Privacy page - 2020 01 06 */ .expand-table, .collapse-table { color: blue; text-decoration: underline; } .toggle-controls { padding: 10px; } /* additonal rules for formatting the ISO marks in the footer - 2021 01 26 */ #isocertificates-footer { margin-left: auto; margin-right: auto; padding-top: 50px; max-width: 320px; } #iso9001-footer, #iso14001-footer{} #iso9001JHI-footer, #iso14001JHI-footer{}{ float: left; padding: 5px; } .iso9001mark-footer, .iso14001mark-footer{ float: left; padding: 5px; } /* Updates to effect changes on certain SEGS pages - 2021 09 14 - Andrew Thorburn */ #node-14201 .group-page-img-quote, #node-17488 .group-page-img-quote { display: none !important; } /* supplied style rules - for European Social Simulation Association Summer School in Social Simulation 2023 event page https://www.hutton.ac.uk/events/european-social-simulation-association-summer-school-social-simulation-2023 2023 04 07 */ #essa-schedule-table { border: 1px solid #6c7a89; border-collapse: collapse; font-family: sans-serif; } #essa-schedule-table th { font-weight: bold; background-color: #FFFFFF !important; } #essa-schedule-table th, td { border: 0.5px solid #6c7a89; padding: 8px; } /* Assignments colors to cases for demonstration purposes */ /*tr:nth-child(8) td:nth-child(6) */ td.not-used { background-color: #000000;/*black*/ } /* tr:nth-child(2) td:nth-child(2), tr:nth-child(2) td:nth-child(3), tr:nth-child(2) td:nth-child(4), tr:nth-child(2) td:nth-child(5), tr:nth-child(2) td:nth-child(6), tr:nth-child(7) td:nth-child(6), tr:nth-child(8) td:nth-child(2), tr:nth-child(8) td:nth-child(3), tr:nth-child(8) td:nth-child(4), tr:nth-child(8) td:nth-child(5),*/ td.group-session { background-color: #dadfe1;/*grey*/ } /* tr:nth-child(3) td:nth-child(2), tr:nth-child(4) td:nth-child(2), tr:nth-child(3) td:nth-child(4), tr:nth-child(4) td:nth-child(5), tr:nth-child(3) td:nth-child(6), tr:nth-child(6) td:nth-child(4), tr:nth-child(7) td:nth-child(5) */ td.lecture { background-color: #D81B60;/*red*/ color: white; } /* tr:nth-child(3) td:nth-child(3), tr:nth-child(3) td:nth-child(5), tr:nth-child(6) td:nth-child(3), tr:nth-child(7) td:nth-child(2),*/ td.individual-work { background-color: #FFC107;/*yellow*/ } /*tr:nth-child(4) td:nth-child(3), tr:nth-child(4) td:nth-child(4), tr:nth-child(4) td:nth-child(6), tr:nth-child(6) td:nth-child(2), tr:nth-child(6) td:nth-child(5), tr:nth-child(5) td:nth-child(6), tr:nth-child(6) td:nth-child(6), tr:nth-child(7) td:nth-child(3), tr:nth-child(7) td:nth-child(4), */ td.group-work { background-color: #1E88E5; /*blue*/ color: white; } /* tr:nth-child(5) td:nth-child(2), tr:nth-child(5) td:nth-child(3), tr:nth-child(5) td:nth-child(4), tr:nth-child(5) td:nth-child(5), */ td.guest-lecture { background-color: #004D40;/*green*/ color: white; } #block-block-49 { border: 1px black solid; margin-bottom: 7px; padding: 5px 5px 11px 5px; height: 114px; height: 150px; }