MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus D4O Wiki
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „→‎Das folgende CSS wird für alle Benutzeroberflächen geladen.: →‎GLOBAL WIDTH: #header, #top-bar { width: 804px; margin: 0 auto; } body { background…“)
 
 
(60 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
+
/* Changes the background color of the bottom and left of each page, up to behind half of the logo: */
/* GLOBAL WIDTH */
 
#header, #top-bar {
 
width: 804px;
 
margin: 0 auto;
 
}
 
 
body {
 
body {
background-color: #C6AC93;
+
  background: #c8b694;
background: #C6AC93;
 
font-size: 0.80em;
 
color: #333;
 
}
 
div#container-wrap {
 
background-image: url(../images/body_bg.html);
 
background-repeat: repeat-x;
 
}
 
/* HEADER */
 
#header {
 
height: 140px;
 
position: relative;
 
z-index: 10;
 
padding-bottom: 22px; /* FOR MENU */
 
}
 
#search-top-box {
 
position: absolute;
 
top: 79px;
 
right: 9px;
 
width: 250px;
 
text-align: right;
 
}
 
#login-status {
 
color: #aaa;
 
font-size: 90%;
 
z-index: 30;
 
}
 
#login-status a {
 
background: transparent;
 
color: #ddd;
 
}
 
#login-status ul a {
 
color: #700;
 
background: transparent;
 
}
 
#account-topbutton {
 
background: #ccc;
 
color: #700;
 
}
 
.printuser img.small {
 
margin-right: 1px;
 
}
 
#header h1 {
 
margin: 0;
 
padding: 0;
 
float: left;
 
max-height: 105px;
 
}
 
#header h2 {
 
margin: 0;
 
padding: 0;
 
clear: left;
 
float: left;
 
font-size: 105%;
 
max-height: 38px;
 
}
 
#header h1 a {
 
display: block;
 
margin: 0;
 
padding: 80px 0 25px;
 
line-height: 0px;
 
max-height: 0px;
 
color: #eee;
 
background: transparent;
 
font-size: 180%;
 
text-decoration: none;
 
}
 
#header h2 span {
 
display: block;
 
margin: 0;
 
padding: 19px 0;
 
line-height: 0px;
 
max-height: 0px;
 
color: #a02;
 
font-weight: bold;
 
}
 
/* TOP MENU */
 
#top-bar {
 
position: absolute;
 
z-index: 50;
 
top: 140px;
 
right: 0;
 
height: 21px;
 
line-height: 18px;
 
padding: 0;
 
z-index: 20;
 
font-size: 90%;
 
}
 
#top-bar ul {
 
float: right;
 
}
 
#top-bar a {
 
color: #C6AC93
 
;
 
background: transparent;
 
}
 
#top-bar ul li, #top-bar ul li ul {
 
border-width: 1px 0 0;
 
border-color: #444;
 
border-style: solid;
 
}
 
#top-bar ul li a {
 
border-style: solid;
 
border-color: #444;
 
border-width: 0 0 0 1px;
 
text-decoration: none;
 
padding-top: 10px;
 
padding-bottom: 10px;
 
line-height: 1px;
 
max-height: 1px;
 
overflow: hidden;
 
}
 
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
 
background: #eee;
 
color: #a01;
 
}
 
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
 
border-width: 0;
 
width: 150px;
 
border-top: 1px solid #ddd;
 
line-height: 160%;
 
height: auto;
 
max-height: none;
 
padding-top: 0;
 
padding-bottom: 0;
 
}
 
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
 
background: #C6AC93
 
;
 
text-decoration: none;
 
}
 
#top-bar ul li ul {
 
border-width: 0 1px 1px 1px;
 
width: auto;
 
}
 
#top-bar ul li ul li, #top-bar ul li ul li.sfhover, #top-bar ul li ul li, #top-bar ul li ul li:hover {
 
border-width: 0;
 
}
 
#top-bar ul li ul li a {
 
border-width: 0;
 
}
 
#top-bar ul li ul a, #top-bar a:hover {
 
color: #a01;
 
}
 
/* IE7 HACK */
 
#top-bar ul > li > ul {
 
*margin-top: -4px;
 
}
 
/* SIDE MENU */
 
#side-bar {
 
clear: both;
 
padding: 10px;
 
margin: 0 0 0 2em;
 
