custom.css
custom.css
— 18.0 KB
Dateiinhalt
@charset "utf-8"; /*------------------------OBERER MENÜBEREICH----------------------------------------*/ #portal-breadcrumbs { display: none; } .top #portal-top { margin-left: 0; } #folder_image { width: 600px !important; position: absolute !important; left: -19.9em; } .audience-menu.menu { text-align: center; padding: 0; margin: 0; } div#audience-menu-wrapper { margin-left: -21.06em; position: sticky; top: 0em; z-index: 1; box-shadow: 5px 5px 10px grey; } #audience-menu ul.menu-list { margin-left: 19%; } ul.submenu-children { position: sticky; z-index: 3; } .menu-divider { top: -0.1em; margin-right: 1.3em; } .header-menu{ margin-left: -19.9em; } /*---------------------------LINKES NAVIGATIONSMENÜ------------------------------------*/ div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 { margin-top: 14em; width: 100%; margin-right: -18%; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 li.navTreeItem { background-color: transparent; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel0 li.navTreeCurrentNode { background-color: transparent; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel0 li.navTreeCurrentNode a.navTreeCurrentItem { display: block !important; color: black!important; text-align: center !important; background-color: white !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel0 li.navTreeTopNode { background-color: transparent; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel0 li.navTreeTopNode a.contenttype-folder { display: block !important; color: white !important; text-align: center !important; background-color: rgba(0, 51, 102,1) !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel0 li.navTreeTopNode a.contenttype-folder:hover { display: block !important; color: black!important; text-align: center !important; background-color: white !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel0 a.navTreeFolderish { display: block !important; color: white !important; text-align: center !important; background-color: rgba(0, 51, 102,1) !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel0 a.navTreeFolderish:hover { display: block !important; color: black!important; text-align: center !important; background-color: white !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel1 li.navTreeCurrentNode { background-color: transparent; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel1 li.navTreeCurrentNode a.navTreeCurrentItem { display: block !important; color: black!important; text-align: center !important; background-color: white !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel1 a.navTreeFolderish { color: white !important; text-align: center !important; background-color: rgba(0, 51, 102,0.6) !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; display: block !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel1 a.navTreeFolderish:hover { color: black !important; text-align: center !important; background-color: white !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; display: block !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel2 li.navTreeCurrentNode { background-color: transparent; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel2 li.navTreeCurrentNode a.navTreeCurrentItem { display: block !important; color: black!important; text-align: center !important; background-color: white !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel2 a.navTreeFolderish { color: white !important; text-align: center !important; background-color: rgba(0, 51, 102,0.3) !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; display: block !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 ul.navTreeLevel2 a.navTreeFolderish:hover { color: black !important; text-align: center !important; background-color: white !important; margin: 8px 10px !important; padding: 3px 0px !important; border: 2px solid black !important; border-radius: 4px !important; display: block !important; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 dl.portletNavigationTree ul.navTree.navTreeLevel0 li a img, dl.portletNavigationTree ul.navTree.navTreeLevel0 li a span { margin-left: 0; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 dl.portletNavigationTree ul.navTree .navTreeLevel1 li a img, dl.portletNavigationTree ul.navTree .navTreeLevel1 li a span { margin-left: 0; } div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a68696f736e6176 dl.portletNavigationTree ul.navTree .navTreeLevel2 li a img, dl.portletNavigationTree ul.navTree .navTreeLevel2 li a span { margin-left: 0; } /*-----------------------KONTAKTPORTLET RECHTS--------------------------------------*/ div#sidebar { position: sticky; top: -2em; } div#sidebar p { text-align: left; position: sticky; } /*@media screen and (min-width:500px) { div#sidebar {width: 18%; } div#sidebar p { text-align: left; } }*/ div#portletwrapper-706c6f6e652e7269676874636f6c756d6e0a636f6e746578740a2f70687973696b5f7035322f64652f7366623935310a636f6e74616374{ position:sticky; top:0; } /*------------------------------UNTERES PORTLET-------------------------------------*/ #viewlet-below-content { margin-top: 20px; } .institutionscontainer { display: flex; flex-wrap: wrap; flex-direction: column; flex-flow: column; align-items: center; justify-content: space-between; align-content: space-between; margin-left: 15%; margin-right: 15%; } /*=================================================================CONTENT======================================================================*/ .spalten img { width: auto !important; } .drei.erste { float: none; } .zweidrittel { width: 69%; box-sizing: border-box; } .eindrittel { width: 30%; box-sizing: border-box; } .content { padding-top: 1em; margin-left: 18%; width: 64%; } #content-core { min-height: 38em; } #parent-fieldname-title { display: none; /*hides the title of the page*/ } h2 { text-align: center; margin-bottom: 20px; font-weight: bold; font-size: 200%; } h3 { text-align: center; } h4 { text-align: left; } h5 { text-align: left; } p { text-align: justify; } .acc-heading::before { display: none; /*hides the arrow before accordion-links*/ } /*----------------------------GENERALLY USED CLASSES-----------------*/ .framed { margin: 10px; padding: 10px; background-color: rgb(245, 245, 245); border: 2px rgb(0, 51, 102) solid; border-radius: 3px; } a.nav { color: white; background-color: rgb(0, 51, 102); border: 1px black solid; padding: 5px; margin: 2px; border-radius: 5px; text-align: center; font-size: 70%; } a.nav:hover { color:black; background-color: white; border: 1px black solid; padding: 5px; margin: 2px; border-radius: 5px; } .nbarcontainer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .nbar { text-align: center; font-size: 70%; margin-top: 15px; margin-bottom: 40px; } .pubentry { text-align: justify; margin-top: 6px; margin-bottom: 10px; line-height: 1.5em; } .spalten li { border-bottom: none !important; list-style: square !important; margin: -0.5em 0 0 1.5em !important; } /*----------------------------STARTPAGE-------------------------------*/ .hiostext { margin 8px 50px 12px 50px; text-align: justify; } .hiosvideo { text-align: center; margin-top: 4px; margin-bottom: 8px; } img.hiosvideopic { width: 65%; margin-top: 6px; } .news { margin-top: 12px; margin-bottom: 12px; text-align: center; } .centraltable {margin-top: 12px; margin-bottom: -8px; text-align: center;} .tabletitle { padding: 4px; text-align: center; background-color: rgba(0, 51, 102, 1); color: white; border: 1px solid black; border-radius: 4px; margin-bottom: 8px; } .irisfield { text-align: justify; margin-top: 8px; } img.irispic {float: left; margin-top: 10px; width: 25%;} /*----------------------------PROJECT PAGES----------------------------*/ .projectfield { margin: 10px; padding: 10px; background-color: rgb(245, 245, 245); border: 2px rgb(0, 51, 102) solid; border-radius: 3px; display: block; text-align: center; height: 17em; width: 12em; position: relative;} .fieldnumber { font-weight: bold; color: rgb(153, 0, 0); display: block; font-size: 120%; width: 100%; position: absolute; top: 5%; left: 0%;} .fieldpis { color: black; display: block; width: 100%; position: absolute; top: 20%; left: 0; } .fieldname { font-size: 85%; display: block; text-align: center; width: 90%; position: absolute; top: 40%; left: auto; color: slategrey; } .fieldname:hover { font-size: 85%; display: block; text-align: center; width: 90%; position: absolute; top: 40%; left: auto; color: black; } .prevproj { background-color: rgba(0, 51, 102, 0.2); color: white; margin: 0; padding: 5px; font-size: 80%; float: left; } .prevproj:hover { background-color: rgba(0, 51, 102, 1); color: white; margin: 0; padding: 5px; font-size: 80%; float: left; } .prevproj:visited { background-color: rgba(0, 51, 102, 0.2); color: white; margin: 0; padding: 5px; font-size: 80%; float: left; } .nextproj { background-color: rgba(0, 51, 102, 0.2); color: white; margin: 0; padding: 5px; font-size: 80%; float: right; } .nextproj:hover { background-color: rgba(0, 51, 102, 1); color: white; margin: 0; padding: 5px; font-size: 80%; float: right; } .nextproj:visited { background-color: rgba(0, 51, 102, 0.2); color: white; margin: 0; padding: 5px; font-size: 80%; float: right; } .allproj { background-color: rgba(0, 51, 102, 0.2); color: white; padding: 5px; font-size: 80%; text-align: center; } .allproj:hover { background-color: rgba(0, 51, 102, 1); color: white; padding: 5px; font-size: 80%; text-align: center; } .allproj:visited { background-color: rgba(0, 51, 102, 0.2); color: white; padding: 5px; font-size: 80%; text-align: center; } .allprojpar { text-align: center; } .projnbarcontainer { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; align-content: space-around; } .projnbar { text-align: center; } img.conim { position: absolute; top: 5%; height: auto; width: auto; max-height: 14em !important; max-width: 20em !important; min-height: 14em; } .confield { position: relative; height: 25em; } .condata { position: absolute; top: 68%; } .objectives { text-align: justify; } .contacts { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin: 2em 0em 0em 0em; } .member{ flex: auto; max-width: 15em; margin: auto; } .member > img { display: block; margin: 0 auto 0 auto; padding: 0.5em 0 0.5em 0; max-height: 14em !important; max-width: 15em !important; } .member > p { margin: 0 0 0.2em 0em; text-align: center; } /*---------------------------------EVENTS-----------------------------*/ h4.events { text-align: center; } .eventsupcoming{ } .eventspast{ text-align: center; margin-top: 20px; padding: 10px; } .collink{ font-weight: bold; } .col .name{ text-align: center; font-weight: bold; margin: 0em auto; } .col .institution{ text-align: left; margin: 0.5em auto; font-size: 80%; } .col .talk{ text-align: left; font-style: italic; margin: 0em auto; } .col .day{ text-align: left; margin: 1em auto 0em; } .col .time{ text-align: left; font-weight: bold; margin: 0em auto 0.5em; } .col .building{ text-align: left; margin: 0.5em auto 0em; } .col .room{ text-align: left; font-weight: bold; margin: 0em auto 0.5em; } .col .abstracts{ text-align: center; margin: 2em auto 0em; } .col .separator{ text-align: center; margin: 0.5em auto; } /*-----------------------------PUBLIC EVENTS--------------------------*/ .publiclogoscontainer { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: space-around; justify-content: space-around; } .publiclogoscontainer > a img { max-width: 20em !important; max-height: 15em !important; margin: 0.8em auto 0.8em auto; } .pubframed { margin: 10px; padding: 10px; background-color: rgb(245, 245, 245); border: 1px rgb(0, 51, 102) solid; border-radius: 3px; } .pubcenter { display: block; margin-left: auto; margin-right: auto; text-align: center; } #gd { background: #ffffff url(girls-day-2015.png) no-repeat scroll; position: absolute; width: 200px; height: 150px; } /*-------------------------------MEMBERS----------------------------*/ .position { width: 35%; } /*-----------------------------SYMPOSIUM 2018------------------------*/ .symposnav { list-style: none !important; position: sticky; top: 1.8em; z-index: 2; line-height: 1.8em !important; margin: 0.35em auto 0 auto !important; padding: 0 !important; background-color: #003366; color: white !important; text-align: center; } .symposnavitem { list-style: none; display: inline !important; } .symposnav a { color: white !important; } .symposnav a:hover { color: rgb(153,153,102) !important; } li.routehead { display: block !important; margin: 0 0 0.5em -1em !important; } li.routelink { display: block !important; margin: 0.5em 0 1.5em 0 !important; } #symposiumtable th,td { border-bottom: 1px solid #B2C1D1; } /*---------------------------HIGHLIGHTS--------------------------*/ img.reshighpic { display: block; margin-left: auto; margin-right: auto; width: 70% !important; }