MediaWiki:Vector.css: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
K
Zeile 1: Zeile 1:
/*____________________________________
 
* Struktur
 
* Header, Headings
 
** Logo
 
* Left & Right
 
**TOC
 
** Navigation
 
** Boxes
 
* Plain Tags
 
* Systemtext
 
* Footer
 
* ...
 
_______________________________________*/
 
  
/*********************************
+
.action-view.ns--1 div#content,
STRUKTUR
+
.action-view.ns-8 div#content,  
**********************************/
+
.action-view.ns-10 div#content {
body {
+
  margin: 15px 0 1.5em 160px;  
background: #f5f5ee url(/rel_jap/bg/bg0.gif);
 
background-color:  #eeeee5;
 
color: black;
 
font-family:  Arial, sans-serif;
 
}
 
 
 
#mw-page-base {
 
z-index:0;
 
position:absolute;
 
top:0; left: 0; right: 0;
 
height: 160px;
 
background: #bbb url(/rel_jap/bg/bg_head0.gif);
 
border-bottom: 5px solid #aaa;
 
}
 
 
 
#p-logo,
 
#mw-panel,
 
#mw-head-base {
 
z-index:4;
 
background: none;
 
background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x fixed;
 
}
 
#mw-head {
 
z-index:4;
 
}
 
#mw-panel {
 
border-bottom: 1px solid #def;
 
}
 
#mw-head-base {
 
position:absolute; top:-1px; left:0; right:0;
 
margin:0;
 
border-bottom: 1px solid #def;
 
}
 
 
 
div#content {
 
position:relative;
 
z-index:1;
 
  margin: 15px 160px 1.5em;
 
padding:0 ;
 
line-height: 1.5em;
 
min-width: 50em;
 
font-family: Georgia, serif, Times ;
 
background:#fff;
 
 
  border-color: #ace;
 
  border-color: #ace;
border-style: solid dotted solid;
 
 
  border-width: 1px 0 2px 2px;
 
  border-width: 1px 0 2px 2px;
 
  }
 
  }
.action-edit div#content,
+
.action-view.ns--1 #bodyContent,
.ns--1 div#content,  
+
.action-view.ns-6 #bodyContent,  
.ns-10 div#content,  
+
.action-view.ns-8 #bodyContent,
.ns-8 div#content {
+
.action-view.ns-10 #bodyContent,
margin-right: 0;
+
.action-view.ns-14 #bodyContent {  
}
+
  padding: 3.5em 3.5em;
 
 
#bodyContent {
 
position:static;
 
width:auto;
 
margin:0; padding: 3.5em 130px 120px;
 
}
 
.action-edit div.#bodyContent {
 
  padding: 3.5em 2em !important;
 
}
 
 
 
.mw-content-ltr {
 
font-size:120%;
 
 
  }
 
  }
 
+
.action-view.ns--1 .mw-content-ltr,
/*********************************
+
.action-view.ns-6 .mw-content-ltr,
HEADER, HEADINGS
+
.action-view.ns-8 .mw-content-ltr,  
**********************************/
+
.action-view.ns-10 .mw-content-ltr,  
/* HEADINGS */
+
.action-view.ns-14 .mw-content-ltr {
 
+
font-size: 1em;  
h1, h2, h3, h4, h5, h6 {
 
font-weight: normal;
 
margin: 0;
 
padding-top: .5em;
 
padding-bottom: .17em;
 
 
}
 
}
 
+
.action-view.ns--1 #p-logo,
/* firstHeading */
+
.action-view.ns-8 #p-logo,
 
+
.action-view.ns-10 #p-logo,
#firstHeading {
+
.action-view.ns--1 #mw-panel,
margin:0;
+
.action-view.ns-8 #mw-panel,
padding: 3.8em 100px 0em;
+
.action-view.ns-10 #mw-panel,
text-align: left;
+
.action-view.ns--1 #mw-head-base,
font: bold 1.8em "Trebuchet MS";
+
.action-view.ns-8 #mw-head-base,
border:0;
+
.action-view.ns-10 #mw-head-base {
}
+
display: block;
/*  Tagline */
 