width: 15em;
 
border: 1px solid #dedede;
 
}
 
/* CONTENT */
 
#main-content {
 
margin: 0 4em 0 19em;
 
}
 
/* YUI-TABS */
 
.yui-navset .yui-content {
 
background-color: #f5f5f5;
 
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
 
background-color: #d8d8d8;
 
background-image: url(../../local--files/start/yuitabs.png);
 
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
 
/* no hover effect for selected */
 
background: #700 url(../../local--files/start/yuitabs.png) repeat-x left -1400px;
 
/* selected tab background */color: #C6AC93
 
;
 
}
 
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
 
background: #d88 url(../../local--files/start/yuitabs.png) repeat-x left -1300px;
 
text-decoration: none;
 
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
 
border-color: #444;
 
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
 
border-color: #444;
 
}
 
.yui-navset li {
 
line-height: normal;
 
}
 
/* FOOTER */
 
#footer {
 
clear: both;
 
font-size: 77%;
 
background: #444;
 
color: #bbb;
 
margin-top: 15px;
 
padding: 3px 10px;
 
}
 
#footer .options {
 
visibility: visible;
 
display: block;
 
float: right;
 
width: 50%;
 
font-size: 100%;
 
text-align: right;
 
}
 
#footer a {
 
color: #C6AC93
 
;
 
background: transparent;
 
}
 
/* COMMON */
 
#content-wrap {
 
margin-top: 2em;
 
}
 
h1, #page-title {
 
color: #901;
 
padding: 0 0 0.25em;
 
margin: 0 0 0.6em;
 
font-weight: normal;
 
}
 
h1 {
 
margin-top: 0.7em;
 
padding: 0;
 
font-weight: bold;
 
}
 
h2, h3, h4, h5, h6, h7 {
 
margin: 0.5em 0 0.4em;
 
padding: 0;
 
letter-spacing: 1px;
 
 
}
 
}
#page-title {
+
 
border-color: #bbb;
+
/*removes the toolbox*/
 +
#p-tb { display: none; }
 +
 
 +
/* Changes the background color behind the top half of the logo and at top of each page: */
 +
#mw-page-base {
 +
  background: #c8b694;
 
}
 
}
ul {
+
.mw-body {
/*list-style-image: url(../images/bullet.gif);*/
+
  background: #e9d9bb;
list-style: square;
 
 
}
 
}
#top-bar ul {
+
#ca-talk { display:none!important; }
 +
#ca-history{ display:none!important; }
 +
#ca-viewsource{ display:none!important; }
 +
#ca-view{ display:none!important; }
 +
 
 +
#ca-nstab-main{ display:none!important; }
 +
 
 +
  .mw-body {
 +
    border-top: 1px solid #a11b1b;
 +
    border-left: 1px solid #a11b1b;
 +
    border-bottom: 1px solid #a11b1b;
 +
    /* Merge the border with tabs' one (in their background image) */
 +
    margin-top: 0px;
 +
    padding: 1.25em 0.5em 1.5em;
 +
  }
 +
 
 +
 
 +
  /* Namespaces and Views */
 +
  .vector-menu-tabs {
 +
  background: #c8b694; 
 +
    background-position: left bottom;
 +
    float: left;
 +
    height: 2.5em;
 +
    padding-left: 1px;
 +
    /* Navigation Labels */
 +
  }
 +
  .vector-menu-tabs h3 {
 +
    display: none;
 +
  }
 +
  .vector-menu-tabs ul {
 +
    float: left;
 +
    height: 100%;
 +
    list-style: none none;
 +
    margin: 0;
 +
    padding: 0;
 +
  }
 +
  .vector-menu-tabs li {
 +
background: #c8b694;   
 +
    background-position: left bottom;
 +
    background-repeat: repeat-x;
 +
    float: left;
 +
    display: block;
 +
    height: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    line-height: 1.125em;
 +
    white-space: nowrap;
 +
  }
 +
  .vector-menu-tabs li a {
 +
    background-position: right bottom;
 +
    background: #c8b694; 
 +
    color: #0645ad;
 +
    -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
    box-sizing: border-box;
 +
    display: block;
 +
    float: left;
 +
    height: 3.07692308em;
 +
    position: relative;
 +
    padding-top: 1.25em;
 +
    padding-left: 8px;
 +
    padding-right: 8px;
 +
    font-size: 0.8125em;
 +
    cursor: pointer;
 +
  }
 +
  .vector-menu-tabs .new a,
 +
  .vector-menu-tabs .new a:visited {
 +
    color: #a55858;
 +
    background: #c8b694; 
 +
  }
 +
  .vector-menu-tabs .selected {
 +
    background: #c8b694;
 +
  }
 +
  .vector-menu-tabs .selected a,
 +
  .vector-menu-tabs .selected a:visited {
 +
  background: #c8b694; 
 +
    color: #202122;
 +
    text-decoration: none;
 +
  }
 +
  .vector-menu-tabs .icon a {
 +
  background: #c8b694; 
 +
    background-position: right bottom;
 +
    background-repeat: no-repeat;
 +
  }
 +
 +
 
 +
 +
