MediaWiki:Vector.css
Zur Navigation springen
Zur Suche springen
Hinweis: Leeren Sie nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Gehen Sie zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/*____________________________________
* Struktur
* Links
* neue Klassen
* Header, Headings
** Logo
* Systemtext 1
* Navigation
* Plain Tags
* Systemtext 2
** Footer
** TOC
* ...
_______________________________________*/
body {
background: #f5f5ee url(/rel_jap/bg/bg0.gif);}
/*********************************
LINKS
**********************************/
a, a:visited {
text-decoration: none;
color: #002bb8;
color: #04b;
background: none;
}
a:active {
color: #faa700;
}
a:hover {
text-decoration: underline;
color: #04b;
}
a.stub {
color: #772233;
}
a.new, #p-personal a.new {
color: #ba0000;
background-image:url(durchstrich.gif);
background-repeat:repeat-x;
background-position:center;
}
#content a.new:visited, #p-personal a.new:visited {
color: #a55858;
}
#footer a { color:#016;}
/* LINKS Neu*/
a {
text-decoration: none;
color: #a22e00;
color: #a9461b;
background: none;
}
a:hover {
color:#9d4119;
background-color:#f5f5ee;
}
/*Links in Klassen*/
a.new {
color: #a9461b;
}
a.new:visited {
color: #a9461b;
}
/*********************************
neue Klassen
**********************************/
/****** zitat ******/
.zitat {margin:1em 0; padding: 0 2em; color:#333}
.zitat p, zitat li {line-height:1.75em !important;}
.quelle {text-align: right; color:#888; font-size: .9em;}
/*********************************
HEADER, HEADINGS
**********************************/
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .17em;
}
/***** Logo ********/
#p-logo h5 {
display: none;
}
#p-logo { /*für Head Rand unten und ev. Bild; auch Platzhalter...*/
width: auto;
margin: 0 0 3.6em;
padding: 0;
height: 10.9em; /* #bgH1 minus .1 ! */
}
#p-logo a {display: none;}
/******* H2, H3,... ***********/
h2 {
font: bold 1.7em/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;
}
h3 {
font: bold italic 1.3em/1.2em "Trebuchet MS";
color:#333;
text-align: left;
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;
}
/********************************************
SYSTEMTEXT A
**********************************************/
#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; }
/*******************************
TOC
********************************/
.toclevel-3,
.toclevel-4, .toclevel-5, .toclevel-6,
.tocnumber,
.toctoggle {display:none;}
.mw-warning {
border: 1px solid #aaa;
background-color: #fafaf8;
padding: 5px;
font-size: 95%;
}
table#toc {
position: absolute;
width: 180px;
top: 12em; left:auto;
right:-90px;
background-color: #fff;
margin:0 0 1em 0 !important;
padding: 0;
border:0;
border-spacing: 0;
}
#toc tbody {
font: normal normal 12px Arial;
}
#toctitle {
margin:0; padding:0;
border: 1px solid #aaa;
border-width: 1px 1px 0;
}
#toctitle h2 {
font: bold 1em/2em Arial, Helvetica, sans-serif; color: #666;
display:block;
margin: 2px 2px 0 !important;
padding: 0 .3em;
background-color: #ccb;
background-color: #788099;
color:#FFF;
border: 1px solid #ccc;
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;
}
#toc ul {
border: 1px solid #aaa;
border-width: 0 1px 1px;
background:#fff;
}
#toc ul ul { margin: 0; border:0; }
#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 .toclevel-2 ul {padding-left:1em;
}
#toc li.toclevel-1 {
margin:0;
padding:1px 3px;
}
#toc li.toclevel-1 li {
font-size: .94em;
margin:0 !important;
}
#toc li .toctext {
line-height:1.5em;
padding: .2em 0;
}
#toc li.toclevel-2 .toctext {
display: block;
padding-left:1.5em;
text-indent:-1em;
border-bottom:1px solid #e5e5e5;
margin:0;
}
/********************************************
NAVIGATION
**********************************************/
#siteNotice {
display: none;
position: absolute; z-index:12;
width:180px;
top: 12em;
left:-92px;
margin: 0 !important; padding:0 !important;
line-height: 1.2em;
color:#555;
}
#siteNotice a { color: #016;}
#siteNotice ul { list-style: none;}
#siteNotice {
display: block;
}
#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 {
position: absolute; top: -2.3em; left: 12.4em;
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/bilderneu/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/w/skins/common/images/Arr_r_grau.gif) .3em no-repeat;
}
#chapters li .sidepage ul {
font-size:1em;
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}
/************************************
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;
}
fieldset.nested {
margin: 0 0 0.5em 0;
padding: 0 0.5em 0.5em;
}
legend {
padding: .5em;
font-size: 95%;
}
form {
border: none;
margin: 0;
}
textarea {
width: 100%;
padding: .1em;
}
input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
select {
vertical-align: top;
}
abbr, acronym, .explain {
border-bottom: 1px dotted black;
color: black;
background: none;
cursor: help;
}
q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
/* disabled for now
blockquote {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}*/
code {
background-color: #f9f9f9;
}
pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}
/**********************************
SYSTEMTEXT B
********************************+**/
/* user notification thing */
.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
color: black;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
vertical-align: middle;
}
#siteNotice {
text-align: center;
font-size: 95%;
padding: 0 .9em;
}
#siteNotice p {
margin: 0;
padding: 0;
}
.success {
color: green;
font-size: larger;
}
.error {
color: red;
font-size: larger;
}
.errorbox, .successbox {
font-size: larger;
border: 2px solid;
padding: .5em 1em;
float: left;
margin-bottom: 2em;
color: #000;
}
.errorbox {
border-color: red;
background-color: #fff2f2;
}
.successbox {
border-color: green;
background-color: #dfd;
}
.errorbox h2, .successbox h2 {
font-size: 1em;
font-weight: bold;
display: inline;
margin: 0 .5em 0 0;
border: none;
}
.catlinks {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
margin-top: 1em;
clear: both;
}
/* currently unused, intended to be used by a metadata box
in the bottom-right corner of the content area */
.documentDescription {
/* The summary text describing the document */
font-weight: bold;
display: block;
margin: 1em 0;
line-height: 1.5em;
}
.documentByLine {
text-align: right;
font-size: 90%;
clear: both;
font-weight: normal;
color: #76797c;
}
/* emulate center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
font-size: 94%;
}
table.small {
font-size: 100%;
}
/****************************************
FOOTER
*****************************************/
#footer {
font-size: 11px;
line-height:20px;
height: 40px;
background-color: #f9f9f0;
border: 1px solid #aaa;
border-width: 1px 0;
text-align: center;
}
#footer li {
display: inline;
margin: 0 1.3em;
list-style: none;
}
#f-poweredbyico, #f-copyrightico {
margin: 5px;
}
#f-poweredbyico {
float: right;
}
#f-copyrightico {
float: left;
}
#footer {
}
li#about {display:block;}
#bodyContent p a[href $=".jpg"],
#bodyContent li a[href $=".jpg"],
#bodyContent p a[href $=".gif"],
#bodyContent li a[href $=".gif"] {
background: url(/rel_jap/w/skins/common/images/lupe.gif) right no-repeat;
padding-right: 14px;
}
/***********************************
SONSTIGES
************************************/
.printfooter {
display: none;
}
Religion-in-Japan❯MediaWiki❯Vector.css