#siteSub {
 
position:absolute;
 
z-index:3;
 
right: -2px; left:-2px; top: -2px;
 
text-align: right;
 
margin:0 0 2.5em;
 
padding: .2em 1em;
 
text-align: right;
 
font-size: 12px;
 
border:1px solid #ccc;
 
border-width: 1px 1px 2px;
 
border-color:#67749e;
 
background:#788099;
 
color:#ffe;
 
}
 
 
 
 
/******* H2, H3,... ***********/
 
 
 
h2 {
 
font: bold 1.6em/1.2em "Trebuchet MS";
 
color:#333;
 
text-align: center;
 
margin: 1.2em -6pt 1em;
 
padding: .5em 6pt .17em;
 
border-bottom: 1px solid #aaa;
 
clear:both;
 
 
}
 
}
 
+
/*  Tagline */
h2.noborder {padding-bottom:0; border:0;}
+
.action-view.ns--1 #siteSub,
 
+
.action-view.ns-8 #siteSub,
h3 {
+
.action-view.ns-10 #siteSub {
font: bold italic 1.3em/1.2em "Trebuchet MS";
+
position: static;
color:#333;
+
border: 0;
text-align: left;
+
background:none;
margin: 1em -6pt;
 
margin-bottom:.8em;
 
padding: .5em 6pt .17em;
 
background:url(/rel_jap/bilderneu/hr_aaa.jpg) no-repeat bottom right;
 
border-bottom: 0px solid #aaa;
 
 
}
 
}
 
+
/* Navigation Containers */
h4 {
+
.action-view.ns--1 #left-navigation,
  font-family:"Trebuchet MS";
+
.action-view.ns-8 #left-navigation,
  font-weight:bold;
+
.action-view.ns-10 #left-navigation,
  font-size: 1.2em;
+
.action-view.ns--1 #right-navigation,
  line-height:1.5em;
+
.action-view.ns-8 #right-navigation,
  color:#333;
+
.action-view.ns-10 #right-navigation {
 +
display:block;
 
}
 
}
  
 
+
/* Wiki Elemente  */
 
+
/*******************************
+
.action-view.ns--1 #p-personal,  
LEFT & RIGHT
+
.action-view.ns-8 #p-personal,  
********************************/
+
.action-view.ns-10 #p-personal {
 
+
  left: auto;  
#toc,  
 
#nv,
 
.top12 {
 
  position: absolute;
 
top: 185px;
 
 
  }
 
  }
#toc,
 
#nv,
 
.sidebox,
 
.sidebox_Wrapper,
 
.left_Wrapper {
 
position: absolute;
 
width: 180px !important; right:-92px;
 
font: normal normal 12px Arial !important;
 
}
 
#nv,
 
.left_Wrapper {
 
left:-92px;
 
right:auto;
 
}
 
.sidebox_Wrapper .sidebox,
 
.left_Wrapper .sidebox,
 
.sidebox_Wrapper #toc {
 
position:static;
 
margin-bottom:1em;
 
}
 
/*******************************
 
TOC
 
********************************/
 
  
#toc {
 
position:static;
 
float: right;
 
}
 
  
.toclevel-3,
+
/*****************
.toclevel-4, .toclevel-5, .toclevel-6,
+
      Bildseiten
.tocnumber,
+
******************/
.toctoggle {display:none;}
 
  
table#toc, .toc {
+
.ns-6.action-view  div#content {
  width: 178px;
+
  margin-left: 2em; margin-right: 2em ;
left:auto;
 
background-color: #fff;
 
margin:0 0 1em 0 !important;
 
padding: 0;
 
border:1px solid #aaa;
 
border-spacing: 0;
 
 
  }
 
  }
#toctitle h2 {
+
.ns-6.action-view  img {
font: bold 1.1em/2em Arial; color: #666;
+
  border: 1px solid #ccc;
  display:block;
+
  }
  margin: 1px !important;  
+
.fullImageLink {
  padding: 0 .3em;
+
  text-align: center;  
  background-color: #788099;
+
  margin: 0;  
color:#FFF;
+
  padding: 2em 0 ;  
  border: 1px solid #ccc;
+
  background: #f6f6f6;
 +
  border: 1px solid #aaa;  
 
  border-width: 1px 0;
 
  border-width: 1px 0;
}
 
