MediaWiki:Common.css

/* 此处的 CSS 将应用于所有的皮肤 */
/*common tags*/
 
/* IssueTracker style*/
.issueTracker {
position: relative;
}
 
.issueTracker div {
display:none;
z-index:2;
padding:4px 8px;
position:absolute;
background-color: #ffffff;
border-radius:4px;
border: 1px solid #999999;
text-align: left;
font-size: smaller;
box-shadow: 0 0 3px rgba(0,0,0,.25);
white-space: pre-line;
margin:0;
max-width: 600px;
}
 
.issueTracker:hover div{
display: block;
text-decoration:none;
color: #444;
}
 
.issueTracker:hover div font {
text-shadow:none;
}
 
.issueTracker:hover a{
text-decoration:none;
}
 
a.issueTracker:hover {
text-decoration:none;
}
 
/*table style*/
 
table.collapsed tr.collapsible {
        display: none;
}
 
dl{
        margin:0 0 0.5em 0;
        padding:0;
}
 
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
        float: left;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: 900;        /* are styled here so they can be customised.               */
        font-size: 1em;
        text-align: right;
        padding: .5em .5em .5em 0;
        text-decoration:none;
        line-height:1em;
    position: absolute;
    width: 100%;
    min-height: 1em;
    top: 0;
    left: 0;
}
 
.collapseButton a{
    text-decoration:none;
    padding: .5em .5em .5em 1em;
    line-height: 1.3em;
    color: rgba(153,153,153,.5);
    position: absolute;
    width: 100%;
    min-height: 1em;
    top: 0;
    left: 0;
}
 
.collapseButton a:hover {
    border:none;
    text-shadow: none;
}
 
 
 
/******* Extra buttons for 'edittools' (modified from www.mediawiki.org/MediaWiki:Common.css) ********/
#loadCommonsEdittoos {
    display:none;
}
 
.CharInsertMain {
    font-size: 75%;
    /* border: 1px solid #999; */
    border-radius: 4px;
    padding: 2px 4px;
    background-color: #eee;
}
 
.CharInsert {
}
 
.edittoolsSection {
    padding: .5em 1em;
    background-color: #eee;
    border-radius: 8px;
    margin: 1em 0;
    font-size: 12px;
    font-weight: 400;
    position:relative;
    z-index:2;
}
 
.edittools {
position: relative;
display: inline;
font-weight: 500;
z-index: auto;
transition: text-shadow 0.3s, color 0.3s;
}
 
 
.edittools div {
    display: none;
    position: absolute;
    z-index: 3;
    background: #fff;
    padding: 4px;
    border-radius: 4px;
    /*bottom: 1em;*/
    top: 16px;
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    color: #999;
    font-weight: 300;
    white-space: nowrap;
}
 
.edittools table {
    border-spacing: 0 8px;
}
 
.edittools td {
    vertical-align: top
}
 
.edittools p {
    font-size: inherit;
    color: inherit;
    margin: inherit;
    padding: inherit;
    line-height: inherit;
}
 
.edittools div a {
    padding: .5em;
    font-weight: 500;
    letter-spacing: 1px;
}
 
.edittools:hover {
    text-shadow: 0 0 2px rgba(0,50,150,.25);
    transition: text-shadow 0.3s, color 0.3s;
    color: #333;
    cursor: pointer;
}
 
.edittools:hover div {
display: block;
}
 
/*快捷编辑入口样式*/
 
.tableCreatePage {
    font-size: 12px;
    box-shadow: 0 0 2px rgba(0,0,0,.25);
}
 
.tableCreatePage td {
    text-align: right;
}
 
.tableCreatePage td:nth-child(1) {
    padding-left: .5em;
}
 
.tableCreatePage td:nth-child(2) {
    padding-right: .5em;
}
 
td.tableCreatePageHeader {
    text-align: left;
    background-color: #eee;
    font-weight: 500;
}
 
.tableCreatePage input.createboxInput {
    margin: 0 4px 2px 8px;
}
 
/***** Animated loading image for Extension:Livelets *****/
.livelet-loading {
 border: 1px solid #ccc;
 width: 150px;
 height: 100px;
 background: url( /images/lite/loading.gif ) no-repeat center center;
}
 
.tabModifyLink {
 float: right;
 font-weight: normal;
}
 
 
/**** 常用格式 ****/
 
.second {
font-weight:bold;
border-bottom: dashed 1px #999;
}
 
.secondDesc {
border-bottom: dashed 1px #999;
}
 
.actiontype {
font-weight:bold;
margin: 0 1px 0 4px;
border-bottom: dashed 1px #999;
}
 
