/* http://www.uni-bielefeld.de/bghs BGHS - Haupt-Stylesheet Autor: Carsten Peters Version: 24.09.2008 FARBSCHEMA: dunkelrot: #830628 helleres rot: #a80833 */ /* body ---------------------------------------------------------------------------*/ * { padding: 0; margin: 0; } body { font: 62.5%/1.86em Arial, Helvetica, sans-serif; color: #000; background: #fff url(css_img/bg_standard.gif) repeat-x top; } body#start { background: #fff url(css_img/bg_start.gif) repeat-x top; } /* links ---------------------------------------------------------------------------*/ :link, :visited, :hover, :active, :focus { text-decoration: none; } a, a:link, a:visited { text-decoration: none; } a:hover, a:active, a:focus { text-decoration: none; outline: none; } a img, :link img, :visited img, :hover img, :active img { border: none; } /* paragraphs ---------------------------------------------------------------------------*/ p, pre { margin: 0 0 10px 0; } em, address { font-style: italic; } /* listen ---------------------------------------------------------------------------*/ ul, li { list-style: none; } dl {margin-bottom: 15px;} dt {font-weight: bold;} dd {margin-left: 15px} /* misc ---------------------------------------------------------------------------*/ abbr, acronym { border-bottom: 1px dotted #000; cursor: help; } .fleft {float: left; margin-right: 20px} .fright {float: right; margin-left: 20px} .clearer {clear: both} .small {font-size: 0.8em} .zentriert {text-align: center; padding: 10px} .kursiv {font-style: italic;} .fett {font-style: bold} .minis {font-size: 0.3em} /* Skiplinks */ #skip1 a, #skip2 a, #skip3 a { color: #000; position: absolute; z-index: 10; width: 11em; top: -100px; } #skip1 a:focus, #skip2 a:focus, #skip3 a:focus { color: #000; background: #eee; top: 20px; left: 220px; } .none { display: none; } #date, .clear { clear: both; height: 0; line-height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* headlines ---------------------------------------------------------------------------*/ h2, h3, h4, h5, h6 { color: #830628; font-size: 2em; margin: 25px 0 10px 0; font-weight: normal; line-height: 120% } h3 { font-size: 1.4em; font-weight: bold; } h4 { font-size: 1.2em; margin: 15px 0 10px 0; font-weight: bold; border-bottom: 1px solid #830628 } h5 { font-size: 1em; font-weight: bold; } h6 { font-size: 1em; font-weight: bold; } /* container ---------------------------------------------------------------------------*/ #container { width: 970px; font-size: 1.2em; } #header { position: relative; } #wrapper { float: left; width: 100% } #content { margin: 0 210px; padding: 0 25px; } #extra { float: left; width: 210px; margin-left: -210px; } #navigation { float: left; width: 210px; margin-left: -960px; } #footer { clear: both; width: 500px; } /* header ---------------------------------------------------------------------------*/ #header { height: 210px; background-repeat: no-repeat; background-position: 0 110px; } #start #header { height: 335px; background: url(css_img/bghs_start.jpg) no-repeat 0 110px; } #header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header h1 a:focus { position: absolute; text-indent: -9999px; display: block; background: url(css_img/logo_bghs.gif) no-repeat; left: 360px; top: 5px; height: 50px; width: 400px; } #header h2 a, #header h2 a:link, #header h2 a:visited, #header h2 a:hover, #header h2 a:active, #header h2 a:focus { position: absolute; text-indent: -9999px; display: block; background: url(css_img/logo_uni.gif) no-repeat; left: 39px; top: -15px; height: 76px; width: 171px; } #header #kontakt { float: right; border: 1px solid #ccc; width: 150px; background: #fff; padding: 0 10px; margin: 125px 15px 0 0; } #kontakt h3 { margin: 10px 0 0 0; } #kontakt a, #kontakt a:link, #kontakt a:visited { color: #830628; border-bottom: 1px dotted #830628; } #kontakt a:hover, #kontakt a:active, #kontakt a:focus { color: #a80833; border-bottom: 1px solid #a80833; } #suchform { float: right; width: 170px; margin: 155px 15px 0 700px; border: none; padding: 0; } #start #suchform { margin: 10px 17px 0 700px; } #suchform label { color: #830628; font-size: 1.4em; margin: 10px 0; font-weight: bold; } #suchform #suche { border: 1px solid #ccc; width: 140px; height: 18px; } #suchform #suchbutton { cursor:pointer; margin: 4px 0 -4px 8px; } #hilfsnavi { position: absolute; top: 125px; left: 775px; font-size: 1.1em; } #hilfsnavi li { float: left; display: inline; } #hilfsnavi li a { float: left; padding: 0 10px; line-height: 12px; height: 12px; color: #000; display: block; text-align: center; } #hilfsnavi li#home a { border-right: 1px solid #000; } #hilfsnavi li a:hover, #hilfsnavi li a:active, #hilfsnavi li a:focus, #hilfsnavi li a.current { color: #a80833; } /* navigation ---------------------------------------------------------------------------*/ #navi { font-size: 1.1em; position: absolute; top: 75px; left: 210px; height: 24px; border-left: 1px solid #fff; background: #830628; text-align: center; } #navi li { float: left; display: inline; width: 110px; } #navi li a { height: 1.8em; line-height: 1.8em; display: block; text-align: center; border-right: 1px solid #fff; color: #fff; background: #830628; } #navi li a:hover, #navi li a:active, #navi li a:focus, #navi li a.active { background: #a5a4a6; color: #fff; } #navi li#english, #navi li#deutsch, #navi li#navi_login { width: auto; } #navi li#english a, #navi li#deutsch a, #navi li#navi_login a { padding: 0 20px; border-right: none; background-color: #a80833; } #navi li#navi_login a { background-image: url(css_img/login.png); background-repeat: no-repeat; background-position: 0 50%; } #navi li#english img, #navi li#deutsch img { float: left; margin: 5px 5px 0 0; } #navi li.meta { border: none; } #navi li.meta a { background: #a80833; border: none; } #navi li.metaII a { border-right: 1px solid #fff; } body#wir #navi li#navi_wir a, body#personen #navi li#navi_personen a, body#programm #navi li#navi_programm a, body#zulassung #navi li#navi_zulassung a, body#stipendien #navi li#navi_stipendien a { background: #a5a4a6; color: #fff; } /* content ---------------------------------------------------------------------------*/ #content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #content a, #content a:link, #content a:visited { color: #830628; border-bottom: 1px dotted #830628; } #content a:hover, #content a:active, #content a:focus { color: #a80833; border-bottom: 1px solid #a80833; } #content img { border: 1px solid #ccc; padding: 4px; background: #fff; margin: 0; } #content img.image_rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; } #content img.image_links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; } #content ul { padding: 0 0 10px 8px; } #content ol { padding: 0 0 10px 16px; } #content ul li { padding: 2px 0 2px 10px; background: url(css_img/li_dot.gif) no-repeat 0 10px; } #content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; } #content ol ul li { list-style-type: none; } #content ul dl ol li { list-style-type: decimal; background: none; padding: 2px 0; } #content table { border-bottom: 1px solid #eee; margin: 20px 0; width: 100%; border-collapse: collapse; } #content table th { color: #fff; font-weight: bold; padding: 0 7px; margin: 20px 0 0; text-align: left; } #content table tr { } #content table th, #content table td { color: #666; text-align: left; line-height: 1.4em; padding: 10px 7px; border-top: 1px solid #eee; } #content table a:link, #content table a:visited { border-bottom: none; } #content table a:hover, #content table a:active, #content table a:focus { color: #060; border-bottom: none; } #content table th.scheme { background: none; } #content table th a { font-weight: bold; background: url(css_img/icon_go.gif) no-repeat left 1px; padding: 2px 0 2px 18px; } #content table th.row a { background: none; } #content table th.row img { border: none; margin: 0 0 -3px 0; } /* navi ---------------------------------------------------------------------------*/ #navigation ul { margin: 25px 0 0 10px; background: url(css_img/dotline.gif) no-repeat 10px 0%; } #navigation ul li { margin: 0; background: url(css_img/dotline.gif) no-repeat 10px 100%; } #navigation ul li a { display: block; padding: 6px 0 6px 17px; width: 190px; color: #666; text-decoration: none; } #navigation li a:hover, #navigation li a:focus, #navigation li a:active { font-weight: bold; } #navigation li a.active { color: #830628; font-weight: bold; } #navigation ul ul { margin: 0 0 0 10px; background: none; no-repeat 0 0%; } #navigation ul ul li { background: none; } #navigation ul ul li a { font-size: 0.89em; padding: 1px 0 3px 20px; background: url(css_img/dot_nav.gif) no-repeat 8px 7px; } #navigation ul ul ul li a { background: url(css_img/dot_nav_2.gif) no-repeat 12px 8px; } #navigation h3 { margin-top: 75px; margin-left: 10px } /* extra ---------------------------------------------------------------------------*/ #extra h3, #extra p, #extra dl, #extra ul { padding: 0 25px; } #extra a, #extra a:link, #extra a:visited { color: #830628; border-bottom: 1px dotted #830628; } #extra a:hover, #extra a:active, #extra a:focus { color: #a80833; border-bottom: 1px solid #a80833; } #extra ul { margin-left: 20px;} #extra ul li { list-style-type:square} /* footer ---------------------------------------------------------------------------*/ #footer { margin: 0 0 20px 235px; border-top: 1px dotted #ccc; font-size: 0.9em } #footer a, #footer a:link, #footer a:visited { color: #830628; border-bottom: 1px dotted #830628; } #footer a:hover, #footer a:active, #footer a:focus { color: #a80833; border-bottom: 1px solid #a80833; } /* ----------------------------------------------------- || Content-Stylesheets BGHS || Autorin: Petra Kubina || Version von 2008-26-09 */ /* Hervorgehobene Box (z.B. als Kontaktbox mit Postanschrift) --------------------------------------------------------------------------- */ .kontaktbox { border: 1px dotted #830628; width: 350px; padding: 15px; margin-bottom: 25px;} /* importantbox für sehr wichtige Mitteilungen. --------------------------------------------------------------------------- */ .important {border: 2px dotted #830628; width: 350px; padding: 15px; margin-bottom: 25px;} .important strong {color: #830628;} /* Personenlisten, die über das BIS generiert werden --------------------------------------------------------------------------- */ #container #wrapper #content #personenlisteaz table.az_index, #container #wrapper #content #personenlisteaz table.az_index td, #container #wrapper #content #personenlisteaz table.az_index td a {border:none; padding:0;margin: 0 0 20px 0} #container #wrapper #content #personenlisteaz table.az_index tr td {font-size: 0.8em} #container #wrapper #content #personenlisteaz .personenliste dt.index {margin: 15px 0} #container #wrapper #content #personenlisteaz .personenliste dt.index a{color: #666; text-decoration: none;border:none} #container #wrapper #content #personenlisteaz .personenliste dd {margin-bottom: 10px} /* Kontaktseite --------------------------------------------------------------------------- */ #container #wrapper #content dl.kontakt dt {float: left; padding-right: 20px} #container #wrapper #content dl.kontakt dd {margin: 0 0 20px 55px} /* Bewerbungsformular --------------------------------------------------------------------------- */ #container #wrapper #content div.fieldset {border: 2px groove threedface; padding: 7px 2px; margin-top: 30px} #container #wrapper #content div.fieldset label {color: #666666; font-weight: bold;} #container #wrapper #content div.fieldset input, #container #wrapper #content div.fieldset textarea {padding: 3px} #container #wrapper #content div.fieldset input, #container #wrapper #content div.fieldset textarea {background: #ddd} /* Default für Eingabefelder */ #container #wrapper #content div.fieldset input, #container #wrapper #content div.fieldset textarea {background: #ddd} #container #wrapper #content div.fieldset input:hover, #container #wrapper #content div.fieldset textarea:hover {border: 2px groove threedface;} /* Eingabefelder bei Aktivierung */ #container #wrapper #content div.fieldset input:focus, #container #wrapper #content div.fieldset textarea:focus, input:focus, textarea:focus {color: #666; outline: 1px solid #830628; font-weight: bold;border: 2px groove threedface;} #container #wrapper #content div.fieldset h3 {margin-top: -22px; margin-left: 7px;background-color: #fff; padding: 3px; width: 30%; font-weight: normal} #container #wrapper #content div.fieldset .left {float: left; text-align: right; width: 30%; margin-right: 5%;} #container #wrapper #content div.fieldset .right, #container #wrapper #content div.fieldset option {margin-left: 35%} #container #wrapper #content div.fieldset br {margin-bottom: 20px} /* Damit der Text der Auswahlbox ausgeklappt keinen darunterliegenden Text verdeckt.*/ #container #wrapper #content div.fieldset select {margin-bottom: 50px} /* FAQ --------------------------------------------------------------------------- */ #container #wrapper #content #faq dl dt {margin-bottom: 10px} #container #wrapper #content #faq dl dd {margin-bottom: 20px} #container #wrapper #content #faq dl strong {color: #a80833} /* Doktorandenseiten / Postdoktorandenseiten --------------------------------------------------------------------------- */ .menu-left .kat a {font-weight: bold; color: #830628!important;} .menu-left ul.secondleft {margin-left: 20px!important} /* HTML aus dem BIS modifizieren */ #kontaktperson .ausblenden, #kontaktperson table th, #kontaktperson table .person_funktion {display: none} #kontaktperson table, #kontaktperson table th, #kontaktperson table td, #content img.noborder {border: none} /* Eigenes Kopfzeilenbild pro Kategorie --------------------------------------------------------------------------- */ body#wir #header { background-image: url(css_img/header_wir.jpg); } body#personen #header { background-image: url(css_img/header_personen.jpg); } body#personenD #header { background-image: url(css_img/header_personenD.jpg); } body#programm #header { background-image: url(css_img/header_programm.jpg); } body#zulassung #header { background-image: url(css_img/header_zulassung.jpg); } body#stipendien #header { background-image: url(css_img/header_stipendien.jpg); } body#klima #header { background-image: url(css_img/header_klima.jpg); } body#visualise #header { background-image: url(css_img/header_visualise.jpg); } /* Layout für Definitionslisten (zum Beispiel als Zeitplan für Tagungsplan Annual Seminar) --------------------------------------------------------------------------- */ #container #wrapper #content dl.zeitplan dt {float: left; padding-right: 20px} #container #wrapper #content dl.zeitplan dd {margin: 0 0 20px 120px} /* Toplinks für lange Seiten --------------------------------------------------------------------------- */ p.toplink {color: #830628; font-weight: bold; text-align: right;} p.toplink a.top {border-bottom: 3px dotted } /* Icons für MIME/Types --------------------------------------------------------------------------- */ #wir a[href ^="mailto:"], #personen a[href ^="mailto:"], #personenD a[href ^="mailto:"], #programm a[href ^="mailto:"], #zulassung a[href ^="mailto:"], #stipendien a[href ^="mailto:"], #standard a[href ^="mailto:"], #start #content a[href ^="mailto:"] { padding: 3px 0 1px 20px; background: transparent url(css_img/icon_mailto.gif) no-repeat left; } #content a[href$='.pdf'], #content a[title ^='PDF'] /* pdf-Icon auch für Dateien aus dem DMS, deren URL nicht auf .pdf endet. Dafür Hinweis auf pdf im title */ { padding: 1px 0 1px 20px; background: transparent url(css_img/icon_pdf.gif) no-repeat left; border: none } #content a[href ^="http://"]{padding: 1px 0 1px 20px; background: transparent url(css_img/icon_external.gif) no-repeat left; } #content dl.personenliste dt {margin-bottom: 7px} /* Kein Icon für externe Links in Personenliste */ #content dl.personenliste a.person_homepage[href ^="http://"], #content td.foto a[href ^="http://"]{padding: 5px 3px 0; background: none} /* ----------------------------------------------------- nachtraeglicher Umzug der ie-Stylesheets durch weitgreifende Aenderung des Uni-Templates Do 4. Jun 15:31:01 CEST 2009 author: Carsten Peters, Petra Kubina ----------------------------------------------------- */ /* +++++++++ IE6 */ * html #header { height: 23em; background-position: 0 135px; } * html #start #header { height: 29em; background-position: 0 135px; } * html #header #kontakt { margin: 125px 5px 0 0; } * html #header h1 a, * html #header h1 a:link, * html #header h1 a:visited, * html #header h1 a:hover, * html #header h1 a:active, * html #header h1 a:focus { top: 30px; } * html #header h2 a, * html #header h2 a:link, * html #header h2 a:visited, * html #header h2 a:hover, * html #header h2 a:active, * html #header h2 a:focus { top: 10px; } * html #navi { top: 100px; } * html #hilfsnavi { top: 150px; } * html #suchform { margin: 13em 8px 0 0; } * html #suchform br { clear: both; } * html #start #suchform { margin: 21em -260px 0 0; } * html #start #suchform label { margin: 17em -260px 0 0; } * html #suchform #suche { width: 110px; } * html #suchform #suchbutton { cursor: pointer; margin: 1px 0 -1px 8px; } * html #navi li#english, * html #navi li#deutsch, * html #navi li#navi_login { width: 85px; } * html #navi li#english img, * html #navi li#deutsch img { display: none; margin: 5px 0 0 0; } * html #container #wrapper #content div.fieldset .right, * html #container #wrapper #content div.fieldset option { margin-left:20%; } * html #navigation ul li .kat a { padding: 0 0 0 17px; margin: -6px 0 0 0; } * html #wir a[href ^="mailto:"], * html #personen a[href ^="mailto:"], * html #personenD a[href ^="mailto:"], * html #programm a[href ^="mailto:"], * html #zulassung a[href ^="mailto:"], * html #stipendien a[href ^="mailto:"], * html #standard a[href ^="mailto:"], * html #start #content a[href ^="mailto:"], * html #content a[href$='.pdf'], * html #content a[title ^='PDF'], * html #content a[href ^="http://"]{ zoom: 1; } /* +++++++++ IE7 */ *+html #header { height: 20em; background-position: 0 135px; } *+html #start #header { height: 30em; background-position: 0 135px; } *+html #header h1 a, *+html #header h1 a:link, *+html #header h1 a:visited, *+html #header h1 a:hover, *+html #header h1 a:active, *+html #header h1 a:focus { top: 30px; } *+html #header h2 a, *+html #header h2 a:link, *+html #header h2 a:visited, *+html #header h2 a:hover, *+html #header h2 a:active, *+html #header h2 a:focus { top: 10px; } *+html #navi { top: 100px; } *+html #hilfsnavi { top: 150px; } *+html #suchform { margin: 13em 15px 0 0; } *+html #suchform #suchbutton { cursor:pointer; margin: 1px 0 -1px 4px; } *+html #suchform #suche { width: 110px; } *+html #start #suchform #suche { width: 140px; } *+html #start #suchform { margin: 21em -260px 0 0; } *+html #start #suchform label { margin: 17em -260px 0 0; } *+html #zulassung .button {cursor:pointer} *+html #zulassung div.fieldset h3 {position: relative, margin-top: -300px; height: 1%} *+html #zulassung div.fieldset div.right {padding-right: 300px; height:1%; width: 200px; position: relative} *+html #container #wrapper #content div.fieldset .right, *+html #container #wrapper #content div.fieldset option { margin-left:20%; } *+html #navigation ul li .kat a { padding: 0 0 0 17px; margin: -6px 0 0 0; } *+html #wir a[href ^="mailto:"], *+html #personen a[href ^="mailto:"], *+html #personenD a[href ^="mailto:"], *+html #programm a[href ^="mailto:"], *+html #zulassung a[href ^="mailto:"], *+html #stipendien a[href ^="mailto:"], *+html #standard a[href ^="mailto:"], *+html #start #content a[href ^="mailto:"], *+html #content a[href$='.pdf'], *+html #content a[title ^='PDF'], *+html #content a[href ^="http://"]{ zoom: 1; }