MediaWiki:Common.css

出自【暗黑百科】DiabloWiki_凯恩之角

注意：在保存以后，您必须清除浏览器的缓存才能看到所作出的改变。 Mozilla / Firefox / Safari：按住Shift再点击刷新，或按下Ctrl-F5或Ctrl-R（在Macintosh上按下Command-R）； Konqueror：只需点击刷新或按下F5； Opera：在工具→首选项中完整清除它们的缓存，或按下Alt-F5； Internet Explorer：按住Ctrl再点击刷新，或按下Ctrl-F5。

/* 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}