User:Manuela/global.css
Appearance
From Meta, a Wikimedia project coordination wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/************************************************************************/ /********** classes and id's for bot nav bar **********/ /************************************************************************/ /* I have learned from here: https://www.w3schools.com/css/css_dropdowns.asp*/ .has-children::after{padding-left:.5em;content:"25円B225円BC"}/* Pfeil auf/ab wird hinzugefügt */ .has-more-children::after{padding-left:.5em;content:"25円BA"} /* The container <div> - needed to position the dropdown content */ .dropdown{position:relative;display:inline-block;white-space:nowrap;} /* der anklickbare "Button" in der Navigationsleiste */ .dropbtn{padding:016px;border:none;cursor:pointer;height:38px;} /* Inhalt des Dropdown Kastens (Hidden by Default); line-height: 2em; verringert die Zeilenhöhe für die Drop Down Boxen wird nicht angezeigt außer der darüberstehende Button wird gehovert */ .dropdown-content{display:none;position:absolute;background-color:#eee;min-width:100%;box-shadow:0px8px16px0pxrgba(0,0,0,0.2); border:1pxsolid#fff;border-top:none;line-height:2em;color:MidnightBlue;cursor:pointer; z-index:1;text-shadow:none;} /* Links inside the dropdown */ .dropdown-contenta{display:block;padding:016px;color:MidnightBlue;} /* Change color of dropdown links on hover */ .dropdown:hover.dropdown-content{display:block;} /* Definitionen für Submenu */ /* Links inside the dropdown */ .sub-menua{display:block;padding:016px;color:indigo;text-shadow:none;} .dropdown-submenu{position:relative;} .dropdown-submenu.sub-menu{background-color:#eee;display:none;box-shadow:0px8px16px0pxrgba(0,0,0,0.2); border:1pxsolidindigo;} .dropdown-submenu:hover.sub-menu{display:block;}/* anzeigen wenn hover */ /* show goto save button only when editing */ #only-when-edit{display:none;}/* wenn nicht editieren dann nicht anzeigen */ .action-edit#only-when-edit{display:inline;} .action-submit#only-when-edit{display:inline;} #botbar{position:fixed;margin-left:0;margin-bottom:0;top:0;left:13em;background-color:transparent;} /* background-color: MidnightBlue; background-image: linear-gradient(145deg, indigo 8%, red 8%, gold 11%, green 15%, MediumSpringGreen 20%, MediumTurquoise 22%, RoyalBlue 28%, MidnightBlue 28%, MidnightBlue 55%, rgba(25, 25, 112,0)); box-shadow: 0 3px 7px #888; } */ #botbar{height:38px;line-height:38px;vertical-align:middle;z-index:100;cursor:pointer;} #botbar{font-size:90%;color:#eee;font-family:sans-serif;font-weight:bold;border-radius:019px19px0; text-shadow:-1px0MidnightBlue,01pxMidnightBlue,1px0MidnightBlue,0-1pxMidnightBlue,005pxMidnightBlue;;} #botbara{color:#eee;text-decoration:none;}/* alle Links weiß einfärben */ /* Change the background color of the dropdown button only when hover */ #botbar.dropbtn:hover{background-color:#eee;color:MidnightBlue;text-shadow:none;} #botbar.dropbtn:hovera{color:MidnightBlue;} #botbar.dropdown-content{top:38px;} /* Inhalt des Dropdown Kastens (Hidden by Default); line-height: 2em; verringert die Zeilenhöhe für die Drop Down Boxen wird nicht angezeigt außer der darüberstehende Button wird gehovert */ #botbar.dropdown-contenta{color:MidnightBlue} #botbar.dropdown-content{border:1pxsolidindigo;} /* Change color of dropdown links on hover */ #botbar.dropdown-contenta:hover{background-color:MidnightBlue;color:#eee;} .dropdown:hover.dropdown-content{display:block;} /* Definitionen für Submenu */ #botbar.sub-menua{color:indigo} /* Change color of dropdown links on hover */ #botbar.sub-menua:hover{background-color:indigo;color:#eee;} #botbar.sub-menu{position:absolute;left:100%;top:0;margin-left:1px} /* create a separator line */ #botbar.separator-top{border-top:1pxsolidindigo;} /* extra CSS class for draggable navigation bar .bottombar { background-color: MidnightBlue; background-image: linear-gradient(125deg, magenta, blue, cyan, green, orange, red, magenta); } */ /* der Schatten soll immer bleiben, das schaut cool aus */ #botbar{box-shadow:03px3px0rgba(0,0,0,.35),0-1pxrgba(25,25,112,.35),-1px0rgba(25,25,112,.35);;}/* 25, 25, 112 MidnightBlue */