MediaWiki:Common.css

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

(修订版本间的差异)
跳转到: 导航, 搜索
 
(6个中途的修订版本没有显示)
第386行: 第386行:
}
}
-
/* .itemtooltip li a {color: inherit} would ideally replace most a declarations here, but IE support is lacking. */
+
//Wow Style Tooltip
-
.htt .tooltip-content ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;}
+
/* WoW Style Tooltip */  
-
.wtooltip, .wtooltip li, .wtooltip li a, .htt .tooltip-content, .htt .tooltip-content li, .htt .tooltip-content li a {color: #f0f0f0;}
+
.wtooltip {   
-
li.socket, li.socket a, .htt .tooltip-content li.socket, .htt .tooltip-content li.socket a {color: #999;}
+
width: 18em;   
-
li.glyph, li.glyph a, .htt .tooltip-content li.glyph, .htt .tooltip-content li.glyph a {color:#71d5ff;}
+
min-width: 15em;
-
li.req, li.req a, .htt .tooltip-content li.req, .htt .tooltip-content li.req a {color: #999;}
+
padding: 0.3em;
-
li.locked, li.locked a, .htt .tooltip-content li.locked, .htt .tooltip-content li.locked a {color: #d22;}
+
margin: 5px;
-
li.bonus, li.bonus a, .htt .tooltip-content li.bonus, .htt .tooltip-content li.bonus a {color: #0f0;}
+
background-color: #101010;
-
li.flavor, li.flavor a, .htt .tooltip-content li.flavor, .htt .tooltip-content li.flavor a {color: #ffd517;}
+
border: 1px #b0b0b0 solid;  
-
li.detail, li.detail a, .htt .tooltip-content li.detail, .htt .tooltip-content li.detail a {color: #66c;}
+
   border-radius: 0.75ex;
-
li.set, li.set a, .htt .tooltip-content li.set, .htt .tooltip-content li.set a {color: #ffd100;}
+
-moz-border-radius: 0.75ex;   
-
li.setbonus, li.setbonus a, .htt .tooltip-content li.setbonus, .htt .tooltip-content li.setbonus a {color: #999;}
+
-webkit-border-radius: 0.75ex;   
-
div.htt .setdesc { display:none; }
+
  text-align: left;  }
-
.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 {
+
.wtooltip ul {
-
  max-width: 35em !important;
+
margin: 0;
-
}
+
padding: 0;
 +
  list-style: none;  
 +
list-style-type: none;
 +
list-style-image: none;}  
-
  #templatetfb .tooltip-content {
+
  .wtooltip .outericon {
-
max-width: 300px !important;
+
position: absolute;  
-
}
+
left: -38px;
-
.htt .tooltip-content .tooltip-hide { display:none; }
+
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}
个人工具
分享到: 更多
名字空间
变换
动作
网站地图
暗黑破坏神 III
暗黑破坏神 II
暗黑破坏神
工具箱
编辑箱
关于暗黑百科