MediaWiki:Common.css
出自【暗黑百科】DiabloWiki_凯恩之角
(修订版本间的差异)
(6个中途的修订版本没有显示) | |||
第386行: | 第386行: | ||
} | } | ||
- | + | //Wow Style Tooltip | |
- | + | /* WoW Style Tooltip */ | |
- | + | .wtooltip { | |
- | + | width: 18em; | |
- | + | min-width: 15em; | |
- | + | padding: 0.3em; | |
- | + | margin: 5px; | |
- | + | background-color: #101010; | |
- | + | border: 1px #b0b0b0 solid; | |
- | + | border-radius: 0.75ex; | |
- | + | -moz-border-radius: 0.75ex; | |
- | + | -webkit-border-radius: 0.75ex; | |
- | + | text-align: left; } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | .wtooltip ul { | |
- | + | margin: 0; | |
- | + | padding: 0; | |
+ | list-style: none; | ||
+ | list-style-type: none; | ||
+ | list-style-image: none;} | ||
- | + | .wtooltip .outericon { | |
- | + | position: absolute; | |
- | + | left: -38px; | |
- | + | top: 0} | |
- | .tooltip-ready { | + | .itemtooltip { |
- | visibility:hidden; | + | margin: 0 5px 5px;} |
- | display:block; | + | |
- | z-index:999; | + | proftip {width: 22em} |
- | } | + | /* Less than graceful deprecation: itemtooltip should not be used without wtooltip */ |
+ | .itemtooltip { | ||
+ | width: 18em; | ||
+ | min-width: 15em; | ||
+ | padding: 0.3em; | ||
+ | margin: 5px; | ||
+ | background-color: #300000; | ||
+ | border: 1px #b0b0b0 solid; | ||
+ | border-radius: 0.75ex; | ||
+ | -moz-border-radius: 0.75ex; | ||
+ | -webkit-border-radius: 0.75ex; | ||
+ | text-align: left; } | ||
+ | .wtooltip.itemtooltip {background-color: #101010} | ||
+ | .itemtooltip, .itemtooltip li, .itemtooltip li a {color: #f0f0f0;} | ||
+ | .itemtooltip ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} | ||
+ | |||
+ | /* .itemtooltip li a {color: inherit} would ideally replace most a declarations here, but IE support is lacking. */ .htt .tooltip-content ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} .wtooltip, .wtooltip li, .wtooltip li a, .htt .tooltip-content, .htt .tooltip-content li, .htt .tooltip-content li a {color: #f0f0f0;} li.socket, li.socket a, .htt .tooltip-content li.socket, .htt .tooltip-content li.socket a {color: #999;} li.glyph, li.glyph a, .htt .tooltip-content li.glyph, .htt .tooltip-content li.glyph a {color:#71d5ff;} li.req, li.req a, .htt .tooltip-content li.req, .htt .tooltip-content li.req a {color: #999;} li.locked, li.locked a, .htt .tooltip-content li.locked, .htt .tooltip-content li.locked a {color: #d22;} li.bonus, li.bonus a, .htt .tooltip-content li.bonus, .htt .tooltip-content li.bonus a {color: #0f0;} li.flavor, li.flavor a, .htt .tooltip-content li.flavor, .htt .tooltip-content li.flavor a {color: #ffd517;} li.detail, li.detail a, .htt .tooltip-content li.detail, .htt .tooltip-content li.detail a {color: #66c;} li.set, li.set a, .htt .tooltip-content li.set, .htt .tooltip-content li.set a {color: #ffd100;} li.setbonus, li.setbonus a, .htt .tooltip-content li.setbonus, .htt .tooltip-content li.setbonus a {color: #999;} div.htt .setdesc { display:none; } .tooltip, .htt .tooltip-content { font-size: 1em; float: left; width: auto; min-width: 15em; padding: 0.3em; margin: 5px; color: #fff; background-color: #111; border: 1px #bbb solid; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; } .htt .tooltip-content table {color: white} .tooltip ul, .htt .tooltip-content ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; } .htt .tooltip-content { max-width: 22em; background: transparent url(http://www.wowpedia.org/images/thumb/c/c0/Ttbackground.svg/275px-Ttbackground.svg.png) !important; } .htt .ach-tt { max-width: 35em !important; } #templatetfb .tooltip-content { max-width: 300px !important; } .htt .tooltip-content .tooltip-hide { display:none; } .tooltip-ready { visibility:hidden; display:block; z-index:999; } .homeicon, .awayicon {float: right; position: relative; margin-left: 4px} .homeicon span, .awayicon span {text-shadow: #202020 1px 1px, #202020 0px 0px 3px; position: absolute; bottom: 1px; right: 2px} .hometip > .awayicon, .awaytip > .homeicon, .hometip > ul > .awayline, .awaytip > ul > .homeline {display: none} .wtooltip.awaytip {font-size: 0.85em} .hometip {float: right} .awaytip {float: left} .createline > .itemtooltip {background: transparent; border: none; font-size: 0.90em; margin: 0.75em 0; padding: 0} .createline .homeicon, .createline .awayicon {display: none} .awaytip > ul > .createline > .itemtooltip {margin: 0.90em 0} |
在2011年5月28日 (六) 01:58的最新修订版本
/* Table */ /WIKI中的字体颜色与按钮颜色/ Input { COLOR: #D49E43; } A:link {COLOR: #D49E43; TEXT-DECORATION: none} A:hover {COLOR: #4B93FA; TEXT-DECORATION: none} A:visited {COLOR: #D49E43; TEXT-DECORATION: none} /* 移除首页上的《首页》字 */ body.page-首页 h1.firstHeading { display:none; } body.page-首页_暗黑2 h1.firstHeading { display:none; } body.page-首页_暗黑1 h1.firstHeading { display:none; } /************/ .graytable { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#330707', endColorstr='#330707'); background: -webkit-gradient(linear,0% 0%, 0% 75%, from(#330707), to(#330707), color-stop(0.0,#330707)); background: -moz-linear-gradient(top, ##330707, #330707 1px, #330707); border: 1px solid #AAAAAA; } /* .graytable th { border: 1px solid #CCCCCC; padding: 0 3px 0 3px; text-align: center; } */ .graytable td { border: 1px solid #CCCCCC; padding: 0 3px 0 3px; background: #100303; } /************/ .Allbox { border: 1px solid #2F0600; padding: 5px; width:100%; } .Allbox th { background-color: #2F0600; padding-left: 1em; padding-right: 1em; text-align: right; white-space: nowrap; width:0px; } .Allbox th.header { background-color: #2F0600; color:#F2D5AD; text-align: center; } /************/ .rightbox { background-color: #0A0101; border: 1px solid #2F0600; float:right; margin: 0 0 0.5em 0.5em; } /************/ table.color { margin-bottom: 3px } table.color th { padding: 0 0.3em; } table.color td { padding: 0 0.3em; background:#2B0E0E } table.p_red { border: 1px solid #ff0101; background: #ED4242; } table.p_red td { border: 1px solid #ff0101; } table.p_blue { border: 1px solid #09425a; background: #147599; } table.p_blue td { border: 1px solid #09425a; } table.p_yellow { border: 1px solid #e8b800; background: #f8e800; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f878, endColorstr=#f8e800); background: -webkit-gradient(linear,left top, left bottom, from(#f8f878), to(#f8e800)); background: -moz-linear-gradient(top center, #f8f878, #f8e800); } table.p_yellow td { border: 1px solid #e8b800; } table.p_green { border: 1px solid #70A830; background: #B8F870; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8F870, endColorstr=#98D048); background: -webkit-gradient(linear,left top, left bottom, from(#B8F870), to(#98D048)); background: -moz-linear-gradient(top center, #B8F870, #98D048); } table.p_green td { border: 1px solid #70A830; } table.p_black { border: 1px solid #403838; background: #908080; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b0a0a0, endColorstr=#585050); background: -webkit-gradient(linear,left top, left bottom, from(#b0a0a0), to(#585050)); background: -moz-linear-gradient(top center, #b0a0a0, #585050); } table.p_black td { border: 1px solid #403838; } table.p_brown { border: 1px solid #b89850; background: #e0c068; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e0c068, endColorstr=#b89850); background: -webkit-gradient(linear,left top, left bottom, from(#e0c068), to(#b89850)); background: -moz-linear-gradient(top center, #e0c068, #b89850); } table.p_brown td { border: 1px solid #907030; } table.p_purple { border: 1px solid #b860b8; background: #e098d0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8d0f8, endColorstr=#e098d0); background: -webkit-gradient(linear,left top, left bottom, from(#f8d0f8), to(#e098d0)); background: -moz-linear-gradient(top center, #f8d0f8, #e098d0); } table.p_purple td { border: 1px solid #b860b8; } table.p_gray { border: 1px solid #807878; background: #d8d0d0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8d0d0, endColorstr=#b8b0b0); background: -webkit-gradient(linear,left top, left bottom, from(#d8d0d0), to(#b8b0b0)); background: -moz-linear-gradient(top center, #d8d0d0, #b8b0b0); } table.p_gray td { border: 1px solid #807878; } table.p_white { border: 1px solid #c0c0c0; background: #f8f8f8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#e0e0e0); background: -webkit-gradient(linear,left top, left bottom, from(#f8f8f8), to(#e0e0e0)); background: -moz-linear-gradient(top center, #f8f8f8, #e0e0e0); } table.p_white td { border: 1px solid #c0c0c0; } table.p_pink { border: 1px solid #f07070; background: #f8d0d0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8d0d0, endColorstr=#f8a8a8); background: -webkit-gradient(linear,left top, left bottom, from(#f8d0d0), to(#f8a8a8)); background: -moz-linear-gradient(top center, #f8d0d0, #f8a8a8); } table.p_pink td { border: 1px solid #f07070; } table.p_orange { border: 1px solid #FB5C00; background: #F5892A; } table.p_pink td { border: 1px solid #FB5C00; } table.p_unique { border: 1px solid #C69643; background: #b89d70; } table.p_pink td { border: 1px solid #C69643; } table.p_deepred { border: 1px solid #2F0600; background: #2F0600; } table.p_pink td { border: 1px solid #2F0600; } /* == 折叠效果 == */ /* Standard Navigationsleisten.*/ div.Boxmerge, div.NavFrame { margin: 0px; padding: 2px; border: 1px solid #aaaaaa; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame, div.NavFrame + table.collapsible, table.collapsible + div.NavFrame, table.collapsible + table.collapsible { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #ffffff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { min-height: 1.6em; font-weight: bold; font-size: 100%; text-align: center; background-color: #efefef; cursor:pointer; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } span.NavToggle { float: right; display: none; /*保证在禁用JS状态下不显示提示*/ text-align: right; font-weight: normal; font-size: smaller; } /* == Navbox == */ /* Default skin for navigation boxes */ table.navbox { /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group { /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd; /* Background color */ } .navbox-list { border-color: #fdfdfd; /* Must match background color */ } .navbox-title, table.navbox th { background: #ccccff; /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; /* Level 3 color */ } .navbox-even { background: #f7f7f7; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .collapseButton { /* 'show'/'hide' buttons created dynamically */ float: right; /* by the CollapsibleTables javascript in */ font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */ text-align: right; /* so they can be customised. */ width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em; /* the vde links from [[Template:Tnavbar]], */ } /* so they need to be the same width. */ /* pour l'extension WikiCategoryTagCloud */ .tagcloud { width: 98%; text-align: center; background-color: #FDFDFD; border: 1px solid #EEEEEE; padding: 15px 10px 15px 10px; } .tagcloud a { color: #0052CB; margin-left: 10px; margin-right: 10px; font-weight: bold; } /* Portalbox template style */ .portalbox { -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; border: 1px solid #2F0600; margin-bottom: 1em; width: 100%; } .portalbox th.header { background-color: #2F0600; font-size: 1.4em; font-weight: normal; padding-top: .2em; padding-bottom: .2em; text-align: center; } //Wow Style Tooltip /* WoW Style Tooltip */ .wtooltip { width: 18em; min-width: 15em; padding: 0.3em; margin: 5px; background-color: #101010; border: 1px #b0b0b0 solid; border-radius: 0.75ex; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; text-align: left; } .wtooltip ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} .wtooltip .outericon { position: absolute; left: -38px; top: 0} .itemtooltip { margin: 0 5px 5px;} proftip {width: 22em} /* Less than graceful deprecation: itemtooltip should not be used without wtooltip */ .itemtooltip { width: 18em; min-width: 15em; padding: 0.3em; margin: 5px; background-color: #300000; border: 1px #b0b0b0 solid; border-radius: 0.75ex; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; text-align: left; } .wtooltip.itemtooltip {background-color: #101010} .itemtooltip, .itemtooltip li, .itemtooltip li a {color: #f0f0f0;} .itemtooltip ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} /* .itemtooltip li a {color: inherit} would ideally replace most a declarations here, but IE support is lacking. */ .htt .tooltip-content ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} .wtooltip, .wtooltip li, .wtooltip li a, .htt .tooltip-content, .htt .tooltip-content li, .htt .tooltip-content li a {color: #f0f0f0;} li.socket, li.socket a, .htt .tooltip-content li.socket, .htt .tooltip-content li.socket a {color: #999;} li.glyph, li.glyph a, .htt .tooltip-content li.glyph, .htt .tooltip-content li.glyph a {color:#71d5ff;} li.req, li.req a, .htt .tooltip-content li.req, .htt .tooltip-content li.req a {color: #999;} li.locked, li.locked a, .htt .tooltip-content li.locked, .htt .tooltip-content li.locked a {color: #d22;} li.bonus, li.bonus a, .htt .tooltip-content li.bonus, .htt .tooltip-content li.bonus a {color: #0f0;} li.flavor, li.flavor a, .htt .tooltip-content li.flavor, .htt .tooltip-content li.flavor a {color: #ffd517;} li.detail, li.detail a, .htt .tooltip-content li.detail, .htt .tooltip-content li.detail a {color: #66c;} li.set, li.set a, .htt .tooltip-content li.set, .htt .tooltip-content li.set a {color: #ffd100;} li.setbonus, li.setbonus a, .htt .tooltip-content li.setbonus, .htt .tooltip-content li.setbonus a {color: #999;} div.htt .setdesc { display:none; } .tooltip, .htt .tooltip-content { font-size: 1em; float: left; width: auto; min-width: 15em; padding: 0.3em; margin: 5px; color: #fff; background-color: #111; border: 1px #bbb solid; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; } .htt .tooltip-content table {color: white} .tooltip ul, .htt .tooltip-content ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; } .htt .tooltip-content { max-width: 22em; background: transparent url(http://www.wowpedia.org/images/thumb/c/c0/Ttbackground.svg/275px-Ttbackground.svg.png) !important; } .htt .ach-tt { max-width: 35em !important; } #templatetfb .tooltip-content { max-width: 300px !important; } .htt .tooltip-content .tooltip-hide { display:none; } .tooltip-ready { visibility:hidden; display:block; z-index:999; } .homeicon, .awayicon {float: right; position: relative; margin-left: 4px} .homeicon span, .awayicon span {text-shadow: #202020 1px 1px, #202020 0px 0px 3px; position: absolute; bottom: 1px; right: 2px} .hometip > .awayicon, .awaytip > .homeicon, .hometip > ul > .awayline, .awaytip > ul > .homeline {display: none} .wtooltip.awaytip {font-size: 0.85em} .hometip {float: right} .awaytip {float: left} .createline > .itemtooltip {background: transparent; border: none; font-size: 0.90em; margin: 0.75em 0; padding: 0} .createline .homeicon, .createline .awayicon {display: none} .awaytip > ul > .createline > .itemtooltip {margin: 0.90em 0}