#toc ul,
 
#toc li {
 
list-style-type: none;
 
list-style-image: none;
 
margin: 0 ;
 
padding: 0;
 
text-align: left;
 
overflow:hidden;
 
background:#fff;
 
}
 
#toc ul ul, .toc ul ul {
 
margin: 0 0 0 0.5em;
 
}
 
#toc ul ul li, .toc ul ul li{
 
padding-left: 1em;
 
 
  }
 
  }
#toc a:hover  { background:none; text-decoration: none;}
 
#toc a .toctext {color: #666; }
 
#toc a:hover .toctext {color: #000; background:#eeeee8; text-decoration:none}
 
 
  
#toc li.toclevel-1 {
+
#mw-imagepage-content {
margin:0;
+
padding: 0 100px;  
padding:1px ;
 
}
 
#toc li.toclevel-1 li {  
 
font-size: .94em;
 
margin:0 !important;
 
}
 
#toc li .toctext {
 
line-height:1.5em;
 
padding: .2em 0;
 
 
  }
 
  }
#toc li.toclevel-1 .toctext {
+
.ns-6 small,  
display: block; 
+
.fullMedia {
padding-left:1.5em;
+
   font-size:.8em;
text-indent:-1em;
+
   }  
border-bottom:1px solid #e5e5e5;
+
.fullMedia {
margin:0;
+
   text-align: center;
}
+
   }  
#toc li.toclevel-2 .toctext {
+
.ns-6 big {
display: block; 
+
   font-size:1.25em;
padding-left:2em;
+
   }
text-indent:-2em;
+
.ns-6 p.titel {
font-size: .94em;
 
}
 
 
 
 
 
/********************************************
 
NAVIGATION
 
**********************************************/
 
 
 
#nv {
 
position: absolute;
 
z-index:12;
 
margin: 0 !important; padding:0 !important;
 
line-height: 1.2em;
 
color:#555;
 
}
 
 
 
#nv.fixed {
 
position: fixed;
 
top:16px;
 
left:10px;
 
}
 
 
 
#nv.absolute {
 
position: absolute; display:block;
 
}
 
 
 
#nv a { color: #016;}
 
#nv ul { list-style: none;}
 
 
 
#googlesearch {
 
text-align:center;
 
padding:3px;
 
background-color:#FBFBF7;
 
border: 1px solid #aaa;
 
}
 
 
 
#chapters {
 
margin: 0 0 1px;
 
padding: 0;
 
font: normal normal 13px Arial;
 
border: 1px solid #aaa;
 
background-color: #eee;
 
}
 
 
 
#chapters dl,
 
#chapters dd {margin:0; padding:0;}
 
 
 
#chapters a,
 
#chapters strong.selflink {
 
  display: block;
 
  background-color:#fff;
 
  color:#333;
 
  font-weight: normal;
 
}
 
#chapters a:hover {background-color:#eee; text-decoration: none;}
 
 
 
#chapters dl a,
 
#chapters dl strong.selflink {  
 
   text-transform: lowercase;
 
  text-align:center;
 
  margin: 0 1.2em;
 
  padding:0 .1em;
 
  line-height:2em;
 
}
 
#chapters div .pBody {
 
font-size: 95%;
 
  position: absolute; top: -2.3em; left: 12.3em;
 
  margin:0; padding:1px 0;
 
  width:16em; display:none;
 
  overflow: visible;
 
  background: url(no.gif); 
 
  border:0;
 
  z-index:4;
 
}
 
#chapters div:hover .pBody {
 
display: block;
 
}
 
#chapters ul,
 
#chapters ol {
 
  list-style:none;
 
  margin: 1em;
 
  padding: 0 ;
 
  border: 1px solid #ccc;
 
   border-width: 1px 1px .2em;
 
}
 
#chapters li {
 
  margin: 0; padding: 0;
 
  text-indent: .5em;
 
  list-style:none;
 
  border-style: solid;
 
  border-width: 0 1px 1px;
 
}
 
 
 
