MediaWiki: Common.css

Aus Pfeilheimwiki
Wechseln zu: Navigation, Suche
K
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@import url(fonts.googleapis.com/css?family=Droid+Serif&v1);
+
/*@import url(http://fonts.googleapis.com/css?family=Droid+Serif&v1);*/
 +
@import url('https://fonts.googleapis.com/css?family=Roboto');
 +
 
 +
* {
 +
    font-family: 'Roboto', sans-serif;;
 +
  }
  
 
.mainpanel {
 
.mainpanel {
    background-color: orange;
+
}
 +
 
 +
.mainpanel>div:first-child {
 +
padding: 10px;
 +
margin-bottom: 0;
 +
font-size: 22px;
 +
font-weight: 300;
 +
border: 1px solid transparent;
 +
border-radius: 4px;
 +
background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
 +
color: #fff;
 +
background-color: #337ab7;
 +
border-color: #2e6da4;
 +
padding: 0.2em;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
 
 +
.mainpanel>div:last-child {
 +
padding: 0.5em;
 +
margin-top: 1em;
 +
box-shadow: 2px 2px 8px grey;
 +
border-radius: 5pt;
 +
background-image: linear-gradient(to bottom,#f8f8f8 0,#f0f0f0 100%);
 +
}
 +
 
 +
.mainpanel>div:last-child>div:nth-child(2n+1) {
 +
margin-top: 15px;
 +
padding-left: 10px;
 +
margin-bottom:15px;
 +
border-bottom: 1px solid grey;
 +
}
 +
 
 +
.mainpanel>div:last-child>div:nth-child(2n) {
 +
margin:15px;
 +
}
 +
 
 +
.subpanel {
 +
margin: 0;
 +
margin-top: 10px;
 +
border: 1px solid #6688aa;
 +
background-color: #f8fbff;
 +
}
 +
 
 +
.subpanel>p {
 +
font-size: 20px;
 +
color: white;
 +
background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
 +
display: block; padding: 10px; padding-left: 0.7em
 +
}
 +
 
 +
.subpanel>div {
 +
padding: 0.3em 1em 0.7em 1em;
 +
font-size:90%;
 
}
 
}

Aktuelle Version vom 21. Februar 2018, 11:26 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*@import url(http://fonts.googleapis.com/css?family=Droid+Serif&v1);*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

* {
    font-family: 'Roboto', sans-serif;;
  }

.mainpanel {
}

.mainpanel>div:first-child {
 padding: 10px;
 margin-bottom: 0;
 font-size: 22px;
 font-weight: 300;
 border: 1px solid transparent;
 border-radius: 4px;
 background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
 color: #fff;
 background-color: #337ab7;
 border-color: #2e6da4;
 padding: 0.2em;
 text-align: center;
 vertical-align: middle;
}

.mainpanel>div:last-child {
 padding: 0.5em;
 margin-top: 1em;
 box-shadow: 2px 2px 8px grey;
 border-radius: 5pt;
 background-image: linear-gradient(to bottom,#f8f8f8 0,#f0f0f0 100%);
}

.mainpanel>div:last-child>div:nth-child(2n+1) {
 margin-top: 15px;
 padding-left: 10px;
 margin-bottom:15px;
 border-bottom: 1px solid grey;
}

.mainpanel>div:last-child>div:nth-child(2n) {
 margin:15px;
}

.subpanel {
 margin: 0;
 margin-top: 10px;
 border: 1px solid #6688aa;
 background-color: #f8fbff;
}

.subpanel>p {
 font-size: 20px;
 color: white;
 background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
 display: block; padding: 10px; padding-left: 0.7em
}

.subpanel>div {
 padding: 0.3em 1em 0.7em 1em;
 font-size:90%;
}