Progress Continues
We've already had 21646 updates since Dolphin 5.0. Keep up with Dolphin's continuing progress through the Dolphin Blog: February, March, and April 2024 Dolphin Progress Report. |
The Dolphin Emulator Wiki needs your help! Dolphin can play thousands of games, and changes are happening all the time. Help us keep up! Join in and help us make this the best resource for Dolphin. |
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Added CSS styles for the ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox templates (yes, we use only fmbox, but all of them share common styles depending of template parameters)) |
(Initial commit, needs some refactoring) |
||
Line 918: | Line 918: | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
} | |||
/******************* | |||
** Drop-Down List styles | |||
*******************/ | |||
/*Main Line Not Just Link Margin - From left Side*/ | |||
ul#nav{ | |||
margin:3; | |||
padding:2; | |||
list-style-type:none; | |||
border:none; | |||
background:#fff; | |||
padding:.5em; | |||
width:auto; | |||
} | |||
/*Drop Menu Line Colors that "flash" to load Menu*/ | |||
ul#nav li ul{ | |||
background:#fff; | |||
margin:0; | |||
padding:5; | |||
width:auto; | |||
} | |||
ul#nav li{ | |||
position:relative; | |||
margin:5; | |||
width:auto; | |||
padding:5; | |||
list-style-type:none; | |||
background:333; | |||
color:#333; | |||
line-height:150%; | |||
} | |||
/*Main Link Font Color and "loading border" set to fff for invisibility*/ | |||
ul#nav a{ | |||
border:1px solid #fff; | |||
color:#333; | |||
text-decoration:none; | |||
display:block; | |||
} | |||
/*Mouse over option text color*/ | |||
ul#nav a:hover{ | |||
border:1px inset #333; | |||
background:#333; | |||
color:#333; | |||
} | |||
/*Color of Text option drop down without mouse on them.*/ | |||
ul#nav li li a{ | |||
padding-left:1em; | |||
color:#006AFF; | |||
text-decoration:none; | |||
display:block; | |||
} | |||
ul#nav li li a:hover{ | |||
background:#cef; | |||
} | |||
/* DDM relative dropdown example */ | |||
.hiddenChild{ | |||
position: absolute; | |||
left: -999em; | |||
} | |||
.shownChild{ | |||
left:-1px; | |||
} | |||
p{ | |||
clear:both;float:none; | |||
} | |||
/*Parent initial border information white fff set to hide "optional options area"*/ | |||
ul#nav.dhtml{ | |||
list-style-image: none; | |||
display: block; | |||
position:relative; | |||
width:auto; | |||
border:2px solid #fff; | |||
background:#333 | |||
margin:2; | |||
padding:2; | |||
list-style-type:none; | |||
height:1.5em; | |||
} | |||
/*WIDTH IS TOP OPTION WIDTH. (OPTION WIDTH - 1)*/ | |||
ul#nav.dhtml li{ | |||
position:relative; | |||
float:left; | |||
width:9em; | |||
border-right:1px solid #333; | |||
border-top:1px solid #333; | |||
border-left:1px solid #333; | |||
border-bottom:1px solid #333; | |||
} | |||
/*Initial background color of options with mouse hovered over main link*/ | |||
ul#nav.dhtml ul{ | |||
list-style-image: none; | |||
display: block; | |||
top:1.5em; | |||
position:absolute; | |||
border-top:1px solid #333; | |||
border-right:1px solid #333; | |||
border-left:1px solid #333; | |||
background:#333; | |||
width:auto; | |||
z-index:10; | |||
} | |||
ul#nav.dhtml li a,ul#nav.dhtml li a:hover{ | |||
border:none; | |||
background:#333; | |||
} | |||
ul#nav.dhtml li a{ | |||
padding:0 .5em; | |||
background:#333; | |||
} | |||
/*Options background color when main category is highlighted with mouse and options not selected WIDTH IS OPTIONS WIDTH*/ | |||
ul#nav.dhtml ul li{ | |||
border:none; | |||
width:9em; | |||
background:#fff; | |||
} | |||
/*No Mouse On Main Link Background*/ | |||
ul#nav.dhtml li.isParent{ | |||
background:#cef; | |||
} | |||
/*Yes Mouse On Main Link Background*/ | |||
ul#nav.dhtml li.isActive{ | |||
background:#fff; | |||
} | |||
ul#nav.dhtml li.isActive a{ | |||
background:cef; | |||
} | |||
ul#nav.dhtml li.isActive ul a{ | |||
padding:0 .5em; | |||
} | |||
ul#nav.dhtml a:hover{ | |||
background:#333; | |||
} | |||
ul#nav.dhtml li.isParent a:hover{ | |||
background:#333; | |||
} | |||
ul#nav.dhtml li.isActive ul a:hover{ | |||
background:#333; | |||
} | } | ||