#chapters li a,
 
#chapters li strong.selflink {  
 
  display:block;
 
  marging: 0; padding: 0 1em;
 
  border-style: solid;
 
  border-width: 0 .4em ;
 
  line-height: 1.5em;
 
   text-align:left;
 
  background-color:#fff;
 
   text-indent:0;
 
}
 
#chapters li strong.selflink {
 
  padding: 0 .5em 0 1.5em !important;
 
  background-image: url(/rel_jap/wikibilder/redarrow2.gif);
 
  background-position: .2em ;
 
  background-repeat:no-repeat;
 
  border-width: 0 .4em 0 2px;
 
}
 
 
 
#chapters .sidepage {  
 
   position:absolute;
 
  margin-top:-1.5em;
 
  right:1.5em;
 
  width: 1.5em;
 
  height: 1.5em;
 
  border-bottom: 1px solid;
 
  background: url(/rel_jap/wikibilder/Arr_r_grau.gif) .3em  no-repeat;
 
}
 
 
 
#chapters li li {
 
font-size: .94em;
 
}
 
#chapters li .sidepage ul {
 
  position: absolute;
 
  width: 14.5em;
 
  left:auto;
 
  right:-14.5em;
 
  margin-top: -4.2em;
 
  padding:1em 1em 1em .1em;
 
  border:0;
 
}
 
 
 
#chapters li ul {display:none;}
 
#chapters li .sidepage:hover ul {display:block;}
 
 
 
#chapters li .sidepage ul {
 
  background-image:none;
 
  width:14em;
 
  margin:0 0 0 .2em;
 
  top:-2.5em;
 
  left:1.2em;
 
   right:auto;
 
}
 
 
 
#chapters li li {font-size: .94em; margin-left:1.5em; }
 
 
 
#chapters li .sidepage ul li {font-size: .94em; margin-left:0; visibility:visible; }
 
 
 
#chapters li ul div {height:2px}
 
 
 
/********************************************
 
SIDEBOX
 
**********************************************/
 
 
 
.sidebox {
 
overflow: visible; top:auto;
 
padding-top:.3em;
 
}
 
.sbBody {
 
position:relative; z-index:2;
 
background-color: #fafaf8;
 
border: 1px solid #aaa;
 
padding: .8em 0;
 
/*overflow:hidden;*/
 
}
 
.sbUe {
 
position:absolute; left: -1.2em;
 
z-index:4; 
 
line-height: 13px;
 
text-transform:uppercase; text-align:left;
 
text-transform:uppercase;
 
font-size:10px;
 
font-family: Courier, mono; color:#555;
 
overflow:visible;
 
}
 
.sbUe a,
 
.sbUe a:visited {
 
display:block;
 
width:200px; height:112px;
 
padding:13px 0;
 
 
  color:#333;
 
  color:#333;
 +
margin:1.2em 0 0;
 
  }
 
  }
.sbUe a:hover {
+
.ns-6 .mw-content-ltr p,  
color:#C33;
+
.ns-6 .mw-content-ltr dl,
text-decoration:none;
+
.ns-6 .mw-content-ltr ol,  
background:none;
+
.ns-6 .mw-content-ltr ul {
}
+
  margin-left: 20pt;
.sbUe span,
+
  }
.sbUe b,
+
.ns-6 li {
.sbUe i {
+
  margin-left: 20pt;
  float:left;
+
  }
  width: 1em;
+
.ns-6 p {
  clear: both;
+
  line-height:1.5em;
  text-align: center;
+
  }
  font-family: Arial;
+
.ns-6 #filelinks {
  font-size:11px;
+
  height:0; overflow:hidden; color:#fff; padding:0;  
  text-transform:uppercase;
+
  }
  text-transform:lowercase;
+
/* ——— hide ———  */
background:#eeeee8;
+
#filetoc,
border: solid #bbb 1px;
+
#mw-imagepage-edit-external,
}
+
.ns-6 #metadata,
.sbUe a:hover span,  
+
.mw-imagepage-section-metadata,
.sbUe a:hover b,
+
#filehistory,  
.sbUe a:hover i {
+
#mw-imagepage-section-filehistory {
background:#fffeee;
+
  display:none;
}
+
  }
