MediaWiki:Common.css
Aus Kallimachos
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*Minimale Größe*/
body {
min-width: 300px;
}
/*Logo-Positionierung*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left:15px;
}
.navbar-brand {
border-right: 0px!important;
height: 50px:
width: auto;
}
.navbar-brand img {
max-height: 100%;
height:50px;
}
/* Navbar-Verhalten*/
#mw-navigation .navbar-header {
float: right;
margin-left: 0px!important;
margin-right: -10px!important;
}
#mw-navigation .navbar-header button {
display:none;
}
#mw-navigation .navbar-header .navbar-collapse.collapse {
display:block;
float: right;
box-shadow: none;
border-color: none;
}
#mw-navigation .navbar-header .navbar-form {
border-bottom: none;
border-top: none;
box-shadow: none;
margin: 6px 0px;
padding: 0px 0px;
}
/*Linie bei aufgeklappter Navbar*/
.navbar-collapse {
box-shadow:none;
border: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 */
}
/* Kolumnen-padding entfernen */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 0px;
padding-right: 0px;
}
/*Listeneinträge*/
li {
max-width: 100%;
}
/*Bilder-Größe*/
img{
max-width: 100%;
height: auto;
}
/*Bilder-Float*/
.floatright, .floatleft {
max-width: 50%;
height: auto;
}
/*Bilder-Galerien*/
.gallery a {
pointer-events: none;
}
.mw-body .mw-gallery-packed {
padding: 0px;
}
/*Bilder-Spezialgalerie Narrenschiff*/
.narragonien-gallery {
max-width: 800px;
}
.narragonien-gallery .gallerytextwrapper{
width:inherit!important;
margin-bottom:5px!important;
}
/*Bilder-Thumbnails*/
div.tright {
max-width: 30%;
margin: 0 0 0 1.4em;
height: auto;
}
div.tright .thumbinner {
max-width: 100%;
.thumbcaption{
font-size:75%;
padding: 5px 1px 0px;
}
div.tright .magnify {
display:none;
}
}
/*Bilder-Tagungsbericht*/
.tagungsbericht img{
max-width:32%;
}
/*Farbe horizontaler Linien */
hr {
border-color: #bebebe;
}
/*Kategorielinks ausblenden*/
.catlinks {
display:none;
}
/*Blauwerte*/
#mw-navigation, .navbar {
background-color: #12427b;
box-shadow:none;
}
.navbar-default .navbar-nav > li > a {
color: #a3cdf5;
font-size: 13;
}
@media (max-width: 750px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #a3cdf5;
font-size: 13;
}
}
/*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: transparent;
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;
}
/*Randlose Navbar*/
.navbar {
border:none;
}
/*Suche*/
.mw-search {
padding-top:7px;
max-width: 220px;
}
/*Suchseite*/
.searchresults .h2, .searchresults h2 {
clear:both;
}
/*Suchergebnis-Anzeige vereinfachen*/
.mw-search-exists, .mw-search-result-data {
display:none;
}
#mw-search-top-table, .mw-search-profile-tabs {
display:none;
}
.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;
}
/*Headertabs*/
.ui-helper-reset {
/*font-size: 80%;*/
max-width: 100%;
}
/*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;
}
@media (min-width: 1200px) {
.sidebar .container-fluid ul li {
min-width:100%;
}
}
@media (max-width: 750px) {
.sidebar .container-fluid ul {
min-width:100%;
}
}
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;
}
*/