/* 此处的 CSS 将应用于所有的皮肤 */
/*全局css变量*/
:root {
--cardRatioWidth: 57px; /*卡牌宽度基数*/
--cardRatioHeight: 87px; /*卡牌高度基数*/
--cardScale: 6; /*卡牌缩放比例*/
}
/*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;
width: auto;
line-height:1em;
}
.collapseButton a{
text-decoration:none;
padding: .5em .5em .5em 1em;
line-height: 1.3em;
color: rgba(153,153,153,.5);
}
.collapseButton a:hover {
border:none;
}
.litetable {
width: 100%;
border: 1px solid #ccc;
border-radius: 8px;
empty-cells: show;
font-size: inherit;
font-weight: 300;
line-height: 2em;
padding: .5em;
}
.litetable td {
border-top: 1px solid #ccc;
padding: 0;
margin: 0;
}
/******* 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;
}
/**** 常用格式 ****/
.rolldice {
/*margin:0 4px;*/
border-bottom: dashed 1px #999;
font-weight:400;
}
.rolldice a{
font-weight:400;
}
.rollmod {
font-weight:bold;
/*margin-right: 4px;*/
}
.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;
}
/*规则书样式*/
div.chapterPage {
padding: 1em;
border-radius: .5em;
box-shadow: 0 0 3px rgba(0,0,0,.25);
margin-bottom: 2.5em;
}
div.chapterTitle {
font-size: 3em;
margin: .5em auto 0;
text-align: center;
font-weight: initial;
line-height: 2em;
}
div.chapterTitleSub {
text-align: center;
color: #999999;
border-bottom: 1px solid #999999;
margin: 0 auto 1em;
padding-bottom: 1em;
font-size: 1.5em;
}
/*扩展规则标记*/
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;
}
/*悬浮入口样式*/
.hoverButton {
position: fixed;
right: 1em;
bottom: 1em;
background-color: #ffffff;
z-index: 99;
box-shadow: 0 0 5px rgba(0,0,0,.25);
font-family: initial;
font-size: initial;
width: 48px;
height: 48px;
border-radius: 24px;
border: 1px solid #999999;
text-align: center;
font-size: 24px;
line-height: 2em;
color: #999999ff;
transition: box-shadow .5s, border .5s;
}
.hoverButton > div {
position: absolute;
bottom: 0;
right: 0;
height: auto;
width: 0;
background: #ffffff;
border-radius: 4px;
padding: .5em 0;
box-shadow: 0 0 5px rgba(0,0,0,.25);
font-size: initial;
/* display: none; */
/* height: 0; */
white-space: nowrap;
overflow: hidden;
transition: width .5s ease-in, padding .5s ease-in;
}
.hoverButton:hover {
border: solid 1px transparent;
box-shadow: 0 0 0 transparent;
transition: box-shadow .5s, border .5s;
}
.hoverButton:hover > div {
width: 14em;
padding: .5em;
transition: width .5s ease-out, padding .5s ease-out;
}
.hoverButtonContent p {
font-size: 14px;
margin: 0;
padding: 0;
line-height: 1.5em;
}
.hoverButtonContent dl {
font-size: 14px;
line-height: 1em;
margin: 0;
padding: 0;
}
/*
###### 贡献者 ######
*/
.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;
}
/*通用框架*/
.cardWrapper {
position:relative;
padding-left:calc(var(--cardRatioWidth) * var(--cardScale) - 1em);
padding-top:4px;
min-height:calc(var(--cardRatioHeight) * var(--cardScale) + 2em);
zoom:1;
}
.cardFrm {
position: relative;
display: inline-block;
width: calc(var(--cardRatioWidth) * var(--cardScale) );
height: calc(var(--cardRatioHeight) * var(--cardScale) );
border: 1px solid;
border-radius: 9px;
margin:4px;
box-shadow:0 0 3px rgba(0,0,0,.25);
white-space:normal;
background-color:#ffffff;
font-size: initial;
}
.cardHead {
width:100%;
height:30px;
border-radius:8px 8px 0px 0px;
text-shadow: 0 0 2px #ffffff;
}
.cardTitle {
font-weight:bold;
font-size:14px;
line-height: 2em;
}
.cardTitleAdd {
font-size: smaller;
color: #747474;
}
.cardType {
float: right;
margin-top: 4px;
margin-right: 4px;
font-size: 12px;
color: #747474;
line-height: 2em;
}
.cardImage {
/*width:342px; */
/*z-index:-1;*/
}
.cardImage > img {
border-radius: 0 0 8px 8px;
width: calc(var(--cardRatioWidth) * var(--cardScale) );
height: calc(var(--cardRatioHeight) * var(--cardScale) - 30px);
}
.cardContent {
width:100%;
position:absolute;
bottom: 0px;
width:100%;
margin: auto;
border: none;
padding: 0;
background: rgba(255,255,255,.9);
border-radius:0 0 8px 8px;
}
.cardRow {
width:calc( 100% - 16px );
margin: auto;
border-top: 1px solid;
padding:4px 8px 0 8px;
margin-top: 0;
text-align: justify;
border-top-color: inherit;
position:relative;
line-height: 1.5em;
font-size:12px;
/*background-color: rgba(255,255,255,.9);*/
}
.cardRow p{
margin: 0.2em 0 0.5em 0;
font-size: 1em;
line-height: 1.5em;
}
.cardRow ul{
margin: 0.2em 0 0.25em 1em;
font-size: 1em;
line-height: 1.5em;
}
.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;
}
.cardRow dl li {
list-style-type: circle;
}
.cardSubjoin {
float: left;
border-radius: 0 8px 0 0;
padding: 0 4px;
margin: 0;
margin-top: -20px;
vertical-align: middle;
height: 20px;
font-size: 12px;
line-height: 1.8em;
text-shadow: 0 0 2px #ffffff;
}
.cardSubjoin img {
/*margin: 2px 2px 4px 2px;*/
height: 1em;
display: inline-block;
}
.cardSubjoin span {
font-weight:500;
}
/*
.cardSubjoin div {
display: none;
}
.cardSubjoin:hover div {
display: inline-block;
}
*/
.cardDeco {
float: right;
border-radius: 8px 0 0 0;
padding: 0 2px 2px 4px;
margin: 0;
margin-top: -22px;
vertical-align: middle;
height: 20px;
font-size: 12px;
font-weight: 900;
line-height: 2em;
text-shadow: 0 0 2px #ffffff;
}
.cardDeco img {
margin: 2px 2px 4px 2px;
width: 12px;
height: 12px;
display: inline-block;
}
.cardDeco span {
display: none;
font-size: 12px;
font-weight: 300;
line-height: 2em;
margin: 0 4px 0 2px;
}
.cardDeco:hover span {
display:inline-block;
}
.cardDecoLeft {
float: left;
border-radius: 0 8px 0 0;
padding: 0 6px 2px 2px;
margin: 0;
margin-top: -22px;
vertical-align: middle;
height: 20px;
font-size: 12px;
font-weight: 900;
line-height: 2em;
text-shadow: 0 0 2px #ffffff;
}
.cardDecoLeft img {
margin: 2px 2px 4px 2px;
width: 12px;
height: 12px;
display: inline-block;
}
.cardDecoLeft span {
font-weight: 900;
display: none;
display: none;
font-size: 12px;
font-weight: 300;
line-height: 2em;
margin: 0 2px 0 2px;
}
.cardDecoLeft:hover span {
display: inline-block;
}
div.cardInfo {
height:24px;
float:right;
text-align: right;
}
span.cardInfo {
border-bottom: 1px dotted #cccccc;
}
.cardInfo div {
display:none;
z-index:2;
padding:0 4px 0 4px;
position:absolute;
background-color: #ffffff;
border-radius:4px;
/*border: 1px solid #999999;*/
text-align: left;
margin-top:-2em;
margin-bottom: 4px;
right:4px;
bottom: 0;
font-size: smaller;
box-shadow:0 0 3px rgba(0,0,0,.25);
}
.cardInfo:hover div {
display:block;
}
.cardInfoSize {
font-size: 0.7em;
color: #999999;
}
.cardInfoSize a{
color: #999999;
text-decoration: none;
}
.cardDesc {
width:calc( 100% - 8px );
margin:auto;
border: none;
border-top:1px solid;
border-top-color: inherit;
padding: 4px;
font-size: 10px;
font-style: italic;
color: #777777;
border-radius: 0 0 8px 8px;
line-height: 1.5em;
background-color:rgba(0,0,0,.05);
}
span.cardIllustrator {
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;
}
/*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-pinLayer {
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;
}
/* character / creature token styles */
div.token {
position: absolute;
z-index: 1;
}
.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:2;
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;
}
div.cardAdminicle {
padding: 0 16px 4px 36px;
margin-bottom: 2em;
font-size: 12px;
}
.cardAdminicle ul{
margin: 0.2em 0 0.25em 1em;
}
.cardAdminicle li{
list-style-image: none;
list-style-type: disc;
line-height: 1.5em;
margin: 0.05em 0 0.05em 0.5em;
}
.cardAdminicle .blockTitle {
height: 30px;
padding: 0 8px 0 8px;
line-height: 2em;
}
.cardAdminicle p {
margin: 0;
font-size: unset;
line-height: unset;
}
/*卡牌说明用注释*/
.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;
}
/*背景模糊化特效处理*/
@supports ((-webkit-backdrop-filter: blur(4px) ) or (backdrop-filter: blur(4px) ) ) {
.expandInfo > div {
background-color: rgba(255,255,255,.5);
}
.cardFrm {
background-color: transparent;
}
.cardContent {
background-color: #ffffffe0;
}
.cardDesc {
background-color: #dddddd64;
}
.anchorBubble {
background-color: rgba(68, 68, 68, .5);
}
.anchorBubbleHorn {
border-top: 6px solid rgba(68, 68, 68, .5);
}
.currencyInfo div {
background-color: rgba(255,255,255,.8);
}
.cardInfo div {
background-color: rgba(255,255,255,.8);
}
.issueTracker div {
background-color: rgba(255,255,255,.8);
border: none;
}
.databaseList a + div {
background-color: rgba(255,255,255,.8);
}
.edittools div {
background-color: rgba(255,255,255,.8);
}
.hoverButton, .hoverButton > div {
background-color: rgba(255,255,255,.8);
}
}
