More actions
Adding style elements to allow drop-down menus. Tag: wikieditor |
Update common CSS |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins / | ||
/ Default/mobile */ | |||
.ea-wiki-dropdown-container{ | .ea-wiki-dropdown-container{ | ||
display: flex; | display: flex; | ||
justify-content: center; | |||
flex-direction: column; | |||
width: 100%; | |||
} | } | ||
.ea-wiki-dropdown{ | .ea-wiki-dropdown-menu{ | ||
width: 100%; | |||
} | |||
.ea-wiki-dropdown-items{ | |||
text-align: left; | |||
font-size: 1.1em; | |||
} | |||
@media only screen and (min-width: 600px) { | |||
.ea-wiki-dropdown-container{ | |||
display: flex; | |||
justify-content: center; | |||
position: absolute; | |||
flex-direction: row; | |||
width: auto; | |||
} | |||
.ea-wiki-dropdown-menu{ | |||
width: auto; | |||
} | |||
.ea-wiki-dropdown-items{ | |||
font-size: 0.9em; | |||
} | |||
.ea-wiki-dropdown-margin{ | |||
height: 4em; | |||
} | |||
} | |||
.ea-wiki-dropdown-menu{ | |||
background-color: #1d2330; | background-color: #1d2330; | ||
color: white; | color: white; | ||
text-align: center; | |||
float: left; | float: left; | ||
padding-left: 20px; | |||
padding-right: 20px; | |||
padding-top: 5px; | |||
padding-bottom: 5px; | padding-bottom: 5px; | ||
height: | height: 2.3em; | ||
border-radius: 5px; | |||
margin: 3px; | margin: 3px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.ea-wiki-dropdown:hover{ | .ea-wiki-dropdown-menu:hover{ | ||
background-color: #4d5350; | background-color: #4d5350; | ||
color: #e7b439; | color: #e7b439; | ||
height: auto; | height: auto; | ||
} | |||
.ea-wiki-dropdown-item1{ | |||
margin-left: 0em; | |||
} | |||
.ea-wiki-dropdown-item2{ | |||
margin-left: 0.9em; | |||
} | } |
Latest revision as of 20:08, 14 June 2023
/* CSS placed here will be applied to all skins / / Default/mobile */ .ea-wiki-dropdown-container{ display: flex; justify-content: center; flex-direction: column; width: 100%; } .ea-wiki-dropdown-menu{ width: 100%; } .ea-wiki-dropdown-items{ text-align: left; font-size: 1.1em; } @media only screen and (min-width: 600px) { .ea-wiki-dropdown-container{ display: flex; justify-content: center; position: absolute; flex-direction: row; width: auto; } .ea-wiki-dropdown-menu{ width: auto; } .ea-wiki-dropdown-items{ font-size: 0.9em; } .ea-wiki-dropdown-margin{ height: 4em; } } .ea-wiki-dropdown-menu{ background-color: #1d2330; color: white; text-align: center; float: left; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; height: 2.3em; border-radius: 5px; margin: 3px; overflow: hidden; } .ea-wiki-dropdown-menu:hover{ background-color: #4d5350; color: #e7b439; height: auto; } .ea-wiki-dropdown-item1{ margin-left: 0em; } .ea-wiki-dropdown-item2{ margin-left: 0.9em; }