.actionspecific {
font-weight:bold;
margin: 0 1px 0 4px;
}
 
.actioncost {
font-weight:bold;
margin-right: 4px;
}
 
.anchor {
position: relative;
display: inline;
}
 
font.anchor img {
padding-bottom:4px;
}
 
.anchor div {
display: none;
}
 
.anchor:hover div {
display: block;
}
 
.anchorLocator {
    position: absolute;
    margin-top: -48px;
}
 
.anchorBubble {
    position: absolute;
    padding: 1px 4px;
    background-color: rgba(68, 68, 68, 1);
    border-radius: 4px;
    bottom: calc(1em + 12px);
    left: 0;
    /*border: 1px solid #fff*/;
}
 
.anchorBubbleText {
    z-index: 2;
    position: relative;
    min-width: 14px;
    width: auto;
    white-space: nowrap;
    color: #eee;
    padding: 2px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
}
 
.anchorBubbleHorn {
    position: absolute;
    bottom: -6px;
    left: 9px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(68, 68, 68, 1);
}
 
/*首页样式*/
.indexPage a:hover, .indexPage img:hover {
    border: none;
}
 
 
 
/*扩展规则标记*/
span.erule {
    font-size: smaller;
    /* border: 1px solid #9E9E9E; */
    padding: 2px .5em;
    border-radius: .5em;
    margin: .3em;
    color: #bbbbbb;
    font-weight: 400;
    background-color: #9e9e9e30;
}
 
/*文字符号样式*/
.textSymbol {
    border-radius: 50%;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5em;
}
 
.textSymbol img {
    height: 1em;
    margin-bottom: .5em;
}
 
.iconSymbol {
    display: inline-block;
}
 
.iconSymbol img {
    height: 1.5em;
    margin: 2px;
    margin-bottom: .3em;
}
 
 
/*
###### 贡献者 ######
*/
.contributor {
width:99%;
/*float:left;*/
font-size:10px;
color:#999999;
text-align: right;
padding: 8px;
padding-bottom:0;
}
 
/*
 
###### 子页面查看入口 ######
 
*/
.subpagelist {
    /* float: right; */
    font-size: 10px;
    color: #999999;
    text-align: right;
    /* padding: 8px; */
    /* padding-top: 0; */
}
 
/*
 
###### 卡牌样式 ######
 
*/
 
/*卡牌展示*/
.cardList {
overflow: auto;
overflow-x: scroll;
overflow-y: hidden;
width:100%;
height: 460px;
white-space: nowrap;
}
 
/*通用框架*/
 
/*map 地图样式*/
.litemap-container {
    width: 100%;
    height: 600px;
    border-radius: 8px;
    position: relative;
    margin: 1em 0;
    padding: 0;
    display: block;
}
 
.litemap-imageLayer {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 8px;
}
 
.litemap-imageLayer img {
    width: 100%;
    height: 100%;
}
 
.litemap-labelLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
 
.litemap-pin {
display: block;
position: absolute;
line-height: 20px;
font-size: 12px;
text-align: center;
font-weight: 900;
z-index: 2;
}
 
.litemap-pin span {
font-weight: 900;
position: relative;
font-size: 12px;
}
 
.litemap-pin span.iconSymbol img {
    border-radius: 50%;
    box-shadow: 0 0 5px;
    border: 1px solid;
}
 
div.litemap-pin div {
display: none;
}
 
div.litemap-pin:hover div.litemap-pinBubble {
display: block;
position: absolute;
left: calc(100% + 4px);
top: -2px;
background-color: rgba(0,0,0,.75);
padding: 2px 8px;
text-align: justify;
border-radius: 4px;
width: max-content;
box-shadow: 0 0 30px rgba(0,0,0,.5);
    max-width: 12em;
    max-height: 12em;
    overflow-y: scroll;
z-index: 3;
text-shadow: initial;
}
 
div.litemap-pin:hover div.litemap-pinHorn {
content: "";
position: absolute;
right: -4px;
bottom: 0;
width: 0;
height: 0;
border-right: 6px solid rgba(0,0,0,.75);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
top: 4px;
display: block;
z-index: 3;
}
 
.litemap-pin a, .litemap-pin a:visited {
    color: #ffffff;
}
 
div.litemap-section {
    display: block;
    position: absolute;
    z-index: 0;
}
 
div.litemap-section span {
    display: none;
}
 
div.litemap-section:hover span {
    display:block;
    font-weight: 900;
    position: relative;
    font-size: 12px;
    left: 8px;
    top: 4px;
}
 
