MediaWiki:Mobile.css: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Zur Navigation springen Zur Suche springen
KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 30: Zeile 30:


/* Infoboxen & TOC im Stil der Desktop-Ansicht */
/* Infoboxen & TOC im Stil der Desktop-Ansicht */
.tocmobile {
.toc-mobile {
   width: 100%;
   width: 100%;
}
}
Zeile 55: Zeile 55:
     border-collapse:collapse;
     border-collapse:collapse;
     margin: 0px;
     margin: 0px;
    font-size: 0.9em;
}
}
 
table td.verweise_oben {
table td.verweise_oben {
   border-style:solid;
   border-style:solid;
Zeile 63: Zeile 64:
   background-color:#CECECE;
   background-color:#CECECE;
}
}
 
table td.verweise_oben p{
table td.verweise_oben p{
   margin:1px 1px 0 1px;
   margin:1px 1px 0 1px;
}
}
 
table td.verweise_unten1 {
table td.verweise_unten1 {
   border-style:solid;
   border-style:solid;
Zeile 74: Zeile 75:
   vertical-align:top;
   vertical-align:top;
}
}
 
table td.verweise_unten1 ul {
  line-height:10px;
  font-size:8pt;
}
table td.verweise_unten1 p{
  margin:1px 1px 0 1px;
}
table td.verweise_unten2 {
table td.verweise_unten2 {
   border-style:solid;
   border-style:solid;
Zeile 90: Zeile 82:
   vertical-align:top;
   vertical-align:top;
}
}
 
table td.verweise_unten2 ul {
table td.verweise_unten1 ul, table td.verweise_unten2 ul {
   line-height:10px;
   line-height:10px;
   font-size:8pt;
   font-size:8pt;
}
}
 
table td.verweise_unten2 p{
table td.verweise_unten1 p, table td.verweise_unten2 p{
   margin:1px 1px 0 1px;
   margin:1px 1px 0 1px;
}
}
Zeile 212: Zeile 204:
/* Listen und Aufzählungen */
/* Listen und Aufzählungen */
.content ul{
.content ul{
list-style-type: disc;
list-style: inside url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=") disc;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=");
}
ol, ul {
margin: 0.3em 0px 0px 1.6em!important;
}
}

Version vom 12. Juli 2015, 01:05 Uhr

/* Das folgende CSS wird für alle Nutzer der mobilen Version geladen. */
.content table td, .content table th {
    padding: 3px;
    border: none;
    width: auto;
}

/* Anpassungen für die Hauptseite */ 
.Hauptseite-Subinhalt {
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
 background-color: transparent;
}

/* Infoboxen mit voller Breite */
.content table.infoboxblau {
	width: 100%!important;
	clear:both!important;
}
.content .fullwidth {
	width: 100%!important;
}

/* Inhalt von Tabellenzellen vertikal mittig wie auch in der Desktop-Ansicht */
td {
	vertical-align: middle;
}

/* Infoboxen & TOC im Stil der Desktop-Ansicht */
.toc-mobile {
  width: 100%;
}

.zebrablau {
  background-color: #dfeefe;
}
 
.infoboxblau {
  margin-bottom: 5px;
  margin-left: 5px;
  width: 260px;
  font-size: 95%;
  clear:both;
  padding: 0 2px;
  border: 1px solid #BBCCE9;
  border-left: 5px solid #8CA9DA;
  background-color: white;
}

/* Links und Verweise im Stil der Desktop-Ansicht */
table.verweise {
    width: 600px !important;
    border-collapse:collapse;
    margin: 0px;
    font-size: 0.9em;
}

table td.verweise_oben {
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px 1px 1px 1px;
  background-color:#CECECE;
}

table td.verweise_oben p{
  margin:1px 1px 0 1px;
}

table td.verweise_unten1 {
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px 0 1px 1px;
  vertical-align:top;
}

table td.verweise_unten2 {
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px 1px 1px 0;
  vertical-align:top;
}

table td.verweise_unten1 ul, table td.verweise_unten2 ul {
  line-height:10px;
  font-size:8pt;
}

table td.verweise_unten1 p, table td.verweise_unten2 p{
  margin:1px 1px 0 1px;
}

/* Farbdefinitionen wie bei Desktop-Ansicht */
.rahmenfarbe1 { /* Wie Inhaltsverzeichnis */
  border-color: #aaaaaa;
  border-width: 1px;
}
.rahmenfarbe2 { /* Unauffällig, geringer Kontrast */
  border-color: #e9e9e9;
  border-width: 1px;
}
.rahmenfarbe3 { /* "Rot", auffällig */
  border-color: #c00000;
  border-width: 1px;
}
.rahmenfarbe4 { /* Neutrale Farbe, deutlich */
  border-color: #8888aa;
  border-width: 1px;
}
.rahmenfarbe5 { /* "Schwarz", hoher Kontrast */
  border-color: #000000;
  border-width: 1px;
}
 
.hintergrundfarbe1 { 
  background-color: #f9f9f9;
}
.hintergrundfarbe2 { 
  background-color: #cdefff;
}
.hintergrundfarbe3 { 
  background-color: #bcdefa;
}
.hintergrundfarbe4 { 
  background-color: #abcdef;
}
.hintergrundfarbe5 { /* Neutral, abgesetzt */
  background-color: #e0e0e0;
}
.hintergrundfarbe6 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #b3b7ff;
}
.hintergrundfarbe7 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #ffcbcb;
}
.hintergrundfarbe8 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #ffebad;
}
.hintergrundfarbe9 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #b9ffc5;
}
.hintergrundfarbe10 { /* etwas blasser als Farbe 5 */
  background-color: #f0f0f0;
}

/* Anpassungen für Spezialseiten & Kategorien */
ul.mw-allpages-chunk li {
    border-top: 1px solid #CCC;
    display: inline-block;
    margin: 0 1% 0 0;
    padding: 0.2em 0;
    vertical-align: top;
    width: 31%;
}
.allpagesredirect,
.watchlistredir,
.redirect-in-category {
  font-style: italic;
}

body.ns-14 div#mw-pages table {
	width: 100%!important;
}

.mw-htmlform-field-HTMLCheckField .mw-input {
	padding: 5px 0;
}

/* Anpassung für Darsteller-Tabelle */
.content table.darsttab{
	border-spacing: 2px!important;
	border-collapse: separate;
}

/* Wikitable im Stil der Desktop-Ansicht */
table.wikitable {
    margin: 1em 0;
    background-color: #F9F9F9;
    border: 1px solid #AAA;
    border-collapse: collapse;
    color: #000;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #F2F2F2;
    text-align: center;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #AAA;
    padding: 0.2em;
}

/* damit das <small>-Tag auch in der mobilen Ansicht einen Effekt hat */
small {
	font-size: smaller;
}

/* Staffelnavigationen */
.staffelnav table{
	margin:0;
	width:100%!important;
}

/* Listen und Aufzählungen */
.content ul{
	list-style: inside url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=") disc;
}
ol, ul {
	margin: 0.3em 0px 0px 1.6em!important;
}