.sbUe span {
 
border-width:  0 1px;}
 
.sbUe b {
 
border-width:  1px 1px 0; line-height:.5em;}
 
.sbUe i {
 
border-width: 0 1px 1px; line-height:.5em;}
 
 
 
.left_Wrapper .sbUe { left:auto; right:-1.2em;}
 
 
 
.left_Wrapper .sbUe span,
 
.left_Wrapper .sbUe b,
 
.left_Wrapper .sbUe i {
 
  float:right; }
 
 
 
.sidebox .bildtext a  {
 
  display:block;  color:#555; }
 
.sidebox .bildtext a:hover  {
 
  color:#000;  background:#eeeee8; }
 
 
 
/************************************
 
PLAIN TAGS
 
*************************************/
 
 
 
img {
 
border: none;
 
vertical-align: middle;
 
}
 
p {
 
margin: .4em 0 .7em 0;
 
line-height: 1.5em;
 
}
 
p img {
 
margin: 0;
 
}
 
 
 
hr {
 
height: 1px;
 
color: #aaa;
 
background-color: #aaa;
 
border: 0;
 
margin: .2em 0 ;
 
}
 
 
 
ul {
 
line-height: 1.5em;
 
list-style-type: square;
 
margin: .3em 0 0 1.5em;
 
padding: 0;
 
}
 
ol {
 
line-height: 1.5em;
 
margin: .3em 0 0 3.2em;
 
padding: 0;
 
list-style-image: none;
 
}
 
li {
 
margin-bottom: .1em;
 
}
 
dt {
 
font-weight: bold;
 
margin-bottom: .1em;
 
}
 
dl {
 
margin-top: .2em;
 
margin-bottom: .5em;
 
}
 
dd {
 
line-height: 1.5em;
 
margin-left: 2em;
 
margin-bottom: .1em;
 
}
 
fieldset {
 
border: 1px solid #2f6fab;
 
margin: 1em 0 1em 0;
 
padding: 0 1em 1em;
 
line-height: 1.5em;
 
}
 
form {
 
border: none;
 
margin: 0;
 
}
 
pre {
 
padding: 1em;
 
border: 1px dashed #2f6fab;
 
color: black;
 
background-color: #f9f9f9;
 
line-height: 1.1em;
 
}
 
 
 
/********************************************
 
SYSTEMTEXT
 
**********************************************/
 
#contentSub,
 
#contentSub2,
 
.usermessage {
 
position: absolute; z-index:12;
 
right:0; top:2em; left:auto;
 
font-size: 84%;
 
line-height: 1.2em;
 
margin: 0 1em;
 
text-align:right;
 
color:#555;
 
}
 
span.subpages { display: none; }
 
 
 
/* Edit section links */
 
#content .editsection {
 
float: right;
 
color:#ddd;
 
font: normal 9px Arial;
 
width:8em;
 
margin-right:-7em;
 
text-align: left;
 
}
 
#content .editsection a,
 
#content .editsection a:visited {
 
color: #ddd;
 
font-size:9px;
 
}
 
#content .editsection a:hover { color: #555; text-decoration:none;}
 
 
 
#content h1 .editsection { display:none;}
 
 
 
.mw-warning {
 
border: 1px solid #aaa;
 
background-color: #fafaf8;
 
padding: 5px;
 
font-size: 95%;
 
}
 
 
 
#ca-talk,
 
#mw-clearyourcache {
 
display: none !important;
 
}
 
 
 
/****************************************
 
FOOTER
 
*****************************************/
 
 
 
div#footer {
 
position: relative;
 
height: 30px;
 
padding: 5px 0;
 
background-color: #f9f9f0;
 
border: 1px solid #aaa;
 
border-width: 1px 0;
 
text-align: center;
 
  margin: 5px 0;
 
}
 
#footer a,
 
#footer a:visited {  
 
color:#016;
 
}
 
#footer li {
 
list-style: none;
 
font-size: 10px !important;
 
line-height: 15px !important;
 
