Änderungen css dass Buttons von UserMenu sowie Language button rechts mitverschoben werden

This commit is contained in:
ja
2021-09-03 13:22:01 +02:00
parent 508517ec35
commit 112d57c556
4 changed files with 154 additions and 35 deletions

View File

@@ -279,7 +279,7 @@ ContentPlaceHolder1 {
color: #043381;
position: absolute;
right: 7%;
top: -5%;
top: -10%;
z-index: 1031;
}
#dropdownmenueuser {
@@ -287,17 +287,24 @@ ContentPlaceHolder1 {
top: -170px;
right: -952px;
}
#dropbtnbtnbtn {
background-color: #fff;
color: #043381;
border: none;
z-index: 1031;
position: sticky
padding-top: 2px;
left: 1025px;
padding-bottom: 0px;
}
#dropdownmenuecont {
margin-right: -5px;
top: 5px;
}
position:absolute;
padding-top: -10px;
left:1025px;
padding-bottom: 0px;
height: 86px;
}
}
#dropdownmenuecont ul li .button {
font-size: 17px;
}
@@ -393,24 +400,28 @@ ContentPlaceHolder1 {
cursor:pointer;
}
#dropdownmenuecont {
position: absolute;
top: -90px;
right: -1072px;
height: 75px;
position: absolute;
padding-top: 25px;
padding-left:-150px;
padding-bottom: 0px;
height: 86px;
}
#dropbtnbtnbtn {
background-color: #fff;
color: #043381;
border: none;
z-index: 1031;
position: absolute;
height:52px;
top:-70px;
right:-1072px;
}
#langdropdown{
height:auto;
right: 0px;
position:absolute;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
z-index:1031;
margin-bottom: 1px;
margin-top: -10px;
width:100px;
height:20px;
}
#dropdownmenuecont ul li .button{
font-size:16px;
}
@@ -441,4 +452,8 @@ ContentPlaceHolder1 {
#dropbtnlang {
margin-right: -39%;
margin-top: 5%;
}
#langdropdown{
margin-right: -39%;
margin-top:50px;
}

106
css/Dropdown2.css Normal file
View File

@@ -0,0 +1,106 @@
/*Button Dropdown Menue Language Picker*/
.dropbtn {
background-color: #043381;
position: absolute;
color: #043381;
background-color: #fff;
padding: 16px;
/*padding: 1em;
padding: 2.083333333333333vw;*/
font-size: 16px;
/* font-size:1em;*/
border: none;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 10;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #043381;
color: #fff;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #043381;
}
btn btn-primary btn-sm {
background-color: #fff;
color:#043381;
}
@media (min-width: 558.98px) {
.dropdown {
position: sticky;
margin-left: 645px;
}
}
#ButtonDeutschLangPicker {
text-align: left;
background-color: #fff;
color: #043381;
text-decoration: none;
width: max-content;
}
#ButtonTürkeiLangPicker {
text-align: left;
background-color: #fff;
color: #043381;
text-decoration: none;
width: max-content;
}
#ButtonEnglischLangPicker {
text-align: left;
background-color: #fff;
color: #043381;
text-decoration: none;
width: max-content;
}
#ButtonSerbischLangPicker {
text-align: left;
background-color: #fff;
color: #043381;
text-decoration: none;
width: max-content;
}
#ButtonSerbischZweiLangPicker {
text-align: left;
background-color: #fff;
color: #043381;
text-decoration: none;
width: max-content;
}
#ButtonBulgariaLangPicker {
text-align: left;
background-color: #fff;
color: #043381;
text-decoration: none;
width: max-content;
}