User:Manuela/global.css: Difference between revisions

 /************************************************************************/
 /********** 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 */