margin:0 !important; padding:0 !important;
 
}
 
#footer-info {
 
margin: 0 100px;
 
}
 
#footer-places {
 
position: absolute; left:10px; top:5px;
 
width: 100px;
 
}
 
#footer-icons {
 
position: absolute; right:0; top:5px;
 
width: 100px;
 
}
 
#f-poweredbyicooo {
 
margin: 5px;
 
}
 
#footer-info-copyright,
 
#footer-places-privacy {
 
display:none;
 
}
 
 
 
 
 
.printfooter {
 
display: none;
 
}
 

Version vom 15. Januar 2012, 23:46 Uhr

.action-view.ns--1 div#content,
.action-view.ns-8 div#content, 
.action-view.ns-10 div#content {
 margin: 15px 0 1.5em 160px; 
 border-color: #ace;
 border-width: 1px 0 2px 2px;
 }
.action-view.ns--1 #bodyContent,
.action-view.ns-6 #bodyContent, 
.action-view.ns-8 #bodyContent, 
.action-view.ns-10 #bodyContent, 
.action-view.ns-14 #bodyContent { 
 padding: 0  3.5em 3.5em;
 }
.action-view.ns--1 .mw-content-ltr,
.action-view.ns-6 .mw-content-ltr, 
.action-view.ns-8 .mw-content-ltr, 
.action-view.ns-10 .mw-content-ltr, 
.action-view.ns-14 .mw-content-ltr {
 font-size: 1em; 
}
.action-view.ns--1 #p-logo,
.action-view.ns-8 #p-logo,
.action-view.ns-10 #p-logo,
.action-view.ns--1 #mw-panel,
.action-view.ns-8 #mw-panel,
.action-view.ns-10 #mw-panel,
.action-view.ns--1 #mw-head-base,
.action-view.ns-8 #mw-head-base,
.action-view.ns-10 #mw-head-base {
 display: block;
}
/*  Tagline */
.action-view.ns--1 #siteSub,
.action-view.ns-8 #siteSub,
.action-view.ns-10 #siteSub {
	position: static;
	border: 0;
	background:none;
}
/* Navigation Containers */
.action-view.ns--1 #left-navigation, 
.action-view.ns-8 #left-navigation, 
.action-view.ns-10 #left-navigation, 
.action-view.ns--1 #right-navigation, 
.action-view.ns-8 #right-navigation, 
.action-view.ns-10 #right-navigation {
	display:block;
}

/*  Wiki Elemente   */
	
.action-view.ns--1 #p-personal, 
.action-view.ns-8 #p-personal, 
.action-view.ns-10 #p-personal {
 left: auto; 
 }


/*****************
      Bildseiten
******************/

.ns-6.action-view  div#content {
 margin-left: 2em; margin-right: 2em ;
 }
.ns-6.action-view  img {
  border: 1px solid #ccc;
  }
.fullImageLink {
 text-align: center; 
 margin: 0; 
 padding: 2em 0 ; 
 background: #f6f6f6;
 border: 1px solid #aaa; 
 border-width: 1px 0;
 }

#mw-imagepage-content {
 padding: 0 100px; 
 }
.ns-6 small, 
.fullMedia {
  font-size:.8em;
  } 
.fullMedia {
  text-align: center;
  } 
.ns-6 big {
  font-size:1.25em;
  }
.ns-6 p.titel {
 color:#333;
 margin:1.2em 0 0;
 }
.ns-6 .mw-content-ltr p, 
.ns-6 .mw-content-ltr dl, 
.ns-6 .mw-content-ltr ol, 
.ns-6 .mw-content-ltr ul {
  margin-left: 20pt;
  }
.ns-6 li {
  margin-left: 20pt;
  }
.ns-6 p {
  line-height:1.5em;
  }
.ns-6 #filelinks {
  height:0; overflow:hidden; color:#fff; padding:0; 
  }
/* ——— hide ———  */
#filetoc, 
#mw-imagepage-edit-external,
.ns-6 #metadata, 
.mw-imagepage-section-metadata,
#filehistory, 
#mw-imagepage-section-filehistory  {
  display:none;
  }