MediaWiki:Common.css
出自【暗黑百科】DiabloWiki_凯恩之角
（修订版本间的差异）
| 第564行： | 第564行： | ||
.guildtable td {padding: 1px 0.5em} | .guildtable td {padding: 1px 0.5em} | ||
.guildtable th {padding: 2px 1em} | .guildtable th {padding: 2px 1em} | ||
| + | .abilitylink {color: #2BA2D9} | ||
在2011年5月27日 (五) 11:13所做的修订版本
/* 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;
}
/* .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;
}
/* --- 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}
/* Buffs & Debuffs */
div.bufftip {border-width: 1px; border-style: solid; border-color: #aaaaaa;}
div.debuff {border-color: #cc0000;}
div.debuffmagic {border-color: #3399ff;}
div.debuffcurse, div.buffweapon {border-color: #9900ff;}
div.debuffdisease {border-color: #996600;}
div.debuffpoison {border-color: #009900;}
.achievementlink {color: goldenrod;}
.achievementbox {max-width:40em}
.factiontable {background-color: #f0f0f0; border: 2px solid #f0f0f0}
.factiontable tr {background-color: white}
.factiontable.alliance th, .factiontable.alliance td.factionbg {background-color: #CCE4FF}
.factiontable.horde th, .factiontable.horde td.factionbg {background-color: #FFD4CC}
.guildtable {border-spacing: 0 1px}
.guildtable td {padding: 1px 0.5em}
.guildtable th {padding: 2px 1em}
.abilitylink {color: #2BA2D9}
