https://me-pedia.org/w/api.php?action=feedcontributions&feedformat=atom&user=Manuela
MEpedia - User contributions [en]
2026-04-07T18:02:39Z
User contributions
MediaWiki 1.43.8
https://me-pedia.org/w/index.php?title=User:Manuela/common.css&diff=196898
User:Manuela/common.css
2022-11-06T17:33:45Z
<p>Manuela:Created page with "/************************************************************************/ /********** classes and id's for bot nav bar **********/ /************************..."</p>
<hr />
<div>/************************************************************************/<br />
/********** classes and id's for bot nav bar **********/<br />
/************************************************************************/<br />
<br />
/* I have learned from here: https://www.w3schools.com/css/css_dropdowns.asp*/<br />
<br />
.has-children::after { padding-left: .5em; content: "\25B2\25BC" } /* Pfeil auf/ab wird hinzugefügt */<br />
.has-more-children::after { padding-left: .5em; content: "\25BA" }<br />
/* The container <div> - needed to position the dropdown content */<br />
.dropdown { position: relative; display: inline-block; white-space: nowrap; }<br />
/* beim Editieren keine Klappmenüs anzeigen, die stören */<br />
.action-edit .dropdown .has-children { display: none; }<br />
<br />
/* der anklickbare "Button" in der Navigationsleiste */<br />
.dropbtn { padding: 0 16px; border: none; cursor: pointer; height: 38px; }<br />
/* Inhalt des Dropdown Kastens (Hidden by Default); line-height: 2em; verringert die Zeilenhöhe für die Drop Down Boxen<br />
wird nicht angezeigt außer der darüberstehende Button wird gehovert<br />
*/<br />
.dropdown-content { display: none; position: absolute; background-color: #eee; min-width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);<br />
border: 1px solid #fff; border-top: none; line-height: 2em; color: MidnightBlue; cursor: pointer; <br />
z-index: 1; text-shadow: none; }<br />
<br />
/* Links inside the dropdown */<br />
.dropdown-content a { display: block; padding: 0 16px; color: MidnightBlue; }<br />
<br />
/* Change color of dropdown links on hover */<br />
.dropdown:hover .dropdown-content { display: block; }<br />
<br />
/* Definitionen für Submenu */<br />
/* Links inside the dropdown */<br />
.sub-menu a { display: block; padding: 0 16px; color: indigo; text-shadow: none; }<br />
<br />
.dropdown-submenu { position: relative; }<br />
.dropdown-submenu .sub-menu { background-color: #eee; display: none; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);<br />
border: 1px solid indigo; }<br />
.dropdown-submenu:hover .sub-menu { display: block; } /* anzeigen wenn hover */<br />
<br />
<br />
/* show goto save button only when editing */<br />
#only-when-edit { display: none; } /* wenn nicht editieren dann nicht anzeigen */<br />
.action-edit #only-when-edit{ display: inline; }<br />
.action-submit #only-when-edit{ display: inline; }<br />
<br />
#botbar { position: fixed; margin-left: 0; margin-bottom: 0; top: 0; left: 13em; background-color: transparent ; }<br />
/*<br />
background-color: MidnightBlue;<br />
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));<br />
box-shadow: 0 3px 7px #888; } */<br />
#botbar { height: 38px; line-height: 38px; vertical-align: middle; z-index: 100; cursor: pointer; }<br />
#botbar { font-size: 90%; color: #eee; font-family: sans-serif; font-weight: bold; border-radius: 0 19px 19px 0; <br />
text-shadow: -1px 0 MidnightBlue, 0 1px MidnightBlue, 1px 0 MidnightBlue, 0 -1px MidnightBlue, 0 0 5px MidnightBlue;; }<br />
#botbar a { color: #eee; text-decoration: none; } /* alle Links weiß einfärben */<br />
<br />
/* Change the background color of the dropdown button only when hover */<br />
#botbar .dropbtn:hover { background-color: #eee; color: MidnightBlue; text-shadow: none; }<br />
#botbar .dropbtn:hover a { color: MidnightBlue; }<br />
<br />
#botbar .dropdown-content { top: 38px; }<br />
<br />
/* Inhalt des Dropdown Kastens (Hidden by Default); line-height: 2em; verringert die Zeilenhöhe für die Drop Down Boxen<br />
wird nicht angezeigt außer der darüberstehende Button wird gehovert<br />
*/<br />
#botbar .dropdown-content a { color: MidnightBlue }<br />
#botbar .dropdown-content { border: 1px solid indigo; }<br />
<br />
/* Change color of dropdown links on hover */<br />
#botbar .dropdown-content a:hover { background-color: MidnightBlue; color: #eee; }<br />
.dropdown:hover .dropdown-content { display: block; }<br />
<br />
/* Definitionen für Submenu */<br />
#botbar .sub-menu a { color: indigo }<br />
/* Change color of dropdown links on hover */<br />
#botbar .sub-menu a:hover { background-color: indigo; color: #eee; }<br />
<br />
#botbar .sub-menu { position: absolute; left: 100%; top: 0; margin-left: 1px }<br />
<br />
/* create a separator line */<br />
#botbar .separator-top { border-top: 1px solid indigo; }<br />
<br />
/* extra CSS class for draggable navigation bar <br />
.bottombar { background-color: MidnightBlue;<br />
background-image: linear-gradient(125deg, magenta, blue, cyan, green, orange, red, magenta); } */<br />
/* der Schatten soll immer bleiben, das schaut cool aus */<br />
#botbar { box-shadow: 0 3px 3px 0 rgba(0,0,0,.35), 0 -1px rgba(25, 25, 112,.35), -1px 0 rgba(25, 25, 112,.35);; } /* 25, 25, 112 MidnightBlue */</div>
Manuela