pref: format @/layout.
This commit is contained in:
Rintim
parent
5427da93cb
commit
ed7bbd57e5
|
|
@ -22,7 +22,8 @@
|
|||
padding: 0 4px; /* Horizontal padding of content */
|
||||
}
|
||||
|
||||
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||
.CodeMirror-scrollbar-filler,
|
||||
.CodeMirror-gutter-filler {
|
||||
background-color: white; /* The little square between H and V scrollbars */
|
||||
}
|
||||
|
||||
|
|
@ -33,7 +34,8 @@
|
|||
background-color: #f7f7f7;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.CodeMirror-linenumbers {}
|
||||
.CodeMirror-linenumbers {
|
||||
}
|
||||
.CodeMirror-linenumber {
|
||||
padding: 0 3px 0 5px;
|
||||
min-width: 20px;
|
||||
|
|
@ -42,8 +44,12 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.CodeMirror-guttermarker { color: black; }
|
||||
.CodeMirror-guttermarker-subtle { color: #999; }
|
||||
.CodeMirror-guttermarker {
|
||||
color: black;
|
||||
}
|
||||
.CodeMirror-guttermarker-subtle {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* CURSOR */
|
||||
|
||||
|
|
@ -74,81 +80,167 @@
|
|||
background-color: #7e7;
|
||||
}
|
||||
@-moz-keyframes blink {
|
||||
0% {}
|
||||
50% { background-color: transparent; }
|
||||
100% {}
|
||||
0% {
|
||||
}
|
||||
50% {
|
||||
background-color: transparent;
|
||||
}
|
||||
100% {
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes blink {
|
||||
0% {}
|
||||
50% { background-color: transparent; }
|
||||
100% {}
|
||||
0% {
|
||||
}
|
||||
50% {
|
||||
background-color: transparent;
|
||||
}
|
||||
100% {
|
||||
}
|
||||
}
|
||||
@keyframes blink {
|
||||
0% {}
|
||||
50% { background-color: transparent; }
|
||||
100% {}
|
||||
0% {
|
||||
}
|
||||
50% {
|
||||
background-color: transparent;
|
||||
}
|
||||
100% {
|
||||
}
|
||||
}
|
||||
|
||||
/* Can style cursor different in overwrite (non-insert) mode */
|
||||
.CodeMirror-overwrite .CodeMirror-cursor {}
|
||||
.CodeMirror-overwrite .CodeMirror-cursor {
|
||||
}
|
||||
|
||||
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||||
.cm-tab {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
.CodeMirror .CodeMirror-rulers {
|
||||
position: absolute;
|
||||
left: 0; right: 0; top: -50px; bottom: -20px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: -50px;
|
||||
bottom: -20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.CodeMirror .CodeMirror-ruler {
|
||||
border-left: 1px solid #ccc;
|
||||
top: 0; bottom: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* DEFAULT THEME */
|
||||
|
||||
.cm-s-default .cm-header {color: blue;}
|
||||
.cm-s-default .cm-quote {color: #090;}
|
||||
.cm-negative {color: #d44;}
|
||||
.cm-positive {color: #292;}
|
||||
.cm-header, .cm-strong {font-weight: bold;}
|
||||
.cm-em {font-style: italic;}
|
||||
.cm-link {text-decoration: underline;}
|
||||
.cm-strikethrough {text-decoration: line-through;}
|
||||
.cm-s-default .cm-header {
|
||||
color: blue;
|
||||
}
|
||||
.cm-s-default .cm-quote {
|
||||
color: #090;
|
||||
}
|
||||
.cm-negative {
|
||||
color: #d44;
|
||||
}
|
||||
.cm-positive {
|
||||
color: #292;
|
||||
}
|
||||
.cm-header,
|
||||
.cm-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.cm-em {
|
||||
font-style: italic;
|
||||
}
|
||||
.cm-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.cm-strikethrough {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.cm-s-default .cm-keyword {color: #708;}
|
||||
.cm-s-default .cm-atom {color: #219;}
|
||||
.cm-s-default .cm-number {color: #164;}
|
||||
.cm-s-default .cm-def {color: #00f;}
|
||||
.cm-s-default .cm-keyword {
|
||||
color: #708;
|
||||
}
|
||||
.cm-s-default .cm-atom {
|
||||
color: #219;
|
||||
}
|
||||
.cm-s-default .cm-number {
|
||||
color: #164;
|
||||
}
|
||||
.cm-s-default .cm-def {
|
||||
color: #00f;
|
||||
}
|
||||
.cm-s-default .cm-variable,
|
||||
.cm-s-default .cm-punctuation,
|
||||
.cm-s-default .cm-property,
|
||||
.cm-s-default .cm-operator {}
|
||||
.cm-s-default .cm-variable-2 {color: #05a;}
|
||||
.cm-s-default .cm-variable-3 {color: #085;}
|
||||
.cm-s-default .cm-comment {color: #a50;}
|
||||
.cm-s-default .cm-string {color: #a11;}
|
||||
.cm-s-default .cm-string-2 {color: #f50;}
|
||||
.cm-s-default .cm-meta {color: #555;}
|
||||
.cm-s-default .cm-qualifier {color: #555;}
|
||||
.cm-s-default .cm-builtin {color: #30a;}
|
||||
.cm-s-default .cm-bracket {color: #997;}
|
||||
.cm-s-default .cm-tag {color: #170;}
|
||||
.cm-s-default .cm-attribute {color: #00c;}
|
||||
.cm-s-default .cm-hr {color: #999;}
|
||||
.cm-s-default .cm-link {color: #00c;}
|
||||
.cm-s-default .cm-operator {
|
||||
}
|
||||
.cm-s-default .cm-variable-2 {
|
||||
color: #05a;
|
||||
}
|
||||
.cm-s-default .cm-variable-3 {
|
||||
color: #085;
|
||||
}
|
||||
.cm-s-default .cm-comment {
|
||||
color: #a50;
|
||||
}
|
||||
.cm-s-default .cm-string {
|
||||
color: #a11;
|
||||
}
|
||||
.cm-s-default .cm-string-2 {
|
||||
color: #f50;
|
||||
}
|
||||
.cm-s-default .cm-meta {
|
||||
color: #555;
|
||||
}
|
||||
.cm-s-default .cm-qualifier {
|
||||
color: #555;
|
||||
}
|
||||
.cm-s-default .cm-builtin {
|
||||
color: #30a;
|
||||
}
|
||||
.cm-s-default .cm-bracket {
|
||||
color: #997;
|
||||
}
|
||||
.cm-s-default .cm-tag {
|
||||
color: #170;
|
||||
}
|
||||
.cm-s-default .cm-attribute {
|
||||
color: #00c;
|
||||
}
|
||||
.cm-s-default .cm-hr {
|
||||
color: #999;
|
||||
}
|
||||
.cm-s-default .cm-link {
|
||||
color: #00c;
|
||||
}
|
||||
|
||||
.cm-s-default .cm-error {color: #f00;}
|
||||
.cm-invalidchar {color: #f00;}
|
||||
.cm-s-default .cm-error {
|
||||
color: #f00;
|
||||
}
|
||||
.cm-invalidchar {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.CodeMirror-composing { border-bottom: 2px solid; }
|
||||
.CodeMirror-composing {
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
|
||||
/* Default styles for common addons */
|
||||
|
||||
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
|
||||
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
||||
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||||
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||||
div.CodeMirror span.CodeMirror-matchingbracket {
|
||||
color: #0f0;
|
||||
}
|
||||
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
||||
color: #f22;
|
||||
}
|
||||
.CodeMirror-matchingtag {
|
||||
background: rgba(255, 150, 0, 0.3);
|
||||
}
|
||||
.CodeMirror-activeline-background {
|
||||
background: #e8f2ff;
|
||||
}
|
||||
|
||||
/* STOP */
|
||||
|
||||
|
|
@ -165,7 +257,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|||
overflow: scroll !important; /* Things will break if this is overridden */
|
||||
/* 30px is the magic margin used to hide the element's real scrollbars */
|
||||
/* See overflow: hidden in .CodeMirror */
|
||||
margin-bottom: -30px; margin-right: -30px;
|
||||
margin-bottom: -30px;
|
||||
margin-right: -30px;
|
||||
padding-bottom: 30px;
|
||||
height: 100%;
|
||||
outline: none; /* Prevent dragging from highlighting the element */
|
||||
|
|
@ -179,30 +272,39 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|||
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||||
before actual scrolling happens, thus preventing shaking and
|
||||
flickering artifacts. */
|
||||
.CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar, .CodeMirror .CodeMirror-scrollbar-filler, .CodeMirror .CodeMirror-gutter-filler {
|
||||
.CodeMirror .CodeMirror-vscrollbar,
|
||||
.CodeMirror .CodeMirror-hscrollbar,
|
||||
.CodeMirror .CodeMirror-scrollbar-filler,
|
||||
.CodeMirror .CodeMirror-gutter-filler {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
display: none;
|
||||
}
|
||||
.CodeMirror-vscrollbar {
|
||||
right: 0; top: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.CodeMirror-hscrollbar {
|
||||
bottom: 0; left: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.CodeMirror-scrollbar-filler {
|
||||
right: 0; bottom: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.CodeMirror-gutter-filler {
|
||||
left: 0; bottom: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.CodeMirror .CodeMirror-gutters {
|
||||
position: absolute; left: 0; top: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-height: 100%;
|
||||
z-index: 3;
|
||||
}
|
||||
|
|
@ -224,7 +326,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|||
}
|
||||
.CodeMirror .CodeMirror-gutter-background {
|
||||
position: absolute;
|
||||
top: 0; bottom: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 4;
|
||||
}
|
||||
.CodeMirror .CodeMirror-gutter-elt {
|
||||
|
|
@ -244,7 +347,9 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|||
}
|
||||
.CodeMirror pre {
|
||||
/* Reset some styles that the rest of the page might have set */
|
||||
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
background: transparent;
|
||||
/*font-family: inherit;*/
|
||||
|
|
@ -270,7 +375,10 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|||
|
||||
.CodeMirror .CodeMirror-linebackground {
|
||||
position: absolute;
|
||||
left: 0; right: 0; top: 0; bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
|
@ -280,7 +388,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
.CodeMirror-widget {}
|
||||
.CodeMirror-widget {
|
||||
}
|
||||
|
||||
.CodeMirror-code {
|
||||
outline: none;
|
||||
|
|
@ -308,7 +417,9 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
.CodeMirror-measure pre { position: static; }
|
||||
.CodeMirror-measure pre {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.CodeMirror div.CodeMirror-cursors {
|
||||
visibility: hidden;
|
||||
|
|
@ -323,22 +434,40 @@ div.CodeMirror-dragcursors {
|
|||
visibility: visible;
|
||||
}
|
||||
|
||||
.CodeMirror-selected { background: #d9d9d9; }
|
||||
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||||
.CodeMirror-crosshair { cursor: crosshair; }
|
||||
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
|
||||
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
|
||||
.CodeMirror-selected {
|
||||
background: #d9d9d9;
|
||||
}
|
||||
.CodeMirror-focused .CodeMirror-selected {
|
||||
background: #d7d4f0;
|
||||
}
|
||||
.CodeMirror-crosshair {
|
||||
cursor: crosshair;
|
||||
}
|
||||
.CodeMirror-line::selection,
|
||||
.CodeMirror-line > span::selection,
|
||||
.CodeMirror-line > span > span::selection {
|
||||
background: #d7d4f0;
|
||||
}
|
||||
.CodeMirror-line::-moz-selection,
|
||||
.CodeMirror-line > span::-moz-selection,
|
||||
.CodeMirror-line > span > span::-moz-selection {
|
||||
background: #d7d4f0;
|
||||
}
|
||||
|
||||
.cm-searching {
|
||||
background: #ffa;
|
||||
background: rgba(255, 255, 0, .4);
|
||||
background: rgba(255, 255, 0, 0.4);
|
||||
}
|
||||
|
||||
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
|
||||
.CodeMirror span { *vertical-align: text-bottom; }
|
||||
.CodeMirror span {
|
||||
*vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* Used to force a border model for a node */
|
||||
.cm-force-border { padding-right: .1px; }
|
||||
.cm-force-border {
|
||||
padding-right: 0.1px;
|
||||
}
|
||||
|
||||
@media print {
|
||||
/* Hide the cursor when printing */
|
||||
|
|
@ -348,10 +477,14 @@ div.CodeMirror-dragcursors {
|
|||
}
|
||||
|
||||
/* See issue #2901 */
|
||||
.cm-tab-wrap-hack:after { content: ''; }
|
||||
.cm-tab-wrap-hack:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Help users use markselection to safely style text background */
|
||||
span.CodeMirror-selectedtext { background: none; }
|
||||
span.CodeMirror-selectedtext {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/*
|
||||
MDN-LIKE Theme - Mozilla
|
||||
|
|
@ -362,82 +495,219 @@ span.CodeMirror-selectedtext { background: none; }
|
|||
The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation
|
||||
|
||||
*/
|
||||
.cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; }
|
||||
.cm-s-mdn-like div.CodeMirror-selected { background: #cfc; }
|
||||
.cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
|
||||
.cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; }
|
||||
.cm-s-mdn-like.CodeMirror {
|
||||
color: #999;
|
||||
background-color: #fff;
|
||||
}
|
||||
.cm-s-mdn-like div.CodeMirror-selected {
|
||||
background: #cfc;
|
||||
}
|
||||
.cm-s-mdn-like .CodeMirror-line::selection,
|
||||
.cm-s-mdn-like .CodeMirror-line > span::selection,
|
||||
.cm-s-mdn-like .CodeMirror-line > span > span::selection {
|
||||
background: #cfc;
|
||||
}
|
||||
.cm-s-mdn-like .CodeMirror-line::-moz-selection,
|
||||
.cm-s-mdn-like .CodeMirror-line > span::-moz-selection,
|
||||
.cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection {
|
||||
background: #cfc;
|
||||
}
|
||||
|
||||
.cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0); color: #333; }
|
||||
.cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
|
||||
.cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }
|
||||
.cm-s-mdn-like .CodeMirror-gutters {
|
||||
background: #f8f8f8;
|
||||
border-left: 6px solid rgba(0, 83, 159, 0);
|
||||
color: #333;
|
||||
}
|
||||
.cm-s-mdn-like .CodeMirror-linenumber {
|
||||
color: #aaa;
|
||||
padding-left: 8px;
|
||||
}
|
||||
.cm-s-mdn-like .CodeMirror-cursor {
|
||||
border-left: 2px solid #222;
|
||||
}
|
||||
|
||||
.cm-s-mdn-like .cm-keyword { color: #6262FF; }
|
||||
.cm-s-mdn-like .cm-atom { color: #F90; }
|
||||
.cm-s-mdn-like .cm-number { color: #ca7841; }
|
||||
.cm-s-mdn-like .cm-def { color: #8DA6CE; }
|
||||
.cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag { color: #690; }
|
||||
.cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def { color: #07a; }
|
||||
.cm-s-mdn-like .cm-keyword {
|
||||
color: #6262ff;
|
||||
}
|
||||
.cm-s-mdn-like .cm-atom {
|
||||
color: #f90;
|
||||
}
|
||||
.cm-s-mdn-like .cm-number {
|
||||
color: #ca7841;
|
||||
}
|
||||
.cm-s-mdn-like .cm-def {
|
||||
color: #8da6ce;
|
||||
}
|
||||
.cm-s-mdn-like span.cm-variable-2,
|
||||
.cm-s-mdn-like span.cm-tag {
|
||||
color: #690;
|
||||
}
|
||||
.cm-s-mdn-like span.cm-variable-3,
|
||||
.cm-s-mdn-like span.cm-def {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.cm-s-mdn-like .cm-variable { color: #07a; }
|
||||
.cm-s-mdn-like .cm-property { color: #905; }
|
||||
.cm-s-mdn-like .cm-qualifier { color: #690; }
|
||||
.cm-s-mdn-like .cm-variable {
|
||||
color: #07a;
|
||||
}
|
||||
.cm-s-mdn-like .cm-property {
|
||||
color: #905;
|
||||
}
|
||||
.cm-s-mdn-like .cm-qualifier {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.cm-s-mdn-like .cm-operator { color: #cda869; }
|
||||
.cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; }
|
||||
.cm-s-mdn-like .cm-string { color:#07a; font-style:italic; }
|
||||
.cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/
|
||||
.cm-s-mdn-like .cm-meta { color: #000; } /*?*/
|
||||
.cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/
|
||||
.cm-s-mdn-like .cm-tag { color: #997643; }
|
||||
.cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/
|
||||
.cm-s-mdn-like .cm-header { color: #FF6400; }
|
||||
.cm-s-mdn-like .cm-hr { color: #AEAEAE; }
|
||||
.cm-s-mdn-like .cm-link { color:#ad9361; font-style:italic; text-decoration:none; }
|
||||
.cm-s-mdn-like .cm-error { border-bottom: 1px solid red; }
|
||||
.cm-s-mdn-like .cm-operator {
|
||||
color: #cda869;
|
||||
}
|
||||
.cm-s-mdn-like .cm-comment {
|
||||
color: #777;
|
||||
font-weight: normal;
|
||||
}
|
||||
.cm-s-mdn-like .cm-string {
|
||||
color: #07a;
|
||||
font-style: italic;
|
||||
}
|
||||
.cm-s-mdn-like .cm-string-2 {
|
||||
color: #bd6b18;
|
||||
} /*?*/
|
||||
.cm-s-mdn-like .cm-meta {
|
||||
color: #000;
|
||||
} /*?*/
|
||||
.cm-s-mdn-like .cm-builtin {
|
||||
color: #9b7536;
|
||||
} /*?*/
|
||||
.cm-s-mdn-like .cm-tag {
|
||||
color: #997643;
|
||||
}
|
||||
.cm-s-mdn-like .cm-attribute {
|
||||
color: #d6bb6d;
|
||||
} /*?*/
|
||||
.cm-s-mdn-like .cm-header {
|
||||
color: #ff6400;
|
||||
}
|
||||
.cm-s-mdn-like .cm-hr {
|
||||
color: #aeaeae;
|
||||
}
|
||||
.cm-s-mdn-like .cm-link {
|
||||
color: #ad9361;
|
||||
font-style: italic;
|
||||
text-decoration: none;
|
||||
}
|
||||
.cm-s-mdn-like .cm-error {
|
||||
border-bottom: 1px solid red;
|
||||
}
|
||||
|
||||
div.cm-s-mdn-like .CodeMirror-activeline-background { background: #efefff; }
|
||||
div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; }
|
||||
div.cm-s-mdn-like .CodeMirror-activeline-background {
|
||||
background: #efefff;
|
||||
}
|
||||
div.cm-s-mdn-like span.CodeMirror-matchingbracket {
|
||||
outline: 1px solid grey;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*.cm-s-mdn-like.CodeMirror { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=); }*/
|
||||
|
||||
|
||||
/****************************************************************/
|
||||
/* Based on mbonaci's Brackets mbo theme */
|
||||
/* https://github.com/mbonaci/global/blob/master/Mbo.tmTheme */
|
||||
/* Create your own: http://tmtheme-editor.herokuapp.com */
|
||||
/****************************************************************/
|
||||
|
||||
.cm-s-mbo.CodeMirror { background: #2c2c2c; color: #ffffec; }
|
||||
.cm-s-mbo div.CodeMirror-selected { background: #716C62; }
|
||||
.cm-s-mbo .CodeMirror-line::selection, .cm-s-mbo .CodeMirror-line > span::selection, .cm-s-mbo .CodeMirror-line > span > span::selection { background: rgba(113, 108, 98, .99); }
|
||||
.cm-s-mbo .CodeMirror-line::-moz-selection, .cm-s-mbo .CodeMirror-line > span::-moz-selection, .cm-s-mbo .CodeMirror-line > span > span::-moz-selection { background: rgba(113, 108, 98, .99); }
|
||||
.cm-s-mbo .CodeMirror-gutters { background: #4e4e4e; border-right: 0px; }
|
||||
.cm-s-mbo .CodeMirror-guttermarker { color: white; }
|
||||
.cm-s-mbo .CodeMirror-guttermarker-subtle { color: grey; }
|
||||
.cm-s-mbo .CodeMirror-linenumber { color: #dadada; }
|
||||
.cm-s-mbo .CodeMirror-cursor { border-left: 1px solid #ffffec; }
|
||||
.cm-s-mbo.CodeMirror {
|
||||
background: #2c2c2c;
|
||||
color: #ffffec;
|
||||
}
|
||||
.cm-s-mbo div.CodeMirror-selected {
|
||||
background: #716c62;
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-line::selection,
|
||||
.cm-s-mbo .CodeMirror-line > span::selection,
|
||||
.cm-s-mbo .CodeMirror-line > span > span::selection {
|
||||
background: rgba(113, 108, 98, 0.99);
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-line::-moz-selection,
|
||||
.cm-s-mbo .CodeMirror-line > span::-moz-selection,
|
||||
.cm-s-mbo .CodeMirror-line > span > span::-moz-selection {
|
||||
background: rgba(113, 108, 98, 0.99);
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-gutters {
|
||||
background: #4e4e4e;
|
||||
border-right: 0px;
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-guttermarker {
|
||||
color: white;
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-guttermarker-subtle {
|
||||
color: grey;
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-linenumber {
|
||||
color: #dadada;
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-cursor {
|
||||
border-left: 1px solid #ffffec;
|
||||
}
|
||||
|
||||
.cm-s-mbo span.cm-comment { color: #95958a; }
|
||||
.cm-s-mbo span.cm-atom { color: #00a8c6; }
|
||||
.cm-s-mbo span.cm-number { color: #00a8c6; }
|
||||
.cm-s-mbo span.cm-comment {
|
||||
color: #95958a;
|
||||
}
|
||||
.cm-s-mbo span.cm-atom {
|
||||
color: #00a8c6;
|
||||
}
|
||||
.cm-s-mbo span.cm-number {
|
||||
color: #00a8c6;
|
||||
}
|
||||
|
||||
.cm-s-mbo span.cm-property, .cm-s-mbo span.cm-attribute { color: #9ddfe9; }
|
||||
.cm-s-mbo span.cm-keyword { color: #ffb928; }
|
||||
.cm-s-mbo span.cm-string { color: #ffcf6c; }
|
||||
.cm-s-mbo span.cm-string.cm-property { color: #ffffec; }
|
||||
.cm-s-mbo span.cm-property,
|
||||
.cm-s-mbo span.cm-attribute {
|
||||
color: #9ddfe9;
|
||||
}
|
||||
.cm-s-mbo span.cm-keyword {
|
||||
color: #ffb928;
|
||||
}
|
||||
.cm-s-mbo span.cm-string {
|
||||
color: #ffcf6c;
|
||||
}
|
||||
.cm-s-mbo span.cm-string.cm-property {
|
||||
color: #ffffec;
|
||||
}
|
||||
|
||||
.cm-s-mbo span.cm-variable { color: #ffffec; }
|
||||
.cm-s-mbo span.cm-variable-2 { color: #00a8c6; }
|
||||
.cm-s-mbo span.cm-def { color: #ffffec; }
|
||||
.cm-s-mbo span.cm-bracket { color: #fffffc; font-weight: bold; }
|
||||
.cm-s-mbo span.cm-tag { color: #9ddfe9; }
|
||||
.cm-s-mbo span.cm-link { color: #f54b07; }
|
||||
.cm-s-mbo span.cm-error { border-bottom: #636363; color: #ffffec; }
|
||||
.cm-s-mbo span.cm-qualifier { color: #ffffec; }
|
||||
.cm-s-mbo span.cm-variable {
|
||||
color: #ffffec;
|
||||
}
|
||||
.cm-s-mbo span.cm-variable-2 {
|
||||
color: #00a8c6;
|
||||
}
|
||||
.cm-s-mbo span.cm-def {
|
||||
color: #ffffec;
|
||||
}
|
||||
.cm-s-mbo span.cm-bracket {
|
||||
color: #fffffc;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cm-s-mbo span.cm-tag {
|
||||
color: #9ddfe9;
|
||||
}
|
||||
.cm-s-mbo span.cm-link {
|
||||
color: #f54b07;
|
||||
}
|
||||
.cm-s-mbo span.cm-error {
|
||||
border-bottom: #636363;
|
||||
color: #ffffec;
|
||||
}
|
||||
.cm-s-mbo span.cm-qualifier {
|
||||
color: #ffffec;
|
||||
}
|
||||
|
||||
.cm-s-mbo .CodeMirror-activeline-background { background: #494b41; }
|
||||
.cm-s-mbo .CodeMirror-matchingbracket { color: #ffb928 !important; }
|
||||
.cm-s-mbo .CodeMirror-matchingtag { background: rgba(255, 255, 255, .37); }
|
||||
.cm-s-mbo .CodeMirror-activeline-background {
|
||||
background: #494b41;
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-matchingbracket {
|
||||
color: #ffb928 !important;
|
||||
}
|
||||
.cm-s-mbo .CodeMirror-matchingtag {
|
||||
background: rgba(255, 255, 255, 0.37);
|
||||
}
|
||||
|
||||
.CodeMirror-hints {
|
||||
position: absolute;
|
||||
|
|
@ -448,9 +718,9 @@ div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; colo
|
|||
margin: 0;
|
||||
padding: 2px;
|
||||
|
||||
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
|
||||
-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
|
||||
box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 3px;
|
||||
border: 1px solid silver;
|
||||
|
||||
|
|
@ -496,23 +766,47 @@ li.CodeMirror-hint-active {
|
|||
position: relative;
|
||||
font-size: 90%;
|
||||
font-family: monospace;
|
||||
width: .8em;
|
||||
width: 0.8em;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding-right: .6em;
|
||||
padding-right: 0.6em;
|
||||
opacity: 0.6;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.cm-completionIcon-function:after,
|
||||
.cm-completionIcon-method:after {content: 'ƒ';}
|
||||
.cm-completionIcon-class:after {content: '○';}
|
||||
.cm-completionIcon-interface:after {content: '◌';}
|
||||
.cm-completionIcon-variable:after {content: '𝑥';}
|
||||
.cm-completionIcon-constant:after {content: '𝐶';}
|
||||
.cm-completionIcon-type:after {content: '𝑡';}
|
||||
.cm-completionIcon-enum:after {content: '∪';}
|
||||
.cm-completionIcon-property:after {content: '□';}
|
||||
.cm-completionIcon-keyword:after {content: '🔑︎';}
|
||||
.cm-completionIcon-namespace:after {content: '▢';}
|
||||
.cm-completionIcon-text:after {content: 'abc'; font-size: 50%; vertical-align: middle;}
|
||||
.cm-completionIcon-method:after {
|
||||
content: "ƒ";
|
||||
}
|
||||
.cm-completionIcon-class:after {
|
||||
content: "○";
|
||||
}
|
||||
.cm-completionIcon-interface:after {
|
||||
content: "◌";
|
||||
}
|
||||
.cm-completionIcon-variable:after {
|
||||
content: "𝑥";
|
||||
}
|
||||
.cm-completionIcon-constant:after {
|
||||
content: "𝐶";
|
||||
}
|
||||
.cm-completionIcon-type:after {
|
||||
content: "𝑡";
|
||||
}
|
||||
.cm-completionIcon-enum:after {
|
||||
content: "∪";
|
||||
}
|
||||
.cm-completionIcon-property:after {
|
||||
content: "□";
|
||||
}
|
||||
.cm-completionIcon-keyword:after {
|
||||
content: "🔑︎";
|
||||
}
|
||||
.cm-completionIcon-namespace:after {
|
||||
content: "▢";
|
||||
}
|
||||
.cm-completionIcon-text:after {
|
||||
content: "abc";
|
||||
font-size: 50%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -84,7 +84,13 @@
|
|||
}
|
||||
|
||||
.menu.main > .menu-content > div > .right.pane > .menu-buttons.leftbutton > .config.toggle:first-child,
|
||||
.menu.main>.menu-content>div>.right.pane>.menu-buttons.leftbutton>.config.toggle:first-child+.config.toggle {
|
||||
.menu.main
|
||||
> .menu-content
|
||||
> div
|
||||
> .right.pane
|
||||
> .menu-buttons.leftbutton
|
||||
> .config.toggle:first-child
|
||||
+ .config.toggle {
|
||||
margin-left: 3px !important;
|
||||
width: calc(100% - 15px) !important;
|
||||
}
|
||||
|
|
@ -94,7 +100,8 @@
|
|||
}
|
||||
|
||||
.menu-buttons > .glow {
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.8) 0 0 10px, rgba(0, 133, 255, 0.8) 0 0 10px, rgba(0, 133, 255, 0.8) 0 0 15px !important;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.8) 0 0 10px, rgba(0, 133, 255, 0.8) 0 0 10px,
|
||||
rgba(0, 133, 255, 0.8) 0 0 15px !important;
|
||||
}
|
||||
|
||||
.menu-cheat > div {
|
||||
|
|
@ -102,7 +109,7 @@
|
|||
}
|
||||
|
||||
.menu-cheat > .selecting {
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(255, 0, 0, 0.8) 0 0 5px, rgba(255, 0, 0, 0.8) 0 0 5px !important
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(255, 0, 0, 0.8) 0 0 5px, rgba(255, 0, 0, 0.8) 0 0 5px !important;
|
||||
}
|
||||
|
||||
.menu-cheat.config > .menubutton {
|
||||
|
|
@ -267,7 +274,7 @@
|
|||
.menubg.charactercard > .ava > .changeskin {
|
||||
bottom: 6px;
|
||||
left: 6px;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 16px;
|
||||
z-index: 2;
|
||||
color: white;
|
||||
|
|
@ -366,7 +373,7 @@
|
|||
box-shadow: none !important;
|
||||
filter: initial !important;
|
||||
-webkit-filter: initial !important;
|
||||
font-family: 'xinwei' !important;
|
||||
font-family: "xinwei" !important;
|
||||
transform: initial !important;
|
||||
height: initial !important;
|
||||
width: initial !important;
|
||||
|
|
@ -428,7 +435,7 @@
|
|||
border-radius: 4px;
|
||||
background-size: cover;
|
||||
background-position: 50% 0;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 0 5px
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 0 5px;
|
||||
}
|
||||
|
||||
.menubg.charactercard > .ava > .avatars > div:first-child,
|
||||
|
|
@ -477,7 +484,14 @@
|
|||
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 90%, transparent) 0 1 100%;
|
||||
border-image: linear-gradient(
|
||||
to right,
|
||||
transparent,
|
||||
rgba(0, 0, 0, 0.2) 10%,
|
||||
rgba(0, 0, 0, 0.2) 90%,
|
||||
transparent
|
||||
)
|
||||
0 1 100%;
|
||||
}
|
||||
|
||||
.menu.main > .menu-tab-bar {
|
||||
|
|
@ -545,7 +559,7 @@
|
|||
}
|
||||
|
||||
.menu.main > .menu-content > div > .left.pane > .lefttext {
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -628,14 +642,26 @@
|
|||
width: calc(100% - 32px) !important;
|
||||
}
|
||||
|
||||
#window:not(.low_performance) .menu.main>.menu-content>div>.right.pane>div:not(.expanded)>.config.auto-hide,
|
||||
#window:not(.low_performance)
|
||||
.menu.main
|
||||
> .menu-content
|
||||
> div
|
||||
> .right.pane
|
||||
> div:not(.expanded)
|
||||
> .config.auto-hide,
|
||||
#window:not(.low_performance) .menu.main > .menu-content > div > .right.pane > div > .config.hidden {
|
||||
margin-top: -25px;
|
||||
opacity: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#window.low_performance .menu.main>.menu-content>div>.right.pane>div:not(.expanded)>.config.auto-hide,
|
||||
#window.low_performance
|
||||
.menu.main
|
||||
> .menu-content
|
||||
> div
|
||||
> .right.pane
|
||||
> div:not(.expanded)
|
||||
> .config.auto-hide,
|
||||
#window.low_performance .menu.main > .menu-content > div > .right.pane > div > .config.hidden {
|
||||
display: none;
|
||||
transition-property: transform;
|
||||
|
|
@ -824,11 +850,11 @@
|
|||
}
|
||||
|
||||
.themebutton.woodden {
|
||||
background: url('../../theme/woodden/grid.png'), linear-gradient(#6c7989, #434b55) fixed;
|
||||
background: url("../../theme/woodden/grid.png"), linear-gradient(#6c7989, #434b55) fixed;
|
||||
}
|
||||
|
||||
.themebutton.woodden > div:not(*:first-child) {
|
||||
background: url('../../theme/woodden/wood2.png');
|
||||
background: url("../../theme/woodden/wood2.png");
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
|
||||
}
|
||||
|
||||
|
|
@ -837,7 +863,7 @@
|
|||
}
|
||||
|
||||
.themebutton.woodden > div > div {
|
||||
background: url('../../theme/woodden/wood.png');
|
||||
background: url("../../theme/woodden/wood.png");
|
||||
}
|
||||
|
||||
.themebutton.woodden > div > div.active {
|
||||
|
|
@ -845,7 +871,7 @@
|
|||
}
|
||||
|
||||
.themebutton.music {
|
||||
background: url('../../theme/music/grid.png'), linear-gradient(#333333, #222222) fixed;
|
||||
background: url("../../theme/music/grid.png"), linear-gradient(#333333, #222222) fixed;
|
||||
}
|
||||
|
||||
.themebutton.music > div:not(*:first-child) {
|
||||
|
|
@ -858,7 +884,7 @@
|
|||
}
|
||||
|
||||
.themebutton.ol {
|
||||
background: url('../../image/background/ol_bg.jpg');
|
||||
background: url("../../image/background/ol_bg.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
@ -872,7 +898,7 @@
|
|||
}
|
||||
|
||||
.themebutton.simple {
|
||||
background: url('../../image/background/ol_bg.jpg');
|
||||
background: url("../../image/background/ol_bg.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
@ -943,7 +969,6 @@
|
|||
text-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
#window:not(.nopointer) .popup-container > .menu > div {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -1075,12 +1100,12 @@ input.fileinput::-webkit-file-upload-button {
|
|||
|
||||
.config.more > div {
|
||||
display: inline-block;
|
||||
transition: transform 0.3s
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.config.more > div {
|
||||
transform: translateY(-2px);
|
||||
font-family: 'huangcao', 'xinwei';
|
||||
font-family: "huangcao", "xinwei";
|
||||
}
|
||||
|
||||
.config.more.on > div {
|
||||
|
|
@ -1096,7 +1121,7 @@ input.fileinput::-webkit-file-upload-button {
|
|||
.menubutton.large {
|
||||
font-size: 30px;
|
||||
line-height: 30px;
|
||||
font-family: 'STXinwei', 'xinwei';
|
||||
font-family: "STXinwei", "xinwei";
|
||||
}
|
||||
|
||||
.menubutton.round {
|
||||
|
|
@ -1105,7 +1130,7 @@ input.fileinput::-webkit-file-upload-button {
|
|||
border-radius: 100%;
|
||||
font-size: 36px;
|
||||
line-height: 40px;
|
||||
font-family: 'xinwei'
|
||||
font-family: "xinwei";
|
||||
}
|
||||
|
||||
.menubutton.left {
|
||||
|
|
@ -1130,37 +1155,37 @@ input.fileinput::-webkit-file-upload-button {
|
|||
|
||||
@keyframes fadein {
|
||||
from {
|
||||
opacity: 0
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
from {
|
||||
opacity: 0
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes menuslideup {
|
||||
from {
|
||||
top: 100%
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes menuslideup {
|
||||
from {
|
||||
top: 100%
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes menuslidedown {
|
||||
to {
|
||||
top: 100%
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes menuslidedown {
|
||||
to {
|
||||
top: 100%
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1168,11 +1193,11 @@ input.fileinput::-webkit-file-upload-button {
|
|||
from {
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1180,44 +1205,38 @@ input.fileinput::-webkit-file-upload-button {
|
|||
from {
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes menuzoomout {
|
||||
from {
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes menuzoomout {
|
||||
from {
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
transform-origin: 2px -35px
|
||||
transform-origin: 2px -35px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.menu-buttons > .new_character {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
|
@ -1262,24 +1281,24 @@ input.fileinput::-webkit-file-upload-button {
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
#window[data-radius_size='reduce'] .menu-buttons>.new_character>.avatar>input,
|
||||
#window[data-radius_size='reduce'] .menu-buttons>.new_character>.card>input {
|
||||
#window[data-radius_size="reduce"] .menu-buttons > .new_character > .avatar > input,
|
||||
#window[data-radius_size="reduce"] .menu-buttons > .new_character > .card > input {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#window[data-radius_size='off'] .menu-buttons>.new_character>.avatar>input,
|
||||
#window[data-radius_size='off'] .menu-buttons>.new_character>.card>input {
|
||||
#window[data-radius_size="off"] .menu-buttons > .new_character > .avatar > input,
|
||||
#window[data-radius_size="off"] .menu-buttons > .new_character > .card > input {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#window[data-radius_size='increase'] .menu-buttons>.new_character>.avatar>input,
|
||||
#window[data-radius_size='increase'] .menu-buttons>.new_character>.card>input {
|
||||
#window[data-radius_size="increase"] .menu-buttons > .new_character > .avatar > input,
|
||||
#window[data-radius_size="increase"] .menu-buttons > .new_character > .card > input {
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.menu-buttons > .new_character > .avatar > .select_avatar,
|
||||
.menu-buttons > .new_character > .card > .select_avatar {
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 20px;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
|
|
@ -1536,7 +1555,10 @@ input.fileinput::-webkit-file-upload-button {
|
|||
display: block;
|
||||
}
|
||||
|
||||
#window:not(.nopointer) .videonode.menubutton.extension>.caption>.menubutton:not(.transparent2):not(.nopointer) {
|
||||
#window:not(.nopointer)
|
||||
.videonode.menubutton.extension
|
||||
> .caption
|
||||
> .menubutton:not(.transparent2):not(.nopointer) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -1547,7 +1569,8 @@ input.fileinput::-webkit-file-upload-button {
|
|||
padding: 0;
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
font-family: 'STHeiti', 'SimHei', 'Microsoft JhengHei', 'Microsoft YaHei', 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif;
|
||||
font-family: "STHeiti", "SimHei", "Microsoft JhengHei", "Microsoft YaHei", "WenQuanYi Micro Hei",
|
||||
Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.videonode.menubutton.extension > .caption > .menubutton > a {
|
||||
|
|
@ -1599,7 +1622,8 @@ input.fileinput::-webkit-file-upload-button {
|
|||
top: 35px;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
font-family: 'STHeiti', 'SimHei', 'Microsoft JhengHei', 'Microsoft YaHei', 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif
|
||||
font-family: "STHeiti", "SimHei", "Microsoft JhengHei", "Microsoft YaHei", "WenQuanYi Micro Hei",
|
||||
Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.videonode.menubutton.extension > .text {
|
||||
|
|
@ -1624,10 +1648,10 @@ input.fileinput::-webkit-file-upload-button {
|
|||
}
|
||||
|
||||
.videonode.menubutton > .victory {
|
||||
font-family: 'huangcao', 'xinwei';
|
||||
font-family: "huangcao", "xinwei";
|
||||
font-size: 25px;
|
||||
text-shadow: black 0 0 1px, rgba(255, 203, 0, 1) 0 0 2px, rgba(255, 203, 0, 1) 0 0 5px, rgba(255, 203, 0, 1) 0 0 5px,
|
||||
rgba(255, 203, 0, 1) 0 0 5px, black 0 0 1px;
|
||||
text-shadow: black 0 0 1px, rgba(255, 203, 0, 1) 0 0 2px, rgba(255, 203, 0, 1) 0 0 5px,
|
||||
rgba(255, 203, 0, 1) 0 0 5px, rgba(255, 203, 0, 1) 0 0 5px, black 0 0 1px;
|
||||
color: white;
|
||||
position: absolute;
|
||||
left: 48px;
|
||||
|
|
@ -1651,7 +1675,7 @@ input.fileinput::-webkit-file-upload-button {
|
|||
}
|
||||
|
||||
.videonode.starred > .video_star {
|
||||
opacity: 1
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.onlineclient .videonode {
|
||||
|
|
@ -1692,7 +1716,7 @@ input.fileinput::-webkit-file-upload-button {
|
|||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 18px;
|
||||
font-family: 'lishu', 'xinwei';
|
||||
font-family: "lishu", "xinwei";
|
||||
}
|
||||
|
||||
.onlineclient .videonode.videonodestatus {
|
||||
|
|
@ -1717,7 +1741,7 @@ input.fileinput::-webkit-file-upload-button {
|
|||
}
|
||||
|
||||
.onlineevent > div.title {
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
|
@ -1812,7 +1836,7 @@ input.fileinput::-webkit-file-upload-button {
|
|||
}
|
||||
|
||||
.menubutton.large.dashboard > div:first-child {
|
||||
font-family: 'lishu', 'xiaozhuan';
|
||||
font-family: "lishu", "xiaozhuan";
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
position: absolute;
|
||||
|
|
@ -1892,7 +1916,8 @@ input.fileinput::-webkit-file-upload-button {
|
|||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
div.popup-container.editor,div.popup-container.editor div{
|
||||
div.popup-container.editor,
|
||||
div.popup-container.editor div {
|
||||
transition: none;
|
||||
}
|
||||
.popup-container.editor > div {
|
||||
|
|
@ -1908,7 +1933,7 @@ div.popup-container.editor,div.popup-container.editor div{
|
|||
}
|
||||
|
||||
.popup-container.editor > div > .editbutton {
|
||||
font-family: 'lishu';
|
||||
font-family: "lishu";
|
||||
font-size: 18px;
|
||||
color: rgb(60, 60, 60);
|
||||
text-shadow: none;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
#arena {
|
||||
height: calc(97% + 30px);
|
||||
top:3%
|
||||
top: 3%;
|
||||
}
|
||||
#arena.mobile > #control {
|
||||
top: calc(100% - 205px);
|
||||
|
|
@ -8,9 +8,10 @@
|
|||
#arena.chess.mobile > #control {
|
||||
top: calc(100% - 175px);
|
||||
}
|
||||
#control>div,#system>div>div{
|
||||
#control > div,
|
||||
#system > div > div {
|
||||
height: 40px;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 30px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
|
@ -64,7 +65,9 @@
|
|||
#system > div:not(.shown) > div {
|
||||
pointer-events: none;
|
||||
}
|
||||
#pausebutton,#autobutton,#restartbutton{
|
||||
#pausebutton,
|
||||
#autobutton,
|
||||
#restartbutton {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
|
@ -98,7 +101,7 @@
|
|||
transform: scale(1.3);
|
||||
transform-origin: left top;
|
||||
}
|
||||
.player:not([data-position='0']).linked .identity,
|
||||
.player:not([data-position="0"]).linked .identity,
|
||||
#arena.chess .player.linked .identity {
|
||||
transform: scale(1.3) rotate(90deg);
|
||||
}
|
||||
|
|
@ -114,5 +117,4 @@ div.finish_game{
|
|||
}
|
||||
|
||||
@media screen and (orientation: portrait) {
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
@import "../mobile/layout.css";
|
||||
|
||||
|
||||
#window.rightbar #system,
|
||||
#window.leftbar #system {
|
||||
width: calc(100% - 62px);
|
||||
|
|
@ -25,128 +24,171 @@
|
|||
height: calc(100% - 141px);
|
||||
}
|
||||
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.name.name2{
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .name.name2 {
|
||||
left: auto;
|
||||
right: 13px;
|
||||
}
|
||||
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0']){
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) {
|
||||
width: 120px !important;
|
||||
height: 220px !important;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.marks{
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .marks {
|
||||
left: -15px;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.judges{
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .judges {
|
||||
right: -27px;
|
||||
}
|
||||
#arena:not(.fewplayer)[data-player_height='default']>.player:not(.minskin):not(*[data-position='0']){
|
||||
#arena:not(.fewplayer)[data-player_height="default"] > .player:not(.minskin):not(*[data-position="0"]) {
|
||||
height: 200px !important;
|
||||
}
|
||||
#arena:not(.fewplayer)[data-player_height='short']>.player:not(.minskin):not(*[data-position='0']){
|
||||
#arena:not(.fewplayer)[data-player_height="short"] > .player:not(.minskin):not(*[data-position="0"]) {
|
||||
height: 180px !important;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.equips{
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .equips {
|
||||
transform: scale(0.8);
|
||||
transform-origin: bottom left;
|
||||
}
|
||||
#arena:not(.fewplayer).lslim_player .player .equips {
|
||||
left: 5px;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||
width: calc(100% - 14px) !important;
|
||||
height: calc(100% - 14px) !important;
|
||||
background-position: 50% !important;
|
||||
}
|
||||
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#arena.uslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||
#arena.uslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||
width: calc(100% - 6px) !important;
|
||||
height: calc(100% - 6px) !important;
|
||||
background-position: 50% !important;
|
||||
}
|
||||
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#arena.lslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||
#arena.lslim_player:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||
width: calc(100% - 10px) !important;
|
||||
height: calc(100% - 10px) !important;
|
||||
background-position: 50% !important;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||
height: 50% !important;
|
||||
background-position: 0 0 !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#arena.uslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||
#arena.uslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||
height: calc(50% + 4px) !important;
|
||||
}
|
||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#arena.lslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar,
|
||||
#arena.lslim_player:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||
height: calc(50% + 2px) !important;
|
||||
}
|
||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#window[data-radius_size="reduce"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||
> .avatar,
|
||||
#window[data-radius_size="reduce"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#window[data-radius_size="off"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||
> .avatar,
|
||||
#window[data-radius_size="off"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
|
||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#window[data-radius_size="increase"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||
> .avatar,
|
||||
#window[data-radius_size="increase"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
border-radius: 16px !important;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"]) > .avatar {
|
||||
border-radius: 8px 8px 0 0 !important;
|
||||
height: calc(50% + 14px) !important;
|
||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena:not(.fewplayer)[data-player_height="default"]
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena:not(.fewplayer)[data-player_height="short"]
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
||||
}
|
||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena.uslim_player:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
height: calc(50% + 18px) !important;
|
||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
||||
}
|
||||
#arena.uslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena.uslim_player:not(.fewplayer)[data-player_height="default"]
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
||||
}
|
||||
#arena.uslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena.uslim_player:not(.fewplayer)[data-player_height="short"]
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
||||
}
|
||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena.lslim_player:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
height: calc(50% + 18px) !important;
|
||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
||||
}
|
||||
#arena.lslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena.lslim_player:not(.fewplayer)[data-player_height="default"]
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
||||
}
|
||||
#arena.lslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#arena.lslim_player:not(.fewplayer)[data-player_height="short"]
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
||||
}
|
||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#window[data-radius_size="reduce"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
border-radius: 4px 4px 0 0 !important;
|
||||
}
|
||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#window[data-radius_size="off"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
border-radius: 0 0 0 0 !important;
|
||||
}
|
||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
|
||||
#window[data-radius_size="increase"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position="0"])
|
||||
> .avatar {
|
||||
border-radius: 16px 16px 0 0 !important;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
||||
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"]) > .avatar2 {
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
top: calc(50% - 21px) !important;
|
||||
height: calc(50% + 14px) !important;
|
||||
|
|
@ -154,34 +196,47 @@
|
|||
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
|
||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
|
||||
}
|
||||
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
||||
#arena.uslim_player:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
top: calc(50% - 21px) !important;
|
||||
height: calc(50% + 18px) !important;
|
||||
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
||||
}
|
||||
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
||||
#arena.lslim_player:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
top: calc(50% - 21px) !important;
|
||||
height: calc(50% + 16px) !important;
|
||||
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
||||
}
|
||||
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
||||
#window[data-radius_size="reduce"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
border-radius: 0 0 4px 4px !important;
|
||||
}
|
||||
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
||||
#window[data-radius_size="off"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
border-radius: 0 0 0 0 !important;
|
||||
}
|
||||
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
|
||||
#window[data-radius_size="increase"]
|
||||
#arena:not(.fewplayer)
|
||||
> .player.fullskin2:not(.minskin):not(.unseen):not(*[data-position="0"])
|
||||
> .avatar2 {
|
||||
border-radius: 0 0 16px 16px !important;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
|
||||
#arena:not(.fewplayer) > .player.fullskin2:not(.minskin):not(*[data-position="0"]) > .avatar2 {
|
||||
top: calc(50% - 7px) !important;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.identity{
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .identity {
|
||||
left: 102px;
|
||||
}
|
||||
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount){
|
||||
#arena:not(.fewplayer) > .player:not(.minskin):not(*[data-position="0"]) > .hp:not(.actcount) {
|
||||
left: 93px;
|
||||
}
|
||||
/*#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount).text{
|
||||
|
|
@ -204,54 +259,152 @@
|
|||
width: 96px;
|
||||
left: 12px;
|
||||
}
|
||||
#arena:not(.fewplayer)[data-player_height='default'] .timerbar>div{
|
||||
#arena:not(.fewplayer)[data-player_height="default"] .timerbar > div {
|
||||
top: 185px;
|
||||
}
|
||||
#arena:not(.fewplayer)[data-player_height='short'] .timerbar>div{
|
||||
#arena:not(.fewplayer)[data-player_height="short"] .timerbar > div {
|
||||
top: 165px;
|
||||
}
|
||||
|
||||
/*--------位置(8人)------*/
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{top:calc(30% - 120px);left:calc(-300% / 94 + 4375% / 47 - 735px + 720px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{top:calc(8% - 32px);left:calc(-300% / 94 + 3750% / 47 - 630px + 600px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{top:0;left:calc(-300% / 94 + 3125% / 47 - 525px + 480px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{top:0;left:calc(-300% / 94 + 2500% / 47 - 420px + 360px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{top:0;left:calc(-300% / 94 + 1875% / 47 - 315px + 240px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{top:calc(8% - 32px);left:calc(-300% / 94 + 1250% / 47 - 210px + 120px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{top:calc(30% - 120px);left:calc(-300% / 94 + 625% / 47 - 105px);}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="1"] {
|
||||
top: calc(30% - 120px);
|
||||
left: calc(-300% / 94 + 4375% / 47 - 735px + 720px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="2"] {
|
||||
top: calc(8% - 32px);
|
||||
left: calc(-300% / 94 + 3750% / 47 - 630px + 600px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(-300% / 94 + 3125% / 47 - 525px + 480px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(-300% / 94 + 2500% / 47 - 420px + 360px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="5"] {
|
||||
top: 0;
|
||||
left: calc(-300% / 94 + 1875% / 47 - 315px + 240px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="6"] {
|
||||
top: calc(8% - 32px);
|
||||
left: calc(-300% / 94 + 1250% / 47 - 210px + 120px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="7"] {
|
||||
top: calc(30% - 120px);
|
||||
left: calc(-300% / 94 + 625% / 47 - 105px);
|
||||
}
|
||||
@media screen and (min-width: 1105px) {
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{left:calc(100% - 120px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{left:calc(500% / 6 - 100px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{left:calc(400% / 6 - 80px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{left:calc(300% / 6 - 60px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{left:calc(200% / 6 - 40px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{left:calc(100% / 6 - 20px);}
|
||||
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{left:0;}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="1"] {
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="2"] {
|
||||
left: calc(500% / 6 - 100px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="3"] {
|
||||
left: calc(400% / 6 - 80px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="4"] {
|
||||
left: calc(300% / 6 - 60px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="5"] {
|
||||
left: calc(200% / 6 - 40px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="6"] {
|
||||
left: calc(100% / 6 - 20px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="8"] > .player[data-position="7"] {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
/*--------位置(7人)------*/
|
||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='2']{top:calc(8% - 32px);left:calc(80% - 96px);}
|
||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='3']{top:0;left:calc(60% - 72px);}
|
||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='4']{top:0;left:calc(40% - 48px);}
|
||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='5']{top:calc(8% - 32px);left:calc(20% - 24px);}
|
||||
#arena:not(.fewplayer)[data-number='7']>.player[data-position='6']{top:calc(30% - 120px);left:0;}
|
||||
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="1"] {
|
||||
top: calc(30% - 120px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="2"] {
|
||||
top: calc(8% - 32px);
|
||||
left: calc(80% - 96px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(60% - 72px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(40% - 48px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="5"] {
|
||||
top: calc(8% - 32px);
|
||||
left: calc(20% - 24px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="7"] > .player[data-position="6"] {
|
||||
top: calc(30% - 120px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(6人)------*/
|
||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
|
||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
|
||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
|
||||
#arena:not(.fewplayer)[data-number='6']>.player[data-position='5']{top:calc(30% - 120px);left:0;}
|
||||
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="1"] {
|
||||
top: calc(30% - 120px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="2"] {
|
||||
top: 0px;
|
||||
left: calc(75% - 90px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="4"] {
|
||||
top: 0px;
|
||||
left: calc(25% - 30px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="6"] > .player[data-position="5"] {
|
||||
top: calc(30% - 120px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(5人)------*/
|
||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
|
||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
|
||||
#arena:not(.fewplayer)[data-number='5']>.player[data-position='4']{top:calc(30% - 120px);left:0;}
|
||||
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="1"] {
|
||||
top: calc(30% - 120px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(200% / 3 - 80px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(100% / 3 - 40px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="5"] > .player[data-position="4"] {
|
||||
top: calc(30% - 120px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(4人)------*/
|
||||
#arena:not(.fewplayer)[data-number='4']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
|
||||
#arena:not(.fewplayer)[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
|
||||
#arena:not(.fewplayer)[data-number='4']>.player[data-position='3']{top:calc(30% - 120px);left:0;}
|
||||
#arena:not(.fewplayer)[data-number="4"] > .player[data-position="1"] {
|
||||
top: calc(30% - 120px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="4"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="4"] > .player[data-position="3"] {
|
||||
top: calc(30% - 120px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(3人)------*/
|
||||
#arena:not(.fewplayer)[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
|
||||
#arena:not(.fewplayer)[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
|
||||
#arena:not(.fewplayer)[data-number="3"] > .player[data-position="1"] {
|
||||
top: calc(60% / 3 - 88px);
|
||||
left: calc(75% + 80px);
|
||||
}
|
||||
#arena:not(.fewplayer)[data-number="3"] > .player[data-position="2"] {
|
||||
top: calc(60% / 3 - 88px);
|
||||
left: calc(25% - 200px);
|
||||
}
|
||||
/*--------位置(2人)------*/
|
||||
#arena:not(.fewplayer)[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
|
||||
#arena:not(.fewplayer)[data-number="2"] > .player[data-position="1"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -149,9 +149,9 @@
|
|||
display: table !important;
|
||||
}
|
||||
@media screen and (max-width: 1105px) {
|
||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
|
||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
|
||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
|
||||
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #me,
|
||||
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #mebg,
|
||||
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #autonode {
|
||||
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
|
||||
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
|
||||
}
|
||||
|
|
@ -224,21 +224,20 @@
|
|||
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||
}
|
||||
#window[data-radius_size='increase'] #me>.fakeme.avatar,
|
||||
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
|
||||
#window[data-radius_size="increase"] #me > .fakeme.avatar,
|
||||
#window[data-radius_size="reduce"] #me > .fakeme.avatar {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#arena>.player[data-position='0']:not(.minskin){
|
||||
#arena > .player[data-position="0"]:not(.minskin) {
|
||||
top: calc(100% - 258px);
|
||||
}
|
||||
#arena[data-player_height='default']>.player[data-position='0']:not(.minskin){
|
||||
#arena[data-player_height="default"] > .player[data-position="0"]:not(.minskin) {
|
||||
top: calc(100% - 238px);
|
||||
}
|
||||
#arena[data-player_height='short']>.player[data-position='0']:not(.minskin){
|
||||
#arena[data-player_height="short"] > .player[data-position="0"]:not(.minskin) {
|
||||
top: calc(100% - 218px);
|
||||
}
|
||||
|
||||
|
||||
#arena > .player:not(.minskin) > .marks {
|
||||
left: -15px;
|
||||
}
|
||||
|
|
@ -263,10 +262,10 @@
|
|||
font-size: 60px;
|
||||
transform: scale(1);
|
||||
}
|
||||
#arena[data-player_height='default']>.player:not(.minskin){
|
||||
#arena[data-player_height="default"] > .player:not(.minskin) {
|
||||
height: 200px !important;
|
||||
}
|
||||
#arena[data-player_height='short']>.player:not(.minskin){
|
||||
#arena[data-player_height="short"] > .player:not(.minskin) {
|
||||
height: 180px !important;
|
||||
}
|
||||
#arena > .player:not(.minskin) > .equips {
|
||||
|
|
@ -305,81 +304,98 @@
|
|||
#arena.lslim_player > .player.fullskin2:not(.minskin) > .avatar2 {
|
||||
height: calc(50% + 2px) !important;
|
||||
}
|
||||
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar,
|
||||
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
|
||||
#window[data-radius_size="reduce"] #arena > .player.fullskin2:not(.minskin) > .avatar,
|
||||
#window[data-radius_size="reduce"] #arena > .player.fullskin2:not(.minskin) > .avatar2 {
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar,
|
||||
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
|
||||
#window[data-radius_size="off"] #arena > .player.fullskin2:not(.minskin) > .avatar,
|
||||
#window[data-radius_size="off"] #arena > .player.fullskin2:not(.minskin) > .avatar2 {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar,
|
||||
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
|
||||
#window[data-radius_size="increase"] #arena > .player.fullskin2:not(.minskin) > .avatar,
|
||||
#window[data-radius_size="increase"] #arena > .player.fullskin2:not(.minskin) > .avatar2 {
|
||||
border-radius: 16px !important;
|
||||
}
|
||||
#arena > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena > .player.fullskin2:not(.minskin).unseen2[data-position="0"] > .avatar {
|
||||
border-radius: 8px 8px 0 0 !important;
|
||||
height: calc(50% + 14px) !important;
|
||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
|
||||
}
|
||||
#arena[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#arena[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena[data-player_height="default"] > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena[data-player_height="default"] > .player.fullskin2:not(.minskin).unseen2[data-position="0"] > .avatar {
|
||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
|
||||
}
|
||||
#arena[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#arena[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena[data-player_height="short"] > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena[data-player_height="short"] > .player.fullskin2:not(.minskin).unseen2[data-position="0"] > .avatar {
|
||||
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
|
||||
}
|
||||
#arena.uslim_player > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena.uslim_player > .player.fullskin2:not(.minskin).unseen2[data-position="0"] > .avatar {
|
||||
height: calc(50% + 18px) !important;
|
||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
|
||||
}
|
||||
#arena.uslim_player[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#arena.uslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena.uslim_player[data-player_height="default"] > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena.uslim_player[data-player_height="default"]
|
||||
> .player.fullskin2:not(.minskin).unseen2[data-position="0"]
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
|
||||
}
|
||||
#arena.uslim_player[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#arena.uslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena.uslim_player[data-player_height="short"] > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena.uslim_player[data-player_height="short"]
|
||||
> .player.fullskin2:not(.minskin).unseen2[data-position="0"]
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
|
||||
}
|
||||
#arena.lslim_player > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena.lslim_player > .player.fullskin2:not(.minskin).unseen2[data-position="0"] > .avatar {
|
||||
height: calc(50% + 16px) !important;
|
||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
|
||||
}
|
||||
#arena.lslim_player[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#arena.lslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena.lslim_player[data-player_height="default"] > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena.lslim_player[data-player_height="default"]
|
||||
> .player.fullskin2:not(.minskin).unseen2[data-position="0"]
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
|
||||
}
|
||||
#arena.lslim_player[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#arena.lslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#arena.lslim_player[data-player_height="short"] > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#arena.lslim_player[data-player_height="short"]
|
||||
> .player.fullskin2:not(.minskin).unseen2[data-position="0"]
|
||||
> .avatar {
|
||||
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
||||
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
|
||||
}
|
||||
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#window[data-radius_size="reduce"] #arena > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#window[data-radius_size="reduce"]
|
||||
#arena
|
||||
> .player.fullskin2:not(.minskin).unseen2[data-position="0"]
|
||||
> .avatar {
|
||||
border-radius: 4px 4px 0 0 !important;
|
||||
}
|
||||
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#window[data-radius_size="off"] #arena > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#window[data-radius_size="off"]
|
||||
#arena
|
||||
> .player.fullskin2:not(.minskin).unseen2[data-position="0"]
|
||||
> .avatar {
|
||||
border-radius: 0 0 0 0 !important;
|
||||
}
|
||||
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
|
||||
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
|
||||
#window[data-radius_size="increase"] #arena > .player.fullskin2:not(.minskin):not(.unseen2) > .avatar,
|
||||
#window[data-radius_size="increase"]
|
||||
#arena
|
||||
> .player.fullskin2:not(.minskin).unseen2[data-position="0"]
|
||||
> .avatar {
|
||||
border-radius: 16px 16px 0 0 !important;
|
||||
}
|
||||
#arena > .player.fullskin2:not(.minskin):not(.unseen) > .avatar2,
|
||||
#arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
|
||||
#arena > .player.fullskin2:not(.minskin).unseen[data-position="0"] > .avatar2 {
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
top: calc(50% - 21px) !important;
|
||||
height: calc(50% + 14px) !important;
|
||||
|
|
@ -388,29 +404,38 @@
|
|||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
|
||||
}
|
||||
#arena.uslim_player > .player.fullskin2:not(.minskin):not(.unseen) > .avatar2,
|
||||
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
|
||||
#arena.uslim_player > .player.fullskin2:not(.minskin).unseen[data-position="0"] > .avatar2 {
|
||||
top: calc(50% - 21px) !important;
|
||||
height: calc(50% + 18px) !important;
|
||||
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
|
||||
}
|
||||
#arena.lslim_player > .player.fullskin2:not(.minskin):not(.unseen) > .avatar2,
|
||||
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
|
||||
#arena.lslim_player > .player.fullskin2:not(.minskin).unseen[data-position="0"] > .avatar2 {
|
||||
top: calc(50% - 21px) !important;
|
||||
height: calc(50% + 16px) !important;
|
||||
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
||||
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
|
||||
}
|
||||
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
|
||||
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
|
||||
#window[data-radius_size="reduce"] #arena > .player.fullskin2:not(.minskin):not(.unseen) > .avatar2,
|
||||
#window[data-radius_size="reduce"]
|
||||
#arena
|
||||
> .player.fullskin2:not(.minskin).unseen[data-position="0"]
|
||||
> .avatar2 {
|
||||
border-radius: 0 0 4px 4px !important;
|
||||
}
|
||||
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
|
||||
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
|
||||
#window[data-radius_size="off"] #arena > .player.fullskin2:not(.minskin):not(.unseen) > .avatar2,
|
||||
#window[data-radius_size="off"]
|
||||
#arena
|
||||
> .player.fullskin2:not(.minskin).unseen[data-position="0"]
|
||||
> .avatar2 {
|
||||
border-radius: 0 0 0 0 !important;
|
||||
}
|
||||
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
|
||||
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
|
||||
#window[data-radius_size="increase"] #arena > .player.fullskin2:not(.minskin):not(.unseen) > .avatar2,
|
||||
#window[data-radius_size="increase"]
|
||||
#arena
|
||||
> .player.fullskin2:not(.minskin).unseen[data-position="0"]
|
||||
> .avatar2 {
|
||||
border-radius: 0 0 16px 16px !important;
|
||||
}
|
||||
#arena > .player.fullskin2:not(.minskin) > .avatar2 {
|
||||
|
|
@ -442,60 +467,164 @@
|
|||
width: 96px;
|
||||
left: 12px;
|
||||
}
|
||||
#arena[data-player_height='default'] .timerbar>div{
|
||||
#arena[data-player_height="default"] .timerbar > div {
|
||||
top: 185px;
|
||||
}
|
||||
#arena[data-player_height='short'] .timerbar>div{
|
||||
#arena[data-player_height="short"] .timerbar > div {
|
||||
top: 165px;
|
||||
}
|
||||
#arena .player[data-position='0']>.damage.dieidentity{
|
||||
#arena .player[data-position="0"] > .damage.dieidentity {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/*--------位置(8人)------*/
|
||||
#arena[data-number='8']>.player[data-position='1']{top:calc(30% - 128px);left:calc(-300% / 94 + 4375% / 47 - 735px + 720px);}
|
||||
#arena[data-number='8']>.player[data-position='2']{top:calc(8% - 34px);left:calc(-300% / 94 + 3750% / 47 - 630px + 600px);}
|
||||
#arena[data-number='8']>.player[data-position='3']{top:0;left:calc(-300% / 94 + 3125% / 47 - 525px + 480px);}
|
||||
#arena[data-number='8']>.player[data-position='4']{top:0;left:calc(-300% / 94 + 2500% / 47 - 420px + 360px);}
|
||||
#arena[data-number='8']>.player[data-position='5']{top:0;left:calc(-300% / 94 + 1875% / 47 - 315px + 240px);}
|
||||
#arena[data-number='8']>.player[data-position='6']{top:calc(8% - 34px);left:calc(-300% / 94 + 1250% / 47 - 210px + 120px);}
|
||||
#arena[data-number='8']>.player[data-position='7']{top:calc(30% - 128px);left:calc(-300% / 94 + 625% / 47 - 105px);}
|
||||
#arena[data-number='8']>.player[data-position='0']{left:calc(-300% / 94 + 625% / 47 - 105px);}
|
||||
#arena>.player[data-position='0']{left:0;}
|
||||
#arena[data-number="8"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(-300% / 94 + 4375% / 47 - 735px + 720px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="2"] {
|
||||
top: calc(8% - 34px);
|
||||
left: calc(-300% / 94 + 3750% / 47 - 630px + 600px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(-300% / 94 + 3125% / 47 - 525px + 480px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(-300% / 94 + 2500% / 47 - 420px + 360px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="5"] {
|
||||
top: 0;
|
||||
left: calc(-300% / 94 + 1875% / 47 - 315px + 240px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="6"] {
|
||||
top: calc(8% - 34px);
|
||||
left: calc(-300% / 94 + 1250% / 47 - 210px + 120px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="7"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(-300% / 94 + 625% / 47 - 105px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="0"] {
|
||||
left: calc(-300% / 94 + 625% / 47 - 105px);
|
||||
}
|
||||
#arena > .player[data-position="0"] {
|
||||
left: 0;
|
||||
}
|
||||
@media screen and (min-width: 1105px) {
|
||||
#arena[data-number='8']>.player[data-position='1']{left:calc(100% - 120px);}
|
||||
#arena[data-number='8']>.player[data-position='2']{left:calc(500% / 6 - 100px);}
|
||||
#arena[data-number='8']>.player[data-position='3']{left:calc(400% / 6 - 80px);}
|
||||
#arena[data-number='8']>.player[data-position='4']{left:calc(300% / 6 - 60px);}
|
||||
#arena[data-number='8']>.player[data-position='5']{left:calc(200% / 6 - 40px);}
|
||||
#arena[data-number='8']>.player[data-position='6']{left:calc(100% / 6 - 20px);}
|
||||
#arena[data-number='8']>.player[data-position='7']{left:0;}
|
||||
#arena[data-number='8']>.player[data-position='0']{left:0;}
|
||||
#arena[data-number="8"] > .player[data-position="1"] {
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="2"] {
|
||||
left: calc(500% / 6 - 100px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="3"] {
|
||||
left: calc(400% / 6 - 80px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="4"] {
|
||||
left: calc(300% / 6 - 60px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="5"] {
|
||||
left: calc(200% / 6 - 40px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="6"] {
|
||||
left: calc(100% / 6 - 20px);
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="7"] {
|
||||
left: 0;
|
||||
}
|
||||
#arena[data-number="8"] > .player[data-position="0"] {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
/*--------位置(7人)------*/
|
||||
#arena[data-number='7']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
||||
#arena[data-number='7']>.player[data-position='2']{top:calc(8% - 34px);left:calc(80% - 96px);}
|
||||
#arena[data-number='7']>.player[data-position='3']{top:0;left:calc(60% - 72px);}
|
||||
#arena[data-number='7']>.player[data-position='4']{top:0;left:calc(40% - 48px);}
|
||||
#arena[data-number='7']>.player[data-position='5']{top:calc(8% - 34px);left:calc(20% - 24px);}
|
||||
#arena[data-number='7']>.player[data-position='6']{top:calc(30% - 128px);left:0;}
|
||||
#arena[data-number="7"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="7"] > .player[data-position="2"] {
|
||||
top: calc(8% - 34px);
|
||||
left: calc(80% - 96px);
|
||||
}
|
||||
#arena[data-number="7"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(60% - 72px);
|
||||
}
|
||||
#arena[data-number="7"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(40% - 48px);
|
||||
}
|
||||
#arena[data-number="7"] > .player[data-position="5"] {
|
||||
top: calc(8% - 34px);
|
||||
left: calc(20% - 24px);
|
||||
}
|
||||
#arena[data-number="7"] > .player[data-position="6"] {
|
||||
top: calc(30% - 128px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(6人)------*/
|
||||
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
||||
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
|
||||
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
|
||||
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
|
||||
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
|
||||
#arena[data-number="6"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="2"] {
|
||||
top: 0px;
|
||||
left: calc(75% - 90px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="4"] {
|
||||
top: 0px;
|
||||
left: calc(25% - 30px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="5"] {
|
||||
top: calc(30% - 128px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(5人)------*/
|
||||
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
||||
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
|
||||
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
|
||||
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
|
||||
#arena[data-number="5"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="5"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(200% / 3 - 80px);
|
||||
}
|
||||
#arena[data-number="5"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(100% / 3 - 40px);
|
||||
}
|
||||
#arena[data-number="5"] > .player[data-position="4"] {
|
||||
top: calc(30% - 128px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(4人)------*/
|
||||
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
||||
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
|
||||
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
|
||||
#arena[data-number="4"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="4"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
#arena[data-number="4"] > .player[data-position="3"] {
|
||||
top: calc(30% - 128px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(3人)------*/
|
||||
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
|
||||
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
|
||||
#arena[data-number="3"] > .player[data-position="1"] {
|
||||
top: calc(60% / 3 - 88px);
|
||||
left: calc(75% + 80px);
|
||||
}
|
||||
#arena[data-number="3"] > .player[data-position="2"] {
|
||||
top: calc(60% / 3 - 88px);
|
||||
left: calc(25% - 200px);
|
||||
}
|
||||
/*--------位置(2人)------*/
|
||||
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
|
||||
#arena[data-number="2"] > .player[data-position="1"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
#arena:not(.chess).textequip .player[data-position='0'] .equips,
|
||||
.player:not([data-position='0']) .equips,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips,
|
||||
.player:not([data-position="0"]) .equips,
|
||||
#arena.chess .player .equips {
|
||||
width: 120px;
|
||||
height: auto;
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
left: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
#arena.slim_player .player:not([data-position='0']) .equips,
|
||||
#arena.slim_player .player:not([data-position="0"]) .equips,
|
||||
#arena.chess.slim_player .player .equips {
|
||||
left: 7px;
|
||||
}
|
||||
|
|
@ -18,34 +18,33 @@
|
|||
bottom: 17px;
|
||||
}
|
||||
#arena.chess.lslim_player.slim_player .player.minskin.linked .equips {
|
||||
transform: rotate(90deg) translate(-98px,-5px) scale(0.73)
|
||||
transform: rotate(90deg) translate(-98px, -5px) scale(0.73);
|
||||
}
|
||||
#arena.uslim_player .player:not([data-position='0']) .equips,
|
||||
#arena.uslim_player .player:not([data-position="0"]) .equips,
|
||||
#arena.chess.uslim_player .player .equips {
|
||||
left: 3px;
|
||||
}
|
||||
#arena.mslim_player .player:not([data-position='0']) .equips,
|
||||
#arena.mslim_player .player:not([data-position="0"]) .equips,
|
||||
#arena.chess.mslim_player .player .equips {
|
||||
left: 5px;
|
||||
}
|
||||
.player:not([data-position='0']).minskin .equips,
|
||||
.player:not([data-position="0"]).minskin .equips,
|
||||
#arena.chess .player.minskin .equips {
|
||||
transform: scale(0.73);
|
||||
transform-origin: bottom left;
|
||||
}
|
||||
|
||||
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::after,
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::before,
|
||||
.player:not([data-position='0']) .equips>.card::after,
|
||||
.player:not([data-position='0']) .equips>.card::before,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card::after,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card::before,
|
||||
.player:not([data-position="0"]) .equips > .card::after,
|
||||
.player:not([data-position="0"]) .equips > .card::before,
|
||||
#arena.chess .player .equips > .card::after,
|
||||
#arena.chess .player .equips > .card::before {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card,
|
||||
.player:not([data-position='0']) .equips>.card,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card,
|
||||
.player:not([data-position="0"]) .equips > .card,
|
||||
#arena.chess .player .equips > .card {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
|
@ -64,7 +63,7 @@
|
|||
border-radius: 0;
|
||||
text-shadow: black 0 0 2px;
|
||||
}
|
||||
.player:not([data-position='0']) .equips>.card,
|
||||
.player:not([data-position="0"]) .equips > .card,
|
||||
#arena.chess .player .equips > .card {
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
|
|
@ -73,8 +72,8 @@
|
|||
linear-gradient(135deg, rgba(0, 0, 0, 0.5), transparent 80%, transparent) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.image,
|
||||
.player:not([data-position='0']) .equips>.card>.image,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .image,
|
||||
.player:not([data-position="0"]) .equips > .card > .image,
|
||||
#arena.chess .player .equips > .card > .image {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -95,7 +94,7 @@
|
|||
#arena.chess .player.unseen .equips>.card:first-child{
|
||||
border-image:linear-gradient(transparent,transparent);
|
||||
}*/
|
||||
.player:not([data-position='0']) .equips>.card.selected,
|
||||
.player:not([data-position="0"]) .equips > .card.selected,
|
||||
#arena.chess .player .equips > .card.selected {
|
||||
background: linear-gradient(to right, rgba(0, 133, 255, 0.3), transparent),
|
||||
linear-gradient(135deg, rgba(0, 133, 255, 0.5), transparent 80%, transparent) !important;
|
||||
|
|
@ -104,116 +103,115 @@
|
|||
border-style: solid;
|
||||
border-image: linear-gradient(to right, rgba(0, 103, 205, 0.4) 70%, transparent) 100% 0 0;
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.selected{
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.selected {
|
||||
background: linear-gradient(rgba(0, 133, 255, 0.6), rgba(0, 133, 255, 0.5)) !important;
|
||||
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 0 0 !important;
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.fire,
|
||||
.player:not([data-position='0']) .equips>.card.fire,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.fire,
|
||||
.player:not([data-position="0"]) .equips > .card.fire,
|
||||
#arena.chess .player .equips > .card.fire {
|
||||
color: rgb(255, 119, 63);
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.thunder,
|
||||
.player:not([data-position='0']) .equips>.card.thunder,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.thunder,
|
||||
.player:not([data-position="0"]) .equips > .card.thunder,
|
||||
#arena.chess .player .equips > .card.thunder {
|
||||
color: rgb(117, 186, 255);
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.poison,
|
||||
.player:not([data-position='0']) .equips>.card.poison,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.poison,
|
||||
.player:not([data-position="0"]) .equips > .card.poison,
|
||||
#arena.chess .player .equips > .card.poison {
|
||||
color: rgb(104, 221, 127);
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.brown,
|
||||
.player:not([data-position='0']) .equips>.card.brown,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card.brown,
|
||||
.player:not([data-position="0"]) .equips > .card.brown,
|
||||
#arena.chess .player .equips > .card.brown {
|
||||
color: rgb(195, 161, 223);
|
||||
}
|
||||
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.background,
|
||||
.player:not([data-position='0']) .equips>.card>.background,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .background,
|
||||
.player:not([data-position="0"]) .equips > .card > .background,
|
||||
#arena.chess .player .equips > .card > .background {
|
||||
display: none !important;
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2,
|
||||
.player:not([data-position='0']) .equips>.card>.name2,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .name2,
|
||||
.player:not([data-position="0"]) .equips > .card > .name2,
|
||||
#arena.chess .player .equips > .card > .name2 {
|
||||
display: block;
|
||||
margin-left: 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#arena.oblongcard:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{
|
||||
#arena.oblongcard:not(.chess).textequip .player[data-position="0"] .equips > .card > .name2 {
|
||||
line-height: 29px;
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>div,
|
||||
.player:not([data-position='0']) .equips>.card>div,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > div,
|
||||
.player:not([data-position="0"]) .equips > .card > div,
|
||||
#arena.chess .player .equips > .card > div {
|
||||
animation: none !important;
|
||||
-webkit-animation: none !important;
|
||||
}
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name,
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.info,
|
||||
.player:not([data-position='0']) .equips>.card>.name,
|
||||
.player:not([data-position='0']) .equips>.card>.info,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .name,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .info,
|
||||
.player:not([data-position="0"]) .equips > .card > .name,
|
||||
.player:not([data-position="0"]) .equips > .card > .info,
|
||||
#arena.chess .player .equips > .card > .name,
|
||||
#arena.chess .player .equips > .card > .info {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing,
|
||||
.player:not([data-position='0']) .equips>.removing,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .removing,
|
||||
.player:not([data-position="0"]) .equips > .removing,
|
||||
#arena.chess .player .equips > .removing {
|
||||
margin-top: -12px !important;
|
||||
margin-bottom: -11px !important;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing+.removing,
|
||||
.player:not([data-position='0']) .equips>.removing+.removing,
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .removing + .removing,
|
||||
.player:not([data-position="0"]) .equips > .removing + .removing,
|
||||
#arena.chess .player .equips > .removing + .removing {
|
||||
margin-top: -23px !important;
|
||||
}
|
||||
|
||||
|
||||
#arena:not(.textequip):not(.chess).textequip .player[data-position='0'].linked .equips,
|
||||
.player:not([data-position='0']).linked .equips,
|
||||
#arena:not(.textequip):not(.chess).textequip .player[data-position="0"].linked .equips,
|
||||
.player:not([data-position="0"]).linked .equips,
|
||||
#arena.chess .player.linked .equips {
|
||||
transform: rotate(90deg) translate(-152px, -6px);
|
||||
transform-origin: bottom left;
|
||||
}
|
||||
#arena.slim_player .player:not([data-position='0']).linked .equips,
|
||||
#arena.slim_player .player:not([data-position="0"]).linked .equips,
|
||||
#arena.chess.slim_player .player.linked .equips {
|
||||
transform: rotate(90deg) translate(-155px, -6px);
|
||||
}
|
||||
#arena.uslim_player .player:not([data-position='0']).linked .equips,
|
||||
#arena.uslim_player .player:not([data-position="0"]).linked .equips,
|
||||
#arena.chess.uslim_player .player.linked .equips {
|
||||
transform: rotate(90deg) translate(-159px, -6px);
|
||||
}
|
||||
#arena.mslim_player .player:not([data-position='0']).linked .equips,
|
||||
#arena.mslim_player .player:not([data-position="0"]).linked .equips,
|
||||
#arena.chess.mslim_player .player.linked .equips {
|
||||
transform: rotate(90deg) translate(-157px, -6px);
|
||||
}
|
||||
.player:not([data-position='0']).minskin.linked .equips,
|
||||
.player:not([data-position="0"]).minskin.linked .equips,
|
||||
#arena.chess .player.minskin.linked .equips {
|
||||
transform: rotate(90deg) translate(-92px, -6px) scale(0.73);
|
||||
}
|
||||
#arena.slim_player .player:not([data-position='0']).minskin.linked .equips,
|
||||
#arena.slim_player .player:not([data-position="0"]).minskin.linked .equips,
|
||||
#arena.chess.slim_player .player.minskin.linked .equips {
|
||||
transform: rotate(90deg) translate(-95px, -6px) scale(0.73);
|
||||
}
|
||||
#arena.uslim_player .player:not([data-position='0']).minskin.linked .equips,
|
||||
#arena.uslim_player .player:not([data-position="0"]).minskin.linked .equips,
|
||||
#arena.chess.uslim_player .player.minskin.linked .equips {
|
||||
transform: rotate(90deg) translate(-99px, -6px) scale(0.73);
|
||||
}
|
||||
#arena.mslim_player .player:not([data-position='0']).minskin.linked .equips,
|
||||
#arena.mslim_player .player:not([data-position="0"]).minskin.linked .equips,
|
||||
#arena.chess.mslim_player .player.minskin.linked .equips {
|
||||
transform: rotate(90deg) translate(-97px, -6px) scale(0.73);
|
||||
}
|
||||
.player:not([data-position='0']).linked .identity,
|
||||
.player:not([data-position="0"]).linked .identity,
|
||||
#arena.chess .player.linked .identity {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{
|
||||
#arena:not(.chess).textequip .player[data-position="0"] .equips > .card {
|
||||
border-radius: 0px !important;
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
#window.leftbar #arena:not(.chess) > #me,
|
||||
#window.leftbar #arena:not(.chess) > #mebg,
|
||||
#window.leftbar #arena:not(.chess) > #autonode,
|
||||
#window.leftbar #arena:not(.chess) .player[data-position='0']{
|
||||
#window.leftbar #arena:not(.chess) .player[data-position="0"] {
|
||||
width: calc(5000% / 47 + 2500px / 47);
|
||||
left: calc(-150% / 47 - 50px - 75px / 47);
|
||||
}
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
#window.rightbar #arena:not(.chess) > #me,
|
||||
#window.rightbar #arena:not(.chess) > #mebg,
|
||||
#window.rightbar #arena:not(.chess) > #autonode,
|
||||
#window.rightbar #arena:not(.chess) .player[data-position='0']{
|
||||
#window.rightbar #arena:not(.chess) .player[data-position="0"] {
|
||||
width: calc(5000% / 47 + 2500px / 47);
|
||||
left: calc(-150% / 47 - 75px / 47);
|
||||
}
|
||||
|
|
@ -97,33 +97,33 @@
|
|||
width: 120px;
|
||||
border-radius: 0px;
|
||||
}*/
|
||||
#arena:not(.chess) .player[data-position='0'].playerfocus{
|
||||
#arena:not(.chess) .player[data-position="0"].playerfocus {
|
||||
transform: scale(1);
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) {
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
margin: 0;
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name{
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .name {
|
||||
display: block;
|
||||
transform: scale(0.43) !important;
|
||||
transform-origin: left top;
|
||||
left: 2px;
|
||||
top: 3px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name.long{
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .name.long {
|
||||
top: 2px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.info{
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > div:not(.equip5) > .info {
|
||||
display: block;
|
||||
transform: scale(0.43) !important;
|
||||
transform-origin: right top;
|
||||
|
|
@ -139,16 +139,16 @@
|
|||
left: -20%;
|
||||
top: 0%;
|
||||
}*/
|
||||
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.legend{
|
||||
#arena:not(.chess):not(.textequip) .player[data-position="0"] > .equips > div.legend {
|
||||
border: 1px solid rgb(192, 90, 255);
|
||||
}
|
||||
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.epic{
|
||||
#arena:not(.chess):not(.textequip) .player[data-position="0"] > .equips > div.epic {
|
||||
border: 1px solid rgb(90, 171, 255);
|
||||
}
|
||||
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5{
|
||||
#arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
|
||||
border-radius: 100%;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']{
|
||||
#arena:not(.chess) .player[data-position="0"] {
|
||||
width: calc(5000% / 47);
|
||||
left: calc(-150% / 47);
|
||||
height: 120px;
|
||||
|
|
@ -158,28 +158,28 @@
|
|||
border-radius: 0 !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.turned{
|
||||
#arena:not(.chess) .player[data-position="0"] > .turned {
|
||||
width: 120px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.chain{
|
||||
width: 120px
|
||||
#arena:not(.chess) .player[data-position="0"] > .chain {
|
||||
width: 120px;
|
||||
}
|
||||
#arena.oblongcard:not(.chess) .player[data-position='0']{
|
||||
#arena.oblongcard:not(.chess) .player[data-position="0"] {
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
#arena:not(.chess) .player[data-position='0'].linked>.damage{
|
||||
#arena:not(.chess) .player[data-position="0"].linked > .damage {
|
||||
transform: scale(0.7) rotate(0);
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0'].linked>.damage.damageadded{
|
||||
#arena:not(.chess) .player[data-position="0"].linked > .damage.damageadded {
|
||||
transform: scale(1) rotate(0);
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']:not(.selected):not(.selectedx):not(.selectable):not(.glow){
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.selected):not(.selectedx):not(.selectable):not(.glow) {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .avatar,
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .avatar2,
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .equips {
|
||||
width: 120px;
|
||||
height: 100%;
|
||||
border-radius: 0px !important;
|
||||
|
|
@ -195,106 +195,121 @@
|
|||
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
|
||||
-webkit-clip-path: none;
|
||||
}*/
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.identity{
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .identity {
|
||||
pointer-events: auto;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.judges,
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.marks{
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .judges,
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .marks {
|
||||
pointer-events: auto;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .equips {
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip1{top: 10px;left: 10px;}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip2{top: 10px;right: 10px;}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip3{bottom: 10px;left: 10px;}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip4{bottom: 10px;right: 10px;}
|
||||
#arena:not(.chess) .player[data-position='0']>.equips>.equip6{bottom: 10px;right: 10px;}
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > .equip1 {
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > .equip2 {
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > .equip3 {
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > .equip4 {
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position="0"] > .equips > .equip6 {
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
#arena:not(.chess) .player[data-position='0']>.name,
|
||||
#arena:not(.chess) .player[data-position='0'].linked>.name{
|
||||
#arena:not(.chess) .player[data-position="0"] > .name,
|
||||
#arena:not(.chess) .player[data-position="0"].linked > .name {
|
||||
left: 4px;
|
||||
top: 10px;
|
||||
transform: none;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.nameol{
|
||||
#arena:not(.chess) .player[data-position="0"] > .nameol {
|
||||
display: none;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.name.name2,
|
||||
#arena:not(.chess) .player[data-position='0'].linked>.name.name2{
|
||||
#arena:not(.chess) .player[data-position="0"] > .name.name2,
|
||||
#arena:not(.chess) .player[data-position="0"].linked > .name.name2 {
|
||||
left: 69px;
|
||||
}
|
||||
#arena:not(.chess):not(.stone) .player[data-position='0']>.identity{
|
||||
#arena:not(.chess):not(.stone) .player[data-position="0"] > .identity {
|
||||
left: 0;
|
||||
width: 130px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.damage{
|
||||
#arena:not(.chess) .player[data-position="0"] > .damage {
|
||||
width: 120px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0'].target{
|
||||
#arena:not(.chess) .player[data-position="0"].target {
|
||||
transform: none !important;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.hp:not(.actcount){
|
||||
#arena:not(.chess) .player[data-position="0"] > .hp:not(.actcount) {
|
||||
bottom: 5px;
|
||||
left: 100px;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.count{
|
||||
#arena:not(.chess) .player[data-position="0"]:not(.minskin) > .count {
|
||||
bottom: 10px;
|
||||
border-radius: 0 2px 2px 0;
|
||||
left: -1px;
|
||||
z-index: 3;
|
||||
text-align: right;
|
||||
}
|
||||
#arena:not(.chess).slim_player .player[data-position='0']:not(.minskin)>.count{
|
||||
#arena:not(.chess).slim_player .player[data-position="0"]:not(.minskin) > .count {
|
||||
border-radius: 0 2px 2px 0;
|
||||
left: -1px;
|
||||
z-index: 3;
|
||||
text-align: right;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.hp.actcount{
|
||||
#arena:not(.chess) .player[data-position="0"] > .hp.actcount {
|
||||
top: 10px;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar,
|
||||
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
|
||||
#arena:not(.chess) .player.fullskin2[data-position="0"]:not(.minskin) > .avatar,
|
||||
#arena:not(.chess) .player.fullskin2[data-position="0"]:not(.minskin) > .avatar2 {
|
||||
width: 60px;
|
||||
background-position: 50%;
|
||||
}
|
||||
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
|
||||
#arena:not(.chess) .player.fullskin2[data-position="0"]:not(.minskin) > .avatar2 {
|
||||
left: 60px;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.popup[data-position='0']{
|
||||
.popup[data-position="0"] {
|
||||
top: calc(100% - 187px);
|
||||
left: calc(-150% / 47 + 15px);
|
||||
}
|
||||
|
||||
#arena:not(.chess) .player[data-position='0']>.judges{
|
||||
#arena:not(.chess) .player[data-position="0"] > .judges {
|
||||
left: 6px;
|
||||
top: -16px;
|
||||
transform: none;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0']>.marks {
|
||||
#arena:not(.chess) .player[data-position="0"] > .marks {
|
||||
right: -6px;
|
||||
left: auto;
|
||||
top: -16px;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
#arena:not(.chess) .player[data-position='0'].linked{
|
||||
#arena:not(.chess) .player[data-position="0"].linked {
|
||||
transform: none;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0'].linked .avatar,
|
||||
#arena:not(.chess) .player[data-position='0'].linked .avatar2{
|
||||
#arena:not(.chess) .player[data-position="0"].linked .avatar,
|
||||
#arena:not(.chess) .player[data-position="0"].linked .avatar2 {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar{
|
||||
#arena:not(.chess) .player[data-position="0"].fullskin2 .avatar {
|
||||
transform-origin: right center;
|
||||
}
|
||||
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar2{
|
||||
#arena:not(.chess) .player[data-position="0"].fullskin2 .avatar2 {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
|
|
@ -317,30 +332,27 @@
|
|||
clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
|
||||
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
|
||||
}
|
||||
#window[data-radius_size='increase'] #me>.fakeme.avatar,
|
||||
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
|
||||
#window[data-radius_size="increase"] #me > .fakeme.avatar,
|
||||
#window[data-radius_size="reduce"] #me > .fakeme.avatar {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip1,
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip2{
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip1,
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip2 {
|
||||
top: 20px;
|
||||
}
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip3,
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip4,
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip6{
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip3,
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip4,
|
||||
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position="0"] > .equips > .equip6 {
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position='0'] .equips>.removing{
|
||||
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position="0"] .equips > .removing {
|
||||
margin-top: -14px !important;
|
||||
margin-bottom: -14px !important;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
#arena.mobile.oblongcard:not(.chess) #handcards1 {
|
||||
height: 100%;
|
||||
top: 2px;
|
||||
|
|
@ -356,7 +368,6 @@
|
|||
background-position-x: -3px;
|
||||
}
|
||||
|
||||
|
||||
#arena.phone.oblongcard:not(.chess):not(.nome) {
|
||||
height: calc(97% + 10px);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,15 +9,15 @@
|
|||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
#window[data-radius_size='reduce'] #bosslist>.player {
|
||||
#window[data-radius_size="reduce"] #bosslist > .player {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#window[data-radius_size='off'] #bosslist>.player {
|
||||
#window[data-radius_size="off"] #bosslist > .player {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#window[data-radius_size='increase'] #bosslist>.player {
|
||||
#window[data-radius_size="increase"] #bosslist > .player {
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -25,14 +25,14 @@
|
|||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#window[data-player_border='normal'] #bosslist>.player>.avatar {
|
||||
#window[data-player_border="normal"] #bosslist > .player > .avatar {
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
width: 164px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
#window[data-player_border='slim'] #bosslist>.player>.avatar {
|
||||
#window[data-player_border="slim"] #bosslist > .player > .avatar {
|
||||
left: 4px;
|
||||
top: 4px;
|
||||
width: 172px;
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
}
|
||||
|
||||
.dialog.bosscharacter .buttons .button:not(.selectable) {
|
||||
opacity: 0.6
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.player.bossplayer.bossing {
|
||||
|
|
|
|||
|
|
@ -69,7 +69,9 @@
|
|||
#handcards2 {
|
||||
display: none;
|
||||
}
|
||||
#mebg,#me,#autonode{
|
||||
#mebg,
|
||||
#me,
|
||||
#autonode {
|
||||
height: 120px;
|
||||
}
|
||||
#window:not(.nopointer) .dialog.pointerbutton .buttons .button:not(.unselectable) {
|
||||
|
|
@ -91,13 +93,13 @@
|
|||
height: calc(50% - 20px);
|
||||
max-height: 240px;
|
||||
}
|
||||
#window[data-radius_size='reduce']>.dialog{
|
||||
#window[data-radius_size="reduce"] > .dialog {
|
||||
border-radius: 4px;
|
||||
}
|
||||
#window[data-radius_size='off']>.dialog{
|
||||
#window[data-radius_size="off"] > .dialog {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#window[data-radius_size='increase']>.dialog{
|
||||
#window[data-radius_size="increase"] > .dialog {
|
||||
border-radius: 16px;
|
||||
}
|
||||
#arena > .dialog.slim:not(.center) {
|
||||
|
|
@ -116,8 +118,8 @@
|
|||
border-radius: 0px !important;
|
||||
top: 0;
|
||||
}
|
||||
#window[data-radius_size='increase'] .fakeme,
|
||||
#window[data-radius_size='reduce'] .fakeme{
|
||||
#window[data-radius_size="increase"] .fakeme,
|
||||
#window[data-radius_size="reduce"] .fakeme {
|
||||
border-radius: 0px;
|
||||
}
|
||||
.fakeme.avatar {
|
||||
|
|
@ -191,21 +193,22 @@
|
|||
-webkit-animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.player.playergrid,.player.obstacle{
|
||||
.player.playergrid,
|
||||
.player.obstacle {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
#window[data-radius_size='reduce'] .player.playergrid,
|
||||
#window[data-radius_size='reduce'] .player.obstacle{
|
||||
#window[data-radius_size="reduce"] .player.playergrid,
|
||||
#window[data-radius_size="reduce"] .player.obstacle {
|
||||
border-radius: 4px;
|
||||
}
|
||||
#window[data-radius_size='off'] .player.playergrid,
|
||||
#window[data-radius_size='off'] .player.obstacle{
|
||||
#window[data-radius_size="off"] .player.playergrid,
|
||||
#window[data-radius_size="off"] .player.obstacle {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#window[data-radius_size='increase'] .player.playergrid,
|
||||
#window[data-radius_size='increase'] .player.obstacle{
|
||||
#window[data-radius_size="increase"] .player.playergrid,
|
||||
#window[data-radius_size="increase"] .player.obstacle {
|
||||
border-radius: 16px;
|
||||
}
|
||||
.player.playerblank {
|
||||
|
|
@ -220,7 +223,7 @@
|
|||
rgba(0, 0, 0, 0.1) 20px
|
||||
);
|
||||
}
|
||||
#window .player.obstacle[data-obscolor='blue']{
|
||||
#window .player.obstacle[data-obscolor="blue"] {
|
||||
background: repeating-linear-gradient(
|
||||
135deg,
|
||||
rgba(0, 64, 162, 0.4),
|
||||
|
|
@ -248,7 +251,7 @@
|
|||
right: 0;
|
||||
}
|
||||
.button.forbidden {
|
||||
opacity:0.6
|
||||
opacity: 0.6;
|
||||
}
|
||||
#arena.leaderhide > *:not(canvas) {
|
||||
opacity: 0 !important;
|
||||
|
|
@ -283,7 +286,7 @@
|
|||
opacity: 1 !important;
|
||||
}
|
||||
.button .intro.showintro.tafang {
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 20px;
|
||||
top: 66px;
|
||||
right: 5px;
|
||||
|
|
@ -310,7 +313,6 @@ br.finish_game{
|
|||
display: none;
|
||||
}
|
||||
|
||||
|
||||
#arena.chess.slim_player.lslim_player .player.minskin:not(.fakeme) > .avatar:not(.fakeme) {
|
||||
left: 5px;
|
||||
top: 5px;
|
||||
|
|
@ -323,7 +325,6 @@ br.finish_game{
|
|||
top: 14px;
|
||||
}
|
||||
|
||||
|
||||
#window.rightbar #system,
|
||||
#window.leftbar #system {
|
||||
width: calc(100% - 62px);
|
||||
|
|
|
|||
|
|
@ -1,124 +1,124 @@
|
|||
#arena.stone>.player.minskin[data-position='4'] {
|
||||
#arena.stone > .player.minskin[data-position="4"] {
|
||||
top: calc(100% - 305px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='4'] {
|
||||
#arena.stone > .card[data-position="4"] {
|
||||
top: calc(100% - 297px);
|
||||
left: calc(100% - 112px);
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='4'] {
|
||||
#arena.stone > .popup[data-position="4"] {
|
||||
top: calc(100% - 340px);
|
||||
left: calc(100% - 112px);
|
||||
}
|
||||
|
||||
#arena.stone>.player.minskin[data-position='6'] {
|
||||
#arena.stone > .player.minskin[data-position="6"] {
|
||||
top: calc(100% - 305px);
|
||||
left: calc(100% - 260px);
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='6'] {
|
||||
#arena.stone > .card[data-position="6"] {
|
||||
top: calc(100% - 297px);
|
||||
left: calc(100% - 252px);
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='6'] {
|
||||
#arena.stone > .popup[data-position="6"] {
|
||||
top: calc(100% - 340px);
|
||||
left: calc(100% - 252px);
|
||||
}
|
||||
|
||||
#arena.stone>.player.minskin[data-position='7'] {
|
||||
#arena.stone > .player.minskin[data-position="7"] {
|
||||
top: calc(100% - 305px);
|
||||
left: 140px;
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='7'] {
|
||||
#arena.stone > .card[data-position="7"] {
|
||||
top: calc(100% - 297px);
|
||||
left: 148px;
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='7'] {
|
||||
#arena.stone > .popup[data-position="7"] {
|
||||
top: calc(100% - 340px);
|
||||
left: 148px;
|
||||
}
|
||||
|
||||
#arena.stone>.player.minskin[data-position='5'] {
|
||||
#arena.stone > .player.minskin[data-position="5"] {
|
||||
top: calc(100% - 305px);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='5'] {
|
||||
#arena.stone > .card[data-position="5"] {
|
||||
top: calc(100% - 297px);
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='5'] {
|
||||
#arena.stone > .popup[data-position="5"] {
|
||||
top: calc(100% - 340px);
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
#arena.stone>.player.minskin[data-position='9'] {
|
||||
#arena.stone > .player.minskin[data-position="9"] {
|
||||
top: 30px;
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='9'] {
|
||||
#arena.stone > .card[data-position="9"] {
|
||||
top: 38px;
|
||||
left: calc(100% - 112px);
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='9'] {
|
||||
#arena.stone > .popup[data-position="9"] {
|
||||
top: 160px;
|
||||
left: calc(100% - 112px);
|
||||
}
|
||||
|
||||
#arena.stone>.player.minskin[data-position='11'] {
|
||||
#arena.stone > .player.minskin[data-position="11"] {
|
||||
top: 10px;
|
||||
left: calc(100% - 260px);
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='11'] {
|
||||
#arena.stone > .card[data-position="11"] {
|
||||
top: 18px;
|
||||
left: calc(100% - 252px);
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='11'] {
|
||||
#arena.stone > .popup[data-position="11"] {
|
||||
top: 140px;
|
||||
left: calc(100% - 252px);
|
||||
}
|
||||
|
||||
#arena.stone>.player.minskin[data-position='10'] {
|
||||
#arena.stone > .player.minskin[data-position="10"] {
|
||||
top: 10px;
|
||||
left: 140px;
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='10'] {
|
||||
#arena.stone > .card[data-position="10"] {
|
||||
top: 18px;
|
||||
left: 148px;
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='10'] {
|
||||
#arena.stone > .popup[data-position="10"] {
|
||||
top: 140px;
|
||||
left: 148px;
|
||||
}
|
||||
|
||||
#arena.stone>.player.minskin[data-position='8'] {
|
||||
#arena.stone > .player.minskin[data-position="8"] {
|
||||
top: 30px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#arena.stone>.card[data-position='8'] {
|
||||
#arena.stone > .card[data-position="8"] {
|
||||
top: 38px;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
#arena.stone>.popup[data-position='8'] {
|
||||
#arena.stone > .popup[data-position="8"] {
|
||||
top: 160px;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
#arena:not(.chess).mobile>.player[data-position='0']>.name {
|
||||
#arena:not(.chess).mobile > .player[data-position="0"] > .name {
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
|
|
@ -165,7 +165,7 @@
|
|||
/*z-index: 4;*/
|
||||
/* } */
|
||||
|
||||
#arena:not(.chess).mobile .player[data-position='0']:not(.minskin)>.identity {
|
||||
#arena:not(.chess).mobile .player[data-position="0"]:not(.minskin) > .identity {
|
||||
left: 100px;
|
||||
top: -7px;
|
||||
}
|
||||
|
|
@ -260,7 +260,7 @@
|
|||
text-align: left;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
border-radius: 40px 4px 4px 40px;
|
||||
background-size: cover;
|
||||
white-space: nowrap;
|
||||
|
|
@ -390,7 +390,7 @@
|
|||
height: 100%;
|
||||
left: calc(50% - 50px);
|
||||
text-align: center;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 24px;
|
||||
line-height: 50px;
|
||||
margin: 0;
|
||||
|
|
@ -429,86 +429,85 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/*#arena>.skillbar>.skillbartext:hover{
|
||||
opacity: 1;
|
||||
}*/
|
||||
@keyframes skillbarglow {
|
||||
0% {
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px;
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px,
|
||||
rgba(255, 0, 0, 0.4) 0 0 12px, rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px, rgba(255, 0, 0, 0.4) 0 0 12px,
|
||||
rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes skillbarglow {
|
||||
0% {
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px;
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px,
|
||||
rgba(255, 0, 0, 0.4) 0 0 12px, rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px, rgba(255, 0, 0, 0.4) 0 0 12px,
|
||||
rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
div[data-career='mage'] {
|
||||
background-image: url('../../image/mode/stone/career/mage.png');
|
||||
div[data-career="mage"] {
|
||||
background-image: url("../../image/mode/stone/career/mage.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='druid'] {
|
||||
background-image: url('../../image/mode/stone/career/druid.png');
|
||||
div[data-career="druid"] {
|
||||
background-image: url("../../image/mode/stone/career/druid.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='hunter'] {
|
||||
background-image: url('../../image/mode/stone/career/hunter.png');
|
||||
div[data-career="hunter"] {
|
||||
background-image: url("../../image/mode/stone/career/hunter.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='shaman'] {
|
||||
background-image: url('../../image/mode/stone/career/shaman.png');
|
||||
div[data-career="shaman"] {
|
||||
background-image: url("../../image/mode/stone/career/shaman.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='paladin'] {
|
||||
background-image: url('../../image/mode/stone/career/paladin.png');
|
||||
div[data-career="paladin"] {
|
||||
background-image: url("../../image/mode/stone/career/paladin.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='rogue'] {
|
||||
background-image: url('../../image/mode/stone/career/rogue.png');
|
||||
div[data-career="rogue"] {
|
||||
background-image: url("../../image/mode/stone/career/rogue.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='priest'] {
|
||||
background-image: url('../../image/mode/stone/career/priest.png');
|
||||
div[data-career="priest"] {
|
||||
background-image: url("../../image/mode/stone/career/priest.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='warrior'] {
|
||||
background-image: url('../../image/mode/stone/career/warrior.png');
|
||||
div[data-career="warrior"] {
|
||||
background-image: url("../../image/mode/stone/career/warrior.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='warlock'] {
|
||||
background-image: url('../../image/mode/stone/career/warlock.png');
|
||||
div[data-career="warlock"] {
|
||||
background-image: url("../../image/mode/stone/career/warlock.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div[data-career='knight'] {
|
||||
background-image: url('../../image/mode/stone/career/knight.png');
|
||||
div[data-career="knight"] {
|
||||
background-image: url("../../image/mode/stone/career/knight.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
|
@ -68,12 +68,13 @@
|
|||
text-align: center;
|
||||
font-size: 80px;
|
||||
line-height: 80px;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
opacity: 0.8;
|
||||
}
|
||||
.storyscene > .scene:not(.unselectable) > .mask {
|
||||
display: none;
|
||||
}.storyscene>.scene.unselectable>.name{
|
||||
}
|
||||
.storyscene > .scene.unselectable > .name {
|
||||
/*display: none;*/
|
||||
}
|
||||
.storyscene > .scene.flipped {
|
||||
|
|
@ -100,7 +101,7 @@
|
|||
/*transform: rotateY(-180deg);*/
|
||||
border-radius: 16px !important;
|
||||
z-index: 2;
|
||||
font-family: 'xinwei'
|
||||
font-family: "xinwei";
|
||||
}
|
||||
.storyscene > .scene > .menu {
|
||||
width: 100%;
|
||||
|
|
@ -139,7 +140,7 @@
|
|||
width: calc(100% - 32px);
|
||||
height: 100%;
|
||||
font-size: 24px;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -208,7 +209,7 @@
|
|||
line-height: 24px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@
|
|||
text-align: center;
|
||||
font-size: 80px;
|
||||
line-height: 80px;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
opacity: 0.8;
|
||||
}
|
||||
.storyscene > .scene:not(.unselectable) > .mask {
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
/*transform: rotateY(-180deg);*/
|
||||
border-radius: 16px !important;
|
||||
z-index: 2;
|
||||
font-family: 'xinwei'
|
||||
font-family: "xinwei";
|
||||
}
|
||||
.storyscene > .scene > .menu {
|
||||
width: 100%;
|
||||
|
|
@ -141,7 +141,7 @@
|
|||
width: calc(100% - 32px);
|
||||
height: 100%;
|
||||
font-size: 24px;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -211,7 +211,7 @@
|
|||
line-height: 24px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
font-family: 'xinwei';
|
||||
font-family: "xinwei";
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -52,13 +52,19 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.player.unseen .equips > .card {
|
||||
background: none;
|
||||
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
|
||||
}
|
||||
.player.unseen .equips > .card {
|
||||
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
|
||||
border-image: linear-gradient(
|
||||
to right,
|
||||
transparent,
|
||||
rgba(0, 0, 0, 0.4) 10%,
|
||||
rgba(0, 0, 0, 0.4) 70%,
|
||||
transparent
|
||||
)
|
||||
100% 0 0;
|
||||
}
|
||||
.player.unseen .equips > .card:first-child {
|
||||
border-image: linear-gradient(transparent, transparent);
|
||||
|
|
@ -84,7 +90,6 @@
|
|||
color: rgb(195, 161, 223);
|
||||
}
|
||||
|
||||
|
||||
.equips > .card > .background {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
@ -102,7 +107,6 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.equips > .removing {
|
||||
margin-top: -12px !important;
|
||||
margin-bottom: -11px !important;
|
||||
|
|
@ -112,7 +116,6 @@
|
|||
margin-top: -23px !important;
|
||||
}
|
||||
|
||||
|
||||
.player.linked .equips {
|
||||
transform: rotate(90deg) translate(-152px, -6px);
|
||||
transform-origin: bottom left;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
left: 7px;
|
||||
top: 7px;
|
||||
}
|
||||
#window[data-player_border='slim']>.player:not(.minskin):not(.fakeme).connect>.avatar{
|
||||
#window[data-player_border="slim"] > .player:not(.minskin):not(.fakeme).connect > .avatar {
|
||||
width: 142px;
|
||||
height: 172px;
|
||||
left: 4px;
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
top: 5px;
|
||||
}
|
||||
#arena:not(.mobile).uslim_player .player:not(.minskin):not(.fakeme) .avatar,
|
||||
#arena.mobile.uslim_player .player:not(.minskin):not(.fakeme):not(*[data-position='0']) .avatar{
|
||||
#arena.mobile.uslim_player .player:not(.minskin):not(.fakeme):not(*[data-position="0"]) .avatar {
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
|
||||
}
|
||||
#window > .player.minskin > .avatar {
|
||||
|
|
@ -131,22 +131,22 @@
|
|||
.player.fullskin2 .avatar {
|
||||
border-radius: 8px 0 0 8px;
|
||||
}
|
||||
#window[data-radius_size='reduce'] .player.fullskin2 .avatar{
|
||||
#window[data-radius_size="reduce"] .player.fullskin2 .avatar {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
#window[data-radius_size='off'] .player.fullskin2 .avatar{
|
||||
#window[data-radius_size="off"] .player.fullskin2 .avatar {
|
||||
border-radius: 0 0 0 0;
|
||||
}
|
||||
#window[data-radius_size='increase'] .player.fullskin2 .avatar{
|
||||
#window[data-radius_size="increase"] .player.fullskin2 .avatar {
|
||||
border-radius: 16px 0 0 16px;
|
||||
}
|
||||
#window[data-radius_size='reduce'] .player.fullskin2 .avatar2{
|
||||
#window[data-radius_size="reduce"] .player.fullskin2 .avatar2 {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
#window[data-radius_size='off'] .player.fullskin2 .avatar2{
|
||||
#window[data-radius_size="off"] .player.fullskin2 .avatar2 {
|
||||
border-radius: 0 0 0 0;
|
||||
}
|
||||
#window[data-radius_size='increase'] .player.fullskin2 .avatar2{
|
||||
#window[data-radius_size="increase"] .player.fullskin2 .avatar2 {
|
||||
border-radius: 0 16px 16px 0;
|
||||
}
|
||||
.player.fullskin2 .avatar2 {
|
||||
|
|
@ -224,7 +224,7 @@
|
|||
left: 91px;
|
||||
}
|
||||
.player .hp.text {
|
||||
font-family:'xinwei';
|
||||
font-family: "xinwei";
|
||||
/*font-size:22px;*/
|
||||
transform: none;
|
||||
transition: all 0s;
|
||||
|
|
@ -241,7 +241,7 @@
|
|||
max-height: 160px;
|
||||
}
|
||||
#arena.slim_player .player .hp.long {
|
||||
bottom:9px
|
||||
bottom: 9px;
|
||||
}
|
||||
.player .hp.long > div:first-child {
|
||||
margin-top: 7px;
|
||||
|
|
@ -270,9 +270,9 @@
|
|||
z-index: 3;
|
||||
}
|
||||
|
||||
#arena.mobile.uslim_player .player:not([data-position='0'])>.count,
|
||||
#arena.mobile.mslim_player .player:not([data-position='0'])>.count,
|
||||
#arena.mobile.lslim_player .player:not([data-position='0'])>.count,
|
||||
#arena.mobile.uslim_player .player:not([data-position="0"]) > .count,
|
||||
#arena.mobile.mslim_player .player:not([data-position="0"]) > .count,
|
||||
#arena.mobile.lslim_player .player:not([data-position="0"]) > .count,
|
||||
#arena.mobile.uslim_player.chess .player > .count,
|
||||
#arena.mobile.mslim_player.chess .player > .count,
|
||||
#arena.mobile.lslim_player.chess .player > .count,
|
||||
|
|
@ -334,20 +334,34 @@
|
|||
.player.linked > .marks {
|
||||
transform: rotate(90deg) translateX(10px);
|
||||
}
|
||||
#arena[data-target_shake='shake'] .linked.target{transform: rotate(-93deg);}
|
||||
#arena[data-target_shake='shake'] .linked.target2{transform: rotate(-87deg);}
|
||||
|
||||
#arena[data-target_shake='zoom'] .linked.target,
|
||||
#arena[data-target_shake='zoom'] .linked.target2{transform: scale(1.03) rotate(-90deg);}
|
||||
#arena[data-target_shake="shake"] .linked.target {
|
||||
transform: rotate(-93deg);
|
||||
}
|
||||
#arena[data-target_shake="shake"] .linked.target2 {
|
||||
transform: rotate(-87deg);
|
||||
}
|
||||
|
||||
#arena[data-target_shake="zoom"] .linked.target,
|
||||
#arena[data-target_shake="zoom"] .linked.target2 {
|
||||
transform: scale(1.03) rotate(-90deg);
|
||||
}
|
||||
|
||||
.player.acted.linked .identity {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
.linked>.avatar,.linked>.avatar2{transform:rotate(0deg);}
|
||||
.linked>.avatar2{top:73px;}
|
||||
.linked>.identity{top: -5px;}
|
||||
.linked>.count{right: auto;}
|
||||
.linked > .avatar,
|
||||
.linked > .avatar2 {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
.linked > .avatar2 {
|
||||
top: 73px;
|
||||
}
|
||||
.linked > .identity {
|
||||
top: -5px;
|
||||
}
|
||||
.linked > .count {
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.player.linked > .name {
|
||||
transform-origin: top center;
|
||||
|
|
@ -359,116 +373,413 @@
|
|||
/*--------位置(n人)------*/
|
||||
|
||||
/*--------位置(8人)------*/
|
||||
[data-number='8']>.player[data-position='1']{top:calc(200% / 3 - 160px);left:calc(100% - 150px);}
|
||||
[data-number='8']>.player[data-position='2']{top:calc(100% / 3 - 170px);left:calc(100% - 150px);}
|
||||
[data-number='8']>.player[data-position='3']{top:0;left:calc(75% - 112.5px);}
|
||||
[data-number='8']>.player[data-position='4']{top:0;left:calc(50% - 75px);}
|
||||
[data-number='8']>.player[data-position='5']{top:0;left:calc(25% - 37.5px);}
|
||||
[data-number='8']>.player[data-position='6']{top:calc(100% / 3 - 170px);left:0;}
|
||||
[data-number='8']>.player[data-position='7']{top:calc(200% / 3 - 160px);left:0;}
|
||||
[data-number='8']>.card[data-position='1']{top:calc(200% / 3 - 122px);left:calc(100% - 127px);}
|
||||
[data-number='8']>.card[data-position='2']{top:calc(100% / 3 - 132px);left:calc(100% - 127px);}
|
||||
[data-number='8']>.card[data-position='3']{top:38px;left:calc(75% - 89.5px);}
|
||||
[data-number='8']>.card[data-position='4']{top:38px;left:calc(50% - 52px);}
|
||||
[data-number='8']>.card[data-position='5']{top:38px;left:calc(25% - 14.5px);}
|
||||
[data-number='8']>.card[data-position='6']{top:calc(100% / 3 - 132px);left:23px;}
|
||||
[data-number='8']>.card[data-position='7']{top:calc(200% / 3 - 122px);left:23px;}
|
||||
[data-number='8']>.popup[data-position='1']{top:calc(200% / 3 - 150px);left:calc(100% - 186px);}
|
||||
[data-number='8']>.popup[data-position='2']{top:calc(100% / 3 - 160px);left:calc(100% - 186px);}
|
||||
[data-number='8']>.popup[data-position='3']{top:190px;left:calc(75% + 10.5px);}
|
||||
[data-number='8']>.popup[data-position='4']{top:190px;left:calc(50% - 61px);}
|
||||
[data-number='8']>.popup[data-position='5']{top:190px;left:calc(25% - 37.5px);}
|
||||
[data-number='8']>.popup[data-position='6']{top:calc(100% / 3 - 160px);left:160px;}
|
||||
[data-number='8']>.popup[data-position='7']{top:calc(200% / 3 - 150px);left:160px;}
|
||||
[data-number="8"] > .player[data-position="1"] {
|
||||
top: calc(200% / 3 - 160px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="2"] {
|
||||
top: calc(100% / 3 - 170px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(75% - 112.5px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(50% - 75px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="5"] {
|
||||
top: 0;
|
||||
left: calc(25% - 37.5px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="6"] {
|
||||
top: calc(100% / 3 - 170px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="8"] > .player[data-position="7"] {
|
||||
top: calc(200% / 3 - 160px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="8"] > .card[data-position="1"] {
|
||||
top: calc(200% / 3 - 122px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="8"] > .card[data-position="2"] {
|
||||
top: calc(100% / 3 - 132px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="8"] > .card[data-position="3"] {
|
||||
top: 38px;
|
||||
left: calc(75% - 89.5px);
|
||||
}
|
||||
[data-number="8"] > .card[data-position="4"] {
|
||||
top: 38px;
|
||||
left: calc(50% - 52px);
|
||||
}
|
||||
[data-number="8"] > .card[data-position="5"] {
|
||||
top: 38px;
|
||||
left: calc(25% - 14.5px);
|
||||
}
|
||||
[data-number="8"] > .card[data-position="6"] {
|
||||
top: calc(100% / 3 - 132px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="8"] > .card[data-position="7"] {
|
||||
top: calc(200% / 3 - 122px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="8"] > .popup[data-position="1"] {
|
||||
top: calc(200% / 3 - 150px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="8"] > .popup[data-position="2"] {
|
||||
top: calc(100% / 3 - 160px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="8"] > .popup[data-position="3"] {
|
||||
top: 190px;
|
||||
left: calc(75% + 10.5px);
|
||||
}
|
||||
[data-number="8"] > .popup[data-position="4"] {
|
||||
top: 190px;
|
||||
left: calc(50% - 61px);
|
||||
}
|
||||
[data-number="8"] > .popup[data-position="5"] {
|
||||
top: 190px;
|
||||
left: calc(25% - 37.5px);
|
||||
}
|
||||
[data-number="8"] > .popup[data-position="6"] {
|
||||
top: calc(100% / 3 - 160px);
|
||||
left: 160px;
|
||||
}
|
||||
[data-number="8"] > .popup[data-position="7"] {
|
||||
top: calc(200% / 3 - 150px);
|
||||
left: 160px;
|
||||
}
|
||||
/*--------位置(7人)------*/
|
||||
[data-number='7']>.player[data-position='1']{top:calc(200% / 3 - 160px);left:calc(100% - 150px);}
|
||||
[data-number='7']>.player[data-position='2']{top:calc(100% / 3 - 170px);left:calc(100% - 150px);}
|
||||
[data-number='7']>.player[data-position='3']{top:0;left:calc(62.5% - 75px);}
|
||||
[data-number='7']>.player[data-position='4']{top:0;left:calc(37.5% - 75px);}
|
||||
[data-number='7']>.player[data-position='5']{top:calc(100% / 3 - 170px);left:0;}
|
||||
[data-number='7']>.player[data-position='6']{top:calc(200% / 3 - 160px);left:0;}
|
||||
[data-number='7']>.card[data-position='1']{top:calc(200% / 3 - 122px);left:calc(100% - 127px);}
|
||||
[data-number='7']>.card[data-position='2']{top:calc(100% / 3 - 132px);left:calc(100% - 127px);}
|
||||
[data-number='7']>.card[data-position='3']{top:38px;left:calc(62.5% - 52px);}
|
||||
[data-number='7']>.card[data-position='4']{top:38px;left:calc(37.5% - 52px);}
|
||||
[data-number='7']>.card[data-position='5']{top:calc(100% / 3 - 132px);left:23px;}
|
||||
[data-number='7']>.card[data-position='6']{top:calc(200% / 3 - 122px);left:23px;}
|
||||
[data-number='7']>.popup[data-position='1']{top:calc(200% / 3 - 150px);left:calc(100% - 186px);}
|
||||
[data-number='7']>.popup[data-position='2']{top:calc(100% / 3 - 160px);left:calc(100% - 186px);}
|
||||
[data-number='7']>.popup[data-position='3']{top:190px;left:calc(62.5% + 48px);}
|
||||
[data-number='7']>.popup[data-position='4']{top:190px;left:calc(37.5% - 75px);}
|
||||
[data-number='7']>.popup[data-position='5']{top:calc(100% / 3 - 160px);left:160px;}
|
||||
[data-number='7']>.popup[data-position='6']{top:calc(200% / 3 - 150px);left:160px;}
|
||||
[data-number="7"] > .player[data-position="1"] {
|
||||
top: calc(200% / 3 - 160px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="2"] {
|
||||
top: calc(100% / 3 - 170px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(62.5% - 75px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(37.5% - 75px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="5"] {
|
||||
top: calc(100% / 3 - 170px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="7"] > .player[data-position="6"] {
|
||||
top: calc(200% / 3 - 160px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="7"] > .card[data-position="1"] {
|
||||
top: calc(200% / 3 - 122px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="7"] > .card[data-position="2"] {
|
||||
top: calc(100% / 3 - 132px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="7"] > .card[data-position="3"] {
|
||||
top: 38px;
|
||||
left: calc(62.5% - 52px);
|
||||
}
|
||||
[data-number="7"] > .card[data-position="4"] {
|
||||
top: 38px;
|
||||
left: calc(37.5% - 52px);
|
||||
}
|
||||
[data-number="7"] > .card[data-position="5"] {
|
||||
top: calc(100% / 3 - 132px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="7"] > .card[data-position="6"] {
|
||||
top: calc(200% / 3 - 122px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="7"] > .popup[data-position="1"] {
|
||||
top: calc(200% / 3 - 150px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="7"] > .popup[data-position="2"] {
|
||||
top: calc(100% / 3 - 160px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="7"] > .popup[data-position="3"] {
|
||||
top: 190px;
|
||||
left: calc(62.5% + 48px);
|
||||
}
|
||||
[data-number="7"] > .popup[data-position="4"] {
|
||||
top: 190px;
|
||||
left: calc(37.5% - 75px);
|
||||
}
|
||||
[data-number="7"] > .popup[data-position="5"] {
|
||||
top: calc(100% / 3 - 160px);
|
||||
left: 160px;
|
||||
}
|
||||
[data-number="7"] > .popup[data-position="6"] {
|
||||
top: calc(200% / 3 - 150px);
|
||||
left: 160px;
|
||||
}
|
||||
/*--------位置(6人)------*/
|
||||
[data-number='6']>.player[data-position='1']{top:calc(200% / 3 - 160px);left:calc(100% - 150px);}
|
||||
[data-number='6']>.player[data-position='2']{top:calc(100% / 3 - 170px);left:calc(100% - 150px);}
|
||||
[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 75px);}
|
||||
[data-number='6']>.player[data-position='4']{top:calc(100% / 3 - 170px);left:0;}
|
||||
[data-number='6']>.player[data-position='5']{top:calc(200% / 3 - 160px);left:0;}
|
||||
[data-number='6']>.card[data-position='1']{top:calc(200% / 3 - 122px);left:calc(100% - 127px);}
|
||||
[data-number='6']>.card[data-position='2']{top:calc(100% / 3 - 132px);left:calc(100% - 127px);}
|
||||
[data-number='6']>.card[data-position='3']{top:38px;left:calc(50% - 52px);}
|
||||
[data-number='6']>.card[data-position='4']{top:calc(100% / 3 - 132px);left:23px;}
|
||||
[data-number='6']>.card[data-position='5']{top:calc(200% / 3 - 122px);left:23px;}
|
||||
[data-number='6']>.popup[data-position='1']{top:calc(200% / 3 - 150px);left:calc(100% - 186px);}
|
||||
[data-number='6']>.popup[data-position='2']{top:calc(100% / 3 - 160px);left:calc(100% - 186px);}
|
||||
[data-number='6']>.popup[data-position='3']{top:190px;left:calc(50% - 61px);}
|
||||
[data-number='6']>.popup[data-position='4']{top:calc(100% / 3 - 160px);left:160px;}
|
||||
[data-number='6']>.popup[data-position='5']{top:calc(200% / 3 - 150px);left:160px;}
|
||||
[data-number="6"] > .player[data-position="1"] {
|
||||
top: calc(200% / 3 - 160px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="6"] > .player[data-position="2"] {
|
||||
top: calc(100% / 3 - 170px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="6"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(50% - 75px);
|
||||
}
|
||||
[data-number="6"] > .player[data-position="4"] {
|
||||
top: calc(100% / 3 - 170px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="6"] > .player[data-position="5"] {
|
||||
top: calc(200% / 3 - 160px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="6"] > .card[data-position="1"] {
|
||||
top: calc(200% / 3 - 122px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="6"] > .card[data-position="2"] {
|
||||
top: calc(100% / 3 - 132px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="6"] > .card[data-position="3"] {
|
||||
top: 38px;
|
||||
left: calc(50% - 52px);
|
||||
}
|
||||
[data-number="6"] > .card[data-position="4"] {
|
||||
top: calc(100% / 3 - 132px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="6"] > .card[data-position="5"] {
|
||||
top: calc(200% / 3 - 122px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="6"] > .popup[data-position="1"] {
|
||||
top: calc(200% / 3 - 150px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="6"] > .popup[data-position="2"] {
|
||||
top: calc(100% / 3 - 160px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="6"] > .popup[data-position="3"] {
|
||||
top: 190px;
|
||||
left: calc(50% - 61px);
|
||||
}
|
||||
[data-number="6"] > .popup[data-position="4"] {
|
||||
top: calc(100% / 3 - 160px);
|
||||
left: 160px;
|
||||
}
|
||||
[data-number="6"] > .popup[data-position="5"] {
|
||||
top: calc(200% / 3 - 150px);
|
||||
left: 160px;
|
||||
}
|
||||
/*--------位置(5人)------*/
|
||||
[data-number='5']>.player[data-position='1']{top:calc(200% / 3 - 220px);left:calc(100% - 150px);}
|
||||
[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 50px);}
|
||||
[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 100px);}
|
||||
[data-number='5']>.player[data-position='4']{top:calc(200% / 3 - 220px);left:0;}
|
||||
[data-number='5']>.card[data-position='1']{top:calc(150% / 3 - 65px);left:calc(100% - 127px);}
|
||||
[data-number='5']>.card[data-position='2']{top:38px;left:calc(200% / 3 - 27px);}
|
||||
[data-number='5']>.card[data-position='3']{top:38px;left:calc(100% / 3 - 77px);}
|
||||
[data-number='5']>.card[data-position='4']{top:calc(150% / 3 - 65px);left:23px;}
|
||||
[data-number='5']>.popup[data-position='1']{top:calc(200% / 3 - 210px);left:calc(100% - 186px);}
|
||||
[data-number='5']>.popup[data-position='2']{top:190px;left:calc(200% / 3 + 73px);}
|
||||
[data-number='5']>.popup[data-position='3']{top:190px;left:calc(100% / 3 - 100px);}
|
||||
[data-number='5']>.popup[data-position='4']{top:calc(200% / 3 - 210px);left:160px;}
|
||||
[data-number="5"] > .player[data-position="1"] {
|
||||
top: calc(200% / 3 - 220px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="5"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(200% / 3 - 50px);
|
||||
}
|
||||
[data-number="5"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(100% / 3 - 100px);
|
||||
}
|
||||
[data-number="5"] > .player[data-position="4"] {
|
||||
top: calc(200% / 3 - 220px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="5"] > .card[data-position="1"] {
|
||||
top: calc(150% / 3 - 65px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="5"] > .card[data-position="2"] {
|
||||
top: 38px;
|
||||
left: calc(200% / 3 - 27px);
|
||||
}
|
||||
[data-number="5"] > .card[data-position="3"] {
|
||||
top: 38px;
|
||||
left: calc(100% / 3 - 77px);
|
||||
}
|
||||
[data-number="5"] > .card[data-position="4"] {
|
||||
top: calc(150% / 3 - 65px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="5"] > .popup[data-position="1"] {
|
||||
top: calc(200% / 3 - 210px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="5"] > .popup[data-position="2"] {
|
||||
top: 190px;
|
||||
left: calc(200% / 3 + 73px);
|
||||
}
|
||||
[data-number="5"] > .popup[data-position="3"] {
|
||||
top: 190px;
|
||||
left: calc(100% / 3 - 100px);
|
||||
}
|
||||
[data-number="5"] > .popup[data-position="4"] {
|
||||
top: calc(200% / 3 - 210px);
|
||||
left: 160px;
|
||||
}
|
||||
/*--------位置(4人)------*/
|
||||
[data-number='4']>.player[data-position='1']{top:calc(100% / 3 - 40px);left:calc(100% - 150px);}
|
||||
[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 75px);}
|
||||
[data-number='4']>.player[data-position='3']{top:calc(100% / 3 - 40px);left:0;}
|
||||
[data-number='4']>.card[data-position='1']{top:calc(100% / 3 - 2px);left:calc(100% - 127px);}
|
||||
[data-number='4']>.card[data-position='2']{top:38px;left:calc(50% - 52px);}
|
||||
[data-number='4']>.card[data-position='3']{top:calc(100% / 3 - 2px);left:23px;}
|
||||
[data-number='4']>.popup[data-position='1']{top:calc(100% / 3 - 30px);left:calc(100% - 186px);}
|
||||
[data-number='4']>.popup[data-position='2']{top:190px;left:calc(50% - 61px);}
|
||||
[data-number='4']>.popup[data-position='3']{top:calc(100% / 3 - 30px);left:160px;}
|
||||
[data-number="4"] > .player[data-position="1"] {
|
||||
top: calc(100% / 3 - 40px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="4"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(50% - 75px);
|
||||
}
|
||||
[data-number="4"] > .player[data-position="3"] {
|
||||
top: calc(100% / 3 - 40px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="4"] > .card[data-position="1"] {
|
||||
top: calc(100% / 3 - 2px);
|
||||
left: calc(100% - 127px);
|
||||
}
|
||||
[data-number="4"] > .card[data-position="2"] {
|
||||
top: 38px;
|
||||
left: calc(50% - 52px);
|
||||
}
|
||||
[data-number="4"] > .card[data-position="3"] {
|
||||
top: calc(100% / 3 - 2px);
|
||||
left: 23px;
|
||||
}
|
||||
[data-number="4"] > .popup[data-position="1"] {
|
||||
top: calc(100% / 3 - 30px);
|
||||
left: calc(100% - 186px);
|
||||
}
|
||||
[data-number="4"] > .popup[data-position="2"] {
|
||||
top: 190px;
|
||||
left: calc(50% - 61px);
|
||||
}
|
||||
[data-number="4"] > .popup[data-position="3"] {
|
||||
top: calc(100% / 3 - 30px);
|
||||
left: 160px;
|
||||
}
|
||||
/*--------位置(3人)------*/
|
||||
[data-number='3']>.player[data-position='1']{top:20px;left:calc(75% + 30px);}
|
||||
[data-number='3']>.player[data-position='2']{top:20px;left:calc(25% - 180px);}
|
||||
[data-number='3']>.card[data-position='1']{top:58px;left:calc(75% + 53px);}
|
||||
[data-number='3']>.card[data-position='2']{top:58px;left:calc(25% - 157px);}
|
||||
[data-number='3']>.popup[data-position='1']{top:210px;left:calc(75% + 153px);}
|
||||
[data-number='3']>.popup[data-position='2']{top:210px;left:calc(25% - 180px);}
|
||||
[data-number="3"] > .player[data-position="1"] {
|
||||
top: 20px;
|
||||
left: calc(75% + 30px);
|
||||
}
|
||||
[data-number="3"] > .player[data-position="2"] {
|
||||
top: 20px;
|
||||
left: calc(25% - 180px);
|
||||
}
|
||||
[data-number="3"] > .card[data-position="1"] {
|
||||
top: 58px;
|
||||
left: calc(75% + 53px);
|
||||
}
|
||||
[data-number="3"] > .card[data-position="2"] {
|
||||
top: 58px;
|
||||
left: calc(25% - 157px);
|
||||
}
|
||||
[data-number="3"] > .popup[data-position="1"] {
|
||||
top: 210px;
|
||||
left: calc(75% + 153px);
|
||||
}
|
||||
[data-number="3"] > .popup[data-position="2"] {
|
||||
top: 210px;
|
||||
left: calc(25% - 180px);
|
||||
}
|
||||
/*--------位置(2人)------*/
|
||||
[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 75px);}
|
||||
[data-number='2']>.card[data-position='1']{top:0;left:calc(50% - 52px);}
|
||||
[data-number='2']>.popup[data-position='1']{top:190px;left:calc(50% - 61px);}
|
||||
[data-number="2"] > .player[data-position="1"] {
|
||||
top: 0;
|
||||
left: calc(50% - 75px);
|
||||
}
|
||||
[data-number="2"] > .card[data-position="1"] {
|
||||
top: 0;
|
||||
left: calc(50% - 52px);
|
||||
}
|
||||
[data-number="2"] > .popup[data-position="1"] {
|
||||
top: 190px;
|
||||
left: calc(50% - 61px);
|
||||
}
|
||||
/*--------位置(1人)------*/
|
||||
.player[data-position='0']{top:calc(100% - 170px);left:calc(50% - 75px);}
|
||||
.player[data-position="0"] {
|
||||
top: calc(100% - 170px);
|
||||
left: calc(50% - 75px);
|
||||
}
|
||||
/*--------位置(联机)------*/
|
||||
#window>.player.connect[data-position='c0']{left:calc(50% - 255px);top:calc(50% - 90px)}
|
||||
#window>.player.connect[data-position='c1']{left:calc(50% - 75px);top:calc(50% - 90px)}
|
||||
#window>.player.connect[data-position='c2']{left:calc(50% + 105px);top:calc(50% - 90px)}
|
||||
#window>.player.connect[data-position='c3']{left:calc(50% - 255px);top:calc(50% - 90px)}
|
||||
#window>.player.connect[data-position='c4']{left:calc(50% - 75px);top:calc(50% - 90px)}
|
||||
#window>.player.connect[data-position='c5']{left:calc(50% + 105px);top:calc(50% - 90px)}
|
||||
#window > .player.connect[data-position="c0"] {
|
||||
left: calc(50% - 255px);
|
||||
top: calc(50% - 90px);
|
||||
}
|
||||
#window > .player.connect[data-position="c1"] {
|
||||
left: calc(50% - 75px);
|
||||
top: calc(50% - 90px);
|
||||
}
|
||||
#window > .player.connect[data-position="c2"] {
|
||||
left: calc(50% + 105px);
|
||||
top: calc(50% - 90px);
|
||||
}
|
||||
#window > .player.connect[data-position="c3"] {
|
||||
left: calc(50% - 255px);
|
||||
top: calc(50% - 90px);
|
||||
}
|
||||
#window > .player.connect[data-position="c4"] {
|
||||
left: calc(50% - 75px);
|
||||
top: calc(50% - 90px);
|
||||
}
|
||||
#window > .player.connect[data-position="c5"] {
|
||||
left: calc(50% + 105px);
|
||||
top: calc(50% - 90px);
|
||||
}
|
||||
|
||||
#window:not(.more_room)>.player.connect[data-position='c3']{opacity:0 !important;pointer-events: none;visibility: hidden}
|
||||
#window:not(.more_room)>.player.connect[data-position='c4']{opacity:0 !important;pointer-events: none;visibility: hidden}
|
||||
#window:not(.more_room)>.player.connect[data-position='c5']{opacity:0 !important;pointer-events: none;visibility: hidden}
|
||||
#window:not(.more_room) > .player.connect[data-position="c3"] {
|
||||
opacity: 0 !important;
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
#window:not(.more_room) > .player.connect[data-position="c4"] {
|
||||
opacity: 0 !important;
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
#window:not(.more_room) > .player.connect[data-position="c5"] {
|
||||
opacity: 0 !important;
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#window.more_room>.player.connect[data-position='c0']{transform:translateY(-105px);}
|
||||
#window.more_room>.player.connect[data-position='c1']{transform:translateY(-105px);}
|
||||
#window.more_room>.player.connect[data-position='c2']{transform:translateY(-105px);}
|
||||
#window.more_room>.player.connect[data-position='c3']{transform:translateY(105px);}
|
||||
#window.more_room>.player.connect[data-position='c4']{transform:translateY(105px);}
|
||||
#window.more_room>.player.connect[data-position='c5']{transform:translateY(105px);}
|
||||
#window.more_room > .player.connect[data-position="c0"] {
|
||||
transform: translateY(-105px);
|
||||
}
|
||||
#window.more_room > .player.connect[data-position="c1"] {
|
||||
transform: translateY(-105px);
|
||||
}
|
||||
#window.more_room > .player.connect[data-position="c2"] {
|
||||
transform: translateY(-105px);
|
||||
}
|
||||
#window.more_room > .player.connect[data-position="c3"] {
|
||||
transform: translateY(105px);
|
||||
}
|
||||
#window.more_room > .player.connect[data-position="c4"] {
|
||||
transform: translateY(105px);
|
||||
}
|
||||
#window.more_room > .player.connect[data-position="c5"] {
|
||||
transform: translateY(105px);
|
||||
}
|
||||
|
||||
#window > .player.connect {
|
||||
width: 150px;
|
||||
|
|
@ -477,12 +788,28 @@
|
|||
top: calc(500% / 7 + 80px + 5px);
|
||||
}
|
||||
|
||||
|
||||
.card[data-position='0']{top:calc(100% - 130px);left:calc(50% - 52px);}
|
||||
.popup[data-position='0']{top:calc(100% - 206px);left:calc(50% - 61px);}
|
||||
#me,#mebg,#autonode{top:calc(100% - 150px);}
|
||||
#handcards1,#handcards2{width: calc(50% - 95px);height: 127px;padding: 10px;}
|
||||
#handcards2{left: calc(50% + 75px);}
|
||||
.card[data-position="0"] {
|
||||
top: calc(100% - 130px);
|
||||
left: calc(50% - 52px);
|
||||
}
|
||||
.popup[data-position="0"] {
|
||||
top: calc(100% - 206px);
|
||||
left: calc(50% - 61px);
|
||||
}
|
||||
#me,
|
||||
#mebg,
|
||||
#autonode {
|
||||
top: calc(100% - 150px);
|
||||
}
|
||||
#handcards1,
|
||||
#handcards2 {
|
||||
width: calc(50% - 95px);
|
||||
height: 127px;
|
||||
padding: 10px;
|
||||
}
|
||||
#handcards2 {
|
||||
left: calc(50% + 75px);
|
||||
}
|
||||
.dialog {
|
||||
width: calc(90% - 300px);
|
||||
left: calc(5% + 150px);
|
||||
|
|
@ -528,7 +855,9 @@
|
|||
#arena.ipad.choose-to-move > #control {
|
||||
bottom: 45px;
|
||||
}
|
||||
.popup{z-index:6}
|
||||
.popup {
|
||||
z-index: 6;
|
||||
}
|
||||
.dialog.scroll1,
|
||||
.dialog.scroll2,
|
||||
.dialog.withbg {
|
||||
|
|
@ -549,7 +878,7 @@
|
|||
box-shadow: black 0 0 2px;
|
||||
}
|
||||
|
||||
#window.low_performance #arena .player:not([data-position='0']) .equips>.card,
|
||||
#window.low_performance #arena .player:not([data-position="0"]) .equips > .card,
|
||||
#window.low_performance #arena.chess .player .equips > .card {
|
||||
animation: game_start 0.5s !important;
|
||||
-webkit-animation: game_start 0.5s !important;
|
||||
|
|
@ -570,10 +899,50 @@
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes card_start2x{from {opacity: 0;margin-top: -13px;margin-bottom:-11px}}
|
||||
@keyframes card_start2xx{from {opacity: 0;margin-top: -12px;margin-bottom:-12px;transform:scale(0)}}
|
||||
@keyframes card_start2xxx{from {opacity: 0;margin-top: -12px;margin-bottom:-12px;transform:scale(0) rotate(90deg)}}
|
||||
@keyframes card_start2x {
|
||||
from {
|
||||
opacity: 0;
|
||||
margin-top: -13px;
|
||||
margin-bottom: -11px;
|
||||
}
|
||||
}
|
||||
@keyframes card_start2xx {
|
||||
from {
|
||||
opacity: 0;
|
||||
margin-top: -12px;
|
||||
margin-bottom: -12px;
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
@keyframes card_start2xxx {
|
||||
from {
|
||||
opacity: 0;
|
||||
margin-top: -12px;
|
||||
margin-bottom: -12px;
|
||||
transform: scale(0) rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes card_start2x{from {opacity: 0;margin-top: -13px;margin-bottom:-11px}}
|
||||
@-webkit-keyframes card_start2xx{from {opacity: 0;margin-top: -12px;margin-bottom:-12px;transform:scale(0)}}
|
||||
@-webkit-keyframes card_start2xxx{from {opacity: 0;margin-top: -12px;margin-bottom:-12px;transform:scale(0) rotate(90deg)}}
|
||||
@-webkit-keyframes card_start2x {
|
||||
from {
|
||||
opacity: 0;
|
||||
margin-top: -13px;
|
||||
margin-bottom: -11px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes card_start2xx {
|
||||
from {
|
||||
opacity: 0;
|
||||
margin-top: -12px;
|
||||
margin-bottom: -12px;
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes card_start2xxx {
|
||||
from {
|
||||
opacity: 0;
|
||||
margin-top: -12px;
|
||||
margin-bottom: -12px;
|
||||
transform: scale(0) rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
@import 'global.css';
|
||||
@import 'equip.css';
|
||||
@import "global.css";
|
||||
@import "equip.css";
|
||||
|
|
|
|||
|
|
@ -149,9 +149,9 @@
|
|||
display: table !important;
|
||||
}
|
||||
@media screen and (max-width: 1105px) {
|
||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
|
||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
|
||||
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
|
||||
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #me,
|
||||
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #mebg,
|
||||
#arena[data-number="8"]:not(.single-handcard):not(.chess) > #autonode {
|
||||
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
|
||||
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
|
||||
}
|
||||
|
|
@ -224,57 +224,143 @@
|
|||
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
|
||||
}
|
||||
#window[data-radius_size='increase'] #me>.fakeme.avatar,
|
||||
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
|
||||
#window[data-radius_size="increase"] #me > .fakeme.avatar,
|
||||
#window[data-radius_size="reduce"] #me > .fakeme.avatar {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/*--------位置(8人)------*/
|
||||
[data-number='8']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
|
||||
[data-number='8']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
|
||||
[data-number='8']>.player[data-position='3']{top:0;left:calc(75% - 112.5px);}
|
||||
[data-number='8']>.player[data-position='4']{top:0;left:calc(50% - 75px);}
|
||||
[data-number='8']>.player[data-position='5']{top:0;left:calc(25% - 37.5px);}
|
||||
[data-number='8']>.player[data-position='6']{top:calc(10% - 50px);left:0;}
|
||||
[data-number='8']>.player[data-position='7']{top:calc(55% - 135px);left:0;}
|
||||
[data-number="8"] > .player[data-position="1"] {
|
||||
top: calc(55% - 135px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="2"] {
|
||||
top: calc(10% - 50px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(75% - 112.5px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(50% - 75px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="5"] {
|
||||
top: 0;
|
||||
left: calc(25% - 37.5px);
|
||||
}
|
||||
[data-number="8"] > .player[data-position="6"] {
|
||||
top: calc(10% - 50px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="8"] > .player[data-position="7"] {
|
||||
top: calc(55% - 135px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(7人)------*/
|
||||
[data-number='7']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
|
||||
[data-number='7']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
|
||||
[data-number='7']>.player[data-position='3']{top:0;left:calc(62.5% - 75px);}
|
||||
[data-number='7']>.player[data-position='4']{top:0;left:calc(37.5% - 75px);}
|
||||
[data-number='7']>.player[data-position='5']{top:calc(10% - 50px);left:0;}
|
||||
[data-number='7']>.player[data-position='6']{top:calc(55% - 135px);left:0;}
|
||||
[data-number="7"] > .player[data-position="1"] {
|
||||
top: calc(55% - 135px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="2"] {
|
||||
top: calc(10% - 50px);
|
||||
left: calc(100% - 150px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(62.5% - 75px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="4"] {
|
||||
top: 0;
|
||||
left: calc(37.5% - 75px);
|
||||
}
|
||||
[data-number="7"] > .player[data-position="5"] {
|
||||
top: calc(10% - 50px);
|
||||
left: 0;
|
||||
}
|
||||
[data-number="7"] > .player[data-position="6"] {
|
||||
top: calc(55% - 135px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(6人)------*/
|
||||
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
||||
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
|
||||
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
|
||||
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
|
||||
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
|
||||
#arena[data-number="6"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="2"] {
|
||||
top: 0px;
|
||||
left: calc(75% - 90px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="4"] {
|
||||
top: 0px;
|
||||
left: calc(25% - 30px);
|
||||
}
|
||||
#arena[data-number="6"] > .player[data-position="5"] {
|
||||
top: calc(30% - 128px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(5人)------*/
|
||||
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
||||
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
|
||||
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
|
||||
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
|
||||
#arena[data-number="5"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="5"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(200% / 3 - 80px);
|
||||
}
|
||||
#arena[data-number="5"] > .player[data-position="3"] {
|
||||
top: 0;
|
||||
left: calc(100% / 3 - 40px);
|
||||
}
|
||||
#arena[data-number="5"] > .player[data-position="4"] {
|
||||
top: calc(30% - 128px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(4人)------*/
|
||||
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
|
||||
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
|
||||
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
|
||||
#arena[data-number="4"] > .player[data-position="1"] {
|
||||
top: calc(30% - 128px);
|
||||
left: calc(100% - 120px);
|
||||
}
|
||||
#arena[data-number="4"] > .player[data-position="2"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
#arena[data-number="4"] > .player[data-position="3"] {
|
||||
top: calc(30% - 128px);
|
||||
left: 0;
|
||||
}
|
||||
/*--------位置(3人)------*/
|
||||
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
|
||||
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
|
||||
#arena[data-number="3"] > .player[data-position="1"] {
|
||||
top: calc(60% / 3 - 88px);
|
||||
left: calc(75% + 80px);
|
||||
}
|
||||
#arena[data-number="3"] > .player[data-position="2"] {
|
||||
top: calc(60% / 3 - 88px);
|
||||
left: calc(25% - 200px);
|
||||
}
|
||||
/*--------位置(2人)------*/
|
||||
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
|
||||
#arena[data-number="2"] > .player[data-position="1"] {
|
||||
top: 0;
|
||||
left: calc(50% - 60px);
|
||||
}
|
||||
/*--------位置(1人)------*/
|
||||
.player[data-position='0']{top:calc(100% - 220px);left:0;}
|
||||
.player[data-position="0"] {
|
||||
top: calc(100% - 220px);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
#arena[data-player_height_nova="default"]>.player[data-position='0']:not(.minskin){
|
||||
#arena[data-player_height_nova="default"] > .player[data-position="0"]:not(.minskin) {
|
||||
top: calc(100% - 236px);
|
||||
}
|
||||
[data-number='8'][data-player_height_nova="default"]>.player[data-position='1'],
|
||||
[data-number='8'][data-player_height_nova="default"]>.player[data-position='7'],
|
||||
[data-number='7'][data-player_height_nova="default"]>.player[data-position='1'],
|
||||
[data-number='7'][data-player_height_nova="default"]>.player[data-position='6']{
|
||||
[data-number="8"][data-player_height_nova="default"] > .player[data-position="1"],
|
||||
[data-number="8"][data-player_height_nova="default"] > .player[data-position="7"],
|
||||
[data-number="7"][data-player_height_nova="default"] > .player[data-position="1"],
|
||||
[data-number="7"][data-player_height_nova="default"] > .player[data-position="6"] {
|
||||
top: calc(55% - 143px);
|
||||
}
|
||||
|
||||
|
|
@ -312,14 +398,13 @@
|
|||
height: 186px;
|
||||
}
|
||||
|
||||
|
||||
#arena[data-player_height_nova="long"]>.player[data-position='0']:not(.minskin){
|
||||
#arena[data-player_height_nova="long"] > .player[data-position="0"]:not(.minskin) {
|
||||
top: calc(100% - 250px);
|
||||
}
|
||||
[data-number='8'][data-player_height_nova="long"]>.player[data-position='1'],
|
||||
[data-number='8'][data-player_height_nova="long"]>.player[data-position='7'],
|
||||
[data-number='7'][data-player_height_nova="long"]>.player[data-position='1'],
|
||||
[data-number='7'][data-player_height_nova="long"]>.player[data-position='6']{
|
||||
[data-number="8"][data-player_height_nova="long"] > .player[data-position="1"],
|
||||
[data-number="8"][data-player_height_nova="long"] > .player[data-position="7"],
|
||||
[data-number="7"][data-player_height_nova="long"] > .player[data-position="1"],
|
||||
[data-number="7"][data-player_height_nova="long"] > .player[data-position="6"] {
|
||||
top: calc(55% - 150px);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue