User:Lily/global.css

/************************************************************************/ /**********         classes and id's for top nav bar          **********/ /************************************************************************/ /* 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: 20px; } a.mw-wiki-logo { margin-top: 60px; } div#mw-head { margin-top: 45px; }

.has-children::after { padding-left: .5em; content: "\25BE" }

/* I have learned from here: https://www.w3schools.com/css/css_dropdowns.asp*/ background-image: linear-gradient(120deg, indigo 3%, red 3%, red 3.25%, orange 3.25%, orange 3.5%, gold 3.5%, gold 3.75%, lawngreen 3.75%, lawngreen 4%, lime 4%, lime 4.25%, MediumSpringGreen 4.25%, MediumSpringGreen 4.5%, MediumTurquoise 4.5%, MediumTurquoise 4.75%, RoyalBlue 4.75%, RoyalBlue 5%, DodgerBlue 5%); box-shadow: 0 3px 7px #888; }
 * 1) top-bar { position: fixed; background-color: DodgerBlue; height: 48px; width: 100%; z-index: 100;
 * 1) top-bar { height: 48px; line-height: 48px; vertical-align: middle; width: 100%; }
 * 2) top-bar { font-size: 90%; color: #fff; font-family: sans-serif; font-weight: bold; }
 * 3) top-bar a { color: #fff; text-decoration: none; } /* alle Links weiß einfärben */

/* The container - needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; white-space: nowrap; }

/* Style The Dropdown Button background-color: DodgerBlue; background-image: linear-gradient(to bottom, DodgerBlue 90%, violet 90%); */ .dropbtn { padding: 0 16px; border: none; cursor: pointer; height: 48px; }

/* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #eee; min-width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; z-index: 1; }
 * 1) top-bar .dropdown-content a { color: DodgerBlue }

/* Links inside the dropdown */ .dropdown-content a { display: block; padding: 0 16px; color: DodgerBlue; }

/* Change color of dropdown links on hover */
 * 1) top-bar .dropdown-content a:hover { background-color: DodgerBlue; color: #eee; }

.dropdown:hover .dropdown-content { display: block; }

/* Change the background color of the dropdown button only when hover */ border-bottom: 2px dotted DodgerBlue; }
 * 1) top-bar .dropbtn:hover { background-color: #eee; color: indigo; background-image: linear-gradient(to bottom, #eee, #eee);
 * 1) top-bar .dropbtn:hover a { color: DodgerBlue; }

/* create a separator line */
 * 1) top-bar .separator-top { border-top: 2px dotted #eee }

/* show goto save button only when editing */ .action-edit #only-when-edit{ display: inline; }
 * 1) only-when-edit { display: none; } /* wenn nicht editieren dann nicht anzeigen */