/* last modification stuff */
 +
#footer-info { display: none; }
 +
 
 +
 
 +
  .vector-menu-portal .body li a,
 +
  .vector-menu-portal .vector-menu-content li a {
 +
    color: #202122;
 +
  }
 +
  .vector-menu-portal .body li a:visited,
 +
  .vector-menu-portal .vector-menu-content li a:visited {
 +
    color: #202122;
 +
      font-weight: bold;
 +
  }
 +
.vector-menu-content-list li a {
 +
    color: #202122;
 +
  }
 +
.vector-menu-content li a:visited {
 +
    color: #0b0080;
 +
  }
 +
 
 +
  .vector-menu-portal .body li a,
 +
  .vector-menu-portal .vector-menu-content li a {
 +
    color: #202122;
 +
  }
 +
  .vector-menu-portal .body li a:visited,
 +
  .vector-menu-portal .vector-menu-content li a:visited {
 +
    color: #202122;
 +
      font-weight: bold;
 +
  }
 +
.vector-menu-content-list li a {
 +
    color: #202122;
 +
  }
 +
.vector-menu-content li a:visited {
 +
    color: #0b0080;
 +
  }
 +
.wikitable {
 +
  background-color: #e9d9bb;
 +
  color: #202122;
 +
  margin: 1em 0;
 +
  border: 1px solid #000;
 +
  border-collapse: collapse;
 +
}
 +
.wikitable > tr > th,
 +
.wikitable > * > tr > th {
 +
  background-color: #c8b694;
 +
  text-align: center;
 +
    border: 1px solid #000;
 
}
 
}
li, p {
+
.wikitable > * > tr > td {
line-height: 141%;
+
  border: 1px solid #000;
 +
  padding: 0.2em 0.4em;
 +
}
 +
 +
  .vector-menu-portal h3 {
 +
    display: block;
 +
    background-image: url(/w/skins/Vector/resources/skins.vector.styles/images/portal-separator.png?4ab04);
 +
    background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, #4f3411 33%, #902006 66%, rgba(144, 32, 6, 0) 100%);
 +
    background-position: center bottom;
 +
    background-repeat: no-repeat;
 +
    background-size: 100% 1px;
 +
    color: #4f3411;
 +
    margin: 0.5em 0 0 0.66666667em;
 +
    border: 0;
 +
    padding: 0.25em 0;
 +
    font-size: 0.75em;
 +
    font-weight: normal;
 +
    cursor: default;
 +
  }
 +
hr {
 +
height: 1px;
 +
background-color: #816e53;
 +
border: 0;
 +
margin: 0.2em 0;
 +
}
 +
h1,
 +
h2 {
 +
margin-bottom: 0.6em;
 +
border-bottom: 1px solid #4f3411;
 
}
 
}
 
a {
 
a {
color: #b01;
+
text-decoration: none;
text-decoration: none;
+
color: #684e2a;
}
+
background: none;
a.newpage {
+
}
color: #d61;
+
a:visited {
text-decoration: none;
+
color: #684e2a;
}
+
}
a:hover {
 
text-decoration: underline;
 
}
 
/* SOME NICE BOXES */
 
div.sexy-box {
 
background: #eee;
 
border: 1px solid #ccc;
 
padding: 0 10px 12px;
 
margin: 7px 4px 12px;
 
overflow: hidden;
 
}
 
div.sexy-box div.image-container img {
 
margin: 5px;
 
padding: 2px;
 
border: 1px solid #999;
 
}
 