/* character / creature token styles */
div.token {
position: absolute;
z-index: 1;
pointer-events: none;
transform-origin: center center;
}
 
.token span {
    position: absolute;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    bottom: calc(30% - 2em);
    width: 100%;
}
 
div.tokenCode span > div {
    display: none;
}
 
div.tokenCode span:hover > div {
    display: block;
    position: absolute;
    right: 32px;
    background-color: rgba(255,255,255,.8);
    border-radius: 32px;
    box-shadow: 0 0 2px rgba(0,0,0,.25);
    z-index: 1;
}
 
/* expandInfo styles */
.expandInfo {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
 
span.expandInfo {
/*border-bottom: 1px dotted #cccccc;*/
}
 
.expandInfo > div {
    display: none;
    z-index: 2;
    padding: 4px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #999999;
    text-align: left;
    /*font-size: smaller;*/
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    width: calc(100% - 16px);
    margin-left: -0.1em;
    /*margin-bottom: 45px;*/
    left: 4px;
}
 
.expandInfo > div p {
line-height:1.5em;
font-size:1em;
padding: 0;
margin: 0;
}
 
.expandInfo > div ul {
    font-size: 1em;
    line-height: 1em;
}
 
.expandInfo > div ul li {
    list-style-image: none;
    list-style-type: disc;
    font-size: 1em;
    line-height: 1.4em;
    margin: 0.05em 0 0.05em 0.5em;
}
 
.expandInfo:hover > div {
display: block;
}
 
.editCharExpandInfo {
position: absolute;
top: -1.5em;
right: 1.5em;
font-size: 10px;
}
 
.cardSublist {
width: 301px;  
border: none;
border-radius: 8px; 
margin:4px; 
padding: 8px; 
box-shadow:4px 4px 2px 0px rgba(0,0,0,.2);
white-space:normal;
background-color: #eee;
}
 
.callCard {
    position: relative;
    padding:1px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
 
.callCard > a {
    font-size: 1em;
    /*font-family: initial;*/
    /*font-weight: 300;*/
    border-bottom: 1px solid #0033992f;
}
 
.callCard > a:hover {
    text-decoration: none;
}
 
.callCard > a:visited {
    color: rgba(20, 68, 116);
    border-bottom: 1px solid rgba(20, 68, 116, .5);
}
 
.callCard > div {
display:none;
z-index:10;
border: none;
text-align: left;
width: auto;
    /*这段用来让呼出的卡片跟随鼠标
    position: absolute;
    top: 60%;
    left: 60%;
    */
position: fixed;
bottom: 0;
right: 0;
 
/*transform: scale(.8);
bottom: -4em;
right: -2.5em;
transition: opacity 1s;*/
}
 
.callCard:hover > div {
display: block;
}
 
.callCard > div .cardFrm {
    box-shadow:0 0 3px rgba(0,0,0,.25);
}
 
.callCard:hover > div .cardFrm {
    box-shadow: 0 0 30px rgba(0,0,0,.25);
    transition: box-shadow .5s;
}
 
.callCard .cardRow p {
    margin: 0.2em 0 0.5em 0;
    font-size: 1em;
    line-height: 1.5em;
}
 
.callCard .cardRow ul{
margin: 0.2em 0 0.25em 1em;
font-size: 1em;
line-height: 1.5em;
}
 
.callCard .cardRow li{
list-style-image: none;
list-style-type: disc;
font-size: 1em;
line-height: 1.5em;
margin: 0.05em 0 0.05em 0.5em;
}
 
.callCard .cardRow dd li {
    list-style-type: circle;
}
 
/* .cardAdminicle {
 
padding: 0 16px 4px 36px;
margin-bottom: 2em;
}
 
.cardAdminicle h1, .cardAdminicle h2, .cardAdminicle h3, .cardAdminicle h4, .cardAdminicle h5, .cardAdminicle p, .cardAdminicle ul, .cardAdminicle li, .cardAdminicle span {
    font-size: 1em;
}
 
.cardAdminicle li{
list-style-image: none;
list-style-type: disc;
line-height: 1.5em;
margin: 0.05em 0 0.05em 0.5em;
}
 
span.cardAdminicleLink {
position: absolute;
border-radius: 0 0 0 4px;
padding: 0 4px 4px 4px;
right: 0;
font-size: 8px;
height: 16px;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6; 
-khtml-opacity: 0.6;
} */
 
/*能力框架*/
 
.cardAbilityAction {
float:left;
border-radius:0 8px 0 0;
padding:0 4px 2px 4px;
margin:none; 
margin-top:-22px; 
vertical-align: middle;
height: 20px;
}
 
.cardAbilityAction img {
float:left;
margin:2px;
}
 
.cardAbilityAction span {
display:none;
float: left;
font-size: smaller;
}
 
.cardAbilityAction:hover span {
display: block;
}
 
/*武器框架*/
 
.cardWeaponActed {
margin:0px 0px 0px 2px; 
border:3px solid rgba(255,255,255,.5); 
padding:1px; 
background:#dddddd; 
border-radius:12px;
-moz-border-radius:12px; 
font-weight:bold;
}
 
div.cardWeaponActed font{
font-size:smaller;
}
 
/*角色卡框架*/
table.cardCharScore {
width: 100%;
text-align: center;
border:none;
font-size: 1em;
line-height:2em;
}
 
span.cardCharValue{
width: 100%;
font-size: 1.5em;
font-weight: 900;
}
 
div.cardCharScoreContainer {
margin: 4px;
float: left;
width: 60px;
height: 60px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
text-align: center;
/*border: 1px solid #555555;*/
border:none;
background-color: #ffffff;
}
 
.cardCharScoreContainer hr{
width: 32px;
margin: 0 auto;
}
 
div.cardCharScoreValue {
height: 25px;
width:100%;
text-align:center;
font-weight:bold;
font-size:24px;
padding: 12px 0 0 0;
}
 
span.cardCharScoreTitle {
height: 23px;
margin: 0 auto;
}
 
.cardCharScoreExe a:hover {
border: none;
}
 
div.cardCharRight {
width:315px;
height: 400px;
position:absolute;
top: 30px;right:0;
border:none;
overflow-x: hidden;
overflow-y: scroll;
padding: 4px;
}
 
.cardCharRight ul{
margin: 0.2em 0 0.25em 1em;
}
 
.cardCharRight li{
list-style-image: none;
list-style-type: disc;
line-height: 1.5em;
margin: 0.05em 0 0.05em 0.5em;
}
 
.cardCharRightData {
margin: 0.2em 0 0.25em 1em;
padding: 0.05em 0 0.05em 0.4em;
}
 
/*卡牌说明用注释*/
.cardNote {
width: 24px;
height: 22px;
border: 4px solid #B32317;
border-radius: 16px;
position:absolute;
background-color: #fff;
text-align:center;
font-weight: bold;
font-size: 18px;
padding-top: 1px;
color: #B32317;
box-shadow:2px 2px 1px 0px rgba(64,0,0,.4);
z-index: 3;
}
 
.noteAnchor {
display: inline-block; 
border: 2px solid #B32317; 
border-radius: 16px; 
width: 20px; 
background-color: #fff; 
padding: none; 
text-align: center;
color: #B32317;
font-weight: bold;
}
 
/*货币显示*/
.currencyInfo {
    position: relative;
    display: inline-block;
}
 
.currencyInfo font {
    font-weight: 500;
}
 
.currencyInfo:hover div {
    display: block;
}
 
.currencyInfo div {
    display: none;
    position: absolute;
    padding: 4px;
    margin-left: -4px;
    background-color: #ffffff;
    z-index: 3;
    bottom: 1.5em;
    left: 0;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    white-space: nowrap;
}
 
.currencyInfo div ul {
    list-style-type: none;
    margin-left: 0;
}
 
.currencyInfo div ul li {
    margin: 0 0 0 4px;
    line-height: 1.5em;
}
 
/*
###### 角色卡样式 ######
此处已不在v8中使用
*/
.sheetCol {
float: left;
width: 152px;
float: left;
margin: none;
padding:4px;
text-align:center;
box-shadow:4px 4px 2px 0px rgba(0,0,0,.2);
}
 
div.sheetScore {
height: 48px;
width:144px;
float:left;
/*margin: 16px;
padding-right: 16px;*/
border: 1px dotted #999999;
border-radius: 24px 0 0 24px;
border-right: none;
border-bottom: none;
}
 
.sheetScore table {
width:auto;
height: 100%;
}
 
.sheetScore td {
line-height: 14px;
vertical-align: middle;
text-align: left;
}
 
div.sheetScore > img {
display: block;
float: left;
}
 
div.sheetScore span {
height: 48px;
width:96px;
float: left;
vertical-align: middle;
text-align:center;
font-weight: bold;
font-size: 24px;
line-height: 48px;
display: block;
}
 
div.sheetScore div {
height: 48px;
width:136px;
padding-left: 8px;
padding-right: 8px;
line-height: 48px;
text-align:left;
vertical-align: middle;
font-size: smaller;
display: none;
}
 
div.sheetScore:hover img {
display: none;
}
 
div.sheetScore:hover span {
display: none;
}
 
div.sheetScore:hover div {
display: block;
}
 
div.sheetNote {
width: 462px;
height: 290px; 
margin: 0 auto; 
overflow: auto; 
overflow-y: scroll; 
border-radius: 8px; 
text-align: left;
}
 
.sheetNote ul{
margin: 0.2em 0 0.25em 1em;
}
 
.sheetNote li{
list-style-image: none;
list-style-type: disc;
line-height: 1.5em;
margin: 0.05em 0 0.05em 0.5em;
}
 
/* 子页面创建入口 */
.editEntrance {
    float: right;
}
 
.editEntrance div {
    position: absolute;
    margin-top: -32px;
    padding: 0 4px 2px;
    display: none;
    width: auto;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    background-color: #fff;
    z-index: 99;
    right: 0;
}
 
.editEntrance:hover div {
display: block;
}
 
/* 用户徽章入口 */
.userIdentity {
position:absolute;
margin-top:-48px;
right:1%;
}
 
.userIdentity div {
position:absolute;
margin-top: -32px;
right: 4px;
padding: 4px;
display: none;
width: 192px;
border: 1px solid #eee;
border-radius: 8px;
box-shadow: 0 0 5px rgba(0,0,0,.25);
background-color: #fff;
z-index: 99;
}
 
.userIdentity:hover div {
display: block;
}
 
 
/* 资料库格式 */
.databaseListHeader {
font-size: 1em;
font-weight:300; 
border-radius: 6px; 
text-align: left;
/*border-bottom: 1px solid #eeeeee;*/
line-height: 2.3em;
}
 
.databaseListHeader > b {
vertical-align: middle;
padding-left: .5em;
}
 
.databaseListTable {
/*border: 1px #eeeeee solid;*/
border-radius: 8px;
/*background-color: rgba(238,238,238,.1);*/
box-shadow: 0 0 3px rgba(0,0,0,.1);
margin-bottom: 4px;
border-spacing: 0;
}
 
.databaseListTableIndent {
    width: calc(100% - 2.5em);
    float: right;
}
 
table.databaseList {
width: 100%;
padding: none;
margin: none;
}
 
table.databaseList td {
width: 25%;
border: none;
}
 
.databaseList ul li {
    display: block;
}
 
.databaseListSubtitle {
    font-size: 1em;
    /* padding-left: calc(64px); */
    width: calc(100% - 2.8em);
    float: right;
    padding: 1em;
    font-weight: 400;
}
 
.databaseListMore {
 
}
 
.databaseListMoreTitle {
    font-size: 12px;
    color: #999;
    font-weight: 300;
    border-top: 1px solid #eee;
    padding-top: 1em;
}
 
.databaseListMore ul {
    padding-left: calc(.8em + 52px);
}
 
.databaseListMore ul li, .databaseListOnlyMore ul li {
    display: block;
}
 
.databaseListOnlyMore ul, .databaseListMore ul {
    column-count: 4;
    column-gap: 22px;
}
 
.databaseList a + div a:visited, .databaseList a + div a {
    color: #4e5154;
}
 
.databaseList a + div {
    display:none;
    font-size: 10px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.25);
    padding: .2em .5em;
    line-height: 1.5em;
    border-radius: 4px;
}
 
.databaseList a:hover + div {
    display:block;
}
 
/* 其他文本格式 */
.ammoAttack div {
display: none;
}
 
.ammoAttack:hover div {
display: inline-block;
}
 
 
/*巡查提示用标记*/
.pageMarkerTBD {
    width: calc(100% - 2em);
    height: auto;
    padding: 1em;
    border: 1px solid #ff7f0064;
    border-radius: 8px;
    font-weight: 300;
    text-align: justify;
    line-height: 1.7em;
    color: #ff7f00;
    margin: .5em 0;
}
 
.pageMarkerContainer {
    width: 100%;
    padding: 0;
    border-radius: 8px;
    position: relative;
    font-weight: 300;
    margin-bottom: 1em;
}
 
.pageMarkerHeader {
    width: 100%;
    text-align: center;
    border-radius: 8px 8px 0 0;
    border: none;
    color: #ffffff;
    padding: .5em 0;
    font-size: initial;
    font-weight: 300;
}
 
.pageMarkerContent {
    margin: 0 auto;
    padding: .5em;
    font-family: initial;
    font-weight: 300;
    color: #444444;
}
 
.pageMarkerMemo {
    text-align: right;
    padding-right: 8px;
    font-size: 10px;
    color: #999999;
}