Schulwandbilder und MediaWiki:Common.css: Unterschied zwischen den Seiten
Aus Kallimachos
(Unterschied zwischen Seiten)
(→Technische Partner) |
|||
Zeile 1: | Zeile 1: | ||
− | + | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | |
− | |||
− | |||
− | + | /*Blauwerte*/ | |
− | + | #mw-navigation, .navbar { | |
+ | background-color: #12427b; | ||
+ | box-shadow:none; | ||
+ | } | ||
− | + | .navbar-default .navbar-nav > li > a { | |
− | # | + | color: #a3cdf5; |
− | + | font-weight: 550; | |
− | + | } | |
+ | @media (max-width: 750px) { | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||
+ | color: #a3cdf5; | ||
+ | font-weight: 550; | ||
+ | } | ||
+ | } | ||
− | + | /*Hevorhebung*/ | |
+ | .navbar-default .navbar-nav > li > a:hover, | ||
+ | .navbar-default .navbar-nav > li > a:focus, | ||
+ | .navbar-default .navbar-nav > .open > a, | ||
+ | .navbar-default .navbar-nav > .open > a:hover, | ||
+ | .navbar-default .navbar-nav > .open > a:focus { | ||
+ | background-color: transparent; | ||
+ | color: #ffffff; | ||
+ | } | ||
− | + | @media (max-width: 750px) { | |
− | + | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, | |
− | + | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { | |
− | + | background-color: #a3cdf5; | |
− | + | color: #ffffff; | |
− | + | } | |
− | + | } | |
− | + | .navbar { | |
− | + | background-image:none; | |
+ | } | ||
− | + | .navbar-default .navbar-toggle { | |
− | { | + | border-color: #91b0cd; |
− | + | background-color: rgba(255, 255, 255, 0.1); | |
− | + | } | |
− | + | .navbar-default .navbar-toggle .icon-bar { | |
− | - | + | background-color: #91b0cd; |
− | -- | + | } |
− | + | ||
+ | /*Suche*/ | ||
+ | .mw-search { | ||
+ | padding-top:7px; | ||
+ | max-width: 220px; | ||
+ | } | ||
+ | |||
+ | .mw-search .form-control { | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | border: 1px solid #91b0cd; | ||
+ | color: #ffffff; | ||
+ | font-size: 10px; | ||
+ | height: 24px; | ||
+ | padding: 0 12px; | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .mw-search .form-control::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.0); | ||
+ | } | ||
+ | |||
+ | .mw-search .btn, .mw-search btn-default{ | ||
+ | height: 24px; | ||
+ | padding: 0px 6px; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | background-image:none; | ||
+ | border: 1px solid #91b0cd; | ||
+ | color: #91b0cd; | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .mw-search .btn .glyphicon { | ||
+ | top: 2px; | ||
+ | } | ||
+ | |||
+ | .mw-search .btn:focus, .mw-search .btn:active, | ||
+ | .mw-search .btn:hover, .mw-search .btn:target, | ||
+ | .mw-search .btn-default:focus, .mw-search .btn-default:active, | ||
+ | .mw-search .btn-default:hover, .mw-search .btn-default:target { | ||
+ | color: #91b0cd; | ||
+ | border-color:#91b0cd; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(102, 175, 233, 0.6); | ||
+ | outline: 0 none; | ||
+ | } | ||
+ | |||
+ | .mw-search .searchGoButton { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /*Koordination Suche/NavToggle*/ | ||
+ | .navbar-toggle { | ||
+ | float: left; | ||
+ | margin-left: 15px; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 800px) { | ||
+ | .top-row{ | ||
+ | height:50px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /*Überschrift*/ | ||
+ | .contentHeader { | ||
+ | margin: none; | ||
+ | border-bottom: 0; | ||
+ | padding-bottom: 0; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .ht-editsection { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /*Thumbnails*/ | ||
+ | /*TODO: Lupe weg?*/ | ||
+ | div.tright { | ||
+ | max-width: 30%; | ||
+ | margin: 0 0 0 1.4em; | ||
+ | height: auto; | ||
+ | .thumbinner { | ||
+ | max-width: 100%; | ||
+ | .thumbcaption{ | ||
+ | font-size:75%; | ||
+ | padding: 5px 1px 0px; | ||
+ | } | ||
+ | } | ||
+ | .magnify { | ||
+ | display:none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /*Inhalt ohne Headertabs*/ | ||
+ | .notab { | ||
+ | border: 1px solid #aaaaaa; | ||
+ | color: #222222; | ||
+ | border-radius: 4px; | ||
+ | padding: 0.2em 1.4em; | ||
+ | } | ||
+ | |||
+ | .notab h1, .notab .h1 { | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .toc { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .bannerbar{ | ||
+ | margin-bottom: 0; | ||
+ | border-bottom-color: #4874BD | ||
+ | } | ||
+ | |||
+ | .sidebar { | ||
+ | border-top-color: #4874BD | ||
+ | } | ||
+ | |||
+ | .mw-body{ | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .EmptySpace { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*Link zur Uni-Seite*/ | ||
+ | #mw-navigation .EmptySpace { | ||
+ | display: block; | ||
+ | width:100px; | ||
+ | height: 50px; | ||
+ | float: left; | ||
+ | color:transparent; | ||
+ | visibility:visible; | ||
+ | -webkit-touch-callout: none!important; /* iOS Safari */ | ||
+ | -webkit-user-select: none!important; /* Chrome/Safari/Opera */ | ||
+ | -khtml-user-select: none!important; /* Konqueror */ | ||
+ | -moz-user-select: none!important; /* Firefox */ | ||
+ | -ms-user-select: none!important; /* Internet Explorer/Edge */ | ||
+ | user-select: none!important; /* Non-prefixed version, currently not supported by any browser */ | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | .sidebar .container-fluid ul li { | ||
+ | min-width:100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 750px) { | ||
+ | .sidebar .container-fluid ul { | ||
+ | min-width:100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .tagungsbericht img{ | ||
+ | max-width:32%; | ||
+ | } | ||
+ | |||
+ | div.tright .thumbinner .thumbcaption { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1000px) { | ||
+ | .mw-body { | ||
+ | font-size:100%; | ||
+ | } | ||
+ | .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body h1 { | ||
+ | font-size:28px; | ||
+ | } | ||
+ | .mw-body h2, .mw-body .h2{ | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | .mw-body h3, .mw-body .h3 { | ||
+ | font-size:24px; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 800px) and (max-width: 1000px) { | ||
+ | .mw-body { | ||
+ | font-size:90% | ||
+ | } | ||
+ | .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { | ||
+ | font-size:24px; | ||
+ | } | ||
+ | mw-body h2, .mw-body .h2{ | ||
+ | margin-bottom: 8px; | ||
+ | margin-top: 16px; | ||
+ | } | ||
+ | .mw-body h3, .mw-body .h3 { | ||
+ | font-size:20px; | ||
+ | margin-bottom: 4px; | ||
+ | margin-top: 8px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 600px) and (max-width: 800px) { | ||
+ | .mw-body { | ||
+ | font-size:80%; | ||
+ | } | ||
+ | .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { | ||
+ | font-size:20px; | ||
+ | } | ||
+ | mw-body h2, .mw-body .h2{ | ||
+ | margin-bottom: 6px; | ||
+ | margin-top: 12px; | ||
+ | } | ||
+ | .mw-body h3, .mw-body .h3 { | ||
+ | font-size:16px; | ||
+ | margin-bottom: 3px; | ||
+ | margin-top: 6px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 400px) and (max-width: 600px) { | ||
+ | .mw-body { | ||
+ | font-size:70%; | ||
+ | } | ||
+ | .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { | ||
+ | font-size:16px; | ||
+ | } | ||
+ | mw-body h2, .mw-body .h2{ | ||
+ | margin-bottom: 4px; | ||
+ | margin-top: 8px; | ||
+ | } | ||
+ | .mw-body h3, .mw-body .h3 { | ||
+ | font-size:14px; | ||
+ | margin-bottom: 2px; | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 400px) { | ||
+ | .mw-body { | ||
+ | font-size:60%; | ||
+ | } | ||
+ | .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { | ||
+ | font-size:14px; | ||
+ | } | ||
+ | mw-body h2, .mw-body .h2{ | ||
+ | margin-bottom: 2px; | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | .mw-body h3, .mw-body .h3 { | ||
+ | font-size:12px; | ||
+ | margin-bottom: 1px; | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | /* footer-icons */ | ||
+ | .footer-icons li { | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px){ | ||
+ | .footer-icons-bottom { | ||
+ | display:none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 1200px){ | ||
+ | .footer-icons-top { | ||
+ | display:none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .footer-icons-top{ | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | |||
+ | /*Bullet Points (Chamäleon-BP skalieren falsch)*/ | ||
+ | .mw-body ul { | ||
+ | list-style: disc; | ||
+ | } | ||
+ | |||
+ | /*Addressboxen*/ | ||
+ | .adressbox { | ||
+ | max-width: 100% | ||
+ | width: 350px; | ||
+ | float:none | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1000px) { | ||
+ | .adressbox { | ||
+ | float:right; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | /*TODO | ||
+ | .overlapping-title { | ||
+ | position: absolute; | ||
+ | margin: 20px; | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | .overlapping-title h1, .overlapping-title h3, .overlapping-title .h1, .overlapping-title .h3 { | ||
+ | color: #ffffff; | ||
+ | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | ||
+ | font-weight: 500; | ||
+ | line-height: 1.1; | ||
+ | } | ||
+ | */ |
Version vom 10. Juni 2016, 10:34 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ /*Blauwerte*/ #mw-navigation, .navbar { background-color: #12427b; box-shadow:none; } .navbar-default .navbar-nav > li > a { color: #a3cdf5; font-weight: 550; } @media (max-width: 750px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #a3cdf5; font-weight: 550; } } /*Hevorhebung*/ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #ffffff; } @media (max-width: 750px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #a3cdf5; color: #ffffff; } } .navbar { background-image:none; } .navbar-default .navbar-toggle { border-color: #91b0cd; background-color: rgba(255, 255, 255, 0.1); } .navbar-default .navbar-toggle .icon-bar { background-color: #91b0cd; } /*Suche*/ .mw-search { padding-top:7px; max-width: 220px; } .mw-search .form-control { background-color: rgba(255, 255, 255, 0.1); border: 1px solid #91b0cd; color: #ffffff; font-size: 10px; height: 24px; padding: 0 12px; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .mw-search .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.0); } .mw-search .btn, .mw-search btn-default{ height: 24px; padding: 0px 6px; background-color: rgba(255, 255, 255, 0.1); background-image:none; border: 1px solid #91b0cd; color: #91b0cd; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .mw-search .btn .glyphicon { top: 2px; } .mw-search .btn:focus, .mw-search .btn:active, .mw-search .btn:hover, .mw-search .btn:target, .mw-search .btn-default:focus, .mw-search .btn-default:active, .mw-search .btn-default:hover, .mw-search .btn-default:target { color: #91b0cd; border-color:#91b0cd; background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; } .mw-search .searchGoButton { display:none; } /*Koordination Suche/NavToggle*/ .navbar-toggle { float: left; margin-left: 15px; } @media (max-width: 800px) { .top-row{ height:50px; } } /*Überschrift*/ .contentHeader { margin: none; border-bottom: 0; padding-bottom: 0; display: none; } .ht-editsection { display:none; } /*Thumbnails*/ /*TODO: Lupe weg?*/ div.tright { max-width: 30%; margin: 0 0 0 1.4em; height: auto; .thumbinner { max-width: 100%; .thumbcaption{ font-size:75%; padding: 5px 1px 0px; } } .magnify { display:none; } } /*Inhalt ohne Headertabs*/ .notab { border: 1px solid #aaaaaa; color: #222222; border-radius: 4px; padding: 0.2em 1.4em; } .notab h1, .notab .h1 { margin-bottom: 10px; margin-top: 10px; } .toc { display: none; } .bannerbar{ margin-bottom: 0; border-bottom-color: #4874BD } .sidebar { border-top-color: #4874BD } .mw-body{ margin-top: 10px; } .EmptySpace { display: none; } /*Link zur Uni-Seite*/ #mw-navigation .EmptySpace { display: block; width:100px; height: 50px; float: left; color:transparent; visibility:visible; -webkit-touch-callout: none!important; /* iOS Safari */ -webkit-user-select: none!important; /* Chrome/Safari/Opera */ -khtml-user-select: none!important; /* Konqueror */ -moz-user-select: none!important; /* Firefox */ -ms-user-select: none!important; /* Internet Explorer/Edge */ user-select: none!important; /* Non-prefixed version, currently not supported by any browser */ } @media (min-width: 1200px) { .sidebar .container-fluid ul li { min-width:100%; } } @media (max-width: 750px) { .sidebar .container-fluid ul { min-width:100%; } } .tagungsbericht img{ max-width:32%; } div.tright .thumbinner .thumbcaption { font-size: 80%; } @media (min-width: 1000px) { .mw-body { font-size:100%; } .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body h1 { font-size:28px; } .mw-body h2, .mw-body .h2{ margin-bottom: 10px; margin-top: 20px; } .mw-body h3, .mw-body .h3 { font-size:24px; margin-bottom: 5px; margin-top: 10px; } } @media (min-width: 800px) and (max-width: 1000px) { .mw-body { font-size:90% } .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { font-size:24px; } mw-body h2, .mw-body .h2{ margin-bottom: 8px; margin-top: 16px; } .mw-body h3, .mw-body .h3 { font-size:20px; margin-bottom: 4px; margin-top: 8px; } } @media (min-width: 600px) and (max-width: 800px) { .mw-body { font-size:80%; } .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { font-size:20px; } mw-body h2, .mw-body .h2{ margin-bottom: 6px; margin-top: 12px; } .mw-body h3, .mw-body .h3 { font-size:16px; margin-bottom: 3px; margin-top: 6px; } } @media (min-width: 400px) and (max-width: 600px) { .mw-body { font-size:70%; } .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { font-size:16px; } mw-body h2, .mw-body .h2{ margin-bottom: 4px; margin-top: 8px; } .mw-body h3, .mw-body .h3 { font-size:14px; margin-bottom: 2px; margin-top: 4px; } } @media (max-width: 400px) { .mw-body { font-size:60%; } .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 { font-size:14px; } mw-body h2, .mw-body .h2{ margin-bottom: 2px; margin-top: 4px; } .mw-body h3, .mw-body .h3 { font-size:12px; margin-bottom: 1px; margin-top: 2px; } } /* footer-icons */ .footer-icons li { margin-bottom: 5px; margin-top: 5px; } @media (min-width: 1200px){ .footer-icons-bottom { display:none; } } @media (max-width: 1200px){ .footer-icons-top { display:none; } } .footer-icons-top{ margin-left: 0px; } /*Bullet Points (Chamäleon-BP skalieren falsch)*/ .mw-body ul { list-style: disc; } /*Addressboxen*/ .adressbox { max-width: 100% width: 350px; float:none } @media (min-width: 1000px) { .adressbox { float:right; } } /*TODO .overlapping-title { position: absolute; margin: 20px; max-width: 100%; } .overlapping-title h1, .overlapping-title h3, .overlapping-title .h1, .overlapping-title .h3 { color: #ffffff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.1; } */