div#container-wrap {
 
background: url(../../local--files/start/body_bg2.png) repeat-x;
 
}
 
#header h1 a {
 
background: url(../../local--files/start/logox.png) no-repeat;
 
display: block;
 
height: 140px;
 
margin: 10px;
 
outline: none;
 
width: 300px;
 
max-height: 140px;
 
padding: 0;
 
}
 
#header h1 a span {
 
display: none;
 
}
 
#top-bar ul li, #top-bar ul li a {
 
border: transparent;
 
text-transform: uppercase;
 
font-weight: bold;
 
color: #000;
 
}
 
#top-bar ul li.sfhover {
 
background: #000;
 
-moz-border-radius: 4px;
 
-webkit-border-radius: 4px;
 
}
 
#top-bar ul li.sfhover a {
 
background: transparent;
 
-moz-border-radius: 4px;
 
-webkit-border-radius: 4px;
 
color: #C6AC93
 
;
 
}
 
#top-bar ul li.sfhover a:hover {
 
background: transparent;
 
color: #C6AC93
 
;
 
}
 
#top-bar > ul > li {
 
background: #C6AC93
 
;
 
opacity: 0.6;
 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 
filter: alpha(opacity=60);
 
-moz-border-radius: 4px;
 
-webkit-border-radius: 4px;
 
}
 
#top-bar ul li ul {
 
border-color: #aaa;
 
background: #ccc;
 
-moz-border-radius: 4px;
 
-webkit-border-radius: 4px;
 
}
 
#top-bar ul li.sfhover ul li a {
 
color: #000;
 
}
 
#page-title {
 
font-family: Georgia, "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
 
}
 
#header h2 {
 
padding: 26px 0 0;
 
}
 
#header h2 span {
 
color: #C6AC93
 
;
 
}
 
body {
 
background-color: #C6AC93
 
fff;
 
}
 
#side-bar {
 
-moz-border-radius: 10px;
 
-webkit-border-radius: 10px;
 
}
 
input, textarea {
 
-moz-border-radius: 3px;
 
-webkit-border-radius: 3px;
 
}
 
.hover {
 
color: #000;
 
text-decoration: underline;
 
}
 
.hover:hover {
 
text-decoration: none;
 
border-bottom: none;
 
}
 
.hover span {
 
display: none;
 
}
 
.hover:hover span {
 
position: absolute;
 
display: inline;
 
margin: 15px -20px;
 
height: auto;
 
width: auto;
 
background: #C6AC93
 
;
 
border: 1px solid #000;
 
color: #000;
 
padding: 1em;
 
}
 
.hover:hover span span {
 
position: relative;
 
margin: auto;
 
height: auto;
 
width: auto;
 
border: none;
 
padding: 0;
 
}
 
table {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
}
 
table.wiki-content-table {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
}
 
table.wiki-content-table th {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
}
 
table.wiki-content-table td {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
}
 
@media print {
 
table {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
border-color: #000000;
 
background-color: #C6AC93
 
fff;
 
}
 
table.wiki-content-table {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
border-color: #000000;
 
}
 
table.wiki-content-table th {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
border-color: #000000;
 
background-color: #C6AC93
 
fff;
 
}
 
table.wiki-content-table td {
 
empty-cells: hide;
 
border-collapse: separate;
 
border-spacing: 1px 1px;
 
border-color: #000000;
 
}
 
A:link {
 
text-decoration: none;
 
color: #000000;
 
}
 
A:visited {
 
text-decoration: none;
 
color: #000000;
 
}
 
A:active {
 
text-decoration: none;
 
color: #000000;
 
}
 
A:hover {
 
text-decoration: none;
 
color: #000000;
 
background-color: #eadfb4;
 
}
 
A.newpage {
 
text-decoration: none;
 
color: #000000;
 
}
 
}
 
/* SOME NICE BOXES */
 
div.sexy-box2 {
 
background: #eee;
 
border: 1px solid #ccc;
 
padding: 0 10px 2px;
 
margin: 7px 4px 12px;
 
overflow: hidden;
 
}
 

Aktuelle Version vom 25. Dezember 2020, 14:43 Uhr

/* Changes the background color of the bottom and left of each page, up to behind half of the logo: */
body {
  background: #c8b694;
}

/*removes the toolbox*/
#p-tb { display: none; }

