MediaWiki:Common.css/nonjstabberdropdown.css

/* */ /******* Code for hovering stuff ******/ /* Simple hover-over stuff */ .WikiaMainContent .show { display: none; } .WikiaMainContent .hover:hover .show { display: inline !important; } .WikiaMainContent .hover:hover .hide { display: none; } /* code for monobook */ display: none; }   display: inline !important; }   display: none; } /* toc fixes */ .WikiaMainContent .show.toc, display: table; } /* making non-JS tabber */ /* Default opened tabs */ .showtext, .showbutton:hover .showtext .showtext, .showbutton:hover + .showtext { display: none !important; } .showbutton:hover > .showtext, .showtext:hover { display: block !important; } /** making a default opened tab **/ .showbutton:hover + .deftext { display: none !important; } /* no default open tab */ .openbutton:hover > .showtext {display: block !important;} .openbutton:hover .showtext .showtext {display:none !important;} .openbutton:hover + .showtext {display: none !important;} /** layout of tab(content)s **/ /* Even if some of the code doesn't help in your browser, it might do in other browsers.*/ .tab {} /*This solves the problem of layout not showing*/ .tab { border: solid 1px #778; border-bottom: 1px solid transparent; background-color: #dde; cursor: pointer; padding: -13px 16px 5px; line-height: 10px; z-index: 1 !important; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; } .tab:hover { background-color: #fff; overflow: visible; position: relative !important; top: 1px !important; } .tabcontent { border: solid 1px #aaa !important; border-top-color: #778 !important; line-height: 15px; z-index: -1 !important; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; } .showtext { width: 100% !important; position:relative !important; } /*** only coloring selected tab ***/ .tab:hover + .showbutton .tab { background-color: #dde; } /****** Making non-JS dropdown ******/ .dropdown { border: 1px solid #aaa; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; padding: 5px; color: #8b4513; background-color: #fff8dc; margin-right: 0px; } .ddowncont { border: 1px solid #aaa; line-height: 10px; text-align: center; padding-bottom: 5px; color: #8b4513; background-color: #fff8dc; margin-right: 0px; } .dropdown:hover, .ddowncont:hover { background-color: #deb887; } a .dropdown:active, a .ddowncont:active { background-color: #f4a460; } /* hidden links */ .hiddenlink > a:hover { text-decoration: none !important; } /****************** .ChooseOption { background: #fff; border: 3px double black; color: #c6b895; display: inline-block; line-height: 1.1; } .ChooseOption.bold { font-weight: bold; } .OptionHover { background: #0d1e25; cursor: default; display: inline-block; } .OptionHeader { display: block; background: #0b0c05; border-bottom: 1px solid #223239; cursor: default; } .OptionWindow { position: absolute; margin-top: -3px; display: inline-block; background: white; border: 3px double black; z-index: 3; border-radius: 4px 4px 2px 2px; display: none; font-family: runescape; font-size: 16px; } .OptionWindow .content { background: #0d1e25; display: block; } .ChooseOption:hover .OptionWindow { display: inline; } .OptionWindow .content > *:not(.OptionHeader), .OptionWindow a { display: block; color: inherit; padding: 0 1px; white-space: nowrap; text-shadow: #000 1px 1px 0px; cursor: default; } .OptionWindow .content > *:not(.OptionHeader):hover, .OptionWindow a:hover { text-decoration: none; background: #1d2e55; } .OptionWindow strong, .OptionWindow b, .OptionWindow, .OptionWindow * { font-weight: normal !important; } .ChooseOption.bold .OptionWindow *, .OptionWindow.bold *, .OptionHeader.bold * { font-family: runescape-bold !important; } .OptionWindow .item { color: #ff9040; } .OptionWindow .NPC { color: #ff0; } .OptionWindow .player { color: #fff; } .OptionWindow .scenery { color: #0ff; } .OptionWindow .cb-min { color: #0f0; } .OptionWindow .cb-same { color: #ff0; } .OptionWindow .cb-max { color:#f00; } /* </syntaxhighlight */
 * 1) content .show {
 * 1) content .hover:hover .show {
 * 1) content .hover:hover .hide {
 * 1) content .toc.show {
 * Choose Option***