/* Copyright: 2011 Sören Bernstein */ /* *************************************************************** */ /* DE CSS für das Standard-Aplaws-Theme, adaptiert für Mandalay */ /* EN CSS for the standard aplaws theme, adapted for Mandalay */ /* ************************************************************** */ /* DE Dieses CSS ist für alle Browser gedacht */ /* EN This CSS is for all browsers */ /* DE Erlaubte Techniken / Befehle: - HTML-Formate (CSS 1.0 - Standard, keine Wildcards) - Individualformate (#) - Klassendefinitionen (.) - Pseudoformate (:active, ...) nur für - Postionsangaben absolute, relative, float, normal - Display-Angaben - Größenangaben width, height - float, clear, z-index */ /* EN Useable methods / statements - HTML-formats (CSS 1.0 standard, no wildcards) - individual formats (#) - class specific formats (.) - pseudo formats (:active, ... only for - position statements: relative, float, normal - display statements - size statements: width, height - float, clear, z-index */ /* DE Standardwerte für die Schriftgrößen - Firefox: Proportionale Schrift: 16pt Feste Breite: 13pt Minimale Größe: Keine */ * { margin: 0em; padding: 0em; } html { } body { margin: 0em auto; font-family: Verdana, Helvetica, Arial, sans-serif; color: #4a4a4a; max-width: 79em; min-width: 62.44em; } /* Überschriften */ h1 { font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 1.5em; color: #046cbe; font-weight: normal; text-transform: uppercase; margin-bottom: 0.15em; padding-bottom: 0em; line-height: 1.3em; page-break-after: avoid; } h2 { font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 1.5em; color: #046cbe; padding-bottom: 0em; margin-bottom: 0.15em; font-weight: normal; line-height: 1.3em; page-break-after: avoid; } h3 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.15em; margin-top: 1.5em; margin-bottom: 0.5em; padding: 0em; page-break-after: avoid; } h4 { margin-top: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: bold; } h5 { margin: 0.5em 0em 0.7em 0em; padding: 0.5em 0em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.05em; color: #046cbe; } h6 { background-image: url('../../../images/backgrounds/bg_balken.png'); background-color: #046cbe; margin: 0.25em 0em 0.7em 0em; padding: 0.5em 0.7em; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; color: #ffffff; } h3 a, h5 a { color: #046CBE; letter-spacing: 0.05em; } /* Absätze */ p + p { margin-top: 1em; } /* Tabellen */ table { } th { } td { } /* Listen-Elemente */ #content ul, #content ol { margin: 1em 0em; margin-left: 2.5em ; /* color: #046cbe !important; */ } #content li { /* color: #046cbe; */ } #itemList ul, #itemList ol { margin: 0em !important; } /* Definitionslisten */ dl { margin: 1em 0em; } dt { } dd { margin-left: 2em; margin-bottom: 0.5em; } /* Links */ a, a:link, a:visited { color: #046cbe; text-decoration: none; } a:focus, a:hover, a:active { color: #ba002c; /* text-decoration: underline; */ } /* Bilder in einem Link */ a img { border: none; } a.pdfLink, a.storeLink, a.externalLink { background-repeat:no-repeat; background-position:right 0.15em; padding-right:1.5em; } a.pdfLink { background-image:url('../../../images/pdf.gif'); } a.storeLink { background-image:url('../../../images/icon_download_inaktiv.gif'); } a.externalLink { background-image:url('../../../images/icon_externer_link_inaktiv.gif'); } /* Spezielle styles für die barrierefreie Anzeige, werden von grafischen Browsern ausgeblendet */ .hide, .navHide { display: none; } div.startLeftFloat { clear:both; float:left; } div.addLeftFloat { float:left; } div.endFloat { clear:both; } /* Layout-Boxen */ #shadowLeft { padding-left: 2.2em; background-image: url('../../../images/shadow_left.png'); background-position: left center; background-repeat: repeat-y; } #shadowRight { padding-right: 2.2em; background-image: url('../../../images/shadow_right.png'); background-position: right center; background-repeat: repeat-y; } #head, #pageWrapper { width: 100%; } #footer{} #pageWrapper { padding-top: 0.8em; } /* Dynamisches 3-Spalten-Layout */ #leftWrap { float: left; width: 100%; overflow: hidden; } #leftWrap.borderRight { margin-left: -14em; } /* Eigentlich sollte es reichen, folgendes Style einzufügen: #leftWrap.borderRight > div { margin-left: 14em; } Leider kommt Google Chorme und Opera nicht damit zurecht. Daher brauche ich stattdessen die nächsten 3 Styles. */ #leftWrap.borderRight #left { margin-left: 14em; } #leftWrap.borderRight #center { margin-left: 14em; } #leftWrap.borderRight #left + #center { margin-left: 0em; } #left { float: left; width: 14em; height: 100%; overflow: hidden; } #center { margin: 0em; overflow: hidden; } #right { position: relative; top: 0em; width: 14em; height: 100%; overflow: hidden; } /* TopRow */ #topRow { float: left; width: 100%; border-bottom: 2px dotted #024cbe; padding-bottom: 0.1em; font-size: 0.675em; text-decoration: none; } #topRow *:focus { background-color:#046cbe !important; color:#ffffff !important; } .languageSelector { float: left; margin-top: 0.95em; margin-left: 0.8em; color: #000000; } .languageSelector .languageEntry { color: #ba002c; /* color: #046cbe; */ font-weight: bold; } .languageSelector a, .languageSelector a:visited { color: #000000; font-weight: normal; text-decoration: none; } .languageSelector a:hover { color: #ba002c; } #topRow > div { float: right; margin: 0.7em 0em 0.1em 0em; } #topMenu { float: left; margin-top: 0.2em; } #topMenu a, #topMenu a:link, #topMenu a:visited { color: #000000; text-decoration: none; } #topMenu a:hover, #topMenu a:focus, #topMenu a:active { color: #ba002c; text-decoration: none; } #quicksearch { float: left; margin-left: 0.95em; color: #ffffff; } #quicksearch label { display: none; } #quicksearch #quicksearchbox { float:left; height: 1.5em; border: 0.1em dotted #046cbe; padding-left:0.5em; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; } #quicksearch input.go { float: left; height: 1.7em; width: 1.7em; margin-left: 0.1em; margin-right: 0.1em; border: 1px solid #046cbe; padding: 0em; color: transparent; background-color: #046cbe; background-image: url('../../../images/icon_suche_inaktiv.png'); background-position: center; background-repeat: no-repeat; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; cursor: pointer; overflow: hidden; } #quicksearch input.go:focus, #quicksearch input.go:hover, #quicksearch input.go:active { color: transparent; background-color: #ffffff !important; background-image: url('../../../images/icon_suche_aktiv.png'); } /* Logos */ #logos { float: left; height: 6.25em; width: 100%; } #logos a:focus { display: block; border: 1px dotted #ba002c; } #logos .logoUniBremen { float: left; margin: 1.7em 1.5em; } #logos .logoInstitut { float: right; margin: 1em 1.5em; } /* Header */ #header { float: left; min-height: 6.7em; position: relative; width: 100%; z-index: 0; } #header img { width: 100%; background-color: #62a1d6; background-image: url('../../../images/uni-bremen_banner_2.png'); background-position: right 0px; background-repeat: no-repeat; } /* Navigation 1. Ebene */ #nav { position: absolute; top: 0em; width: 100%; z-index: 10; padding: 0em; color:#ffffff !important; background-image: url('../../../images/bg_balken_trans.png'); font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-weight: bold; line-height: 1.88em; } #nav ul { list-style: none; display: inline; margin: 0em; padding: 0em; } #nav ul ul, #nav li { display: inline; margin: 0em; text-decoration: none; } #nav li > span , #nav li > a { margin: 0em 0em 0em 0em; padding: 0em 0.92em; display: block; float: left; } #nav ul li.menulevel_0 > a > span, #nav ul li.menulevel_0 > span > span { display: none; padding-left: 0.5em; } #nav .menulevel_0 > a:before, #nav .menulevel_0 > span:before { content: url('../../../images/icon_home.png'); } #nav .menulevel_0 > a:hover:before, #nav .menulevel_0 > span:hover:before, #nav .menulevel_0 > a:hover, #nav .menulevel_0 > span:hover { background-color: #214679; } #nav li.selected li.selected a, #nav li.selected li.selected span { background-color: #ba002c; } #nav a, #nav a:visited { text-decoration: none; color: #ffffff; } #nav li a:focus { background-color: #214679; } #nav li a:hover { background-color: #214679; } #header .PPPOwnerName { position: absolute; bottom: 2em; line-height: 1.5em; } #header .PPPOwnerName h1 { float: left; padding: 0em 1.6em 0em 1.6em; background-image: url('../../../images/bg_pppOwnerName.png'); } #header .PPPOwnerName .fadeOut { float: left; width: 10em; height: 1.95em; background-image: url('../../../images/bg_pppOwnerName_FadeOut.png'); background-repeat: repeat-y; } /* Breadcrumbs */ #breadcrumbs { position: absolute; bottom: 0em; width: 100%; min-height: 2.8em; color: #414141; background-image: url('../../../images/bg_breadcrumbs.png'); font-size: 0.675em; } #breadcrumbs a:link, #breadcrumbs a:visited { text-decoration: none; color: #000000; } #breadcrumbs a:focus, #breadcrumbs a:hover, #breadcrumbs a:active { text-decoration: underline; } #breadcrumbs .breadPath { position: relative; top: 0.7em; padding-left: 1.7em; } #breadcrumbs .breadHi { font-weight: bold; } #breadcrumbs .breadPrefix { display: none; } #breadcrumbs .breadPrefix + a, #breadcrumbs .breadPrefix + span { background-image: url('../../../images/icon_home_blue.png'); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 2em; } #breadcrumbs .breadArrow { font-weight: bold; } /* Navigation */ #menu { width: 90%; color: #414141; font-size: 0.8em; font-weight: bold; position: relative; } #menu .menuHeading { padding: 0.7em 0.7em 0.6em 0.7em; background-color: #046cbe; background-image: url("../../../images/bg_balken_trans.png"); font-size: 0.8em; color: #ffffff; } #menu .menuHeading a { color: #ffffff; } #menu .menuHeading a:hover { text-decoration: underline; } #menu ul { margin-top: 0.75em; /* Brauche ich margin-left? */ margin-left: 0em; padding: 0em; list-style: none; } #menu li { margin: 0em; border-bottom: 1px dotted #4a4a4a; padding: 0.4em 0em 0.4em 1.5em; text-indent: -1.3em; } #menu li a, #menu li a:link, #menu li a:visited { color: #4a4a4a; text-decoration: none; } #menu li.menulevel_2 > a:before, #menu li.menulevel_2 > a:link:before, #menu li.menulevel_2 > a:visited:before { content: url('../../../images/navpfeil_grau.png'); padding-right: 0.5em; } #menu li a:focus, #menu li a:hover, #menu li a:active { color: #ba002c; } #menu li.menulevel_2 > a:focus:before, #menu li.menulevel_2 > a:hover:before, #menu li.menulevel_2 > a:active:before { content: url('../../../images/pfeil_rot_hover.png'); padding-right: 0.5em; } /* #menu li a:active { color: #046cbe; } */m #menu li.selected { color: #ba002c; } #menu li.selected.menulevel_2 > span:before { content: url('../../../images/pfeil_rot_hover.png'); padding-right: 0.5em; } #menu li.selected.menulevel_2 > span.noSubMenu:before { content: url('../../../images/pfeil_rot_hover.png'); padding-right: 0.5em; } #menu li.selected.menulevel_2 > span.withSubMenu:before { content: url('../../../images/pfeil_rot.png'); padding-right: 0.5em; } #menu ul li ul { margin: 0em 0em 0em 1.2em; border-bottom: none; padding-top: 1em; padding-left: 1em; font-weight: normal; list-style: none; } #menu ul li ul li { border-bottom: none; font-size: 0.9em; } /* Content */ #content { min-height: 43.25em; color: #4a4a4a; font-size: 0.75em; line-height: 1.5em; } #content h1 { letter-spacing: 0.2em; } /* #content a:link, #content a:visited { color: #046cbe; text-decoration: none; } #content a:focus, #content a:hover, #content a:active { color: #ba002c; text-decoration: underline; } */ #content #lead, #content .shortDesc { color: #666666; font-weight: bold; letter-spacing: 0.1em; } #content #lead + div { padding-top: 1em; } /* #content #mainBody { margin: 1em 0em; padding: 1em 1em; background-color: #f3eee4; } */ #content #mainBody, #content .mainBody, #content .MPASection { margin: 1em 0em; padding: 1em 1em; background-color: #f3eee4; } #content h2.itemListHeader { margin: 3em -0.65em 0em -0.65em; border-top: solid 2.5em #ffffff; padding: 0.3em 0.65em 0em 0.65em; font-size: 1.7em; } /* ItemList */ #itemList, .itemList, #contentEventList, .contentEventList { margin: 2.5em 0em 0em 0em; } #itemList ul, #contentEventList ul { list-style-type: none; margin: 0em; padding: 0em; text-indent: 0em; } #itemList li, .itemList li, #contentEventList li, .contentEventList li { margin: 1em 0em 0em 0em; border-bottom: 2px dotted #046cbe; padding: 1em; background-color: #f3eee4; } #itemList li .CIname, .itemList li .CIname, #contentEventList li .CIname, .contentEventList li .CIname { font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 1.5em; padding-bottom: 0em; margin-bottom: 0.15em; font-weight: normal; line-height: 1.3em; page-break-after: avoid; } #itemList li > a, .itemList li > a, #contentEventList li > a, .contentEventList li > a { color: #046cbe; } #itemList .dateline, .itemList .dateline, #contentEventList .dateline, .contentEventList .dateline { float: right; margin: -1em -1em 0em 0em; padding: 0.5em 0.8em; width: 6em; background-color: #ffffff; } #itemList .dateline .date .separator, .itemList .dateline .date .separator, #contentEventList .dateline .date .separator, .contentEventList .dateline .date .separator { display: block; line-height: 0.3em; text-align: center; } /* EventList */ #menu + #events { margin-top: 3em; } #eventList { width: 90%; } #eventList h2, #info h2 { border-bottom: 2px dotted #046cbe; font-size: 0.8em; font-weight: bold; } #eventList h2 a:before, #info h2 a:before { content: url('../../../images/pfeil_blau.png'); padding-right: 0.5em; } #eventList h2 a:focus:before, #eventList h2 a:hover:before, #eventList h2 a:active:before, #info h2 a:focus:before, #info h2 a:hover:before, #info h2 a:active:before { content: url('../../../images/pfeil_red_hover.png'); padding-right: 0.5em; } #eventList ul, #info ul { list-style-type: none; margin: 0.2em 0em 2em 0em; padding: 0em; font-size: 0.7em; } #eventList li, #info li{ border-bottom: 1px dotted #666666; padding: 0.5em 0em; } /* Info */ #info { margin-left: 1.2em; } /* .notes ul li, #newsList ul li{ padding-left: 1em; } */ /* Footer */ #footer { d isplay: block; clear: both; float: left; min-height: 5em; width: 100%; border-top: 0.06em solid #e8e8e8; background-color: #f5f9fa; } #footer #footerContent { m ax-width: 107em; m in-width: 86.5em; margin: 0em auto; padding: 1.5em 4em; color: #787878; font-size: 0.625em; } #footer #footerMenu { float: right; color: #999999; overflow: hidden; } #footer #footerMenu a:link, #footer #footerMenu a:visited { color: #000000; text-decoration: none; } #footer #footerMenu a:focus, #footer #footerMenu a:hover, #footer #footerMenu a:active { color: #ba002c; } #footer .logoScientificCMS { width: 120px; height: 51px; margin-top: 3em; margin-bottom: 1em; background-image: url('../../../images/footer/ScientificCMS_gray.png'); } #footer .logoScientificCMS img { display: none; } #footer .logoScientificCMS:hover img { display: block; } #footer .logoVifapol { width: 100px; height: 32px; margin-top: 4em; margin-left: 3em; background-image: url('../../../images/footer/Vifapol_gray.png'); } #footer .logoVifapol img { display: none; } #footer .logoVifapol:hover img { display: block; } #footer .logoWelfare { width: 140px; height: 25px; margin-top: 4.5em; margin-left: 3em; background-image: url('../../../images/footer/welfare_gray.png'); } #footer .logoWelfare img { display: none; } #footer .logoWelfare:hover img { display: block; } #pageFooter { padding-top: 1em; padding-bottom: 0.5em; font-size: 0.675em; min-height: 1em; } #lastModifiedDate, #lastModifiedDate #lastModifiedDetails { display: inline; } #lastModifiedDetails a:after { padding-left: 0.3em; content: url('../../../images/icon_email_inaktiv.gif'); } #toTop { float: right; } #pageFooter.borderRight { margin-right: 20.75em; } /*---------Images in Floats--------------------*/ .imageFloatLeft { float: left; } .imageFloatRight { float: right; } /*--------Images in CT---------------*/ #content div.image { float: right; margin: 2em 1em 0.75em 1.25em; } div#mainBody div.image { margin: 0em 0em 0.75em 1.25em; } div.image span.caption { display: block; color: #046cbe; font-size: 0.85em; } /*-------CT NewsItem--------*/ #content #newsDate { float: right; margin-top: 0.5em; padding: 1em; background-color: #ffffff; font-size: 0.8em; text-align: right; } #content #newsDate + .image { clear: both; margin-top: 1em; } /* -------More-Button-------------- */ .moreButton { } .moreButton a { font-weight: bold; } .moreButton a:active, .moreButton a:hover, .moreButton a:focus { text-decoration: underline; } /*---------Paginator---------*/ #paginator.header, #paginator.navbar { padding: 1em; background-color: #f3eee4; } #paginator.header { margin-top: 1em; } #paginator.navbar { margin: 1em 0em; } #paginator.header + #paginator.navbar { margin: 0em; padding-top: 0em; } /*---------CT MPA-----------------*/ .sectionList { margin: 0em; padding: 1em 1em; background-color: #f3eee4; } /*-------Key / Value------------------*/ .key { width: 12em; padding-right: 0.8em; font-weight: bold; } .value { font-weight: normal; } /*------CT Event-----------------*/ .Event .value { display: block; margin-bottom: 1em; } .Event .value p + p { margin-top: 0em !important; } /*-------------CT Sci*----------*/ #content ul.availableData { float: left; width: 100%; margin: 0em; padding: 0em; list-style: none; } #content ul.availableData li { float: left; margin-right: -2px; padding: 0.5em; border: 2px solid #ffffff; border-bottom: none; } #content ul.availableData li.active { font-weight: bold; background-color: #ffffff; } #content .sectionHeading { margin-bottom: 0.5em; } #content .activeTab + .sectionHeading { margin-top: 1em; } #content .activeTab { clear: both; padding: 1em; background-color: #ffffff; } #content .duration { float: right; margin: -1em -1em -1.5em 1em; padding: 1em; text-align: right; background-color: #ffffff; } #content .duration .date span { font-weight: bold; } #content .activeTab ul.memberList, #content .activeTab ul.projectList, #content .activeTab ul.publicationList, #content .activeTab ul.departmentList { margin-left: 0em; list-style: none; } #content .activeTab ul.memberList li.sciMember, #content .activeTab ul.projectList li.sciProject, #content .activeTab ul.publicationList li.sciPublication, #content .activeTab ul.departmentList li.sciDepartment { margin-bottom: 1em; padding: 1em; background-color: #f3eee4; } #content ul.memberList .memberName, #content ul.projectList .projectName, /*#content ul.publicationList .publicationName,*/ #content ul.departmentList .departmentName { display: block; font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 1.3em; } #content ul.memberList .contact { display: block; padding-left: 2em; } #content ul.memberList .contactentryKey { color: #4e4e4e; font-weight: bold; } #content ul.memberList .contactentryValue { padding-right: 1em; } #content .publicationDetails dl { } #content .publicationDetails dt { float: left; font-weight: bold; } #content .publicationDetails dd { margin-left: 13em; } #content .publicationCollectedVolumeDetails dd { margin-left: 18.5em; } #content .projectList .dateline { width: 12.3em; text-align: right; } #content .projectList .dateline .date .separator { display: block; padding-right: 4em; line-height: 0.3em; text-align: right; } /*-----Sitemap----------------*/ #content.sitemap { background-color: #f3eee4; padding: 1em; } #content.sitemap ul { margin-left: 0em !important; padding: 2.5em 0em 1em 2.5em; list-style: disc; list-style-position: inside; color: #046cbe; background-color: #ffffff; } #content.sitemap ul ul { margin: 0.2em 2em !important; padding: 0em; } #content.sitemap ul li { font-weight: bold; } #content.sitemap ul li li { font-weight: normal; } #content.sitemap ul li li li{ font-size: 0.95em; } /*--------Suche---------------*/ #content.search .searchForm { padding: 1em; background-color: #f3eee4; } #content.search form #search{ float: left; } #content.search .query { display: block; color: #046cbe; font-family: Trebuchet MS,Verdana,Helvetica,Arial,sans-serif; font-size: 1.5em; font-weight: normal; line-height: 1.3em; text-align: left; } #content.search .terms { display: block; } #content.search .terms input{ margin: 0.3em 0em 1.1em 0em; } #content.search input[type="submit"] { margin-top: 2.4em; } #content.search ul { clear: both; margin-left: 0em !important; list-style: none; } #content.search ul li { margin-bottom: 1em; padding: 1em; background-color: #ffffff; } #content.search ul li .score { margin-bottom: 0.3em; } #content.search ul li h3 { margin-bottom: 0em !important; } /* Forms */ #content form { padding: 1em; background-color: #f3eee4; } #content form fieldset { border: none; margin: 0.5em 0em 1em 0.3em; border-top: 1px dotted #046cbe; border-bottom: 1px dotted #046cbe; padding: 0.3em 0em; color: #046cbe; font-weight: bold; } #content form label { clear: left; float: left; width: 12em; margin-bottom: 0.2em; color: #666666; font-weight: bold; } #content form input, #content form select { float: left; border: 1px dotted #046cbe; padding: 0.2em; } #content form select { padding: 0.1em; min-width: 11.4em; } #content form input[type="submit"] { margin-left: 1em; border: none; padding: 0.2em 3em; color: #ffffff; background-color: #046cbe; } #content form.multiline input[type="submit"] { clear: both; margin-left : 12.7em; } /*---Profile-----*/ #content.profile .ownerName { background-color:#c60931; color:#ffffff; text-align:center; } .contactEntryKey { font-weight:bold; color:#8a8988; display:inline; float:left; } .contactEntryValue { margin-left:8em; } .postalCodeCity { padding-left:.7em; } #content.profile div.address { float: none; } div.address span.postalCodeCity { display:block; padding: 0; margin: 0; } div.address { line-height:1.2em; } ul.publicationsAuthorsList { list-style: none; padding: 0em; } ul.publicationsAuthorsList li { list-style-image: none !important; } #content.profile #sectionList { text-align:center; } .top { margin-top: 0.2em; font-size: 0.9em; text-align:right; } /* Table on PPP */ #content.profile table, #content.profile tr { width: 100%; border-width: 0 !important; } #content.profile td { width: 20%; border-width: 0 !important; vertical-align: top; padding: 0.2em; background-color: #ffffff; } #content.profile td + td { width: 80%; border-width: 0 !important; } #content a.completeResetButtonLink { margin-left: 0.5em; border: 1px dotted #046cbe; padding: 0.3em 2.4em; font-weight: normal; font-size: 0.8em; } #content div.filterSubmitResetSection { clear:both; }