/* Changes the background color behind the top half of the logo and at top of each page: */
#mw-page-base {
  background: #c8b694;
}
.mw-body {
  background: #e9d9bb;
}
#ca-talk { display:none!important; }
#ca-history{ display:none!important; }
#ca-viewsource{ display:none!important; }
#ca-view{ display:none!important; }

#ca-nstab-main{ display:none!important; }

  .mw-body {
    border-top: 1px solid #a11b1b;
    border-left: 1px solid #a11b1b;
    border-bottom: 1px solid #a11b1b;
    /* Merge the border with tabs' one (in their background image) */
    margin-top: 0px;
    padding: 1.25em 0.5em 1.5em;
  }


  /* Namespaces and Views */
  .vector-menu-tabs {
  	background: #c8b694;  
    background-position: left bottom;
    float: left;
    height: 2.5em;
    padding-left: 1px;
    /* Navigation Labels */
  }
  .vector-menu-tabs h3 {
    display: none;
  }
  .vector-menu-tabs ul {
    float: left;
    height: 100%;
    list-style: none none;
    margin: 0;
    padding: 0;
  }
  .vector-menu-tabs li {
background: #c8b694;    
    background-position: left bottom;
    background-repeat: repeat-x;
    float: left;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.125em;
    white-space: nowrap;
  }
  .vector-menu-tabs li a {
    background-position: right bottom;
    background: #c8b694;  
    color: #0645ad;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 3.07692308em;
    position: relative;
    padding-top: 1.25em;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.8125em;
    cursor: pointer;
  }
  .vector-menu-tabs .new a,
  .vector-menu-tabs .new a:visited {
    color: #a55858;
    background: #c8b694;  
  }
  .vector-menu-tabs .selected {
    background: #c8b694;
  }
  .vector-menu-tabs .selected a,
  .vector-menu-tabs .selected a:visited {
  	background: #c8b694;  
    color: #202122;
    text-decoration: none;
  }
  .vector-menu-tabs .icon a {
  	background: #c8b694;  
    background-position: right bottom;
    background-repeat: no-repeat;
  }
 

	
/* last modification stuff */
#footer-info { display: none; }


  .vector-menu-portal .body li a,
  .vector-menu-portal .vector-menu-content li a {
    color: #202122;
  }
  .vector-menu-portal .body li a:visited,
  .vector-menu-portal .vector-menu-content li a:visited {
    color: #202122;
      font-weight: bold;
  }
.vector-menu-content-list li a {
    color: #202122;
  }
 .vector-menu-content li a:visited {
    color: #0b0080;
  }

  .vector-menu-portal .body li a,
  .vector-menu-portal .vector-menu-content li a {
    color: #202122;
  }
  .vector-menu-portal .body li a:visited,
  .vector-menu-portal .vector-menu-content li a:visited {
    color: #202122;
      font-weight: bold;
  }
.vector-menu-content-list li a {
    color: #202122;
  }
 .vector-menu-content li a:visited {
    color: #0b0080;
  }
.wikitable {
	  background-color: #e9d9bb;
	  color: #202122;
	  margin: 1em 0;
	  border: 1px solid #000;
	  border-collapse: collapse;
	}
	.wikitable > tr > th,
	.wikitable > * > tr > th {
	  background-color: #c8b694;
	  text-align: center;
	  	  border: 1px solid #000;
}
.wikitable > * > tr > td {
	  border: 1px solid #000;
	  padding: 0.2em 0.4em;
	}
	
	  .vector-menu-portal h3 {
    display: block;
    background-image: url(/w/skins/Vector/resources/skins.vector.styles/images/portal-separator.png?4ab04);
    background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, #4f3411 33%, #902006 66%, rgba(144, 32, 6, 0) 100%);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    color: #4f3411;
    margin: 0.5em 0 0 0.66666667em;
    border: 0;
    padding: 0.25em 0;
    font-size: 0.75em;
    font-weight: normal;
    cursor: default;
  }
hr {
		height: 1px;
		background-color: #816e53;
		border: 0;
		margin: 0.2em 0;
	}
h1,
	h2 {
		margin-bottom: 0.6em;
		border-bottom: 1px solid #4f3411;
}
a {
		text-decoration: none;
		color: #684e2a;
		background: none;
	}
a:visited {
		color: #684e2a;
	}