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…“)
 
(Der Seiteninhalt wurde durch einen anderen Text ersetzt: „→‎Das folgende CSS wird für alle Benutzeroberflächen geladen.: “)
Markierung: Ersetzt
Zeile 1: Zeile 1:
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
−
/* GLOBAL WIDTH */
 
−
#header, #top-bar {
 
−
width: 804px;
 
−
margin: 0 auto;
 
−
}
 
−
body {
 
−
background-color: #C6AC93;
 
−
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;
 
−
}
 
−
ul {
 
−
/*list-style-image: url(../images/bullet.gif);*/
 
−
list-style: square;
 
−
}
 
−
#top-bar ul {
 
−
}
 
−
li, p {
 
−
line-height: 141%;
 
−
}
 
−
a {
 
−
color: #b01;
 
−
text-decoration: none;
 
−
}
 
−
a.newpage {
 
−
color: #d61;
 
−
text-decoration: none;
 
−
}
 
−
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;
 
−
}
 

Version vom 4. Dezember 2020, 22:11 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
Abgerufen von „https://wiki.d4o.de/index.php?title=MediaWiki:Common.css&oldid=204“