MediaWiki:Vektor.css
Zur Navigation springen
Zur Suche springen
Hinweis: Leere nach dem Veröffentlichen 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/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
ul.pure-menu-children { width: auto; min-width: 100%; background-color: indigo; background-image: linear-gradient(to left, red, #f80, #ff0, #8f0, #0f0, #0f8, #0ff, #08f, #00f, #80f, #f0f, #f08); }
a#menuLink1:hover { display: block; }
li.pure-menu-item.pure-u-1-6.pure-menu-has-children.pure-menu-allow-hover.user-menu { width: 100px; }
/* Credit to @GrahamSH for this */
li[id^=pt] { background-color: transparent; }
@media (max-width: 800px) { #p-personal { position: static; }
#p-personal a { filter:none; } }
@media (min-width: 50rem) { #p-personal a { filter: invert(1); color: black; z-index: 1000; font-weight: bold; }
#p-personal { position: fixed; margin-top: 12px; vertical-align: top; top: 0; margin-left: 225px; }
}
select#languageselector-select-1 { margin-top: 35px; }
h1#firstHeading { margin-top: 40px; }
a.mw-wiki-logo { margin-top: 60px; }
div#mw-head { margin-top: 45px; }
@media only screen and (max-width: 800px)
{
#top-bar { background-color: indigo; height: 38px; color: #fff; width: 100%; position: fixed; z-index: 100; font-family: sans-serif; }
}
#top-bar { background-color: indigo; height: 38px; color: #fff; width: 100%; position: fixed; z-index: 100; font-family: sans-serif;
background-image: linear-gradient(to bottom, indigo 90%, violet 90%); box-shadow: 0 3px 7px #888; }
#top-bar a { color: #fff; } /* alle Links weiß einfärben */
#top-bar .logo { padding-top: 8px; padding-bottom: 8px; }
#top-bar .pure-menu-item { vertical-align: inherit; }
#top-bar .pure-menu ul.pure-menu-list { display: block; font-size: 14px; line-height: 38px; height: 38px; width: 1080px; margin: 0 auto; }
#top-bar .pure-menu-link { padding: 0 2ch; text-align: left; }
#top-bar .pure-menu-link:focus,
#top-bar .pure-menu-link:hover { color: indigo; }
#top-bar .pure-menu ul.pure-menu-list .pure-menu-item { font-weight: bold; }
#top-bar .pure-menu-horizontal .pure-menu-children { width: auto; min-width: 100%; background-color: indigo;
background-image: linear-gradient(to left, #0a0, #0a8, #0af, #08f, #00f, #80f); }
#top-bar .pure-menu-children { border: 1px solid #fff; box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.2); } /* Veränderungen checken */
#top-bar .pure-menu-children .pure-menu-link { padding: 0 0.5em; }
.pure-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pure-menu-fixed { position: fixed; left: 0; top: 0; z-index: 3; }
.pure-menu-list, .pure-menu-item { position: relative; }
.pure-menu-list { list-style: none; margin: 0; padding: 0; }
.pure-menu-item { padding: 0; margin: 0; height: 100% }
.pure-menu-link, .pure-menu-heading { display: block; text-decoration: none; white-space: nowrap; }
.pure-menu-horizontal { width: 100%; white-space: nowrap; }
.pure-menu-horizontal .pure-menu-list { display: inline-block; }
.pure-menu-horizontal .pure-menu-item { display: inline-block; zoom: 1; vertical-align: middle; }
.pure-menu-item .pure-menu-item { display: block; }
.pure-menu-children { display: none; position: absolute; left: 100%; top: 0; margin: 0; padding: 0; z-index: 3; }
.pure-menu-horizontal .pure-menu-children { left: 0; top: auto; width: inherit; }
.pure-menu-allow-hover:hover>.pure-menu-children, .pure-menu-active>.pure-menu-children { display: block; position: absolute; }
.pure-menu-children { background-color: #eee; }
.pure-menu-link { padding: .5em 1em; }
.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus { background-color: #eee; text-decoration: none; color: indigo;
background-image: linear-gradient(to bottom, #eee 90%, violet 90%); box-shadow: 0 3px 7px #888; }
.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited { color: #0f0; } /* wir schaun wo das wirkt */
a.pure-menu { text-decoration: none; color: #800; } /* wir schaun wo das wirkt */
.pure-u-1-12, .pure-u-5-12, .pure-u-1-6 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.pure-u-1-12 { width: 8.3333%; }
.pure-u-1-6 { width:16.6667%; }
.pure-u-5-12 { width:41.6667%; }
a.pure-u-1-12, a.pure-u-5-12, a.pure-u-1-6 { text-decoration: none; }
.links.pure-g { padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
letter-spacing: -.31em; text-rendering: optimizespeed; font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
display: -webkit-flex; -webkit-flex-flow: row wrap; align-content: flex-start; max-width: 1080px;
margin: 0 auto; }
#top-bar .pure-u-1-12:hover,
#top-bar .pure-u-1-12:focus,
#top-bar .pure-u-1-12:active
{ color: indigo; background-color: #eee; }
/*
pure-menu-child ist die Klasse für die einzelnen Unterpunkte im aufgeklappten Menü
wir setzen #top-bar davor, damit die Eigenschaften Priorität erhalten
*/
#top-bar .pure-menu-child { padding: 0 2ch; text-align: left; background-color: #eee; }
#top-bar .pure-menu-children .pure-menu-child { padding: 0 0.5em; }
#top-bar .pure-menu-child { display: block; white-space: nowrap; padding: .1em 1em; }
#top-bar .pure-menu-child { background: #eee; color: indigo; }
/* #top-bar a .pure-menu-child { color: indigo; text-decoration: none; } */
#top-bar .pure-menu-child:focus, #top-bar .pure-menu-child:hover,
#top-bar .pure-menu-child:active { background-color: indigo; color: #eee; text-decoration: none;
background-image: linear-gradient(to right, indigo, indigo); }
/* das ist der Versuch, ein Element mit einem Dropdownpfeil zu versehen */
.has-children::after { padding-left: .5em; content: "\25BE" }
/* Klassen für Sprung zum Speichern button */
#goto-save-button { display: none; } /* wenn nicht editieren dann nicht anzeigen */
.action-edit #goto-save-button { display: inline; }