/* Menü von tadeus.de (ue_nav.php) Wird eingebunden auf tadeus.de (über ue_css.php), im Bilderbuch (über ue_nav.php) und im Blog (Plugin serendipity_event_tadeusnav). */ /* -- Abschirmung: Eigenschaften, die Blog-/Coppermine-Styles ins Menü vererben, auf die Browser-Vorgaben zurücksetzen (auf tadeus.de gelten diese ohnehin) -- */ .nav_ue, .nav_ue * { box-sizing: content-box; line-height: normal; letter-spacing: normal; text-transform: none; } .nav_ue img { max-width: none; max-height: none; height: auto; } .nav_ue hr { display: block; height: auto; margin: 0.5em auto; padding: 0; border-style: inset; border-width: 1px; color: gray; } .nav_ue a:focus, .nav_ue a:hover, .nav_ue a:active { outline: 0; } /* -- navi -- */ .nav_ue, .nav_ue a, .nav_ue a:link, .nav_ue a:active, .nav_ue a:visited, .nav_ue a:hover, .nav_ue_active a, .nav_ue_active a:link, .nav_ue_active a:active, .nav_ue_active a:visited, .nav_ue_active a:hover, .nav_ue img { font-family: 'Helvetica', 'Comic Sans MS', 'Courier',sans-serif; font-size: 11px; color: white; font-weight: bold; text-decoration: none; /* cursor: crosshair;*/ border-style: none; border-width:0px; border:0px; border:none; background:transparent; text-align:center; vertical-align:middle; } .nav_ue { width:387px; height:180px; z-index:2; position:absolute; left:3px; top:3px; } /* Blog/Bilderbuch: Menü steht direkt im body -> mittig setzen (Gesamtbreite ca. 1122px), schmal: linker Rand */ body > .nav_ue { left: 3px; left: max(3px, calc(50% - 561px)); } /* -- navi - hover links -- */ .nav_ue a:hover {color: red; } /* -- navi - aktive links -- */ .nav_ue_active a, .nav_ue_active a:link, .nav_ue_active a:active, .nav_ue_active a:visited, .nav_ue_active a:hover {color: red; text-decoration: none;} .nav_ue_active img { border: solid 2px red ! important; vertical-align:middle;} /* -- navi - Menü 2 -- */ #nav_ue_tiere, #nav_ue_fussball, #nav_ue_umbau, #nav_ue_menu2 { z-index:30; position:absolute; left:380px; top:0px; width:386px; height:170px; } #nav_ue_fussball, #nav_ue_umbau, #nav_ue_tiere { z-index:35; } .nav_ue_fussball, .nav_ue_fussball a, .nav_ue_fussball a:link, .nav_ue_fussball a:active, .nav_ue_fussball a:visited, .nav_ue_fussball a:hover { font-size: 8px; } /* -- navi - Hintergrund und webcam*/ #nav_ue_bg {width:387px; height:170px; border:0px;} #nav_ue_webc1 {position:absolute; z-index:2; top:0px; left:760px; border:2px solid black; width:240px; height:135px;} /* -- Werbung -- */ #nav_ue_werbung {position:absolute; z-index:5; background:#D3D3D3; top:140px; left:760px; width:240px; height:27px; line-height: 27px; vertical-align: middle; border:2px solid black;} .nav_ue_werbung { padding:0px; margin:0px; width:468px; text-align:center;} .nav_ue_werbung hr { margin:15px 0px; color: #f00; background-color: #f00; height: 5px; width:468px;} /* -- Quicklink (oben rechts...) -- */ #nav_ue_quicklink { position:absolute; background:#D5D5D5; z-index:2; top:0px; left:1008px; border:2px solid red; width:110px; height:167px; padding:0px; margin:0px;} #nav_ue_quicklink a, #nav_ue_quicklink a:link, #nav_ue_quicklink a:hover, #nav_ue_quicklink a:active, #nav_ue_quicklink a:visited, #nav_ue_quicklink { font-size:8pt; font-family:Verdana, sans-serif; color:black; } #nav_ue_quicklink a:hover {text-decoration: overline underline;} /* -- facebook (oben rechts...) -- */ #nav_ue_facebook { position:absolute; z-index:2; top:0px; left:1015px; border:none;} /* -- navi - absolute linkpsoitionen Menü*/ #nav_ue_blog {position:absolute; z-index:1; top:90px; left:130px;} #nav_ue_bibu {position:absolute; z-index:1; top:85px; left:245px;} #nav_ue_impr {position:absolute; z-index:1; top:138px; left:118px;} #nav_ue_dats {position:absolute; z-index:1; top:152px; left:92px;} #nav_ue_shop {position:absolute; z-index:2; top:110px; left:287px;} #nav_ue_hund {position:absolute; z-index:3; top:100px; left:30px;} #nav_ue_gelb {position:absolute; z-index:1; top:5px; left:140px;} #nav_ue_star {position:absolute; z-index:2; top:15px; left:5px;} #nav_ue_mons {position:absolute; z-index:2; top:20px; left:60px;} #nav_ue_pols {position:absolute; z-index:2; top:60px; left:5px;} #nav_ue_copt {position:absolute; z-index:2; top:15px; left:150px;} #nav_ue_zooo {position:absolute; z-index:2; top:22px; left:226px;} /*menu 1 - menu 2 */ #nav_ue_m2tier {position:absolute; z-index:1; top:22px; left:286px;} #nav_ue_m2fuss {position:absolute; z-index:1; top:110px;left:220px;} #nav_ue_m2umba {position:absolute; z-index:1; top:30px; left:340px;} /*menu 2 tiere haben ein Zuhause*/ #nav_ue_jubo {position:absolute; z-index:1; top:5px; left:15px; background:black;} #nav_ue_jule {position:absolute; z-index:1; top:20px; left:71px; background:black;} #nav_ue_boum {position:absolute; z-index:1; top:20px; left:15px; background:black;} #nav_ue_welp {position:absolute; z-index:1; top:50px; left:15px; background:black;} #nav_ue_kira {position:absolute; z-index:1; top:65px; left:15px; background:black;} #nav_ue_schr {position:absolute; z-index:1; top:65px; left:75px; background:black;} #nav_ue_bell {position:absolute; z-index:1; top:95px; left:15px; background:black;} #nav_ue_anou {position:absolute; z-index:1; top:115px; left:15px; background:black;} #nav_ue_onke {position:absolute; z-index:1; top:140px; left:15px; background:black;} #nav_ue_katz {position:absolute; z-index:1; top:5px; left:150px; background:black;} #nav_ue_krue {position:absolute; z-index:1; top:25px; left:150px; background:black;} #nav_ue_bito {position:absolute; z-index:1; top:45px; left:150px; background:black;} #nav_ue_gelb {position:absolute; z-index:1; top:60px; left:150px; background:black;} #nav_ue_aqua {position:absolute; z-index:1; top:80px; left:150px; background:black;} #nav_ue_pese {position:absolute; z-index:1; top:95px; left:150px; background:black;} #nav_ue_schl {position:absolute; z-index:1; top:110px; left:150px; background:black;} #nav_ue_unke {position:absolute; z-index:1; top:140px; left:150px; background:black;} /*menu 2 fussball*/ .nav_ue_r {position: absolute; left: 145px;} /* Punkte; Platz für "Rintenfinten" */ .nav_ue_r2 {position: absolute; left: 60px;} /* Bundesliga Tippspiel */ #nav_ue_bulilogo {position:absolute; z-index:1; top:125px; left:25px;} #nav_ue_buli0708 {position:absolute; z-index:1; top:0px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli0809 {position:absolute; z-index:1; top:10px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli0910 {position:absolute; z-index:1; top:20px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1011 {position:absolute; z-index:1; top:30px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1112 {position:absolute; z-index:1; top:40px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1213 {position:absolute; z-index:1; top:50px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1314 {position:absolute; z-index:1; top:60px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1415 {position:absolute; z-index:1; top:70px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1516 {position:absolute; z-index:1; top:80px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1617 {position:absolute; z-index:1; top:90px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1718 {position:absolute; z-index:1; top:100px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1819 {position:absolute; z-index:1; top:110px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli1920 {position:absolute; z-index:1; top:120px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli2021 {position:absolute; z-index:1; top:130px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli2122 {position:absolute; z-index:1; top:140px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli2223 {position:absolute; z-index:1; top:150px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli2324 {position:absolute; z-index:1; top:160px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buli2425 {position:absolute; z-index:1; top:170px; left:185px; background:black; width:200px; text-align:left;} #nav_ue_buliaktu {position:absolute; z-index:1; top:150px; left:10px; background:black;} #nav_ue_buliaktu a:active {color:red;} #nav_ue_buliaktu a:hover {text-decoration:overline underline; color:white;} #nav_ue_buliaktu a, #nav_ue_buliaktuell a:link, #nav_ue_buliaktuell a:active, #nav_ue_buliaktuell a:visited, #nav_ue_buliaktuell a:hover, #nav_ue_buliaktuell { font-size:12pt;} #nav_ue_bulitop5 {position:absolute; z-index:1; top:15px; left:240px; background:black;} #nav_ue_bulitop5i {width:120px; height: 105px; background:marine; font:sans-serif; font-size:7px; color:white; } /* EM und WM ...*/ #nav_ue_wm_logo {position:absolute; z-index:1; top:110px; left:25px;} #nav_ue_em_logo {position:absolute; z-index:1; top:130px; left:25px;} #nav_ue_em08_text {position:absolute; z-index:1; top:20px; left:25px; background:black; width:113px; text-align:left;} #nav_ue_wm10_text {position:absolute; z-index:1; top:32px; left:25px; background:black; width:110px; text-align:left;} #nav_ue_wwm11_text {position:absolute; z-index:1; top:44px; left:25px; background:black; width:134px; text-align:left;} #nav_ue_em12_text {position:absolute; z-index:1; top:56px; left:25px; background:black; width:113px; text-align:left;} #nav_ue_wm14_text {position:absolute; z-index:1; top:68px; left:25px; background:black; width:145px; text-align:left;} #nav_ue_em16_text {position:absolute; z-index:1; top:80px; left:25px; background:black; width:110px; text-align:left;} #nav_ue_wm18_text {position:absolute; z-index:1; top:92px; left:25px; background:black; width:110px; text-align:left;} #nav_ue_em20_text {position:absolute; z-index:1; top:104px; left:25px; background:black; width:110px; text-align:left;} /*menu 2 fussball Kopf*/ #nav_ue_fuba_head1 a, #nav_ue_fuba_head1 a:link, #nav_ue_fuba_head1 a:active, #nav_ue_fuba_head1 a:visited, #nav_ue_fuba_head1 a:hover #nav_ue_fuba_head1 {color:red;} #nav_ue_fuba_head1 {position:absolute; z-index:1; top:5px; left:15px; background:black;} #nav_ue_fuba_head1 a:hover {text-decoration:overline underline;} /*menu 2 umbau */ #nav_ue_wett {position:absolute; z-index:1; top:35px; left:15px; background:black;} #nav_ue_hang {position:absolute; z-index:1; top:50px; left:15px; background:black;} #nav_ue_zita {position:absolute; z-index:1; top:65px; left:15px; background:black;} #nav_ue_gab2 {position:absolute; z-index:1; top:80px; left:15px; background:black;} #nav_ue_gabu {position:absolute; z-index:2; top:95px; left:15px; background:black;} #nav_ue_link {position:absolute; z-index:1; top:110px; left:15px; background:black;} #nav_ue_news {position:absolute; z-index:1; top:125px; left:15px; background:black;} /*menu 2 umbau kopf*/ #nav_ue_umba_head1 a, #nav_ue_umba_head1 a:link, #nav_ue_umba_head1 a:active, #nav_ue_umba_head1 a:visited, #nav_ue_umba_head1 a:hover #nav_ue_umba_head1 {color:red;} #nav_ue_umba_head1 {position:absolute; z-index:1; top:5px; left:15px; background:black;} #nav_ue_umba_head1 a:hover {text-decoration:overline underline;} /* -- Slogan -- */ #nav_ue_slogan{ position:absolute; z-index:35; width:387px; left:0px; top:155px; height:12px; border: none; padding:0px; margin:0px;} #nav_ue_slogan td, #nav_ue_slogan a, #nav_ue_slogan a:link, #nav_ue_slogan a:hover, #nav_ue_slogan a:active, #nav_ue_slogan a:visited {background:yellow; color:black; font-size:9px; font-weight:normal; font-family:serif; width:387px; text-align:center;vertical-align:middle; padding:0px; margin:0px; } /* -- Menü1 Countdown -- */ #nav_ue_countdown{ position:absolute; z-index:35; left:0px; top:0px; border: none; padding:0px; margin:0px; background:black; color:white; font-size:9px; font-weight:normal; font-family:Verdana; } /* -- Webcam links (z.Zt. nicht genutzt) -- */ #nav_ue_webcam2 {position:absolute; z-index:10; top:153px; left:372px;} #nav_ue_webcam2 a, #nav_ue_webcam2 a:link, #nav_ue_webcam2 a:hover, #nav_ue_webcam2 a:active, #nav_ue_webcam2 a:visited {z-index:10; color:black; }