noname/layout/default/layout.css

5682 lines
125 KiB
CSS
Raw Normal View History

2015-04-29 03:25:17 +00:00
/*--------标签--------*/
2017-02-10 09:48:40 +00:00
html {
width: 100%;
height: 100%;
font-size: 16px;
cursor: default;
overflow: hidden;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
2016-03-27 06:50:39 +00:00
-webkit-font-smoothing: subpixel-antialiased;
2024-04-15 18:38:11 +00:00
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: rgb(60, 60, 60);
2016-03-27 06:50:39 +00:00
}
2017-02-10 09:48:40 +00:00
body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
2019-06-07 03:46:13 +00:00
left: 0;
top: 0;
position: absolute;
overflow: hidden;
2017-02-10 09:48:40 +00:00
text-rendering: optimizeLegibility;
2019-06-07 03:46:13 +00:00
transform-origin: top left;
2024-04-15 18:38:11 +00:00
font-family: "STHeiti", "SimHei", "Microsoft JhengHei", "Microsoft YaHei", "WenQuanYi Micro Hei", "Suits",
Helvetica, Arial, sans-serif;
2015-12-01 05:46:28 +00:00
}
2017-02-10 09:48:40 +00:00
div {
2016-07-24 15:51:55 +00:00
display: inline-block;
position: absolute;
transition: all 0.5s;
}
2017-02-10 09:48:40 +00:00
table {
table-layout: fixed;
}
2015-12-09 03:05:36 +00:00
2015-04-29 03:25:17 +00:00
/*--------场景--------*/
2017-02-10 09:48:40 +00:00
#window {
2015-12-07 11:15:35 +00:00
width: 100%;
height: 100%;
top: 0px;
left: 0;
2017-02-10 09:48:40 +00:00
transition-property: opacity;
2024-04-15 18:38:11 +00:00
overflow: hidden;
2015-12-07 11:15:35 +00:00
}
2024-04-15 18:38:11 +00:00
#window.connecting > *:not(#system) {
2017-11-13 07:13:55 +00:00
opacity: 0.5;
}
2024-04-15 18:38:11 +00:00
.fullsize.connectlayer {
2017-11-13 07:13:55 +00:00
display: table;
text-align: center;
z-index: 100;
}
2024-04-15 18:38:11 +00:00
.connectlayer > div {
2017-11-13 07:13:55 +00:00
display: table-cell;
vertical-align: middle;
font-size: 60px;
color: white;
text-shadow: black 0 0 2px;
position: relative;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-11-13 09:50:29 +00:00
transition: all 0.5s;
2017-11-13 07:13:55 +00:00
}
2024-04-15 18:38:11 +00:00
#window.server > div:not(.serverinfo) {
2017-11-06 05:16:33 +00:00
display: none !important;
}
2024-04-15 18:38:11 +00:00
#window.server > .serverinfo {
2017-11-06 05:16:33 +00:00
width: 400px;
height: 200px;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-11-06 05:16:33 +00:00
text-align: center;
left: calc(50% - 200px);
top: calc(50% - 100px);
}
2024-04-15 18:38:11 +00:00
#window.server > .serverinfo > div {
2017-11-06 05:16:33 +00:00
position: relative;
display: block;
font-size: 20px;
margin-top: 10px;
}
2024-04-15 18:38:11 +00:00
#window.server > .serverinfo > div > div {
2017-11-06 05:16:33 +00:00
position: relative;
display: inline-block;
}
2024-04-15 18:38:11 +00:00
#window.server > .serverinfo > div > div:last-child {
2017-11-06 05:16:33 +00:00
width: 60px;
text-align: left;
white-space: nowrap;
}
2024-04-15 18:38:11 +00:00
#window.server > .serverinfo > div > .menubutton.large:last-child {
2017-11-06 05:16:33 +00:00
width: auto;
margin-top: 30px;
cursor: pointer;
}
2024-04-15 18:38:11 +00:00
#window.server > .serverinfo > div:first-child {
2017-11-06 05:16:33 +00:00
font-size: 40px;
}
2017-03-26 08:24:26 +00:00
.statusbar #window {
2019-06-07 03:46:13 +00:00
top: 24px;
height: calc(100% - 24px);
2017-03-26 06:00:38 +00:00
}
2024-04-15 18:38:11 +00:00
#statusbg {
position: absolute;
2017-03-26 06:00:38 +00:00
left: 0;
2017-03-26 08:24:26 +00:00
top: 0;
2017-03-26 06:00:38 +00:00
width: 100%;
2019-06-07 03:46:13 +00:00
height: 24px;
2024-04-15 18:38:11 +00:00
background: rgba(0, 0, 0, 0.4);
2017-03-26 08:24:26 +00:00
display: none;
}
2024-04-15 18:38:11 +00:00
.statusbar #statusbg {
2017-03-26 08:24:26 +00:00
display: block;
2015-12-07 11:15:35 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .tutorial_tap {
2017-02-10 09:48:40 +00:00
width: 30px;
height: 30px;
2015-11-25 10:25:18 +00:00
border-radius: 100%;
2024-04-15 18:38:11 +00:00
background: rgba(255, 255, 255, 0.5);
box-shadow: rgba(255, 255, 255, 0.5) 0 0 5px;
2017-02-10 09:48:40 +00:00
left: calc(50% - 15px);
top: calc(50% - 15px);
2015-11-25 10:25:18 +00:00
position: absolute;
transition: all 1s;
}
2024-04-15 18:38:11 +00:00
#window.testing > *:not(.pausedbg) {
2017-02-15 07:17:53 +00:00
display: none !important;
}
2024-04-15 18:38:11 +00:00
#window.modepaused > div:not(.modenopause):not(#arena):not(.popped) {
2017-02-10 09:48:40 +00:00
opacity: 0.3;
}
2024-04-15 18:38:11 +00:00
#window.modepaused > #arena > #roundmenu {
2017-02-10 09:48:40 +00:00
opacity: 0.3;
}
2024-04-15 18:38:11 +00:00
#window.shortcutpaused > .modeshortcutpause {
2017-09-11 09:06:21 +00:00
opacity: 0.3 !important;
}
2024-04-15 18:38:11 +00:00
#window.shortcutpaused.modepaused > .modenopause.popup-container:not(.filter-character) {
2017-02-10 09:48:40 +00:00
opacity: 0.3;
}
2024-04-15 18:38:11 +00:00
#window.shortcutpaused
> div:not(.background):not(#shortcut):not(#system):not(#arena):not(.hidden):not(.removing):not(
.dialog
):not(.centermenu):not(.popup-container):not(.forceopaque) {
2017-04-18 15:56:01 +00:00
opacity: 0.3 !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window.shortcutpaused > #arena > div:not(#timer):not(.removing):not(.hidden):not(#autonode) {
2017-04-18 15:56:01 +00:00
opacity: 0.3 !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window.shortcutpaused > #system {
2019-06-07 03:46:13 +00:00
z-index: 31;
}
2024-04-15 18:38:11 +00:00
#window.systempaused > #system {
2017-02-10 09:48:40 +00:00
opacity: 0.3 !important;
}
#window.noclick_important * {
pointer-events: none !important;
}
#window.noclick_important .noclick_click_important div {
2024-04-15 18:38:11 +00:00
pointer-events: auto !important;
2017-02-10 09:48:40 +00:00
}
2016-07-24 05:22:17 +00:00
#window.blur_ui #arena.paused,
2016-08-28 00:30:25 +00:00
#window.blur_ui #arena.menupaused,
#window.blur_ui #historybar.paused,
#window.blur_ui #historybar.menupaused,
2016-07-24 05:22:17 +00:00
#window.blur_ui #arena.unfocus,
#window.blur_ui #arena.right,
2024-04-15 18:38:11 +00:00
#window.blur_ui.shortcutpaused > #arena,
#window.blur_ui.shortcutpaused > #historybar {
2017-02-10 09:48:40 +00:00
filter: blur(3px);
-webkit-filter: blur(3px);
2016-07-24 05:22:17 +00:00
}
2016-08-28 00:30:25 +00:00
#window.blur_ui #arena.menupaused,
2017-02-10 09:48:40 +00:00
#window.blur_ui #historybar.menupaused {
opacity: 0.6;
2016-07-24 05:22:17 +00:00
}
2024-04-15 18:38:11 +00:00
#window.blur_ui #arena.thrownhighlight > .card.thrown:not(.thrownhighlight) {
2017-02-10 09:48:40 +00:00
filter: blur(2px);
-webkit-filter: blur(2px);
2016-07-24 05:22:17 +00:00
}
2017-02-10 09:48:40 +00:00
#time {
2016-08-28 00:30:25 +00:00
width: 100%;
padding: 0;
margin: 0;
position: absolute;
left: 0;
2017-08-10 04:34:43 +00:00
top: 11px;
2016-08-28 00:30:25 +00:00
text-align: center;
pointer-events: none;
display: block;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2016-08-28 00:30:25 +00:00
}
2024-04-15 18:38:11 +00:00
#time > div {
2017-08-10 04:34:43 +00:00
margin: 0;
padding: 0;
display: inline-block;
margin-left: 6px;
margin-right: 6px;
position: relative;
}
2017-02-10 09:48:40 +00:00
#shortcut {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
2016-04-08 07:34:41 +00:00
z-index: 10;
2016-04-08 07:06:56 +00:00
/*background-color: rgba(0, 0, 0, 0.6);*/
2016-04-08 03:23:06 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut > div {
2016-04-08 07:06:56 +00:00
width: 80px;
height: 80px;
2016-04-08 03:23:06 +00:00
padding: 10px;
margin: 0;
2016-04-08 07:06:56 +00:00
overflow: hidden;
line-height: 80px;
font-size: 50px;
white-space: nowrap;
text-align: center;
letter-spacing: -6px;
2016-04-08 07:34:41 +00:00
transform: scale(1.3);
2016-04-09 03:06:48 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut > div:not(.menubutton) {
2016-04-09 03:06:48 +00:00
width: 100%;
height: 80px;
margin: 0;
padding: 0;
left: 0;
2017-02-10 09:48:40 +00:00
top: 0;
2016-04-08 07:06:56 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut > div > span {
2016-04-08 07:06:56 +00:00
width: 200px;
left: -63px;
position: relative;
display: inline-block;
2016-04-08 03:23:06 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut > div[data-position="1"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 50px);
2016-04-09 04:10:03 +00:00
top: calc(50% - 190px);
2016-04-08 07:34:41 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > div[data-position="1"] {
2016-04-08 07:34:41 +00:00
transform: scale(1) translateY(150px);
2016-04-08 03:23:06 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut > div[data-position="2"] {
2017-02-10 09:48:40 +00:00
left: calc(50% + 100px);
2016-04-09 04:10:03 +00:00
top: calc(50% - 40px);
2016-04-08 03:23:06 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > div[data-position="2"] {
2016-04-08 07:34:41 +00:00
transform: scale(1) translateX(-150px);
}
2024-04-15 18:38:11 +00:00
#shortcut > div[data-position="3"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 50px);
2016-04-09 04:10:03 +00:00
top: calc(50% + 110px);
2016-04-08 07:34:41 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > div[data-position="3"] {
2016-04-08 07:34:41 +00:00
transform: scale(1) translateY(-150px);
2016-04-08 03:23:06 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut > div[data-position="4"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 200px);
2016-04-09 04:10:03 +00:00
top: calc(50% - 40px);
2016-04-08 07:06:56 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > div[data-position="4"] {
2016-04-08 07:34:41 +00:00
transform: scale(1) translateX(150px);
}
2024-04-15 18:38:11 +00:00
#shortcut > div[data-position="5"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 50px);
2016-04-08 07:06:56 +00:00
top: calc(50% - 50px);
2016-04-08 03:23:06 +00:00
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist:not(.menubutton) {
2019-06-07 03:46:13 +00:00
width: 130px;
height: 300px;
top: calc(50% - 150px);
left: calc(50% - 430px);
overflow: visible;
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > .menubutton.large {
2019-06-07 03:46:13 +00:00
display: block;
position: absolute;
left: 0;
letter-spacing: 0;
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-type="even"] {
2019-06-07 03:46:13 +00:00
top: calc(50% - 45px);
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-type="odd"] {
2019-06-07 03:46:13 +00:00
top: calc(50% - 20px);
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-position="0"] {
2019-06-07 03:46:13 +00:00
transition-duration: 0.5s;
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > .favmodelist > [data-position="0"] {
2019-06-07 03:46:13 +00:00
transform: translateX(-140px);
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-position="1"] {
2019-06-07 03:46:13 +00:00
transition-duration: 0.6s;
transform: translateY(50px);
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > .favmodelist > [data-position="1"] {
2019-06-07 03:46:13 +00:00
transform: translateY(50px) translateX(-150px);
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-position="2"] {
2019-06-07 03:46:13 +00:00
transition-duration: 0.4s;
transform: translateY(-50px);
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > .favmodelist > [data-position="2"] {
2019-06-07 03:46:13 +00:00
transform: translateY(-50px) translateX(-130px);
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-position="3"] {
2019-06-07 03:46:13 +00:00
transition-duration: 0.7s;
transform: translateY(100px);
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > .favmodelist > [data-position="3"] {
2019-06-07 03:46:13 +00:00
transform: translateY(100px) translateX(-160px);
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-position="4"] {
2019-06-07 03:46:13 +00:00
transition-duration: 0.3s;
transform: translateY(-100px);
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > .favmodelist > [data-position="4"] {
2019-06-07 03:46:13 +00:00
transform: translateY(-100px) translateX(-120px);
}
2024-04-15 18:38:11 +00:00
#shortcut > .favmodelist > [data-position="5"] {
2019-06-07 03:46:13 +00:00
transition-duration: 0.8s;
transform: translateY(150px);
}
2024-04-15 18:38:11 +00:00
#shortcut.hidden > .favmodelist > [data-position="5"] {
2019-06-07 03:46:13 +00:00
transform: translateY(150px) translateX(-170px);
}
2017-02-10 09:48:40 +00:00
#shortcut.hidden {
2016-04-08 03:23:06 +00:00
pointer-events: none;
2016-04-08 07:34:41 +00:00
transition: opacity 0.3s;
2016-04-08 03:23:06 +00:00
}
2017-02-10 09:48:40 +00:00
#splash {
width: 100%;
2016-04-02 16:20:53 +00:00
height: 100%;
2017-02-10 09:48:40 +00:00
left: 0;
top: 0;
2015-12-06 15:23:47 +00:00
position: absolute;
text-align: center;
overflow: visible;
transition: all 0.3s;
2016-04-02 16:20:53 +00:00
overflow-x: scroll;
white-space: nowrap;
2015-12-06 15:23:47 +00:00
}
2017-02-10 09:48:40 +00:00
#splash.removing {
2016-04-07 07:40:32 +00:00
pointer-events: none;
}
2024-04-15 18:38:11 +00:00
#splash > div {
2017-02-10 09:48:40 +00:00
width: 100px;
height: 300px;
top: calc(50% - 150px);
margin-left: 10px;
margin-right: 10px;
2015-12-06 15:23:47 +00:00
position: relative;
2016-04-06 08:59:19 +00:00
transition: all 0.8s;
2017-04-02 12:03:24 +00:00
cursor: pointer;
2016-04-06 07:39:38 +00:00
}
2024-04-15 18:38:11 +00:00
#splash > div:first-child {
2016-04-23 09:34:40 +00:00
margin-left: 20px;
}
2024-04-15 18:38:11 +00:00
#splash > div:last-child {
2016-04-23 09:34:40 +00:00
margin-right: 20px;
}
2024-04-15 18:38:11 +00:00
#splash:not(.touch) > div:hover:not(.clicked) {
2016-04-06 08:59:19 +00:00
transform: translateY(-20px);
}
2024-04-15 18:38:11 +00:00
#splash > div.clicked {
2016-04-06 08:59:19 +00:00
transform: translateY(-20px) scale(1.5);
transition: all 0.3s;
opacity: 0;
2016-04-05 05:18:30 +00:00
}
2024-04-15 18:38:11 +00:00
#splash > div.hidden {
2016-04-07 07:40:32 +00:00
transform: translateY(-300px) scale(0.5);
}
2024-04-15 18:38:11 +00:00
#splash.low_performance > div.hidden {
2016-04-07 07:40:32 +00:00
transform: scale(0.8);
}
2024-04-15 18:38:11 +00:00
#splash.low_performance > div {
2016-04-07 07:40:32 +00:00
transition: all 0.5s;
2015-12-06 15:23:47 +00:00
}
2024-04-15 18:38:11 +00:00
#splash > div > .splashtext {
font-family: "huangcao", "xinwei";
2015-12-06 15:23:47 +00:00
font-size: 50px;
position: absolute;
right: 7px;
bottom: 7px;
z-index: 1;
white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2015-12-06 15:23:47 +00:00
}
2024-04-15 18:38:11 +00:00
#splash > div > .avatar {
2017-02-10 09:48:40 +00:00
width: 86px;
height: calc(100% - 14px);
left: 7px;
top: 7px;
background-size: cover;
2015-12-06 15:23:47 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#splash.slim > div > .splashtext {
2017-04-05 02:31:25 +00:00
right: 5px;
bottom: 5px;
}
2024-04-15 18:38:11 +00:00
#splash.slim > div > .avatar {
2017-04-05 02:31:25 +00:00
width: 90px;
height: calc(100% - 10px);
left: 5px;
top: 5px;
}
2024-04-15 18:38:11 +00:00
#splash[data-radius_size="reduce"] > div > div,
#splash[data-radius_size="reduce"] > div {
2017-04-05 02:31:25 +00:00
border-radius: 4px;
}
2024-04-15 18:38:11 +00:00
#splash[data-radius_size="off"] > div > div,
#splash[data-radius_size="off"] > div {
2017-04-05 02:31:25 +00:00
border-radius: 0px;
}
2024-04-15 18:38:11 +00:00
#splash[data-radius_size="increase"] > div > div,
#splash[data-radius_size="increase"] > div {
2017-04-05 02:31:25 +00:00
border-radius: 12px;
}
2023-09-21 11:35:42 +00:00
/* 启动页style2 */
2024-04-15 18:38:11 +00:00
#splash[data-splash_style="style2"] > div {
2023-09-21 10:05:51 +00:00
width: 250px;
height: 350px;
top: calc(50% - 175px);
}
2024-04-15 18:38:11 +00:00
#splash[data-splash_style="style2"] > div:first-child {
2023-09-21 10:05:51 +00:00
margin-left: 15px;
}
2024-04-15 18:38:11 +00:00
#splash[data-splash_style="style2"] > div:last-child {
2023-09-21 10:05:51 +00:00
margin-right: 15px;
}
2024-04-15 18:38:11 +00:00
#splash[data-splash_style="style2"] > div > .splashtext {
font-family: "shousha";
2023-09-21 10:05:51 +00:00
font-size: 65px;
}
2024-04-15 18:38:11 +00:00
#splash[data-splash_style="style2"].slim > div > .splashtext {
2023-09-21 10:05:51 +00:00
right: 10px;
bottom: 5px;
}
2024-04-15 18:38:11 +00:00
#splash[data-splash_style="style2"].slim > div > .avatar {
2023-09-21 10:05:51 +00:00
width: 240px;
}
2015-12-07 11:15:35 +00:00
2024-04-15 18:38:11 +00:00
#arena.playerhidden > .player,
#arena.playerhidden > #mebg,
#arena.markhidden > .player > .marks {
2016-04-15 16:20:05 +00:00
visibility: hidden;
2016-04-16 05:10:01 +00:00
opacity: 0;
2016-04-15 16:20:05 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#arena.chess > #arenalog {
2015-12-07 11:15:35 +00:00
display: none !important;
}
2024-04-15 18:38:11 +00:00
#arena.observe .handcards > .card > div {
2016-06-05 14:30:47 +00:00
opacity: 0 !important;
}
2024-04-15 18:38:11 +00:00
#arena.hide_name .player > .name:not(.name_seat),
#arena.hide_name .player > .name2,
#arena.hide_name > .dialog .button.character > .name {
2017-02-28 04:25:00 +00:00
display: none !important;
}
2017-02-10 09:48:40 +00:00
#arenalog {
2015-12-07 11:15:35 +00:00
width: calc(50% - 210px);
height: calc(100% - 370px);
left: calc(50% + 60px);
2017-02-10 09:48:40 +00:00
top: 200px;
2015-12-07 11:15:35 +00:00
overflow: hidden;
}
2017-02-10 09:48:40 +00:00
#arenalog.withdialog {
2015-12-08 13:54:44 +00:00
opacity: 0.5;
}
2024-04-15 18:38:11 +00:00
#arena:not(.oldlayout) > #arenalog[data-position="center"] {
2015-12-07 11:15:35 +00:00
left: calc(25% + 105px);
}
2024-04-15 18:38:11 +00:00
#arena:not(.oldlayout) > #arenalog[data-position="left"] {
2015-12-07 11:15:35 +00:00
left: 150px;
}
2024-04-15 18:38:11 +00:00
#arena.oldlayout > #arenalog {
2017-02-10 09:48:40 +00:00
top: 160px;
2015-12-07 11:15:35 +00:00
width: calc(50% - 300px);
height: calc(100% - 325px);
}
2024-04-15 18:38:11 +00:00
#arena.oldlayout > #arenalog[data-position="center"] {
2015-12-07 11:15:35 +00:00
left: calc(25% + 150px);
}
2024-04-15 18:38:11 +00:00
#arena.oldlayout > #arenalog[data-position="left"] {
2015-12-07 11:15:35 +00:00
left: 240px;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#arenalog > div {
2015-12-07 11:15:35 +00:00
position: relative;
display: block;
width: calc(100% - 20px);
2017-02-10 09:48:40 +00:00
left: 20px;
2016-06-27 02:17:51 +00:00
line-height: 18px;
}
2024-04-15 18:38:11 +00:00
#window:not(.low_performance) #arena #arenalog > div {
2019-06-07 03:46:13 +00:00
animation: game_start 0.5s;
2016-06-27 02:17:51 +00:00
-webkit-animation: game_start 0.5s;
2015-12-07 11:15:35 +00:00
}
2015-11-30 13:08:29 +00:00
/*#arena[data-font_size='14']{
font-size:14px;
}
#arena[data-font_size='16']{
font-size:16px;
}
#arena[data-font_size='18']{
font-size:18px;
}
#arena[data-font_size='20']{
font-size:20px;
}*/
2017-02-10 09:48:40 +00:00
#arena {
width: 94%;
height: 90%;
top: calc(5% + 10px);
left: 3%;
2024-04-15 18:38:11 +00:00
transition-property: opacity;
2017-02-10 09:48:40 +00:00
}
#arena.right:not(.noleft) {
left: 240px;
opacity: 0.6;
}
#arena.left:not(.noleft) {
left: calc(10% - 240px);
opacity: 0.6;
}
#window.leftbar #arena:not(.chess) {
left: calc(3% + 50px);
width: calc(94% - 50px);
}
#window.rightbar #arena:not(.chess) {
width: calc(94% - 50px);
}
#arena.top {
top: -100%;
}
2024-04-15 18:38:11 +00:00
#arena.paused,
#arena.unfocus,
#historybar.paused {
2017-02-10 09:48:40 +00:00
opacity: 0.3 !important;
}
#arena.paused2 {
opacity: 0.1 !important;
}
2024-04-15 18:38:11 +00:00
#arena > .poplayer,
#window > .poplayer {
2017-02-10 09:48:40 +00:00
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
2024-04-15 18:38:11 +00:00
z-index: 20;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#arena.only_dialog > div:not(.dialog):not(#control) {
2015-11-25 10:25:18 +00:00
opacity: 0 !important;
pointer-events: none !important;
}
2024-04-15 18:38:11 +00:00
#arena > canvas {
2015-07-09 05:21:22 +00:00
z-index: 10;
pointer-events: none;
position: absolute;
}
2024-04-15 18:38:11 +00:00
#arena.playerfocus > div:not(#timer):not(.playerfocus):not(#chess-container):not(.removing):not(#autonode) {
2015-11-07 09:20:15 +00:00
opacity: 0.3 !important;
}
2024-04-15 18:38:11 +00:00
#arena.playerfocus #chess > div:not(.playerfocus):not(.removing) {
2015-11-09 03:15:16 +00:00
opacity: 0.3 !important;
}
2017-02-10 09:48:40 +00:00
#historybar {
2016-08-29 11:00:45 +00:00
left: 1.5%;
2016-08-28 00:30:25 +00:00
width: 50px;
height: calc(90% - 20px);
top: calc(5% + 25px);
border-radius: 4px;
visibility: hidden;
opacity: 0;
2017-02-16 07:55:29 +00:00
overflow: hidden;
2016-08-28 00:30:25 +00:00
z-index: 2;
2024-04-15 18:38:11 +00:00
transition-property: opacity, visibility;
2016-08-28 00:30:25 +00:00
}
2017-02-10 09:48:40 +00:00
#historybar.hidden {
2016-08-28 00:30:25 +00:00
pointer-events: none;
}
2024-04-15 18:38:11 +00:00
#historybar > div {
2016-08-28 00:30:25 +00:00
width: 42px;
height: 42px;
margin: 0;
padding: 4px;
display: block;
2017-02-16 07:55:29 +00:00
position: absolute;
2016-08-28 00:30:25 +00:00
}
2024-04-15 18:38:11 +00:00
#historybar > div > .card {
2016-08-28 00:30:25 +00:00
transform: scale(0.403846);
transform-origin: top left;
margin: 0;
left: 4px;
top: 4px;
position: absolute;
}
2024-04-15 18:38:11 +00:00
#historybar > div > .avatar {
2016-08-28 00:30:25 +00:00
padding: 0;
2017-02-10 09:48:40 +00:00
margin: 0;
position: absolute;
2016-08-28 00:30:25 +00:00
left: 4px;
top: 4px;
width: 42px;
height: 42px;
border-radius: 3.230768px;
}
2024-04-15 18:38:11 +00:00
#historybar > div > .avatar > div {
2016-08-28 00:30:25 +00:00
position: absolute;
2017-02-10 09:48:40 +00:00
margin: 0;
padding: 0;
left: 0;
bottom: 2px;
height: auto;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-02-10 09:48:40 +00:00
font-size: 18px;
text-align: center;
width: 100%;
}
2024-04-15 18:38:11 +00:00
#historybar > div > .avatar > .avatarbg {
2016-08-28 00:30:25 +00:00
bottom: 0;
height: 100%;
background-size: cover;
}
2024-04-15 18:38:11 +00:00
#historybar > div > .avatar2 {
2016-08-28 00:30:25 +00:00
width: 20px;
2017-02-10 09:48:40 +00:00
height: 20px;
left: 28px;
top: 28px;
border-radius: 100%;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2016-08-28 00:30:25 +00:00
font-size: 20px;
line-height: 20px;
z-index: 1;
}
2024-04-15 18:38:11 +00:00
#historybar > div > .avatar2.avatar3 {
2017-03-21 08:09:10 +00:00
left: 12px;
top: 31px;
2017-03-21 11:16:35 +00:00
transform: scale(0.7);
transform-origin: top left;
2017-03-21 08:09:10 +00:00
}
2017-02-10 09:48:40 +00:00
2016-08-28 00:30:25 +00:00
#window.rightbar #historybar,
2017-02-10 09:48:40 +00:00
#window.rightbar2:not(.leftbar) #historybar {
2016-08-29 11:00:45 +00:00
left: calc(98.5% - 50px);
2016-08-28 00:30:25 +00:00
}
2017-02-10 09:48:40 +00:00
2016-08-28 00:30:25 +00:00
#window.leftbar #historybar,
2017-02-10 09:48:40 +00:00
#window.rightbar #historybar {
2016-08-28 00:30:25 +00:00
opacity: 1;
visibility: visible;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.dialog .button.character.cardbg > .avatar_name {
font-family: "xinwei";
2016-08-28 00:30:25 +00:00
font-size: 20px;
width: 100%;
height: 20px;
line-height: 20px;
2017-03-17 01:38:59 +00:00
top: 37px;
2017-02-10 09:48:40 +00:00
left: 0;
2016-08-28 00:30:25 +00:00
text-align: center;
}
2017-02-10 09:48:40 +00:00
.player:not(.treasure).playerfocus {
2015-12-30 04:00:49 +00:00
transform: scale(1.1);
}
2017-02-10 09:48:40 +00:00
.player.linked:not(.treasure).playerfocus {
2016-01-07 09:29:44 +00:00
transform: scale(1.1) rotate(-90deg);
}
2024-04-15 18:38:11 +00:00
.player.connect > div:not(.avatar):not(.name):not(.nameol):not(.hp):not(.room):not(.gaming):not(.identity) {
2016-04-04 03:27:47 +00:00
display: none !important;
}
2024-04-15 18:38:11 +00:00
.player.connect > .gaming {
2017-02-10 09:48:40 +00:00
left: 16px;
top: auto;
2016-04-11 06:13:35 +00:00
bottom: 16px;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2016-04-11 06:13:35 +00:00
}
2024-04-15 18:38:11 +00:00
.player.connect[data-cursor_style="forbidden"] {
2017-02-12 06:38:59 +00:00
opacity: 0.5;
}
2024-04-15 18:38:11 +00:00
#arena #me > div > div > .card {
2015-11-24 00:50:54 +00:00
position: absolute;
2017-02-10 09:48:40 +00:00
left: 8px;
2015-11-24 00:50:54 +00:00
}
2015-11-29 11:46:51 +00:00
2024-04-15 18:38:11 +00:00
.touchinfo {
2017-08-10 04:34:43 +00:00
padding: 6px;
position: absolute;
color: white;
text-shadow: black 0 0 2px;
top: 0;
margin: 0;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-08-10 04:34:43 +00:00
}
2024-04-15 18:38:11 +00:00
.touchinfo.left {
2017-08-10 04:34:43 +00:00
left: 0;
}
2024-04-15 18:38:11 +00:00
.touchinfo.right {
2017-08-10 04:34:43 +00:00
left: auto;
right: 0;
text-align: right;
}
2024-04-15 18:38:11 +00:00
#window.touchinfohidden > .touchinfo {
2017-08-10 04:34:43 +00:00
opacity: 0;
}
2017-02-10 09:48:40 +00:00
.roundarenabutton {
2015-11-29 11:46:51 +00:00
/*width: 50px;
height: 50px;*/
2017-02-10 09:48:40 +00:00
left: 180px;
top: 210px;
2015-11-29 11:46:51 +00:00
position: absolute;
/*background: rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius:100%;*/
z-index: 7;
transition-property: opacity;
2016-08-28 00:30:25 +00:00
overflow: hidden;
2015-11-29 11:46:51 +00:00
}
2017-02-10 09:48:40 +00:00
#arena:not(.phone) #roundmenu {
2017-01-21 05:30:20 +00:00
display: none !important;
}
2024-04-15 18:38:11 +00:00
#roundmenu > div {
2015-11-29 11:46:51 +00:00
width: 26px;
height: 4px;
background: white;
position: absolute;
left: 12px;
border-radius: 2px;
box-shadow: black 0 0 2px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(1) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
left: 24px;
2017-02-10 09:48:40 +00:00
top: 2px;
2016-08-28 00:30:25 +00:00
opacity: 1;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(2) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
left: 24px;
2017-02-10 09:48:40 +00:00
top: 46px;
2016-08-28 00:30:25 +00:00
opacity: 1;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(3) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
top: 24px;
2017-02-10 09:48:40 +00:00
left: 2px;
2016-08-28 00:30:25 +00:00
opacity: 1;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(4) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
top: 24px;
2017-02-10 09:48:40 +00:00
left: 46px;
2016-08-28 00:30:25 +00:00
opacity: 1;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(5) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
left: 24px;
2017-02-10 09:48:40 +00:00
top: 2px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(30deg);
transform-origin: 1px 23px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(9) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
left: 24px;
2017-02-10 09:48:40 +00:00
top: 2px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(60deg);
transform-origin: 1px 23px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(6) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
left: 24px;
2017-02-10 09:48:40 +00:00
top: 46px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(30deg);
transform-origin: 1px -23px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(10) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
left: 24px;
2017-02-10 09:48:40 +00:00
top: 46px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(60deg);
transform-origin: 1px -23px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(7) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
top: 24px;
2017-02-10 09:48:40 +00:00
left: 2px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(30deg);
transform-origin: 23px 1px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(11) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
top: 24px;
2017-02-10 09:48:40 +00:00
left: 2px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(60deg);
transform-origin: 23px 1px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(8) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
top: 24px;
2017-02-10 09:48:40 +00:00
left: 46px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(30deg);
transform-origin: -23px 1px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(12) {
2016-08-28 00:30:25 +00:00
width: 2px;
height: 2px;
top: 24px;
2017-02-10 09:48:40 +00:00
left: 46px;
2016-08-28 00:30:25 +00:00
opacity: 0.4;
transform: rotate(60deg);
transform-origin: -23px 1px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(13) {
2016-08-28 00:30:25 +00:00
width: 22px;
height: 2px;
top: 24px;
2017-02-10 09:48:40 +00:00
left: 24px;
2016-08-28 00:30:25 +00:00
transform-origin: 1px 1px;
border-radius: 4px 40px 40px 4px/4px 4px 4px 4px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(14) {
2016-08-28 00:30:25 +00:00
width: 16px;
height: 4px;
top: 23px;
2017-02-10 09:48:40 +00:00
left: 23px;
2016-08-28 00:30:25 +00:00
transform-origin: 2px 2px;
border-radius: 4px 23px 23px 4px/4px 4px 4px 4px;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock > div:nth-of-type(15) {
2017-01-20 05:34:31 +00:00
width: 80%;
height: 80%;
left: 10%;
top: 10%;
border-radius: 100%;
margin: 0;
padding: 0;
z-index: -1;
opacity: 0;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(1),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(2),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(3),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(4),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(5),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(6),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(7),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(8),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(9),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(10),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(11),
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(12) {
2017-01-20 05:34:31 +00:00
opacity: 0;
}
2024-04-15 18:38:11 +00:00
#roundmenu.clock[data-watchface="simple"] > div:nth-of-type(15) {
2017-01-20 05:34:31 +00:00
opacity: 1;
}
2016-08-28 00:30:25 +00:00
2024-04-15 18:38:11 +00:00
#roundmenu:not(.clock) > div:nth-of-type(even) {
2015-11-29 11:46:51 +00:00
width: 20px;
2017-02-10 09:48:40 +00:00
left: 18px;
2015-11-29 11:46:51 +00:00
}
2024-04-15 18:38:11 +00:00
#roundmenu:not(.clock) > div:nth-of-type(odd) {
2015-11-29 11:46:51 +00:00
width: 4px;
}
2024-04-15 18:38:11 +00:00
#roundmenu:not(.clock) > div:nth-of-type(1),
#roundmenu:not(.clock) > div:nth-of-type(2) {
2017-02-10 09:48:40 +00:00
top: 14px;
2015-11-29 11:46:51 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#roundmenu:not(.clock) > div:nth-of-type(3),
#roundmenu:not(.clock) > div:nth-of-type(4) {
2017-02-10 09:48:40 +00:00
top: 23px;
2015-11-29 11:46:51 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#roundmenu:not(.clock) > div:nth-of-type(5),
#roundmenu:not(.clock) > div:nth-of-type(6) {
2017-02-10 09:48:40 +00:00
top: 32px;
2016-08-28 00:30:25 +00:00
transform: none !important;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#roundmenu:not(.clock) > div:nth-of-type(7),
#roundmenu:not(.clock) > div:nth-of-type(8),
#roundmenu:not(.clock) > div:nth-of-type(9),
#roundmenu:not(.clock) > div:nth-of-type(10),
#roundmenu:not(.clock) > div:nth-of-type(11),
#roundmenu:not(.clock) > div:nth-of-type(12),
#roundmenu:not(.clock) > div:nth-of-type(13),
#roundmenu:not(.clock) > div:nth-of-type(14),
#roundmenu:not(.clock) > div:nth-of-type(15) {
2016-08-28 00:30:25 +00:00
opacity: 0;
2015-11-29 11:46:51 +00:00
}
2017-02-10 09:48:40 +00:00
.linexy {
2017-02-11 07:47:22 +00:00
pointer-events: none;
2024-04-15 18:38:11 +00:00
transition-property: transform, opacity;
2015-11-23 10:59:44 +00:00
width: 3px;
border-radius: 4px;
z-index: 4;
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.5) 0 0 2px;
2015-11-23 10:59:44 +00:00
transform-origin: top center;
}
2024-04-15 18:38:11 +00:00
.linexy.drag {
2017-02-11 03:43:16 +00:00
transition-property: none !important;
}
2024-04-15 18:38:11 +00:00
#me,
#mebg {
2017-02-10 09:48:40 +00:00
width: 100%;
height: 140px;
top: calc(100% - 140px);
left: 0;
2015-12-02 15:34:34 +00:00
}
2017-02-10 09:48:40 +00:00
#mebg {
2024-04-15 18:38:11 +00:00
z-index: -1;
2015-11-24 15:44:21 +00:00
}
2017-02-10 09:48:40 +00:00
#autonode {
z-index: 10;
2015-11-28 03:45:23 +00:00
width: 100%;
2017-02-10 09:48:40 +00:00
height: 140px;
top: calc(100% - 140px);
left: 0;
display: table;
text-align: center;
font-size: 60px;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
text-shadow: black 0 0 10px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#arena:not(.chess):not(.mobile) > #autonode {
display: none;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#arena:not(.auto) > #autonode,
2017-02-11 01:33:02 +00:00
#autonode.hidden {
2017-02-10 09:48:40 +00:00
opacity: 0;
2017-02-11 01:33:02 +00:00
pointer-events: none;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#arena.auto #me .handcards {
opacity: 0.5;
2015-11-28 03:45:23 +00:00
}
2024-04-15 18:38:11 +00:00
#autonode > div {
2017-02-10 09:48:40 +00:00
display: table-cell;
vertical-align: middle;
2024-04-15 18:38:11 +00:00
position: relative;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#handcards1,
#handcards2 {
2017-02-10 09:48:40 +00:00
width: calc(50% - 140px);
height: 127px;
padding: 10px;
text-align: left;
}
2024-04-15 18:38:11 +00:00
#handcards1,
#handcards2 {
2017-02-10 09:48:40 +00:00
white-space: nowrap;
overflow-x: visible;
overflow-y: visible;
2015-11-28 03:45:23 +00:00
display: block;
}
2024-04-15 18:38:11 +00:00
#handcards1.scrollh,
#handcards2.scrollh {
2017-02-10 09:48:40 +00:00
overflow-x: scroll;
2024-04-15 18:38:11 +00:00
overflow-y: hidden;
2016-06-11 08:06:47 +00:00
}
2017-02-10 09:48:40 +00:00
#handcards1 {
2016-06-11 08:06:47 +00:00
left: 0;
2017-02-10 09:48:40 +00:00
top: calc(100% - 140px);
2016-06-11 08:06:47 +00:00
}
2017-02-10 09:48:40 +00:00
#handcards2 {
left: calc(50% + 120px);
top: calc(100% - 140px);
2017-02-07 05:15:54 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#arena #handcards1 > div,
#arena #handcards2 > div {
2017-02-10 09:48:40 +00:00
height: 100%;
position: relative;
margin-left: 2px;
margin-right: 10px;
2017-02-07 05:15:54 +00:00
}
2024-04-15 18:38:11 +00:00
#arena:not(.mobile):not(.single-handcard):not(.chess) #handcards1 > div,
#arena:not(.mobile):not(.single-handcard):not(.chess) #handcards2 > div {
2017-02-10 09:48:40 +00:00
left: -10px;
}
#arena.single-handcard #handcards1 {
width: calc(100% - 120px);
left: 120px;
}
#arena:not(.mobile).single-handcard #handcards1 {
width: calc(100% - 140px);
}
#arena.single-handcard #handcards2 {
display: none;
}
2016-06-11 08:06:47 +00:00
2017-02-10 09:48:40 +00:00
#system {
padding: 6px;
width: calc(100% - 12px);
2016-06-11 08:06:47 +00:00
white-space: nowrap;
2017-02-10 09:48:40 +00:00
z-index: 3;
2019-06-07 03:46:13 +00:00
pointer-events: none;
transition-property: opacity;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#system > div {
2017-02-10 09:48:40 +00:00
height: 100%;
2016-06-11 08:06:47 +00:00
position: relative;
2017-02-10 09:48:40 +00:00
margin: 0;
padding: 0;
2016-06-11 08:06:47 +00:00
}
2024-04-15 18:38:11 +00:00
#system > div > div {
pointer-events: auto;
2016-06-11 08:06:47 +00:00
}
2024-04-15 18:38:11 +00:00
#system > div:last-child {
2017-02-10 09:48:40 +00:00
text-align: right;
2024-04-15 18:38:11 +00:00
float: right;
2016-06-15 14:16:41 +00:00
}
2024-04-15 18:38:11 +00:00
#system > div > div {
2017-02-10 09:48:40 +00:00
position: relative;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
margin: 4px;
2024-04-15 18:38:11 +00:00
transition: all 0.1s;
2017-02-10 09:48:40 +00:00
}
2017-02-15 07:26:55 +00:00
.pausedbg {
2017-02-10 09:48:40 +00:00
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
2024-04-15 18:38:11 +00:00
.pausedbg > div:first-child {
2017-02-10 09:48:40 +00:00
font-size: 30px;
top: calc(50% - 17px);
left: calc(50% - 45px);
}
2024-04-15 18:38:11 +00:00
#sidebar,
#sidebar3 {
2017-02-10 09:48:40 +00:00
left: 0;
top: 0;
width: 200px;
height: calc(100% - 40px);
text-align: left;
padding: 20px;
overflow-y: scroll;
z-index: 6;
}
#sidebar3 {
2024-04-15 18:38:11 +00:00
text-align: right;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.pausedbg > #sidebar.right,
#sidebar3 {
2017-02-10 09:48:40 +00:00
left: calc(100% - 240px);
}
#sidebar3.left {
left: 0;
text-align: left;
}
2017-02-15 07:26:55 +00:00
.dialog.popped #sidebar {
2017-02-10 09:48:40 +00:00
padding: 0;
}
.dialog .poppedpile {
width: 100%;
padding-bottom: 10px;
}
2024-04-15 18:38:11 +00:00
.dialog .poppedpile > div {
2017-02-10 09:48:40 +00:00
display: block;
position: relative;
}
2024-04-15 18:38:11 +00:00
.dialog.character > .content-container {
2017-02-10 09:48:40 +00:00
width: calc(100% - 136px);
left: 136px;
}
2024-04-15 18:38:11 +00:00
.dialog.character > .packnode {
2017-02-10 09:48:40 +00:00
width: 136px;
left: 0;
height: 100%;
position: absolute;
overflow: scroll;
}
2024-04-15 18:38:11 +00:00
.dialog.choose-character > .content-container {
2017-02-10 09:48:40 +00:00
width: calc(100% - 106px);
left: 106px;
}
2024-04-15 18:38:11 +00:00
.dialog.choose-character > .packnode {
2017-02-10 09:48:40 +00:00
width: 106px;
}
2024-04-15 18:38:11 +00:00
.dialog.character > .packnode > div {
2017-02-10 09:48:40 +00:00
/*box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
border-radius: 4px;
font-family:'STXinwei','xinwei';
text-align:center;
display:inline-block;
padding:5px;*/
font-size: 26px;
line-height: 26px;
width: calc(100% - 30px);
margin-top: 9px;
margin-left: 10px;
white-space: nowrap;
position: relative;
}
2024-04-15 18:38:11 +00:00
.dialog.character > .packnode > div:last-child {
2017-02-10 09:48:40 +00:00
margin-bottom: 9px;
}
2024-04-15 18:38:11 +00:00
.dialog.popped .caption > .text > ul > li:not(*:last-child) {
2018-08-11 16:48:38 +00:00
margin-bottom: 8px;
}
2024-04-15 18:38:11 +00:00
.dialog.popped .caption > .caption > div > .skillinfo:not(*:last-child) {
2018-08-11 16:48:38 +00:00
margin-bottom: 8px;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.skillversion {
2018-08-19 05:33:41 +00:00
padding-bottom: 5px;
}
2024-04-15 18:38:11 +00:00
#sidebar > div,
#sidebar3 > div {
2017-02-10 09:48:40 +00:00
margin: 10px;
position: relative;
display: block;
min-height: 5px;
}
#scrollzone1 {
left: 0;
}
#scrollzone2 {
left: calc(50% - 140px);
}
#scrollzone3 {
right: calc(50% - 140px);
}
#scrollzone4 {
right: 0;
}
.scrollzone {
width: 20px;
height: 140px;
}
2024-04-15 18:38:11 +00:00
body > .background.paused {
2017-02-10 09:48:40 +00:00
filter: blur(3px);
-webkit-filter: blur(3px);
}
2024-04-15 18:38:11 +00:00
body > .background {
z-index: -5;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
body > .background.upper {
z-index: -4;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
body > .background.land {
background-position: center;
background-size: cover;
2019-06-07 03:46:13 +00:00
transition: all 2s;
}
2017-02-10 09:48:40 +00:00
2022-10-22 15:11:10 +00:00
.popup:not(.guanxing) {
2017-02-10 09:48:40 +00:00
padding: 5px;
}
.forcehide {
display: none !important;
}
2024-04-15 18:38:11 +00:00
.removing,
.hidden {
2017-02-10 09:48:40 +00:00
opacity: 0 !important;
2017-02-15 01:04:48 +00:00
pointer-events: none;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#system > div > div.hidden {
2017-02-10 09:48:40 +00:00
opacity: 0.5 !important;
}
.opaque {
opacity: 0 !important;
}
.transparent {
opacity: 0.3 !important;
}
.transparent2 {
opacity: 0.6 !important;
}
.out {
opacity: 0.3 !important;
2019-06-07 03:46:13 +00:00
/* filter: blur(3px); */
/* -webkit-filter: blur(3px) */
2017-02-10 09:48:40 +00:00
}
.blurbg {
filter: blur(3px) !important;
-webkit-filter: blur(3px) !important;
transform: scale(1.2);
}
.blur {
filter: blur(3px) !important;
-webkit-filter: blur(3px) !important;
}
.blur2 {
filter: blur(6px) !important;
-webkit-filter: blur(6px) !important;
}
.invert-color {
2019-06-07 03:46:13 +00:00
filter: invert(1);
2017-02-10 09:48:40 +00:00
-webkit-filter: invert(1);
}
.zoominanim {
2019-06-07 03:46:13 +00:00
animation: zoomin 0.5s;
2017-02-10 09:48:40 +00:00
-webkit-animation: zoomin 0.5s;
}
.zoomin {
transform: scale(1.05) !important;
}
.zoomout {
transform: scale(0.95) !important;
}
.zoomin2 {
transform: scale(2) !important;
}
.zoomin3 {
transform: scale(3) !important;
}
.zoomout2 {
transform: scale(0.5) !important;
}
.zoomout3 {
transform: scale(0.3) !important;
}
.rotateleft {
transform: rotate(-3deg) !important;
}
.rotateright {
transform: rotate(3deg) !important;
}
.exclude {
opacity: 0.6 !important;
}
.button.buttonclick {
animation: buttonclick 0.8s;
2024-04-15 18:38:11 +00:00
-webkit-animation: buttonclick 0.8s;
2017-02-10 09:48:40 +00:00
}
.background {
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
padding: 0;
display: inline-block !important;
}
.background2 {
width: 90%;
height: 90%;
left: 5%;
top: 5%;
margin: 0;
padding: 0;
display: inline-block !important;
}
2024-04-15 18:38:11 +00:00
.background,
.button,
.avatar,
.avatar2 {
transition-property: top, box-shadow, opacity, transform;
2017-02-10 09:48:40 +00:00
transition-duration: 0.5s;
}
2024-04-15 18:38:11 +00:00
.fullsize {
2017-04-14 15:47:11 +00:00
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
padding: 0;
border: none;
display: block;
position: absolute;
}
2017-02-10 09:48:40 +00:00
.intro {
width: 20px;
height: 20px;
}
#systembutton {
left: calc(-150% / 47 + 15px);
bottom: calc(-100% / 18 + 135px);
top: auto;
margin: 0;
}
2024-04-15 18:38:11 +00:00
#arena:not(.mobile) > #systembutton {
2015-10-31 10:14:14 +00:00
display: none !important;
}
2015-04-29 03:25:17 +00:00
/*--------卡牌--------*/
2017-02-10 09:48:40 +00:00
.card {
width: 104px;
height: 104px;
margin-top: 8px;
margin-left: 4px;
margin-right: 4px;
position: relative;
/*overflow: hidden;*/
}
2024-04-15 18:38:11 +00:00
.card > .info {
2022-10-20 11:50:57 +00:00
top: 5.2px;
right: 7px;
2017-02-10 09:48:40 +00:00
white-space: nowrap;
2022-10-20 11:50:57 +00:00
word-spacing: -0.1em;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .range {
2017-02-10 09:48:40 +00:00
bottom: 5px;
right: 5px;
text-align: right;
2024-04-15 18:38:11 +00:00
text-shadow: rgba(213, 194, 179, 1) 0 0 3px, rgba(213, 194, 179, 1) 0 0 3px,
rgba(213, 194, 179, 1) 0 0 3px, rgba(213, 194, 179, 1) 0 0 3px, black 0 0 3px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .gaintag {
2021-01-19 14:04:52 +00:00
bottom: 5px;
left: 5px;
text-align: left;
color: white;
2024-04-15 18:38:11 +00:00
text-shadow: rgba(255, 120, 0, 1) 0 0 2px, rgba(255, 120, 0, 1) 0 0 2px, rgba(255, 120, 0, 1) 0 0 2px,
rgba(255, 120, 0, 1) 0 0 2px, black 0 0 1px;
2021-01-19 14:04:52 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .name {
2017-02-10 09:48:40 +00:00
top: 9px;
left: 6px;
text-align: center;
white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullimage > .name.long {
2019-06-07 03:46:13 +00:00
top: 6px;
}
2024-04-15 18:38:11 +00:00
.card > .name2 {
2017-02-10 09:48:40 +00:00
display: none;
}
2024-04-15 18:38:11 +00:00
.card > .intro {
2017-02-10 09:48:40 +00:00
top: 85px;
right: 0;
}
2024-04-15 18:38:11 +00:00
.card.fullborder > .name {
font-family: "xinwei";
2017-05-10 19:08:28 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .cardframebg {
2017-05-10 19:08:28 +00:00
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-size: 100% 100%;
border-radius: 8px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="reduce"] .card > .cardframebg {
2017-05-10 19:08:28 +00:00
border-radius: 4px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="increase"] .card > .cardframebg {
2017-05-10 19:08:28 +00:00
border-radius: 16px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="off"] .card > .cardframebg {
2017-05-10 19:08:28 +00:00
border-radius: 0;
}
2024-04-15 18:38:11 +00:00
.card > .cardframebg[data-auto="gold"] {
background-image: url("../../theme/style/card/image/border_gold.jpg");
2017-05-10 19:08:28 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .cardframebg[data-auto="silver"] {
background-image: url("../../theme/style/card/image/border_silver.jpg");
2017-05-10 19:08:28 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .cardframebg[data-auto="bronze"] {
background-image: url("../../theme/style/card/image/border_bronze.jpg");
2017-05-10 19:08:28 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .cardframebg[data-auto="wood"] {
background-image: url("../../theme/style/card/image/border_wood.jpg");
2019-06-07 03:46:13 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .cardframebg[data-auto="map"] {
background-image: url("../../theme/style/card/image/border_map.jpg");
2019-06-07 03:46:13 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .cardavatar {
2017-05-10 19:08:28 +00:00
width: calc(100% - 6px);
height: calc(100% - 6px);
left: 3px;
top: 3px;
position: absolute;
border-radius: 6px;
pointer-events: none;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px inset, rgba(0, 0, 0, 0.45) 0 0 10px inset;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="reduce"] .card > .cardavatar {
2017-05-10 19:08:28 +00:00
border-radius: 3px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="off"] .card > .cardavatar {
2017-05-10 19:08:28 +00:00
border-radius: 0px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="increase"] .card > .cardavatar {
2017-05-10 19:08:28 +00:00
border-radius: 14px;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
div:not(.handcards) > .card > .info,
.handcards > .card:last-child > .info,
div:not(.handcards) > .card > .name,
.handcards > .card:last-child > .name {
transform: none !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
div:not(.handcards).menu-buttons > .button.card > .name {
2016-07-20 02:04:20 +00:00
transform: scale(0.9) !important;
transform-origin: top left;
}
2024-04-15 18:38:11 +00:00
div:not(.handcards).menu-buttons > .button.card > .info {
2016-07-20 02:04:20 +00:00
transform: scale(0.9) !important;
transform-origin: top right;
}
2024-04-15 18:38:11 +00:00
div:not(.handcards) > .card > .info > span,
.handcards > .card:last-child > .info > span {
display: inline !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .image {
2015-04-29 03:25:17 +00:00
width: 100%;
height: 100%;
2017-02-10 09:48:40 +00:00
position: absolute;
left: 0;
top: 0;
2015-04-29 03:25:17 +00:00
background-size: cover;
}
2024-04-15 18:38:11 +00:00
.card.infohidden > div {
2017-02-10 09:48:40 +00:00
display: none !important;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.card.cardflip {
animation: cardflip 0.3s ease-out;
2015-11-23 10:59:44 +00:00
animation-fill-mode: none;
2017-02-10 09:48:40 +00:00
-webkit-animation: cardflip 0.3s ease-out;
-webkit-animation-fill-mode: none;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.player .playerjiu {
animation: game_start 0.5s;
-webkit-animation: game_start 0.5s;
2015-11-21 13:23:23 +00:00
position: absolute;
width: 100%;
height: 100%;
2017-02-10 09:48:40 +00:00
left: 0;
top: 0;
2015-11-21 13:23:23 +00:00
z-index: 4;
pointer-events: none;
background: rgba(255, 0, 0, 0.3);
}
2017-02-10 09:48:40 +00:00
.player.playerbright {
filter: brightness(1.2);
-webkit-filter: brightness(1.2);
}
.player.playerflip {
animation: playerflip 0.3s ease-out;
-webkit-animation: playerflip 0.3s ease-out;
2015-11-21 05:30:26 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.button.card.button > .intro {
2017-02-10 09:48:40 +00:00
top: 69px;
2015-10-20 17:44:00 +00:00
}
2022-12-22 03:19:22 +00:00
.buttons {
width: 100%;
}
2021-12-09 13:57:51 +00:00
.buttons.guanxing {
2023-02-22 05:47:10 +00:00
min-height: 106px !important;
2022-10-22 15:11:10 +00:00
margin: 0px;
2023-02-22 05:47:10 +00:00
width: 90% !important;
2021-12-09 13:57:51 +00:00
}
2017-02-10 09:48:40 +00:00
.buttons.smallzoom {
2018-06-12 07:06:21 +00:00
display: block;
2024-04-15 18:38:11 +00:00
zoom: 0.65;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.buttons .card.button > .name {
2017-02-10 09:48:40 +00:00
transform: scale(0.8);
transform-origin: top left;
2015-04-29 03:25:17 +00:00
}
2017-07-13 03:34:45 +00:00
.buttons.scrollbuttons {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
2024-04-15 18:38:11 +00:00
.buttons.scrollbuttons:not(.popup) .button:first-child {
2017-07-13 03:38:26 +00:00
margin-left: 12px;
2017-07-13 03:34:45 +00:00
}
2024-04-15 18:38:11 +00:00
.buttons.scrollbuttons:not(.popup) .button:last-child {
2017-07-13 03:38:26 +00:00
margin-right: 12px;
2017-07-13 03:34:45 +00:00
}
2017-02-05 17:45:46 +00:00
/*.buttons.smallzoom .card.button>.name,
.buttons.smallzoom .card.button>.info{
2017-02-05 15:22:29 +00:00
transform: scale(0.8) !important;
}
2017-02-05 17:45:46 +00:00
.buttons.smallzoom .card.button>.range{
transform: scale(0.8);
transform-origin: bottom right;
}*/
2024-04-15 18:38:11 +00:00
.buttons .card.button > .info {
2017-02-10 09:48:40 +00:00
transform: scale(0.8);
transform-origin: top right;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.buttons .card.button > .addinfo {
2017-02-10 09:48:40 +00:00
transform: scale(0.8);
transform-origin: bottom left;
2015-05-04 14:27:10 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.dialog .buttons > .button.character,
2017-02-10 09:48:40 +00:00
.button.character.longcharacter {
height: 108px;
2015-11-28 07:19:04 +00:00
background-size: cover;
2015-11-25 10:25:18 +00:00
}
2024-04-15 18:38:11 +00:00
.dialog .buttons > .button.character > .name,
.button.character.longcharacter > .name {
2017-01-08 04:09:34 +00:00
overflow: visible;
}
2024-04-15 18:38:11 +00:00
.dialog .buttons > .button.character > .name.long {
2017-01-16 02:22:48 +00:00
transform: scale(0.95);
2017-02-10 09:48:40 +00:00
transform-origin: top left;
}
2024-04-15 18:38:11 +00:00
.dialog .buttons > .card > .name {
2017-02-26 15:27:37 +00:00
font-size: 14px;
line-height: 16px;
}
2024-04-15 18:38:11 +00:00
.dialog .buttons > .card > .name.long {
2017-02-26 15:27:37 +00:00
top: 3px;
}
2017-02-10 09:48:40 +00:00
.card.center {
top: calc(50% - 52px);
left: calc(50% - 52px);
}
2024-04-15 18:38:11 +00:00
.card > .background {
2017-02-10 09:48:40 +00:00
font-size: 80px;
height: 80px;
padding-top: 14px;
text-align: center;
}
2024-04-15 18:38:11 +00:00
.card.fullimage > div:not(.background),
.card.fullborder > div:not(.background) {
2017-05-17 08:13:00 +00:00
color: white;
text-shadow: black 0px 0px 2px;
}
2024-04-15 18:38:11 +00:00
.card.fullimage > .name {
2019-06-07 03:46:13 +00:00
line-height: 18px;
}
2017-05-17 08:13:00 +00:00
2024-04-15 18:38:11 +00:00
.equips > .card > .background {
2017-02-10 09:48:40 +00:00
font-size: 36px;
height: 36px;
padding-top: 3px;
2017-01-16 02:22:48 +00:00
}
2017-03-26 06:52:27 +00:00
#window.low_performance #arena .player .equips,
#window.low_performance #arena .player .name {
2024-04-15 18:38:11 +00:00
transition: all 0s;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.judges > .card > .background,
.marks > .card > .background {
2017-02-10 09:48:40 +00:00
font-size: 20px;
height: 20px;
padding-top: 3px;
}
2024-04-15 18:38:11 +00:00
.judges > .card.fakejudge.fullskin > .image {
display: none !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.judges > .card.fakejudge.fullskin > .background,
.judges > .card.fakejudge.fullborder > .background,
.marks > .card.fakemark.fullborder > .background {
2017-02-10 09:48:40 +00:00
display: block !important;
2024-04-15 18:38:11 +00:00
font-family: "huangcao" !important;
2017-02-10 09:48:40 +00:00
padding-top: 4px !important;
}
2024-04-15 18:38:11 +00:00
.judges:empty {
2017-04-17 07:32:18 +00:00
pointer-events: none;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.mark-container.marks {
2017-11-24 05:20:42 +00:00
left: 0;
top: 0;
position: relative;
margin-bottom: 0;
margin-top: 0;
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > div {
2017-11-24 05:20:42 +00:00
position: relative !important;
margin: 8px;
width: 48px !important;
height: 48px !important;
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > .card > .background.skillmark,
.mark-container.marks > .card.fakemark.fullborder > .background {
2017-11-24 05:20:42 +00:00
padding-top: calc(17px / 2) !important;
zoom: 2;
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > .card.overflowmark {
2017-11-24 05:20:42 +00:00
overflow: visible;
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > div > .markcount.menubutton {
2017-11-26 05:21:55 +00:00
font-size: 12px;
width: 16px;
height: 16px;
line-height: 18px;
position: absolute;
left: 36px;
top: 34px;
2017-11-24 05:20:42 +00:00
border-radius: 100%;
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > .card.fullskin > .image {
2017-11-24 05:20:42 +00:00
background-size: 100%;
background-position: 0 0;
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > .card.fullskin > .info {
2017-11-24 05:20:42 +00:00
transform: scale(0.6) !important;
transform-origin: top right;
left: auto !important;
right: 3px !important;
display: block;
top: 2px;
2017-11-24 05:20:42 +00:00
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > .card.fullskin > .name {
2017-11-24 05:20:42 +00:00
transform: scale(0.5) !important;
transform-origin: top left;
left: 3px !important;
display: block;
top: 3px !important;
}
2024-04-15 18:38:11 +00:00
.mark-container.marks > .card.fullskin > .name.long {
2017-11-24 05:20:42 +00:00
transform: scale(0.48) !important;
top: 1px !important;
2017-11-24 05:20:42 +00:00
}
2024-04-15 18:38:11 +00:00
.button.card > .background {
2017-02-10 09:48:40 +00:00
font-size: 68px;
height: 68px;
padding-top: 12px;
}
2024-04-15 18:38:11 +00:00
.card > .background {
font-family: "xiaozhuan";
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.card > .background.tight {
letter-spacing: -0.2em;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.marks > .card > .background.skillmark {
font-family: "huangcao", "xinwei";
2017-02-10 09:48:40 +00:00
padding-top: 4px;
}
2024-04-15 18:38:11 +00:00
.marks > .card.overflowmark {
2015-11-28 03:45:23 +00:00
overflow: visible;
}
2024-04-15 18:38:11 +00:00
.marks > div > .markcount.menubutton {
font-family: "xinwei";
2015-11-28 03:45:23 +00:00
font-size: 9px;
width: 12px;
height: 12px;
padding: 0;
line-height: 14px;
position: absolute;
left: 16px;
top: 14px;
border-radius: 100%;
z-index: 1;
display: block !important;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#arena.oldlayout .player:not(.linked2) .marks > div:first-child,
#arena.oldlayout:not(.nolink) .player .marks > div:first-child,
2017-02-10 09:48:40 +00:00
#arena.oldlayout .player .marks .removing {
2017-02-09 05:59:59 +00:00
transform: scale(0.2);
2017-02-10 09:48:40 +00:00
opacity: 0;
2016-10-07 14:00:06 +00:00
pointer-events: none;
2016-07-20 03:17:01 +00:00
}
2015-04-29 03:25:17 +00:00
/*--------窗口--------*/
2017-02-10 09:48:40 +00:00
.dialog {
text-align: center;
z-index: 4;
2024-04-15 18:38:11 +00:00
transition-property: opacity, background, box-shadow;
2017-02-10 09:48:40 +00:00
}
.dialog {
width: calc(90% - 420px);
height: calc(100% / 3 - 160px / 3 + 120px);
}
.dialog.fullheight {
height: calc(100% - 80px) !important;
2024-04-15 18:38:11 +00:00
top: 40px !important;
2017-02-10 09:48:40 +00:00
}
.dialog.fullwidth {
left: calc(5% + 60px) !important;
2024-04-15 18:38:11 +00:00
width: calc(90% - 120px) !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.dialog.halfleft,
.dialog.halfright {
2017-02-10 09:48:40 +00:00
width: 43% !important;
2024-04-15 18:38:11 +00:00
opacity: 1 !important;
2017-02-10 09:48:40 +00:00
}
.dialog.halfleft {
2024-04-15 18:38:11 +00:00
left: 5% !important;
2017-02-10 09:48:40 +00:00
}
.dialog.halfright {
2024-04-15 18:38:11 +00:00
left: 52% !important;
2017-02-10 09:48:40 +00:00
}
.dialog {
top: calc(100% / 3 - 100px / 3);
left: calc(5% + 210px);
}
.dialog.nobutton {
width: 400px;
left: calc(50% - 200px);
bottom: auto !important;
min-height: 0px !important;
}
2024-04-15 18:38:11 +00:00
.dialog.forcebutton,
.dialog.forcebutton-auto {
2017-06-03 13:29:09 +00:00
width: 400px;
left: calc(50% - 200px);
}
2024-04-15 18:38:11 +00:00
.dialog.nobutton .content > div:last-child {
2017-02-10 09:48:40 +00:00
padding-bottom: 8px;
}
2024-04-15 18:38:11 +00:00
#window > .dialog.popped {
2017-02-10 09:48:40 +00:00
z-index: 5;
width: 220px;
2024-04-15 18:38:11 +00:00
background: rgba(0, 0, 0, 0.2);
2017-02-10 09:48:40 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius: 6px;
transition: opacity 0.3s;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="reduce"] > .dialog.popped {
2017-02-10 09:48:40 +00:00
border-radius: 4px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="off"] > .dialog.popped {
2017-02-10 09:48:40 +00:00
border-radius: 0px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="increase"] > .dialog.popped {
2017-02-10 09:48:40 +00:00
border-radius: 12px;
}
2024-04-15 18:38:11 +00:00
#window > .dialog.popped > .bar {
2017-02-10 09:48:40 +00:00
display: none !important;
}
2024-04-15 18:38:11 +00:00
#window > .dialog.popped > .content-container {
2017-02-10 09:48:40 +00:00
height: 100%;
top: 0;
}
2024-04-15 18:38:11 +00:00
.content > table {
width: 100%;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.content > div {
2023-01-24 13:26:41 +00:00
margin-top: 8px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
position: relative;
2023-10-04 03:58:36 +00:00
}
2024-04-15 18:38:11 +00:00
.content > div:not(.pointerdiv) {
2023-10-04 03:58:36 +00:00
width: calc(100% - 8px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.content > .caption + .buttons:not(*:last-child) {
2022-12-22 03:19:22 +00:00
margin-top: 0;
margin-bottom: 0;
2017-05-31 08:43:00 +00:00
}
2024-04-15 18:38:11 +00:00
.content > .caption + .buttons:last-child {
v1.9.123 (#158) * change lib.init.parsex, Enable 'step' to be used through nesting * Fixed an issue where nonstandard statement 'step 0' before standard statement 'step 0' would cause an error * zhangshiping; tw_madai bug fix * modify all the skills with incorrect "locked" tag * Change the game.exit function to restart the app for WKWebview users using ios. And added the macintosh field to the judgment of lib.device * various bug fix * Revert "various bug fix" This reverts commit ca7a363172a837af9244fca300d6a008cafc03ac. * various bug fix * some sudio * unlock zhenghun, fix sbdiaochan * add and adjust some audio, fix some bugs * add trigger "useSkill" and "logSkillBegin" * brand new wuxie * Update standard.js * update 武安国 * iriya! * Add character lushi; fix clansankuang * add 魏关羽/涛神,unlock 关宁/向朗/谋孙策/谋大乔/谋刘表,add related audio * fix: adjust the edit box style to fix the text overflow problem 🐛 * fix 修文 and some other small bugs * 伊莉雅·罗日杰斯特文斯卡娅 * Fix the issue of "game.getDB" and "game. deleteDB" reporting errors without "lib.db" * Some browsers do not support "autoplay", so "onconplay" listening has been added * sunwukong * more zooms * unlock 周善, modify 卢氏/卞喜/刘虞/黄祖/李采薇/张翼/笮融/孙寒华/TW董昭, fix some bug, add omitted audio * change the number of 如意金箍棒 to 9 instead of 5; fix 夏侯尚's bug; add audio for sunwukong & donghailongwang * Add the default accept value of '*/*' to the HTML selection file label * longwang * add&modify some audio * add 族王凌/界SP黄月英/界张松/武诸葛亮,fix 晖云's bug; resolve conflicts, bring 武诸葛 up to date, fix 龙王's bug * add 阮籍, add a skillTag in "jiu2" named jiuSustain for ruanji * add some audio, sort some characters in sp * sync 界SP黄月英 * add some character intros * make 谋弈 play audio correctly * revert some skills back to new ones * v1.9.122.3 * Update update.js * Add files via upload * Add files via upload * UI fix, Pinyin * 李白 * Add files via upload * Add files via upload * collab pack, shen_dengai * 朱铁雄, 小约翰可汗, 铜雀台补全 * small change * 新增阮籍语音,修复阮籍的一个bug * 添加族王凌和界孙登的语音 * 调整火攻和雌雄剑效果为只有1牌/0牌的时候直接亮出/令摸牌;新增一些语音 * 添加武诸葛、神邓艾配音 * 更新武诸葛、袁姬技能,bug修复 * 新增严纲、公孙范、乐蔡文姬、OL王朗,bug修复,添加相关语音 * 添加十周年地主相关语音,修复张世平的一个AIbug * 修改intro的一个问题 * collab AI * 新增OL界二张、甘夫人糜夫人,线下小杀小闪小酒小桃小乐;解禁刘宠骆俊 * v1.9.123 update info --------- Co-authored-by: shijian <2954700422@qq.com> Co-authored-by: copcap <copcap@outlook.com> Co-authored-by: copcap <43802486+copcap@users.noreply.github.com> Co-authored-by: PBK-B <pbk-b@PBK6.cn> Co-authored-by: lieren2023 <131325076+lieren2023@users.noreply.github.com>
2023-07-14 15:04:55 +00:00
margin-top: 0;
}
2024-04-15 18:38:11 +00:00
.content > .config {
2017-02-10 09:48:40 +00:00
height: 20px;
line-height: 20px;
}
2024-04-15 18:38:11 +00:00
.content > .config.removing {
2017-02-10 09:48:40 +00:00
margin-top: -28px;
}
2024-04-15 18:38:11 +00:00
.config > .configinfo {
2017-02-10 09:48:40 +00:00
margin-top: 28px;
}
2024-04-15 18:38:11 +00:00
.config > .configinfo > ul {
2017-02-10 09:48:40 +00:00
margin: 0;
2024-04-15 18:38:11 +00:00
padding-left: 20px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.config > .configinfo > .dashedline {
2017-02-10 09:48:40 +00:00
border-bottom: 1px dashed white;
display: block;
height: 0;
margin-top: 5px;
margin-bottom: 5px;
}
2024-04-15 18:38:11 +00:00
.content > .placeholder {
2017-02-10 09:48:40 +00:00
display: block;
height: 5px;
}
2024-04-15 18:38:11 +00:00
.content > .placeholder.slim {
2017-02-10 09:48:40 +00:00
margin: 1px;
}
2024-04-15 18:38:11 +00:00
.content > .placeholder.removing {
2017-02-10 09:48:40 +00:00
margin-top: -13px;
}
.content {
display: block;
width: 100%;
2022-10-22 15:11:10 +00:00
font-size: 0px;
2022-12-22 03:19:22 +00:00
overflow-x: hidden;
2022-10-22 15:11:10 +00:00
}
2024-04-15 18:38:11 +00:00
.content > * {
2022-10-22 15:11:10 +00:00
font-size: 16px;
2017-02-10 09:48:40 +00:00
}
.dialog:not(.popped) .content {
vertical-align: top;
}
2024-04-15 18:38:11 +00:00
.dialog:not(.popped) .content > .config {
2017-02-10 09:48:40 +00:00
width: 200px;
left: 0;
margin-left: 20px;
display: inline-block;
}
2024-04-15 18:38:11 +00:00
.dialog:not(.popped) .content > .config > .switcher {
2017-02-10 09:48:40 +00:00
position: absolute;
}
2024-04-15 18:38:11 +00:00
.dialog .content > .volumn {
2017-02-10 09:48:40 +00:00
margin: 0;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.dialog .content > .volumn > span {
2017-02-10 09:48:40 +00:00
margin-left: 2px;
margin-right: 2px;
}
.config {
text-align: left;
width: 90%;
left: 5%;
display: block;
overflow: hidden;
border-radius: 2px;
}
2024-04-15 18:38:11 +00:00
.config > div {
2017-02-10 09:48:40 +00:00
text-align: left;
left: 0;
}
2024-04-15 18:38:11 +00:00
.config > div > div {
2017-02-10 09:48:40 +00:00
position: relative;
padding-right: 10px;
2024-04-15 18:38:11 +00:00
height: 20px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.dialog > .content > .config {
2017-02-10 09:48:40 +00:00
width: 300px;
left: calc(50% - 150px);
}
.toggle {
right: 16px;
left: auto !important;
min-width: 16px;
text-align: right !important;
}
.menu-buttons.configpopped {
2024-04-15 18:38:11 +00:00
margin-top: 10px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.menu-buttons.configpopped > .toggle {
2017-02-10 09:48:40 +00:00
text-align: left !important;
margin-left: 21px !important;
width: calc(100% - 15px) !important;
overflow: visible;
}
.switcher {
width: 88%;
position: relative;
}
.dialog.popped .caption {
transition: all 0s;
}
.caption {
padding-top: 8px;
font-size: 20px;
display: block;
}
2024-04-15 18:38:11 +00:00
.caption.choosetomove {
2022-10-22 15:11:10 +00:00
margin: 5px;
padding: 0px !important;
}
2017-02-10 09:48:40 +00:00
.caption:only-child {
padding-bottom: 8px;
}
2024-04-15 18:38:11 +00:00
.caption:not(.normal) > div {
2017-02-10 09:48:40 +00:00
text-align: left;
display: block;
width: 100%;
}
2024-04-15 18:38:11 +00:00
.caption > div {
2017-02-10 09:48:40 +00:00
position: relative;
}
2024-04-15 18:38:11 +00:00
.caption > .text {
2017-02-10 09:48:40 +00:00
font-size: 16px;
2024-04-15 18:38:11 +00:00
text-align: left;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.caption > .text.center {
text-align: center;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.caption > .text.chat {
2017-02-10 09:48:40 +00:00
word-break: break-all;
margin-bottom: 3px;
margin-left: 10px;
2024-04-15 18:38:11 +00:00
width: calc(100% - 20px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.caption > .text.textlink {
2017-02-10 09:48:40 +00:00
margin-left: 10px;
}
2024-04-15 18:38:11 +00:00
.caption > .text.textlink:not(*:first-child) {
2017-02-10 09:48:40 +00:00
margin-top: 6px;
}
2024-04-15 18:38:11 +00:00
.caption > .text.textlink:hover {
2017-02-10 09:48:40 +00:00
text-decoration: underline;
}
2024-04-15 18:38:11 +00:00
.caption > div > div {
2017-02-10 09:48:40 +00:00
font-size: 16px;
position: relative;
width: calc(100% - 70px);
vertical-align: top;
margin: 0;
padding: 0;
}
.skill {
left: 0 !important;
2023-12-27 15:12:13 +00:00
width: 70px !important;
2024-05-09 15:42:56 +00:00
/*-- white-space: nowrap; --*/
2017-02-10 09:48:40 +00:00
}
2020-05-23 04:37:37 +00:00
.skilln {
left: 0 !important;
width: 70px !important;
}
2024-04-15 18:38:11 +00:00
.skill > .card {
2017-02-10 09:48:40 +00:00
transform: scale(0.56);
transform-origin: top left;
margin-left: 2px;
margin-top: 6px;
2024-04-15 18:38:11 +00:00
margin-bottom: -52px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.caption > .ctext {
2017-02-10 09:48:40 +00:00
text-align: center;
font-size: 16px;
}
2024-04-15 18:38:11 +00:00
.button.character,
.button.card {
2017-02-10 09:48:40 +00:00
width: 90px;
height: 90px;
position: relative;
margin: 6px;
}
.button.card {
font-size: 14px;
}
2024-04-15 18:38:11 +00:00
.button.character > .name {
2017-02-10 09:48:40 +00:00
left: 5px;
top: 22px;
max-height: 68px;
overflow: hidden;
white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.button.character > .hp {
2017-02-10 09:48:40 +00:00
left: 5px;
top: 3px;
}
2024-04-15 18:38:11 +00:00
.button.character > .hp.text {
2017-02-10 09:48:40 +00:00
top: 8px;
left: 6px;
2024-04-15 18:38:11 +00:00
font-family: "huangcao", "xinwei";
2017-02-10 09:48:40 +00:00
font-size: 20px;
letter-spacing: 3px;
}
.button.nodisplay {
display: none;
}
2024-04-15 18:38:11 +00:00
.dialog .content > .nodisplay {
2017-02-10 09:48:40 +00:00
display: none;
}
2024-04-15 18:38:11 +00:00
.button.character > .intro {
2017-02-10 09:48:40 +00:00
top: 71px;
left: 0;
}
2024-04-15 18:38:11 +00:00
.button.character > .identity {
align-items: flex-end;
display: flex;
flex-direction: column;
flex-wrap: wrap-reverse;
2017-02-10 09:48:40 +00:00
left: 72px;
top: -6px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.button.character.newstyle > .identity {
2017-05-01 08:17:24 +00:00
/*display: none;*/
border: none;
background: none !important;
/*box-shadow: none;*/
left: auto;
right: 6px;
top: 5px;
2017-05-02 08:41:09 +00:00
/*font-size: 20px;*/
2017-03-31 12:28:13 +00:00
}
2024-04-15 18:38:11 +00:00
.button.newstyle > .name {
2017-03-31 12:28:13 +00:00
top: 8px;
2017-05-18 13:27:41 +00:00
max-height: 84px;
2017-05-17 06:45:21 +00:00
}
2024-04-15 18:38:11 +00:00
.button.newstyle > .name.long {
2017-05-17 06:45:21 +00:00
top: 6px;
2017-07-23 04:25:13 +00:00
transform: scale(0.93);
transform-origin: top left;
2017-03-31 12:28:13 +00:00
}
2024-04-15 18:38:11 +00:00
.button.newstyle > .hp,
.button.newstyle > .hp.text {
2017-03-31 12:28:13 +00:00
left: auto;
2017-04-02 13:05:24 +00:00
top: auto;
2017-03-31 12:28:13 +00:00
text-align: right;
right: 6px;
2017-04-02 13:05:24 +00:00
bottom: 5px;
2017-03-31 12:28:13 +00:00
}
2024-04-15 18:38:11 +00:00
.button.newstyle > .hp > div {
2017-03-31 12:28:13 +00:00
width: 10px;
height: 10px;
2024-04-15 18:38:11 +00:00
background: rgba(57, 123, 4, 1);
2017-03-31 12:28:13 +00:00
border: 1px solid rgba(39, 79, 7, 1);
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 1px -1px 2px inset, rgba(255, 255, 255, 0.15) -1px 1px 5px inset;
2017-03-31 12:28:13 +00:00
}
2024-04-15 18:38:11 +00:00
.button.newstyle > .hp > .shield {
background: rgba(63, 119, 173, 1);
2022-05-09 16:59:02 +00:00
border: 1px solid rgba(31, 82, 131, 1);
}
2024-04-15 18:38:11 +00:00
.button.newstyle > .hp > div.text {
2017-03-31 12:28:13 +00:00
background: none !important;
box-shadow: none !important;
border: none !important;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-03-31 12:28:13 +00:00
text-align: right;
width: auto;
height: auto;
transform: none !important;
2017-04-01 02:51:58 +00:00
text-shadow: black 0 0 2px, black 0 0 3px;
2017-03-31 12:28:13 +00:00
}
2020-12-09 13:40:44 +00:00
.button.replaceButton,
2024-04-15 18:38:11 +00:00
.button.replaceButton.text {
2020-12-09 13:40:44 +00:00
left: 2px;
top: auto;
text-align: center;
width: 42px;
right: auto;
bottom: 3px;
background-image: linear-gradient(rgba(150, 47, 47, 1), rgba(132, 43, 43, 1));
border-radius: 3px;
}
2024-04-15 18:38:11 +00:00
.button.replaceButton > div {
2020-12-09 13:40:44 +00:00
width: 10px;
height: 10px;
}
2017-02-10 09:48:40 +00:00
/*--------确认--------*/
#control {
text-align: center;
z-index: 5;
top: calc(200% / 3);
left: calc(5% + 240px);
width: calc(90% - 480px);
2024-04-15 18:38:11 +00:00
pointer-events: none;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#control > * {
2017-02-10 09:48:40 +00:00
pointer-events: auto;
}
2024-04-15 18:38:11 +00:00
#window:not(.nopointer) #control {
cursor: pointer;
2017-02-11 07:47:22 +00:00
}
2024-04-15 18:38:11 +00:00
#control.nozoom > div {
2017-02-21 02:01:50 +00:00
transition-property: opacity;
}
2024-04-15 18:38:11 +00:00
#control > div.stayleft {
2017-02-21 02:01:50 +00:00
transition-property: opacity !important;
2017-02-10 09:48:40 +00:00
}
.control {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}
.control {
font-size: 18px;
white-space: nowrap;
overflow: hidden;
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
.control.removing.removing2 {
2024-04-15 18:38:11 +00:00
transform: scale(0.2);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.control > div {
2017-02-10 09:48:40 +00:00
position: relative;
padding: 3px;
2024-04-15 18:38:11 +00:00
margin: 0;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.control.disabled {
2017-03-27 02:17:09 +00:00
opacity: 0.6 !important;
2017-03-27 04:31:10 +00:00
cursor: default !important;
2017-03-27 02:17:09 +00:00
}
2024-04-15 18:38:11 +00:00
#control > div {
2017-02-10 09:48:40 +00:00
position: absolute;
left: 50%;
}
2024-04-15 18:38:11 +00:00
#arena.choose-to-move > #control,
#arena.discard-player-card > #control,
#arena.gain-player-card > #control,
#arena.choose-player-card > #control {
2022-10-22 15:11:10 +00:00
top: calc(80%) !important;
}
2017-02-10 09:48:40 +00:00
/*--------角色--------*/
2024-04-15 18:38:11 +00:00
.player > .avatar > .action {
2017-02-10 09:48:40 +00:00
margin: 5px;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-02-10 09:48:40 +00:00
font-size: 20px;
letter-spacing: -2px;
right: 5px;
text-align: right;
}
2024-04-15 18:38:11 +00:00
.player > .avatar.hidden,
.player > .avatar2.hidden {
2017-02-10 09:48:40 +00:00
pointer-events: none !important;
}
2024-04-15 18:38:11 +00:00
.player > .avatar.disabled,
.player > .avatar2.disabled {
2019-06-07 03:46:13 +00:00
filter: grayscale(1);
2017-02-24 06:58:31 +00:00
-webkit-filter: grayscale(1);
opacity: 0.8;
}
2024-04-15 18:38:11 +00:00
.player > .avatar > .action:not(.freecolor) {
2017-02-10 09:48:40 +00:00
text-shadow: black 0 0 1px, rgba(10, 155, 67, 1) 0 0 5px, rgba(10, 155, 67, 1) 0 0 10px;
}
2024-04-15 18:38:11 +00:00
.player:not(.current_action) .avatar > .action {
opacity: 0;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#arena.chess:not(.selecting) .player.current_action .avatar > .action {
opacity: 0;
2017-02-10 09:48:40 +00:00
}
.player.controlfakeme {
width: 100px;
height: 120px;
2024-04-15 18:38:11 +00:00
top: calc(100% - 140px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player.controlfakeme > .avatar {
2017-02-10 09:48:40 +00:00
width: 100%;
height: 100%;
box-shadow: none;
left: 0;
2024-04-15 18:38:11 +00:00
top: 0;
2017-02-10 09:48:40 +00:00
}
.player {
z-index: 2;
width: 240px;
height: 120px;
}
.player.minskin {
width: 120px;
}
.player.replaceme {
animation: replaceme 0.5s;
2024-04-15 18:38:11 +00:00
-webkit-animation: replaceme 0.5s;
2017-02-10 09:48:40 +00:00
}
.player.replaceenemy {
animation: replaceenemy 0.5s;
2024-04-15 18:38:11 +00:00
-webkit-animation: replaceenemy 0.5s;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player > div {
2017-02-10 09:48:40 +00:00
z-index: 2;
}
2024-04-15 18:38:11 +00:00
.player.dead,
.player.likedead,
.grayscale1 {
2017-02-10 09:48:40 +00:00
z-index: 1;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
2024-04-15 18:38:11 +00:00
.grayscale {
2017-02-13 02:35:24 +00:00
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.player > .nameol {
2017-02-10 09:48:40 +00:00
left: 0;
top: 13px;
width: 100%;
font-size: 12px;
text-align: center;
2021-10-05 15:46:56 +00:00
white-space: nowrap;
2017-02-10 09:48:40 +00:00
/*opacity: 0;*/
}
2024-04-15 18:38:11 +00:00
.player:hover > .nameol {
2017-02-10 09:48:40 +00:00
opacity: 1;
}
2024-04-15 18:38:11 +00:00
.player > .name {
2017-02-10 09:48:40 +00:00
left: 16px;
top: 24px;
font-size: 20px;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player > .name.name2 {
left: 81px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#arena.slim_player .player > .name {
2017-02-10 09:48:40 +00:00
left: 13px;
top: 21px;
}
2024-04-15 18:38:11 +00:00
#arena.slim_player .player > .name.name2 {
left: 78px;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#arena .player.minskin > .name,
#arena.slim_player .player.minskin > .name {
2017-02-10 09:48:40 +00:00
top: 17px;
}
2024-04-15 18:38:11 +00:00
#arena .player.minskin > .name.long,
#arena.slim_player .player.minskin > .name.long {
2017-02-10 09:48:40 +00:00
transform: scale(0.9);
transform-origin: top left;
top: 13px;
}
2024-04-15 18:38:11 +00:00
#arena .player.linked.minskin > .name,
#arena.slim_player .player.linked.minskin > .name {
transform: rotate(90deg) translate(81px, -66px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.button.character > .name {
font-family: "xinwei";
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player > .intro {
2017-02-10 09:48:40 +00:00
top: 87px;
left: 18px;
}
2024-04-15 18:38:11 +00:00
.player > .turned {
font-family: "xinwei";
2017-02-13 06:09:07 +00:00
width: 100%;
height: 100%;
2017-02-13 08:51:00 +00:00
line-height: 50px;
2017-02-13 06:09:07 +00:00
left: 0;
margin: 0;
padding: 0;
text-align: center;
2017-02-13 08:51:00 +00:00
font-size: 50px;
2017-02-13 06:09:07 +00:00
opacity: 0;
pointer-events: none;
text-shadow: none;
background: black;
top: 0;
border-radius: 8px;
2024-04-15 18:38:11 +00:00
color: rgba(255, 255, 255, 0.8);
2017-02-13 06:09:07 +00:00
text-shadow: none;
}
2024-04-15 18:38:11 +00:00
.player > .turned > div {
2023-08-21 18:10:40 +00:00
top: calc(50% - 50px);
left: calc(50% - 25px);
white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2017-02-13 06:09:07 +00:00
}
2024-04-15 18:38:11 +00:00
.player > .chain {
2017-02-13 06:09:07 +00:00
top: calc(50% - 10px);
left: 0;
height: 20px;
width: 100%;
overflow-x: hidden;
overflow-y: visible;
white-space: nowrap;
padding: 0;
margin: 0;
z-index: 3;
pointer-events: none;
}
2024-04-15 18:38:11 +00:00
.player > .chain > div {
2017-02-13 06:09:07 +00:00
overflow: visible;
left: 0;
top: 0;
margin: 0;
padding: 0;
}
2024-04-15 18:38:11 +00:00
.player:not(.linked2) > .chain > div {
2017-02-13 06:09:07 +00:00
opacity: 0;
transform: translateX(-40px);
}
2024-04-15 18:38:11 +00:00
#arena.nolink .player > .chain {
2017-02-13 06:09:07 +00:00
display: none;
}
2024-04-15 18:38:11 +00:00
.player > .chain > div > div {
2017-02-13 06:09:07 +00:00
position: absolute;
margin: 0;
padding: 0;
left: 0;
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.4) 0 0 2px;
2017-02-13 06:09:07 +00:00
}
2024-04-15 18:38:11 +00:00
.player > .chain > div > div:nth-child(odd) {
2017-02-13 06:09:07 +00:00
height: 8px;
width: 10px;
border-radius: 2px;
top: 6px;
}
2024-04-15 18:38:11 +00:00
.player > .chain > div > div:nth-child(even) {
2017-02-13 06:09:07 +00:00
width: 10px;
height: 2px;
top: 9px;
z-index: 1;
border-radius: 2px;
}
2024-04-15 18:38:11 +00:00
#arena:not(.hide_turned):not(.oldlayout) .player.turnedover > .turned {
2017-02-13 06:09:07 +00:00
opacity: 0.2;
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar {
2017-09-02 08:00:05 +00:00
text-align: center;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-09-02 08:00:05 +00:00
top: calc(50% - 200px);
height: 400px;
transform-origin: center;
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > div {
2017-09-03 05:17:32 +00:00
width: 500px;
2017-09-02 08:00:05 +00:00
height: 100%;
2017-09-03 05:17:32 +00:00
left: calc(50% - 250px);
2017-09-02 08:00:05 +00:00
display: inline-block;
position: absolute;
top: 0;
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > div:first-child {
2019-06-07 03:46:13 +00:00
mask-image: linear-gradient(transparent, black, black, transparent);
2017-09-02 08:00:05 +00:00
-webkit-mask-image: linear-gradient(transparent, black, black, transparent);
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > div:first-child > div {
2017-09-02 08:00:05 +00:00
background-size: cover;
background-position: 50%;
width: 200px;
2017-09-03 05:17:32 +00:00
left: 150px;
2017-09-02 08:00:05 +00:00
top: 0;
height: 100%;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 10px;
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="thunder"]:not(.noshadow) > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 30px,
rgba(100, 74, 139, 1) 0 0 60px;
2017-09-03 05:17:32 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="kami"]:not(.noshadow) > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 30px,
rgba(90, 118, 99, 1) 0 0 60px;
2020-05-29 11:10:14 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="metal"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 10px, rgba(255, 0, 0, 0.1) 0 0 30px,
rgba(255, 203, 0, 0.6) 0 0 80px;
2017-09-03 05:17:32 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="wood"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 30px,
rgba(57, 123, 4, 1) 0 0 60px;
2017-09-03 05:17:32 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="water"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 30px,
rgba(78, 117, 140, 1) 0 0 60px, rgba(78, 117, 140, 1) 0 0 60px;
2017-09-03 05:17:32 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="ice"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 20px, rgba(0, 0, 0, 0.3) 0 0 40px,
rgba(213, 194, 179, 1) 0 0 80px;
2020-12-19 01:36:50 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="soil"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 30px,
rgba(128, 59, 2, 1) 0 0 60px;
2017-09-03 05:17:32 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="fire"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 20px, rgba(0, 0, 0, 0.3) 0 0 40px,
rgba(232, 53, 53, 1) 0 0 80px;
2017-09-03 05:17:32 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="fire"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 20px, rgba(0, 0, 0, 0.3) 0 0 40px,
rgba(203, 177, 255, 1) 0 0 80px;
2019-12-20 06:56:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="orange"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 20px, rgba(0, 0, 0, 0.3) 0 0 40px,
rgba(255, 120, 0, 1) 0 0 80px;
2019-09-15 14:40:28 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar[data-nature="gray"] > div:first-child > div {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 20px, rgba(0, 0, 0, 0.3) 0 0 40px,
rgba(213, 194, 179, 1) 0 0 80px;
2019-09-15 14:40:28 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > .text {
2017-09-02 08:00:05 +00:00
display: table;
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > .text > div {
2017-09-02 08:00:05 +00:00
display: block;
position: relative;
width: auto;
height: auto;
font-size: 90px;
text-align: right;
top: auto;
bottom: 30px;
position: absolute;
left: auto;
2017-09-03 05:17:32 +00:00
right: 165px;
2017-09-11 04:13:54 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > .text > div > div {
2017-09-11 04:13:54 +00:00
transform: scale(4);
2017-09-05 15:24:54 +00:00
opacity: 0;
2017-09-11 04:13:54 +00:00
display: inline-block;
position: relative;
2017-09-05 15:24:54 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > .textbg {
2017-09-05 15:24:54 +00:00
transition: all 0s;
display: none;
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar.flashtext > .textbg {
2017-09-05 15:24:54 +00:00
display: block;
}
/*#window>.damage.fullscreenavatar.flashtext>.text:not(.textbg)>div{
transform: scale(2);
opacity: 0;
}*/
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > .text > div > .flashtext {
2017-09-05 15:24:54 +00:00
transform: none;
opacity: 1;
2017-09-02 08:00:05 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar > .name > div {
2017-09-02 08:00:05 +00:00
display: block;
position: relative;
width: auto;
height: auto;
top: 30px;
position: absolute;
left: 20px;
font-size: 40px;
}
2024-04-15 18:38:11 +00:00
#window > .damage.fullscreenavatar.removing {
2017-09-05 15:24:54 +00:00
transition: all 0.3s;
}
2024-04-15 18:38:11 +00:00
.player > .damage,
#window > .damage {
font-family: "huangcao", "xinwei";
2017-02-10 09:48:40 +00:00
font-size: 72px;
width: 100%;
text-align: center;
top: calc(50% - 36px);
left: 0;
opacity: 0;
transform: scale(0.7);
white-space: nowrap;
z-index: 5;
pointer-events: none;
}
2024-04-15 18:38:11 +00:00
#window > .damage {
2017-02-10 09:48:40 +00:00
transform: scale(2);
font-size: 120px;
}
.damage.normal-font {
font-family: xinwei;
font-size: 30px;
top: calc(50% - 15px);
}
2024-04-15 18:38:11 +00:00
.player.minskin > .damage.normal-font {
2017-02-10 09:48:40 +00:00
font-size: 26px;
top: calc(50% - 13px);
}
2024-04-15 18:38:11 +00:00
.player[data-position="0"] > .damage.dieidentity,
.player:not(.dead) > .damage.dieidentity {
opacity: 0 !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player > .damage.dieidentity {
2017-02-10 09:48:40 +00:00
transition-property: opacity;
}
2024-04-15 18:38:11 +00:00
.player > .cardeffect {
font-family: "huangcao", "xinwei";
2017-02-10 09:48:40 +00:00
font-size: 108px;
width: 100%;
text-align: center;
top: calc(50% - 54px);
left: 0;
animation: cardeffect 1s;
-webkit-animation: cardeffect 1s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
2024-04-15 18:38:11 +00:00
.player > .damage.damageadded,
#window > .damage.damageadded {
2017-02-10 09:48:40 +00:00
opacity: 1;
transform: scale(1);
}
2024-04-15 18:38:11 +00:00
.player.linked > .damage {
2017-02-10 09:48:40 +00:00
transform: scale(0.7) rotate(90deg);
}
2024-04-15 18:38:11 +00:00
.player.linked > .damage.damageadded {
2017-02-10 09:48:40 +00:00
transform: scale(1) rotate(90deg);
}
2024-04-15 18:38:11 +00:00
.player > .framebg {
2017-03-19 09:37:24 +00:00
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: 100% 100%;
display: none;
pointer-events: none;
}
2024-04-15 18:38:11 +00:00
#arena.oldlayout .player > .framebg {
2017-03-20 03:03:38 +00:00
transform: rotate(90deg) translateY(-240px);
width: 120px;
height: 240px;
transform-origin: top left;
2017-03-20 03:03:38 +00:00
}
2024-04-15 18:38:11 +00:00
#window #arena.mobile:not(.chess) .player[data-position="0"] > .framebg {
2017-03-21 08:09:10 +00:00
/*display: none;*/
width: 120px;
2017-03-19 09:37:24 +00:00
}
2024-04-15 18:38:11 +00:00
#window .player > .framebg[data-auto="gold"],
#window #arena.long.mobile:not(.fewplayer) .player[data-position="0"] > .framebg[data-auto="gold"] {
display: block;
background-image: url("../../theme/style/player/gold1.png");
2017-03-20 05:47:18 +00:00
}
2024-04-15 18:38:11 +00:00
#window #arena.long:not(.fewplayer) .player > .framebg[data-auto="gold"],
#arena.oldlayout .player > .framebg[data-auto="gold"] {
display: block;
background-image: url("../../theme/style/player/gold3.png");
2017-03-20 05:47:18 +00:00
}
2024-04-15 18:38:11 +00:00
#window .player > .framebg[data-auto="silver"],
#window #arena.long.mobile:not(.fewplayer) .player[data-position="0"] > .framebg[data-auto="silver"] {
display: block;
background-image: url("../../theme/style/player/silver1.png");
2017-03-20 05:47:18 +00:00
}
2024-04-15 18:38:11 +00:00
#window #arena.long:not(.fewplayer) .player > .framebg[data-auto="silver"],
#arena.oldlayout .player > .framebg[data-auto="silver"] {
display: block;
background-image: url("../../theme/style/player/silver3.png");
2017-03-20 05:47:18 +00:00
}
2024-04-15 18:38:11 +00:00
#window .player > .framebg[data-auto="bronze"],
#window #arena.long.mobile:not(.fewplayer) .player[data-position="0"] > .framebg[data-auto="bronze"] {
display: block;
background-image: url("../../theme/style/player/bronze1.png");
2017-03-20 05:47:18 +00:00
}
2024-04-15 18:38:11 +00:00
#window #arena.long:not(.fewplayer) .player > .framebg[data-auto="bronze"],
#arena.oldlayout .player > .framebg[data-auto="bronze"] {
display: block;
background-image: url("../../theme/style/player/bronze3.png");
2017-03-20 05:47:18 +00:00
}
2017-02-10 09:48:40 +00:00
.avatar {
width: 100px;
height: 100px;
left: 10px;
top: 10px;
overflow: hidden;
}
.avatar2 {
width: 42px;
height: 42px;
top: 70px;
left: 70px;
overflow: hidden;
}
.equips {
width: 96px;
height: 96px;
right: 14px;
top: 12px;
}
2024-04-15 18:38:11 +00:00
.equips > div {
2017-02-10 09:48:40 +00:00
width: 42px;
height: 42px;
margin: 0;
position: absolute;
}
2024-04-15 18:38:11 +00:00
.equips > .equip1 {
2017-02-10 09:48:40 +00:00
top: 0;
left: 0;
}
2024-04-15 18:38:11 +00:00
.equips > .equip2 {
2017-02-10 09:48:40 +00:00
top: 0;
right: 0;
}
2024-04-15 18:38:11 +00:00
.equips > .equip3 {
2017-02-10 09:48:40 +00:00
bottom: 0;
left: 0;
}
2024-04-15 18:38:11 +00:00
.equips > .equip4 {
2017-02-10 09:48:40 +00:00
bottom: 0;
right: 0;
}
2024-04-15 18:38:11 +00:00
.equips > .equip5 {
2017-02-10 09:48:40 +00:00
top: calc(50% - 21px);
left: calc(50% - 21px);
border-radius: 21px;
2024-04-15 18:38:11 +00:00
z-index: 1;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.equips > .equip6 {
2019-07-20 14:58:35 +00:00
bottom: 3;
left: calc(50% - 21px);
}
2024-04-15 18:38:11 +00:00
.equips > div > div:not(.image),
.judges > div > div:not(.image),
.marks > div > div:not(.image) {
2017-02-10 09:48:40 +00:00
display: none;
}
2024-04-15 18:38:11 +00:00
.equips > div > .image,
.judges > div > .image,
.marks > div > .image {
2017-04-02 06:19:22 +00:00
/*width: 120%;
2017-02-10 09:48:40 +00:00
height: 120%;
left: -20%;
2017-04-02 06:19:22 +00:00
top: -20%;*/
background-size: 120%;
background-position: -4px -4px;
background-repeat: no-repeat;
2017-02-10 09:48:40 +00:00
}
2017-08-03 04:15:31 +00:00
2024-04-15 18:38:11 +00:00
#arena:not(.chess) .player[data-position="0"] > .equips > div > .image {
background-size: 115%;
2017-08-03 04:15:31 +00:00
}
2017-02-10 09:48:40 +00:00
/*.equips>div:hover>.info{display: inline-block;
animation:equip_hover 1s;
-webkit-animation:equip_hover 1s;
left: 0;right: auto;width: 42px;text-align: center;}*/
/*.equips>div:hover>.background {
animation:equip_hover2 1s;
animation-fill-mode: forwards;
-webkit-animation:equip_hover2 1s;
-webkit-animation-fill-mode: forwards;
}*/
#arena.oldlayout .marks {
2024-04-15 18:38:11 +00:00
left: 14px;
2017-02-10 09:48:40 +00:00
}
.judges {
left: 14px;
top: -18px;
}
.marks {
left: 14px;
top: 112px;
}
2024-04-15 18:38:11 +00:00
.player > .marks {
z-index: 4;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.judges > div,
.marks > div {
2017-02-10 09:48:40 +00:00
width: 24px;
height: 24px;
margin: 0;
left: 0;
top: 0;
opacity: 1;
position: absolute;
line-height: 20px;
}
.hp {
left: 18px;
top: 14px;
width: 72px;
line-height: 14px;
text-align: left;
}
.hp.text {
top: 18px;
}
2024-04-15 18:38:11 +00:00
.hp.textstyle {
font-family: "xinwei";
2017-04-01 02:51:58 +00:00
}
2024-04-15 18:38:11 +00:00
.hp > div {
2017-02-10 09:48:40 +00:00
width: 8px;
height: 8px;
margin-left: 3px;
position: relative;
border-radius: 100%;
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 1px -1px 2px inset, rgba(255, 255, 255, 0.15) -1px 1px 5px inset;
2017-02-10 09:48:40 +00:00
position: relative;
filter: brightness(1.5);
-webkit-filter: brightness(1.5);
transition: all 0.5s;
2017-04-05 06:50:27 +00:00
background-repeat: no-repeat;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.button .hp > div {
2017-02-10 09:48:40 +00:00
width: 6px;
height: 6px;
background: white;
2024-04-15 18:38:11 +00:00
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
2017-02-10 09:48:40 +00:00
border: 1px solid #fff;
}
2024-04-15 18:38:11 +00:00
.button .hp > .shield {
background: rgba(63, 119, 173, 1);
2022-05-09 16:59:02 +00:00
border: 1px solid rgba(63, 119, 173, 1);
}
2024-04-15 18:38:11 +00:00
.hp[data-condition="hidden"] > div:not(.lost):not(.shield) {
background-image: url("../../theme/style/hp/image/hidden_hp.png") !important;
2024-03-13 09:35:25 +00:00
width: 12px;
height: 12px;
background-size: 100% 100%;
box-shadow: none;
2024-03-13 09:35:25 +00:00
}
2024-04-15 18:38:11 +00:00
.hp[data-condition="high"] > div:not(.lost):not(.shield) {
background: rgba(57, 123, 4, 1);
2017-02-10 09:48:40 +00:00
border: 1px solid rgba(39, 79, 7, 1);
}
2024-04-15 18:38:11 +00:00
.hp[data-condition="mid"] > div:not(.lost):not(.shield) {
background: rgba(166, 140, 6, 1);
2017-02-10 09:48:40 +00:00
border: 1px solid rgba(79, 64, 7, 1);
}
2024-04-15 18:38:11 +00:00
.hp[data-condition="low"] > div:not(.lost):not(.shield) {
background: rgba(148, 27, 27, 1);
2017-02-10 09:48:40 +00:00
border: 1px solid rgba(79, 7, 7, 1);
}
2024-04-15 18:38:11 +00:00
.hp.actcount > div:not(.lost):not(.shield) {
background: rgba(63, 119, 173, 1);
2017-02-10 09:48:40 +00:00
border: 1px solid rgba(31, 82, 131, 1);
}
2024-04-15 18:38:11 +00:00
.treasure > .hp > div:not(.lost):not(.shield) {
background: rgba(63, 119, 173, 1) !important;
2017-02-10 09:48:40 +00:00
border: 1px solid rgba(31, 82, 131, 1) !important;
}
2024-04-15 18:38:11 +00:00
.hp.actcount > div.overflow:not(.lost):not(.shield) {
2017-02-10 09:48:40 +00:00
background: rgb(154, 154, 154);
border: 1px solid rgb(109, 109, 109);
}
2024-04-15 18:38:11 +00:00
.hp.actcount.overflow2 > div.overflow:not(.lost):not(.shield) {
2017-02-10 09:48:40 +00:00
background: rgb(173, 129, 63);
border: 1px solid rgb(131, 109, 31);
}
2024-04-15 18:38:11 +00:00
.hp.actcount > .lost {
background: rgba(63, 119, 173, 1);
2017-02-10 09:48:40 +00:00
border: 1px solid rgba(31, 82, 131, 1);
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
2022-05-09 16:59:02 +00:00
2024-04-15 18:38:11 +00:00
.hp > .lost {
background: rgba(57, 123, 4, 1);
2017-02-10 09:48:40 +00:00
border: 1px solid rgba(39, 79, 7, 1);
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
2024-04-15 18:38:11 +00:00
.hp > .shield {
background: rgba(63, 119, 173, 1);
2022-05-09 16:59:02 +00:00
border: 1px solid rgba(31, 82, 131, 1);
}
2017-04-01 02:51:58 +00:00
.hp.text[data-condition="low"],
.hp.textstyle[data-condition="low"] {
2024-04-15 18:38:11 +00:00
text-shadow: black 0 0 1px, rgba(232, 53, 53, 1) 0 0 2px, rgba(232, 53, 53, 1) 0 0 5px,
rgba(232, 53, 53, 1) 0 0 10px;
2017-02-10 09:48:40 +00:00
}
2017-04-01 02:51:58 +00:00
.hp.text[data-condition="mid"],
.hp.textstyle[data-condition="mid"] {
2024-04-15 18:38:11 +00:00
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 10px;
2017-02-10 09:48:40 +00:00
}
2017-04-01 02:51:58 +00:00
.hp.text[data-condition="high"],
.hp.textstyle[data-condition="high"] {
2024-04-15 18:38:11 +00:00
text-shadow: rgba(57, 123, 4, 1) 0 0 2px, rgba(57, 123, 4, 1) 0 0 5px, rgba(57, 123, 4, 1) 0 0 10px;
2017-02-10 09:48:40 +00:00
}
.player::after,
.card::after,
.button::after,
.player::before,
.card::before,
.button::before {
2024-04-15 18:38:11 +00:00
content: "";
2017-02-10 09:48:40 +00:00
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0;
border-radius: 8px;
transition: opacity 0.5s;
}
.player::after,
.card::after,
.button::after {
2024-04-15 18:38:11 +00:00
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, 0.8) 0 0 15px;
2017-02-10 09:48:40 +00:00
}
.player::before,
.card::before,
.button::before {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 133, 255, 0.5) 0 0 5px, rgba(0, 133, 255, 0.6) 0 0 12px,
rgba(0, 133, 255, 0.8) 0 0 15px;
2017-02-10 09:48:40 +00:00
}
/*.hp>div{width: 6px;height: 6px;margin-left: 3px;position: relative;}*/
.count.p2 {
right: 174px;
}
.count {
right: 140px;
top: 86px;
text-align: right;
font-size: 14px;
}
.player.minskin .count {
right: 20px;
}
2023-10-03 04:40:48 +00:00
.identity {
2017-02-10 09:48:40 +00:00
left: 90px;
top: 5px;
}
.identity {
text-align: center;
}
2024-04-15 18:38:11 +00:00
.identity > div {
line-height: 16px;
2017-02-10 09:48:40 +00:00
position: relative;
text-align: right;
2017-02-10 09:48:40 +00:00
top: 2px;
}
2018-07-31 08:22:29 +00:00
.identity .identitycircle {
position: relative;
width: 20px;
height: 20px;
left: 1px;
top: 1px;
border-radius: 100%;
}
.identitycircle > div {
width: 18px;
height: 18px;
left: 1px;
top: 1px;
border-radius: 100%;
overflow: hidden;
}
.identitycircle > div > div {
width: 9px;
height: 9px;
left: 9px;
top: 0px;
transform-origin: bottom left;
}
2024-04-15 18:38:11 +00:00
.identitycircle > div > div[data-color="wei"] {
background-image: radial-gradient(circle at bottom left, rgb(157, 198, 255), rgb(117, 147, 189));
2018-07-31 08:22:29 +00:00
}
2024-04-15 18:38:11 +00:00
.identitycircle > div > div[data-color="shu"] {
background-image: radial-gradient(circle at bottom left, rgb(185, 72, 36), rgb(158, 62, 31));
2018-07-31 08:22:29 +00:00
}
2024-04-15 18:38:11 +00:00
.identitycircle > div > div[data-color="wu"] {
background-image: radial-gradient(circle at bottom left, rgb(120, 218, 83), rgb(104, 189, 73));
2018-07-31 08:22:29 +00:00
}
2024-04-15 18:38:11 +00:00
.identitycircle > div > div[data-color="qun"] {
background-image: radial-gradient(circle at bottom left, rgb(255, 218, 71), rgb(224, 191, 62));
2018-07-31 08:22:29 +00:00
}
2024-04-15 18:38:11 +00:00
.identitycircle > div > div[data-color="jin"] {
background-image: radial-gradient(circle at bottom left, rgb(100, 74, 139), rgb(96, 72, 136));
2021-01-27 12:48:29 +00:00
}
2024-04-15 18:38:11 +00:00
.identitycircle > div > div[data-color="key"] {
background-image: radial-gradient(circle at bottom left, rgb(203, 177, 255), rgb(203, 177, 255));
2021-01-27 12:48:29 +00:00
}
2024-04-15 18:38:11 +00:00
.unseen > .avatar,
.unseen > .name:not(.name2),
.unseen2 > .avatar2,
.unseen2 > .name2 {
2017-02-10 09:48:40 +00:00
opacity: 0 !important;
}
2024-04-15 18:38:11 +00:00
#arena:not(.observe) .player[data-position="0"].unseen > .avatar,
#arena:not(.observe) .player[data-position="0"].unseen2 > .avatar2,
#arena:not(.observe) .player[data-position="0"].unseen > .name:not(.name2):not(.name_seat),
#arena:not(.observe) .player[data-position="0"].unseen2 > .name2,
#arena:not(.observe) .unseen_v > .avatar,
#arena:not(.observe) .unseen2_v > .avatar2,
#arena:not(.observe) .unseen_v > .name:not(.name2):not(.name_seat),
#arena:not(.observe) .unseen2_v > .name2 {
opacity: 0.2 !important;
}
2024-04-15 18:38:11 +00:00
.player > .unseen_show > .avatar,
.player > .unseen2_show > .avatar2 {
opacity: 0;
}
2024-04-15 18:38:11 +00:00
#arena:not(.observe) .player:not([data-position="0"]).unseen_show > .avatar,
#arena:not(.observe) .player:not([data-position="0"]).unseen2_show > .avatar2 {
opacity: 1 !important;
2024-04-15 18:38:11 +00:00
background-image: url("../../image/character/hidden_image.jpg") !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player > .name_seat {
2017-02-10 09:48:40 +00:00
opacity: 0;
white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player:not([data-position="0"]).unseen.unseen2 > .name_seat,
.player:not([data-position="0"]):not(.fullskin2).unseen > .name_seat {
2017-02-10 09:48:40 +00:00
opacity: 1 !important;
}
2020-10-05 05:33:08 +00:00
2024-04-15 18:38:11 +00:00
.linked > .avatar,
.linked > .avatar2 {
2017-02-10 09:48:40 +00:00
transform: rotate(-90deg);
}
2024-04-15 18:38:11 +00:00
.linked > .avatar2 {
2017-02-10 09:48:40 +00:00
top: 5px;
}
2024-04-15 18:38:11 +00:00
.linked > .identity {
2017-02-10 09:48:40 +00:00
top: 88px;
}
2024-04-15 18:38:11 +00:00
.linked > .count {
2017-02-10 09:48:40 +00:00
right: 154px;
}
2024-04-15 18:38:11 +00:00
.acted > .identity > div {
2017-02-10 09:48:40 +00:00
transform: rotate(180deg);
}
/*--------位置(8人)------*/
2024-04-15 18:38:11 +00:00
[data-number="8"] > .player[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .player[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .player[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 60px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .player[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: 0;
left: calc(50% - 120px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .player[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% - 180px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .player[data-position="6"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: 0;
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .player[data-position="7"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: 0;
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .card[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .card[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .card[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 60px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .card[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: 0;
left: calc(50% - 52px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .card[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% - 60px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .card[data-position="6"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: 120px;
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .card[data-position="7"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: 120px;
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .popup[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 78px);
left: calc(100% - 270px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .popup[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 28px);
left: calc(100% - 270px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .popup[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(75% - 80px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .popup[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: 130px;
left: calc(50% - 106px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .popup[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(25% + 60px);
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .popup[data-position="6"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 28px);
left: 250px;
}
2024-04-15 18:38:11 +00:00
[data-number="8"] > .popup[data-position="7"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 78px);
left: 250px;
}
/*--------位置(7人)------*/
2024-04-15 18:38:11 +00:00
[data-number="7"] > .player[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .player[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .player[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 180px);
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .player[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% - 60px);
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .player[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: 0;
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .player[data-position="6"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: 0;
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .card[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: calc(100% - 240px);
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .card[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: calc(100% - 240px);
2016-02-01 09:32:18 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .card[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 180px);
2017-01-21 08:06:45 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .card[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% + 60px);
2017-01-21 08:06:45 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .card[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: 120px;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .card[data-position="6"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 90px);
left: 120px;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .popup[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 78px);
left: calc(100% - 270px);
2015-11-30 13:08:29 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .popup[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 28px);
left: calc(100% - 270px);
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .popup[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(75% - 210px);
2015-11-30 13:08:29 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .popup[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(25% + 180px);
2015-04-30 03:09:07 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .popup[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 28px);
left: 250px;
2017-01-08 04:09:34 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="7"] > .popup[data-position="6"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 78px);
left: 250px;
2015-05-13 10:26:54 +00:00
}
2017-02-10 09:48:40 +00:00
/*--------位置(6人)------*/
2024-04-15 18:38:11 +00:00
[data-number="6"] > .player[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 325px / 3);
left: calc(100% - 240px);
2015-11-24 15:44:21 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .player[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 230px / 3);
left: calc(100% - 240px);
2015-10-27 07:56:42 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .player[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 0;
left: calc(50% - 120px);
2015-11-23 10:59:44 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .player[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 230px / 3);
left: 0;
2015-10-08 06:16:37 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .player[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 325px / 3);
left: 0;
2015-11-05 02:34:35 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .card[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 325px / 3);
left: calc(100% - 240px);
2015-11-05 02:34:35 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .card[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 230px / 3);
left: calc(100% - 240px);
2015-11-05 02:34:35 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .card[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 0;
left: calc(50% - 52px);
2015-11-30 13:08:29 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .card[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 230px / 3);
left: 120px;
2016-07-24 05:22:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .card[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 325px / 3);
left: 120px;
2015-11-30 13:08:29 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .popup[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 289px / 3);
left: calc(100% - 270px);
2015-11-30 13:08:29 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .popup[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 194px / 3);
left: calc(100% - 270px);
2016-03-31 06:00:53 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .popup[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 130px;
left: calc(50% - 106px);
2016-03-31 06:00:53 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .popup[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 194px / 3);
left: 250px;
2015-11-30 13:08:29 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="6"] > .popup[data-position="5"] {
2017-02-10 09:48:40 +00:00
top: calc(200% / 3 - 289px / 3);
left: 250px;
2015-11-30 13:08:29 +00:00
}
2017-02-10 09:48:40 +00:00
/*--------位置(5人)------*/
2024-04-15 18:38:11 +00:00
[data-number="5"] > .player[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(150% / 3 - 65px);
left: calc(100% - 240px);
2015-12-27 16:58:56 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .player[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 120px);
2017-01-16 02:22:48 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .player[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% - 120px);
2015-12-27 16:58:56 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .player[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: calc(150% / 3 - 65px);
left: 0;
2015-11-25 12:34:54 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .card[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(150% / 3 - 65px);
left: calc(100% - 240px);
2015-12-30 04:00:49 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .card[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 120px);
2015-09-26 13:11:55 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .card[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% - 0px);
2016-01-24 08:34:21 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .card[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: calc(150% / 3 - 65px);
left: 120px;
2016-01-24 08:34:21 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .popup[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(150% / 3 - 53px);
left: calc(100% - 270px);
2015-11-30 17:37:10 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .popup[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(75% - 150px);
2015-12-07 11:15:35 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .popup[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(25% + 120px);
2015-11-06 10:05:08 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="5"] > .popup[data-position="4"] {
2017-02-10 09:48:40 +00:00
top: calc(150% / 3 - 53px);
left: 250px;
}
/*--------位置(4人)------*/
2024-04-15 18:38:11 +00:00
[data-number="4"] > .player[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .player[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 0;
left: calc(50% - 120px);
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .player[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
2017-02-09 06:23:29 +00:00
left: 0;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .card[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: calc(100% - 240px);
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .card[data-position="2"] {
2017-02-09 06:23:29 +00:00
top: 0;
2017-02-10 09:48:40 +00:00
left: calc(50% - 52px);
2017-02-09 06:23:29 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .card[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 40px);
left: 120px;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .popup[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 28px);
left: calc(100% - 270px);
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .popup[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 130px;
left: calc(50% - 106px);
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="4"] > .popup[data-position="3"] {
2017-02-10 09:48:40 +00:00
top: calc(100% / 3 - 28px);
left: 250px;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
/*--------位置(3人)------*/
2024-04-15 18:38:11 +00:00
[data-number="3"] > .player[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 60px);
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="3"] > .player[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% - 180px);
2015-05-03 15:17:15 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="3"] > .card[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(75% - 60px);
2016-09-01 10:36:59 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="3"] > .card[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 10px;
left: calc(25% - 60px);
2016-02-04 06:55:02 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="3"] > .popup[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(75% - 80px);
2016-02-01 09:32:18 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="3"] > .popup[data-position="2"] {
2017-02-10 09:48:40 +00:00
top: 140px;
left: calc(25% + 60px);
2015-05-03 15:17:15 +00:00
}
2017-02-10 09:48:40 +00:00
/*--------位置(2人)------*/
2024-04-15 18:38:11 +00:00
[data-number="2"] > .player[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: 0;
left: calc(50% - 120px);
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="2"] > .card[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: 0;
left: calc(50% - 52px);
2015-05-11 11:57:44 +00:00
}
2024-04-15 18:38:11 +00:00
[data-number="2"] > .popup[data-position="1"] {
2017-02-10 09:48:40 +00:00
top: 130px;
left: calc(50% - 106px);
2015-05-11 11:57:44 +00:00
}
2017-02-10 09:48:40 +00:00
/*--------位置(1人)------*/
2024-04-15 18:38:11 +00:00
.player[data-position="0"] {
2017-02-10 09:48:40 +00:00
top: calc(100% - 130px);
left: calc(50% - 120px);
2015-05-11 11:57:44 +00:00
}
2024-04-15 18:38:11 +00:00
.card[data-position="0"] {
2017-02-10 09:48:40 +00:00
top: calc(100% - 130px);
left: calc(50% - 52px);
}
2024-04-15 18:38:11 +00:00
.popup[data-position="0"] {
2017-02-10 09:48:40 +00:00
top: calc(100% - 176px);
left: calc(50% - 106px);
}
2015-04-29 03:25:17 +00:00
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c0"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 120px);
2024-04-15 18:38:11 +00:00
top: calc(50% - 200px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c1"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 120px);
2024-04-15 18:38:11 +00:00
top: calc(50% - 60px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c2"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 120px);
2024-04-15 18:38:11 +00:00
top: calc(50% + 80px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c0"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 140px);
2024-04-15 18:38:11 +00:00
top: calc(50% - 200px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c1"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 140px);
2024-04-15 18:38:11 +00:00
top: calc(50% - 60px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c2"] {
2017-02-10 09:48:40 +00:00
left: calc(50% - 140px);
2024-04-15 18:38:11 +00:00
top: calc(50% + 80px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c3"] {
2017-02-10 09:48:40 +00:00
left: calc(50% + 20px);
2024-04-15 18:38:11 +00:00
top: calc(50% - 200px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c4"] {
2017-02-10 09:48:40 +00:00
left: calc(50% + 20px);
2024-04-15 18:38:11 +00:00
top: calc(50% - 60px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="c5"] {
2017-02-10 09:48:40 +00:00
left: calc(50% + 20px);
2024-04-15 18:38:11 +00:00
top: calc(50% + 80px);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx0"] {
left: calc(150% / 7 - 1275px / 7);
top: calc(300% / 7 - 160px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx1"] {
left: calc(247% / 7 - 850px / 7);
top: calc(300% / 7 - 160px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx2"] {
left: calc(350% / 7 - 525px / 7);
top: calc(300% / 7 - 160px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx3"] {
left: calc(453% / 7 - 200px / 7);
top: calc(300% / 7 - 160px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx4"] {
left: calc(550% / 7 + 125px / 7);
top: calc(300% / 7 - 160px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx5"] {
left: calc(150% / 7 - 1275px / 7);
top: calc(400% / 7 - 40px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx6"] {
left: calc(247% / 7 - 850px / 7);
top: calc(400% / 7 - 40px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx7"] {
left: calc(350% / 7 - 525px / 7);
top: calc(400% / 7 - 40px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx8"] {
left: calc(453% / 7 - 200px / 7);
top: calc(400% / 7 - 40px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect[data-position="cx9"] {
left: calc(550% / 7 + 125px / 7);
top: calc(400% / 7 - 40px + 5px);
2021-08-27 04:05:15 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .player.connect {
2016-04-21 07:37:37 +00:00
width: 120px;
}
2024-04-15 18:38:11 +00:00
#window.menupaused > .player.connect {
2017-04-18 15:56:01 +00:00
opacity: 0.5;
}
2017-02-10 09:48:40 +00:00
.connectbutton {
top: calc(400% / 7 - 35px);
width: 130px;
2023-10-26 18:51:56 +00:00
}
.connectbutton1 {
left: calc(50% - 200px);
}
.connectbutton2 {
left: calc(50% + 60px);
2016-04-04 03:27:47 +00:00
}
2017-04-18 15:56:01 +00:00
.connectevents {
left: auto;
top: auto;
right: 20px;
bottom: 20px;
2021-09-30 16:25:44 +00:00
z-index: 5;
2017-04-18 15:56:01 +00:00
}
2024-04-15 18:38:11 +00:00
.connectevents.server {
2017-11-06 05:16:33 +00:00
left: 20px;
right: auto;
}
2024-04-15 18:38:11 +00:00
.connectevents.left {
2017-04-18 15:56:01 +00:00
transform: translateX(-85px);
}
2024-04-15 18:38:11 +00:00
.connectevents.left2 {
2021-09-20 10:56:11 +00:00
transform: translateX(-170px);
}
2024-04-15 18:38:11 +00:00
.connectevents.icon {
2017-04-18 15:56:01 +00:00
width: 20px;
height: 20px;
border-radius: 100%;
padding: 0;
font-size: 15px;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-04-18 15:56:01 +00:00
line-height: 22px;
bottom: 47px;
right: 13px;
}
2016-04-04 03:27:47 +00:00
2015-04-29 03:25:17 +00:00
/*--------动画--------*/
2024-04-15 18:38:11 +00:00
.start,
.equips > .card,
.popup {
2015-11-05 02:34:35 +00:00
animation: game_start 0.5s;
-webkit-animation: game_start 0.5s;
}
2017-02-10 09:48:40 +00:00
.start2 {
2015-11-09 03:15:16 +00:00
animation: card_start 0.5s;
-webkit-animation: card_start 0.5s;
}
2017-02-10 09:48:40 +00:00
.dialog.popped {
2015-12-16 06:49:43 +00:00
animation: dialog_start2 0.3s;
-webkit-animation: dialog_start2 0.3s;
2015-11-05 02:34:35 +00:00
}
2016-02-01 09:32:18 +00:00
/*.dialog.removing{top: 100px}*/
2017-02-10 09:48:40 +00:00
.card.drawing {
2015-11-05 02:34:35 +00:00
animation: drawing 1s;
animation-fill-mode: forwards;
-webkit-animation: drawing 1s;
-webkit-animation-fill-mode: forwards;
}
2017-02-10 09:48:40 +00:00
.card.thrown {
position: absolute;
opacity: 1;
margin: 0;
z-index: 3;
}
2024-04-15 18:38:11 +00:00
#arena > .card.thrown {
pointer-events: none;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
#arena.thrownhighlight > .card.thrown:not(.thrownhighlight):not(.drawingcard) {
2015-11-06 10:05:08 +00:00
opacity: 0.5;
2017-02-10 09:48:40 +00:00
transform: scale(0.95);
2015-11-23 10:59:44 +00:00
/*-webkit-filter:blur(3px);*/
2015-11-06 10:05:08 +00:00
}
2017-02-10 09:48:40 +00:00
.card.start {
2015-11-05 02:34:35 +00:00
animation: card_start 0.5s;
-webkit-animation: card_start 0.5s;
}
2017-02-10 09:48:40 +00:00
.judgestart {
2015-11-05 02:34:35 +00:00
animation: card_judgestart 1s;
-webkit-animation: card_judgestart 1s;
}
2024-04-15 18:38:11 +00:00
#me > div > div > .card.start {
2015-11-05 02:34:35 +00:00
animation: card_start2 0.5s;
-webkit-animation: card_start2 0.5s;
}
2024-04-15 18:38:11 +00:00
#me > div > div > .card.drawinghidden {
2015-11-24 00:50:54 +00:00
opacity: 0;
2015-11-24 15:44:21 +00:00
transform: scale(0.2) !important;
2015-11-24 00:50:54 +00:00
}
2024-04-15 18:38:11 +00:00
.marks > .card.drawinghidden,
.judges > .card.drawinghidden {
2017-02-09 02:38:37 +00:00
opacity: 0;
transform: scale(0.2);
}
2024-04-15 18:38:11 +00:00
#me > .fakeme.avatar {
2017-02-10 09:48:40 +00:00
width: 120px;
height: 120px;
border-radius: 8px;
top: 10px;
left: 10px;
background-size: cover;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="reduce"] #me > .fakeme.avatar {
2017-02-10 09:48:40 +00:00
border-radius: 4px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="off"] #me > .fakeme.avatar {
2017-02-10 09:48:40 +00:00
border-radius: 0px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="increase"] #me > .fakeme.avatar {
2017-02-10 09:48:40 +00:00
border-radius: 16px;
2015-12-01 05:46:28 +00:00
}
2017-02-10 09:48:40 +00:00
.card.removing {
transform: scale(0);
2016-02-01 09:32:18 +00:00
}
2024-04-15 18:38:11 +00:00
#me > div > div > .card.removing {
2017-02-10 09:48:40 +00:00
margin-left: -52px;
margin-right: -52px;
2017-01-21 08:06:45 +00:00
}
2017-02-10 09:48:40 +00:00
.card.thrown.removing {
width: 104px;
height: 104px;
2024-04-15 18:38:11 +00:00
transform: none;
2017-01-21 08:06:45 +00:00
}
2017-02-10 09:48:40 +00:00
#sidebar.sidebar {
animation: sidebar 0.5s;
2024-04-15 18:38:11 +00:00
-webkit-animation: sidebar 0.5s;
2015-11-05 02:34:35 +00:00
}
2017-02-10 09:48:40 +00:00
.button.zoom {
animation: zoom_button 0.5s;
2024-04-15 18:38:11 +00:00
-webkit-animation: zoom_button 0.5s;
2015-11-05 02:34:35 +00:00
}
2024-04-15 18:38:11 +00:00
.content > .config.start {
2017-02-10 09:48:40 +00:00
animation: config 0.5s;
-webkit-animation: config 0.5s;
2015-11-05 02:34:35 +00:00
}
.flash,
.flash-animation-iteration-count-infinite {
animation-name: flash;
animation-duration: 1s;
}
.flash-animation-iteration-count-infinite {
animation-iteration-count: infinite;
2015-11-05 02:34:35 +00:00
}
2017-02-10 09:48:40 +00:00
.flip {
animation: flip 1s;
-webkit-animation: flip 1s;
2015-11-05 02:34:35 +00:00
}
2015-04-29 03:25:17 +00:00
/*--------样式--------*/
2024-04-15 18:38:11 +00:00
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .background,
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .image,
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .name,
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .name2,
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .info,
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .range,
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .gaintag,
#arena.selecting:not(.video) .player[data-position="0"] .card:not(.selectable) > .addinfo,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .background,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .image,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .name,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .name2,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .info,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .range,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .gaintag,
#arena.selecting:not(.video) .player.current_action .card:not(.selectable) > .addinfo,
#arena.selecting:not(.video) #me .card:not(.selectable) > .background,
#arena.selecting:not(.video) #me .card:not(.selectable) > .image,
#arena.selecting:not(.video) #me .card:not(.selectable) > .name,
#arena.selecting:not(.video) #me .card:not(.selectable) > .name2,
#arena.selecting:not(.video) #me .card:not(.selectable) > .info,
#arena.selecting:not(.video) #me .card:not(.selectable) > .range,
#arena.selecting:not(.video) #me .card:not(.selectable) > .gaintag,
#arena.selecting:not(.video) #me .card:not(.selectable) > .addinfo,
#arena.selecting:not(.video)
.dialog:not(.noselect)
.button:not(.selectable):not(.noclick):not(.replaceButton),
#arena.selecting:not(.video)
.dialog:not(.noselect)
.textbutton:not(.selectable):not(.noclick):not(.replaceButton),
#arena.selecting:not(.video)
.dialog:not(.noselect)
.tdnodes:not(.selectable):not(.noclick):not(.replaceButton),
.dead,
.likedead {
2017-02-10 09:48:40 +00:00
opacity: 0.6;
}
2024-04-15 18:38:11 +00:00
#window:not(.nopointer) .player .judges > .card,
#window:not(.nopointer) .player .marks > .card {
2017-02-11 16:25:09 +00:00
cursor: context-menu;
}
2024-04-15 18:38:11 +00:00
#window:not(.nopointer) .player .identity.guessing {
2017-02-11 16:25:09 +00:00
cursor: help;
}
2024-04-15 18:38:11 +00:00
#window:not(.nopointer) #system > div > div:not(.hidden),
2017-02-11 07:47:22 +00:00
#window:not(.nopointer) .choosedouble.character,
2017-02-13 11:54:45 +00:00
#window:not(.nopointer) .config.more,
#window:not(.nopointer) .dashboard,
2017-02-18 03:55:21 +00:00
#window:not(.nopointer) .textlink,
2017-02-13 15:29:37 +00:00
#window:not(.nopointer) .hrefnode,
2024-04-15 18:38:11 +00:00
#window:not(.nopointer) #historybar > div > div,
2017-03-25 05:59:54 +00:00
#window:not(.nopointer) .closenode,
2017-02-12 02:25:24 +00:00
#window:not(.nopointer) .pointerdiv,
2017-02-11 07:47:22 +00:00
#window:not(.nopointer) .pointernode div,
#window:not(.nopointer) .pointerspan span,
2024-04-15 18:38:11 +00:00
#window:not(.nopointer) .pointertable td > span,
#window:not(.nopointer) .config > .toggle.onoff,
2017-04-13 02:38:28 +00:00
#window:not(.nopointer) .pointerdialog .button:not(.unselectable),
2024-04-15 18:38:11 +00:00
#window:not(.nopointer)
.dialog.fullheight
.buttons
.button:not(.selectedx):not(.glow):not(.glows):not(.forbidden),
#window:not(.nopointer) #arena.selecting:not(.video) .player .equips > .card.selectable,
2017-02-11 07:47:22 +00:00
#window:not(.nopointer) #arena.selecting #me .card.selectable,
#window:not(.nopointer) #arena.selecting .button.selectable,
#window:not(.nopointer) #arena.selecting .player.selectable,
2017-02-12 06:38:59 +00:00
#window:not(.nopointer) .menubutton.round,
2024-04-15 18:38:11 +00:00
*[data-cursor_style="pointer"] {
2017-02-11 07:47:22 +00:00
cursor: pointer;
}
2024-04-15 18:38:11 +00:00
*[data-cursor_style="forbidden"] {
2017-02-12 06:38:59 +00:00
cursor: not-allowed;
}
2024-04-15 18:38:11 +00:00
*[data-cursor_style="menu"] {
2017-02-12 06:38:59 +00:00
cursor: context-menu;
}
2024-04-15 18:38:11 +00:00
*[data-cursor_style="zoom"] {
2017-02-12 06:38:59 +00:00
cursor: -webkit-zoom-in;
}
2024-04-15 18:38:11 +00:00
#arena.dragging {
2017-02-11 16:25:09 +00:00
cursor: -webkit-grabbing;
2017-02-11 07:47:22 +00:00
}
2024-04-15 18:38:11 +00:00
#arena.selecting:not(.video) .player[data-position="0"] .marks > .card:not(.selectable) > .image,
#arena.selecting:not(.video) .player[data-position="0"] .judges > .card:not(.selectable) > .image,
#arena.selecting:not(.video) .player[data-position="0"] .judges > .card:not(.selectable) > .background,
#arena.selecting:not(.video) .player .marks > .card:not(.selectable) > .image,
#arena.selecting:not(.video) .player .judges > .card:not(.selectable) > .image,
#arena.selecting:not(.video) .player .judges > .card:not(.selectable) > .background {
2017-02-06 13:38:38 +00:00
opacity: 1;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#arena.tempnoe .player.selectable .equips > .card {
2017-09-03 05:17:32 +00:00
pointer-events: none;
}
2017-02-10 09:48:40 +00:00
.unselectable:not(.selected):not(.removing) {
2024-04-15 18:38:11 +00:00
opacity: 0.6 !important;
2017-02-10 09:48:40 +00:00
}
.unselectable2 {
2024-04-15 18:38:11 +00:00
opacity: 0.4 !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.mark > .background {
2017-02-10 09:48:40 +00:00
opacity: 1 !important;
}
#arena.selecting:not(.video) #me .card:not(.selectable) {
2024-04-15 18:38:11 +00:00
opacity: 0.8;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.button.character.banned,
.button.card.banned {
opacity: 0.5;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.card.selectable > .background,
.card.selectable > .name,
.card.selectable > .name2,
.card.selectable > .info,
.card.selectable > .range,
.card.selectable > .gaintag,
2017-02-10 09:48:40 +00:00
.button.selectable {
opacity: 1;
}
.card {
2024-04-15 18:38:11 +00:00
color: rgba(0, 0, 0, 0.3);
2017-02-10 09:48:40 +00:00
text-shadow: none;
}
.fire {
2024-04-15 18:38:11 +00:00
color: rgba(255, 0, 0, 0.3);
2017-02-10 09:48:40 +00:00
}
.thunder {
2024-04-15 18:38:11 +00:00
color: rgba(0, 80, 255, 0.3);
2017-02-10 09:48:40 +00:00
}
2020-05-29 11:10:14 +00:00
.kami {
2024-04-15 18:38:11 +00:00
color: rgba(90, 118, 99, 0.3);
2020-05-29 11:10:14 +00:00
}
2020-12-19 01:36:50 +00:00
.ice {
2024-04-15 18:38:11 +00:00
color: rgba(0, 153, 255, 0.3);
2020-12-19 01:36:50 +00:00
}
2017-02-10 09:48:40 +00:00
.poison {
2024-04-15 18:38:11 +00:00
color: rgba(30, 133, 51, 0.4);
2017-02-10 09:48:40 +00:00
}
.brown {
color: rgba(133, 92, 30, 0.4);
}
.purple {
2024-04-15 18:38:11 +00:00
color: rgba(177, 62, 177, 0.4);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.player,
.button.character {
2017-02-10 09:48:40 +00:00
color: white;
text-shadow: black 0 0 2px;
}
2024-04-15 18:38:11 +00:00
.turnedover > div {
2017-02-10 09:48:40 +00:00
opacity: 0.3;
}
2024-04-15 18:38:11 +00:00
.turnedover > .identity,
.turnedover > .framebg,
.turnedover > .marks,
.turnedover > .judges {
2017-03-19 17:43:15 +00:00
opacity: 0.7;
2017-03-19 17:08:35 +00:00
}
2017-02-10 09:48:40 +00:00
.intro:not(.showintro) {
opacity: 0;
2024-04-15 18:38:11 +00:00
display: none !important;
2017-02-10 09:48:40 +00:00
}
.intro.showintro {
2024-04-15 18:38:11 +00:00
white-space: nowrap;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
div:hover > .intro {
2017-02-10 09:48:40 +00:00
opacity: 1;
}
2015-04-29 03:25:17 +00:00
/*.hp>div{background: white;box-shadow:0px 1px 1px rgba(0,0,0,0.5);border:1px solid #fff;border-radius: 8px;}*/
/*.hp>.lost{background: rgba(128,128,128,0.3);}*/
2017-02-10 09:48:40 +00:00
.identity {
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.3);
}
.player .identity {
2024-04-15 18:38:11 +00:00
z-index: 4;
2017-02-10 09:48:40 +00:00
}
.info {
border-radius: 10px;
}
2024-04-15 18:38:11 +00:00
.dialog > .bar {
2017-02-10 09:48:40 +00:00
position: absolute;
width: 100%;
height: 5px;
left: 0;
opacity: 0;
}
2024-04-15 18:38:11 +00:00
.dialog > .bar.top {
2017-02-10 09:48:40 +00:00
top: 0;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.dialog > .bar.bottom {
2017-02-10 09:48:40 +00:00
bottom: 0;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.dialog > .content-container {
2017-02-10 09:48:40 +00:00
width: 100%;
height: calc(100% - 0px);
2015-12-08 13:54:44 +00:00
/*height:calc(100% - 5px);*/
2017-02-10 09:48:40 +00:00
left: 0;
top: 0px;
2015-12-08 13:54:44 +00:00
/*top:5px;*/
2017-02-10 09:48:40 +00:00
position: absolute;
overflow: scroll;
2015-04-29 03:25:17 +00:00
}
2015-09-25 05:05:26 +00:00
/*.dialog.scroll1>.bar.top{opacity:1}
.dialog.scroll2>.bar.bottom{opacity:1}*/
2017-02-10 09:48:40 +00:00
.dialog.slim {
top: 300px;
bottom: auto;
2024-04-15 18:38:11 +00:00
min-height: none;
2017-02-10 09:48:40 +00:00
}
2015-04-29 03:25:17 +00:00
/*.dialog.scroll1{box-shadow:0 -10px 10px -9px rgba(0,0,0,0.1),0 -10px 0 -9px rgba(0,0,0,0.05);}
.dialog.scroll2{box-shadow:0 10px 10px -9px rgba(0,0,0,0.1),0 10px 0 -9px rgba(0,0,0,0.05)}
.dialog.scroll1.scroll2{box-shadow:0 -10px 10px -9px rgba(0,0,0,0.1),0 -10px 0 -9px rgba(0,0,0,0.05),
0 10px 10px -9px rgba(0,0,0,0.1),0 10px 0 -9px rgba(0,0,0,0.05);}*/
2019-06-07 03:46:13 +00:00
/* .selected,.target { */
2017-02-10 09:48:40 +00:00
/*transform: scale(1.05);*/
2019-06-07 03:46:13 +00:00
/* } */
2015-11-21 05:30:26 +00:00
/*.player.target{-webkit-filter:brightness(1.2)}*/
2015-12-15 05:22:47 +00:00
2017-02-10 09:48:40 +00:00
.target {
2024-04-15 18:38:11 +00:00
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.5) 0 0 12px,
rgba(255, 0, 0, 0.8) 0 0 15px !important;
2017-02-10 09:48:40 +00:00
}
#mebg.target {
transform: none !important;
}
2024-04-15 18:38:11 +00:00
#arena[data-target_shake="shake"] .target {
2017-02-10 09:48:40 +00:00
transform: rotate(-3deg);
}
2024-04-15 18:38:11 +00:00
#arena[data-target_shake="shake"] .target2 {
2017-02-10 09:48:40 +00:00
transform: rotate(3deg);
}
2024-04-15 18:38:11 +00:00
#arena[data-target_shake="zoom"] .target,
#arena[data-target_shake="zoom"] .target2 {
2017-02-10 09:48:40 +00:00
transform: scale(1.03);
}
2015-12-15 05:22:47 +00:00
2024-04-15 18:38:11 +00:00
.content > .config.line2 {
2017-02-10 09:48:40 +00:00
transform: translateX(-5px);
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.popup {
2024-04-15 18:38:11 +00:00
background: rgba(0, 0, 0, 0.2);
2015-04-29 03:25:17 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
2017-02-10 09:48:40 +00:00
border-radius: 4px;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.tdnode {
position: relative !important;
display: inline-block;
padding: 5px !important;
padding-left: 8px !important;
padding-right: 8px !important;
font-size: 18px !important;
margin: 4px !important;
margin-left: 6px !important;
margin-right: 6px !important;
2017-08-03 01:55:44 +00:00
width: auto !important;
}
2024-04-15 18:38:11 +00:00
.tdnode.thundertext {
background-image: linear-gradient(rgba(47, 101, 150, 1), rgba(43, 90, 132, 1)) !important;
2017-08-03 01:55:44 +00:00
}
2024-04-15 18:38:11 +00:00
.tdnode.reduce_margin {
2017-08-03 01:55:44 +00:00
margin-left: 4px !important;
margin-right: 4px !important;
2017-08-03 01:36:36 +00:00
}
2016-04-08 07:06:56 +00:00
.shadowed,
2017-02-10 09:48:40 +00:00
.menubutton.large.shadowed {
2024-04-15 18:38:11 +00:00
background: rgba(0, 0, 0, 0.2);
2015-05-11 11:57:44 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
2017-02-10 09:48:40 +00:00
border-radius: 8px;
2016-04-08 07:06:56 +00:00
color: white !important;
2015-05-11 11:57:44 +00:00
}
2017-02-10 09:48:40 +00:00
.shadowed2 {
2017-02-08 01:53:23 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="reduce"] .shadowed {
2017-02-10 09:48:40 +00:00
border-radius: 4px;
2017-01-21 08:06:45 +00:00
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="off"] .shadowed {
2017-02-10 09:48:40 +00:00
border-radius: 0px;
2017-01-21 08:06:45 +00:00
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="increase"] .shadowed {
2017-02-10 09:48:40 +00:00
border-radius: 16px;
2016-02-01 09:32:18 +00:00
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="default"] .shadowed.reduce_radius {
2017-02-10 09:48:40 +00:00
border-radius: 4px;
2017-02-07 14:20:52 +00:00
}
2017-02-08 13:28:08 +00:00
2024-04-15 18:38:11 +00:00
#window > .choosedouble {
2017-02-08 13:28:08 +00:00
left: 50%;
top: 50%;
}
2024-04-15 18:38:11 +00:00
#window > .choosedouble:not(.character) {
2017-02-10 09:48:40 +00:00
transition-duration: 0.2s;
2017-02-08 13:28:08 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .choosedouble.character {
2017-02-08 13:28:08 +00:00
transform-origin: top left;
2017-02-11 01:12:32 +00:00
transition-property: opacity, transform;
2017-02-08 13:28:08 +00:00
}
2024-04-15 18:38:11 +00:00
#window > .choosedouble.character.moved {
2017-02-09 12:12:24 +00:00
z-index: 1;
}
2024-04-15 18:38:11 +00:00
#window:not(.nopointer) > .choosedouble.character.moved:not(.selecting) {
2017-02-15 12:44:01 +00:00
cursor: default;
}
2024-04-15 18:38:11 +00:00
#window > .choosedouble.character > .name {
2017-02-08 13:28:08 +00:00
left: 6%;
top: 8%;
white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2017-02-08 13:28:08 +00:00
}
2024-04-15 18:38:11 +00:00
.hrefnode {
2017-02-13 15:29:37 +00:00
text-decoration: underline;
}
2024-04-15 18:38:11 +00:00
.closenode {
2017-03-25 05:59:54 +00:00
float: right;
}
2024-04-15 18:38:11 +00:00
.underline,
.underlinenode {
2017-02-10 09:48:40 +00:00
padding: 3px;
width: auto;
display: inline-block;
2015-04-29 03:25:17 +00:00
border-width: 0 0 2px;
2017-02-10 09:48:40 +00:00
border-style: solid;
border-color: transparent;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.underlinenode.slim {
2015-11-04 01:59:00 +00:00
padding-bottom: 0;
}
2024-04-15 18:38:11 +00:00
.underlinenode.gray:not(.on) {
2017-02-10 17:15:38 +00:00
border-color: rgb(133, 133, 133);
opacity: 0.5;
}
2024-04-15 18:38:11 +00:00
.on > .underline,
.underlinenode.on {
2017-02-10 09:48:40 +00:00
border-color: rgb(0, 133, 255);
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.config.underlined {
overflow: visible;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.config.underlined > div {
2015-04-29 03:25:17 +00:00
border-width: 0 0 2px;
2017-02-10 09:48:40 +00:00
border-style: solid;
border-color: rgb(0, 133, 255);
padding-bottom: 1px;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.newgame {
width: calc(100% - 16px);
display: flex;
2015-05-01 07:35:43 +00:00
}
2024-04-15 18:38:11 +00:00
.newgame > div {
2017-02-10 09:48:40 +00:00
padding: 3px;
position: relative;
margin: auto;
2015-05-01 07:35:43 +00:00
}
2017-02-10 09:48:40 +00:00
.player .identity {
align-items: flex-end;
2017-02-10 09:48:40 +00:00
border: none;
2015-04-29 03:25:17 +00:00
border-radius: 100%;
display: flex;
flex-direction: column;
2015-04-29 03:25:17 +00:00
transition: all 0.2s;
}
2016-02-01 09:32:18 +00:00
2024-04-15 18:38:11 +00:00
.player .identity > div {
2015-04-29 03:25:17 +00:00
position: relative;
2024-04-15 18:38:11 +00:00
font-family: "huangcao", "xinwei";
2015-04-29 03:25:17 +00:00
font-size: 24px;
line-height: 24px;
2017-02-10 09:48:40 +00:00
top: 0;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.player .identity.animate {
animation: identity 0.8s;
-webkit-animation: identity 0.8s;
2015-04-29 03:25:17 +00:00
}
.player .identity[data-color="zhu"],
2016-04-15 16:20:05 +00:00
.player .identity[data-color="truezhu"],
2016-04-23 09:34:40 +00:00
.player .identity[data-color="enemy"],
2024-04-15 18:38:11 +00:00
div[data-nature="zhu"],
span[data-nature="zhu"],
div[data-nature="enemy"],
span[data-nature="enemy"],
div[data-nature="fire"],
span[data-nature="fire"] {
text-shadow: black 0 0 1px, rgba(232, 53, 53, 1) 0 0 2px, rgba(232, 53, 53, 1) 0 0 5px,
rgba(232, 53, 53, 1) 0 0 10px, rgba(232, 53, 53, 1) 0 0 10px, rgba(232, 53, 53, 1) 0 0 20px,
rgba(232, 53, 53, 1) 0 0 20px;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
div[data-nature="firem"],
span[data-nature="firem"] {
text-shadow: black 0 0 1px, rgba(232, 53, 53, 1) 0 0 2px, rgba(232, 53, 53, 1) 0 0 5px,
rgba(232, 53, 53, 1) 0 0 5px, rgba(232, 53, 53, 1) 0 0 5px, black 0 0 1px;
2015-10-20 17:44:00 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="firemx"],
span[data-nature="firemx"] {
text-shadow: black 0 0 1px, rgba(191, 0, 0, 0.2) 0 0 2px, rgba(191, 0, 0, 1) 0 0 2px,
rgba(191, 0, 0, 1) 0 0 5px, rgba(191, 0, 0, 1) 0 0 5px, black 0 0 1px;
2017-03-31 12:28:13 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="firemm"],
span[data-nature="firemm"] {
text-shadow: black 0 0 1px, rgba(232, 53, 53, 1) 0 0 2px, rgba(232, 53, 53, 1) 0 0 2px,
rgba(232, 53, 53, 1) 0 0 2px, rgba(232, 53, 53, 1) 0 0 2px, black 0 0 1px;
2019-07-20 14:58:35 +00:00
}
2017-02-10 09:48:40 +00:00
2019-09-15 14:40:28 +00:00
.player .identity[data-color="mingzhong"],
2020-03-05 13:10:37 +00:00
.player .identity[data-color="rZhu"],
.player .identity[data-color="rZhong"],
.player .identity[data-color="rNei"],
.player .identity[data-color="cai2"],
2024-04-15 18:38:11 +00:00
div[data-nature="orange"],
span[data-nature="orange"] {
text-shadow: rgba(255, 120, 0, 1) 0 0 2px, rgba(255, 120, 0, 1) 0 0 5px, rgba(255, 120, 0, 1) 0 0 10px,
rgba(255, 120, 0, 1) 0 0 10px, rgba(255, 120, 0, 1) 0 0 20px, rgba(255, 120, 0, 1) 0 0 20px,
black 0 0 1px;
2019-09-15 14:40:28 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="orangem"],
span[data-nature="orangem"] {
text-shadow: rgba(255, 120, 0, 1) 0 0 2px, rgba(255, 120, 0, 1) 0 0 5px, rgba(255, 120, 0, 1) 0 0 5px,
rgba(255, 120, 0, 1) 0 0 5px, black 0 0 1px;
2019-09-15 14:40:28 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="orangemm"],
span[data-nature="orangemm"] {
text-shadow: rgba(255, 120, 0, 1) 0 0 2px, rgba(255, 120, 0, 1) 0 0 2px, rgba(255, 120, 0, 1) 0 0 2px,
rgba(255, 120, 0, 1) 0 0 2px, black 0 0 1px;
2019-09-15 14:40:28 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="firemx"],
span[data-nature="firemx"] {
text-shadow: black 0 0 1px, rgba(255, 120, 0, 0.2) 0 0 2px, rgba(255, 120, 0, 1) 0 0 2px,
rgba(255, 120, 0, 1) 0 0 5px, rgba(255, 120, 0, 1) 0 0 5px, black 0 0 1px;
2017-02-10 10:01:15 +00:00
}
2019-09-15 14:40:28 +00:00
2015-04-29 03:25:17 +00:00
.player .identity[data-color="zhong"],
.player .identity[data-color="qun"],
2016-04-23 09:34:40 +00:00
.player .identity[data-color="neutral"],
.player .identity[data-color="friend2"],
2024-04-15 18:38:11 +00:00
div[data-nature="zhong"],
span[data-nature="zhong"],
div[data-nature="metal"],
span[data-nature="metal"] {
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 10px, rgba(255, 203, 0, 1) 0 0 10px;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="metalm"],
span[data-nature="metalm"] {
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;
2015-10-20 17:44:00 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="metalmm"],
span[data-nature="metalmm"] {
text-shadow: black 0 0 1px, rgba(255, 203, 0, 1) 0 0 2px, rgba(255, 203, 0, 1) 0 0 2px,
rgba(255, 203, 0, 1) 0 0 2px, rgba(255, 203, 0, 1) 0 0 2px, black 0 0 1px;
2015-11-25 12:34:54 +00:00
}
2017-02-10 09:48:40 +00:00
2019-12-20 06:56:40 +00:00
.player .identity[data-color="key"],
2024-04-15 18:38:11 +00:00
div[data-nature="key"],
span[data-nature="key"] {
text-shadow: rgba(203, 177, 255, 1) 0 0 2px, rgba(203, 177, 255, 1) 0 0 5px,
rgba(203, 177, 255, 1) 0 0 10px, rgba(203, 177, 255, 1) 0 0 10px, rgba(203, 177, 255, 1) 0 0 20px,
rgba(203, 177, 255, 1) 0 0 20px, black 0 0 1px;
}
div[data-nature="keym"],
span[data-nature="keym"] {
text-shadow: rgba(203, 177, 255, 1) 0 0 2px, rgba(203, 177, 255, 1) 0 0 5px,
rgba(203, 177, 255, 1) 0 0 5px, rgba(203, 177, 255, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="keymm"],
span[data-nature="keymm"] {
text-shadow: rgba(203, 177, 255, 1) 0 0 2px, rgba(203, 177, 255, 1) 0 0 2px,
rgba(203, 177, 255, 1) 0 0 2px, rgba(203, 177, 255, 1) 0 0 2px, black 0 0 1px;
}
div[data-nature="shen"],
span[data-nature="shen"] {
text-shadow: rgba(243, 171, 27, 1) 0 0 2px, rgba(243, 171, 27, 1) 0 0 5px, rgba(243, 171, 27, 1) 0 0 10px,
rgba(243, 171, 27, 1) 0 0 10px, rgba(243, 171, 27, 1) 0 0 20px, rgba(243, 171, 27, 1) 0 0 20px,
black 0 0 1px;
}
div[data-nature="shenm"],
span[data-nature="shenm"] {
text-shadow: rgba(243, 171, 27, 1) 0 0 2px, rgba(243, 171, 27, 1) 0 0 5px, rgba(243, 171, 27, 1) 0 0 5px,
rgba(243, 171, 27, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="shenmm"],
span[data-nature="shenmm"] {
text-shadow: rgba(243, 171, 27, 1) 0 0 2px, rgba(243, 171, 27, 1) 0 0 2px, rgba(243, 171, 27, 1) 0 0 2px,
rgba(243, 171, 27, 1) 0 0 2px, black 0 0 1px;
}
div[data-nature="qun"],
span[data-nature="qun"] {
text-shadow: rgba(164, 164, 164, 1) 0 0 2px, rgba(164, 164, 164, 1) 0 0 5px,
rgba(164, 164, 164, 1) 0 0 10px, rgba(164, 164, 164, 1) 0 0 10px, rgba(164, 164, 164, 1) 0 0 20px,
rgba(164, 164, 164, 1) 0 0 20px, black 0 0 1px;
}
div[data-nature="qunm"],
span[data-nature="qunm"] {
text-shadow: rgba(164, 164, 164, 1) 0 0 2px, rgba(164, 164, 164, 1) 0 0 5px,
rgba(164, 164, 164, 1) 0 0 5px, rgba(164, 164, 164, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="qunmm"],
span[data-nature="qunmm"] {
text-shadow: rgba(164, 164, 164, 1) 0 0 2px, rgba(164, 164, 164, 1) 0 0 2px,
rgba(164, 164, 164, 1) 0 0 2px, rgba(164, 164, 164, 1) 0 0 2px, black 0 0 1px;
2023-09-30 14:01:59 +00:00
}
2015-04-29 03:25:17 +00:00
.player .identity[data-color="nei"],
2015-05-03 15:17:15 +00:00
.player .identity[data-color="ye"],
2020-03-05 13:10:37 +00:00
.player .identity[data-color="rYe"],
.player .identity[data-color="bYe"],
2020-12-19 01:36:50 +00:00
.player .identity[data-color="jin"],
2024-04-15 18:38:11 +00:00
div[data-nature="nei"],
span[data-nature="nei"],
div[data-nature="thunder"],
span[data-nature="thunder"] {
text-shadow: rgba(100, 74, 139, 1) 0 0 2px, rgba(100, 74, 139, 1) 0 0 5px, rgba(100, 74, 139, 1) 0 0 10px,
rgba(100, 74, 139, 1) 0 0 10px, rgba(100, 74, 139, 1) 0 0 20px, rgba(100, 74, 139, 1) 0 0 20px,
black 0 0 1px;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="thunderm"],
span[data-nature="thunderm"] {
text-shadow: rgba(100, 74, 139, 1) 0 0 2px, rgba(100, 74, 139, 1) 0 0 5px, rgba(100, 74, 139, 1) 0 0 5px,
rgba(100, 74, 139, 1) 0 0 5px, black 0 0 1px;
2015-10-20 17:44:00 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="thundermm"],
span[data-nature="thundermm"] {
text-shadow: rgba(100, 74, 139, 1) 0 0 2px, rgba(100, 74, 139, 1) 0 0 2px, rgba(100, 74, 139, 1) 0 0 2px,
rgba(100, 74, 139, 1) 0 0 2px, black 0 0 1px;
2017-04-14 08:22:42 +00:00
}
2017-02-10 09:48:40 +00:00
2020-05-29 11:10:14 +00:00
.player .identity[data-color="kami"],
2024-04-15 18:38:11 +00:00
div[data-nature="kami"],
span[data-nature="kami"] {
text-shadow: rgba(90, 118, 99, 1) 0 0 2px, rgba(90, 118, 99, 1) 0 0 5px, rgba(90, 118, 99, 1) 0 0 10px,
rgba(90, 118, 99, 1) 0 0 10px, rgba(90, 118, 99, 1) 0 0 20px, rgba(90, 118, 99, 1) 0 0 20px,
black 0 0 1px;
2020-05-29 11:10:14 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="kamim"],
span[data-nature="kamim"] {
text-shadow: rgba(90, 118, 99, 1) 0 0 2px, rgba(90, 118, 99, 1) 0 0 5px, rgba(90, 118, 99, 1) 0 0 5px,
rgba(90, 118, 99, 1) 0 0 5px, black 0 0 1px;
2020-05-29 11:10:14 +00:00
}
2024-04-15 18:38:11 +00:00
div[data-nature="kamimm"],
span[data-nature="kamimm"] {
text-shadow: rgba(90, 118, 99, 1) 0 0 2px, rgba(90, 118, 99, 1) 0 0 2px, rgba(90, 118, 99, 1) 0 0 2px,
rgba(90, 118, 99, 1) 0 0 2px, black 0 0 1px;
2020-05-29 11:10:14 +00:00
}
2015-04-29 03:25:17 +00:00
.player .identity[data-color="fan"],
.player .identity[data-color="wu"],
2024-04-15 18:38:11 +00:00
div[data-nature="fan"],
span[data-nature="fan"],
div[data-nature="wood"],
span[data-nature="wood"] {
text-shadow: rgba(57, 123, 4, 1) 0 0 2px, rgba(57, 123, 4, 1) 0 0 5px, rgba(57, 123, 4, 1) 0 0 10px,
rgba(57, 123, 4, 1) 0 0 10px, rgba(57, 123, 4, 1) 0 0 20px, rgba(57, 123, 4, 1) 0 0 20px,
black 0 0 1px;
}
div[data-nature="woodm"],
span[data-nature="woodm"] {
text-shadow: rgba(57, 123, 4, 1) 0 0 2px, rgba(57, 123, 4, 1) 0 0 5px, rgba(57, 123, 4, 1) 0 0 5px,
rgba(57, 123, 4, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="woodmm"],
span[data-nature="woodmm"] {
text-shadow: rgba(57, 123, 4, 1) 0 0 2px, rgba(57, 123, 4, 1) 0 0 2px, rgba(57, 123, 4, 1) 0 0 2px,
rgba(57, 123, 4, 1) 0 0 2px, black 0 0 1px;
2015-11-25 12:34:54 +00:00
}
2023-11-03 06:26:50 +00:00
.player .identity[data-color="commoner"],
2024-04-15 18:38:11 +00:00
div[data-nature="commoner"],
span[data-nature="commoner"] {
text-shadow: rgb(135, 135, 135, 1) 0 0 2px, rgba(135, 135, 135, 1) 0 0 5px,
rgba(135, 135, 135, 1) 0 0 10px, rgba(135, 135, 135, 1) 0 0 10px, rgba(135, 135, 135, 1) 0 0 20px,
rgba(135, 135, 135, 1) 0 0 20px, black 0 0 1px;
2023-11-03 06:26:50 +00:00
}
2017-02-10 09:48:40 +00:00
2015-04-29 03:25:17 +00:00
.player .identity[data-color="cai"],
2020-03-05 13:10:37 +00:00
.player .identity[data-color="bZhu"],
.player .identity[data-color="bZhong"],
.player .identity[data-color="bNei"],
2015-04-29 03:25:17 +00:00
.player .identity[data-color="wei"],
2016-04-15 16:20:05 +00:00
.player .identity[data-color="falsezhu"],
2016-04-23 09:34:40 +00:00
.player .identity[data-color="friend"],
2016-06-11 08:06:47 +00:00
.water,
2024-04-15 18:38:11 +00:00
div[data-nature="friend"],
span[data-nature="friend"],
div[data-nature="water"],
span[data-nature="water"] {
text-shadow: rgba(78, 117, 140, 1) 0 0 2px, rgba(78, 117, 140, 1) 0 0 5px, rgba(78, 117, 140, 1) 0 0 10px,
rgba(78, 117, 140, 1) 0 0 10px, rgba(78, 117, 140, 1) 0 0 20px, rgba(78, 117, 140, 1) 0 0 20px,
black 0 0 1px;
}
div[data-nature="waterm"],
span[data-nature="waterm"] {
text-shadow: rgba(78, 117, 140, 1) 0 0 2px, rgba(78, 117, 140, 1) 0 0 5px, rgba(78, 117, 140, 1) 0 0 5px,
rgba(78, 117, 140, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="watermm"],
span[data-nature="watermm"] {
text-shadow: rgba(78, 117, 140, 1) 0 0 2px, rgba(78, 117, 140, 1) 0 0 2px, rgba(78, 117, 140, 1) 0 0 2px,
rgba(78, 117, 140, 1) 0 0 2px, black 0 0 1px;
}
div[data-nature="watermx"],
span[data-nature="watermx"] {
text-shadow: rgba(0, 0, 0, 0.4) 0 0 1px, rgba(20, 83, 140, 1) 0 0 2px, rgba(20, 83, 140, 1) 0 0 2px,
rgba(20, 83, 140, 1) 0 0 5px, rgba(20, 83, 140, 1) 0 0 5px, black 0 0 1px;
2017-03-31 12:28:13 +00:00
}
2017-02-10 09:48:40 +00:00
2015-04-29 03:25:17 +00:00
.player .identity[data-color="shu"],
2024-04-15 18:38:11 +00:00
div[data-nature="soil"],
span[data-nature="soil"] {
text-shadow: rgba(128, 59, 2, 1) 0 0 2px, rgba(128, 59, 2, 1) 0 0 5px, rgba(128, 59, 2, 1) 0 0 10px,
rgba(128, 59, 2, 1) 0 0 10px, rgba(128, 59, 2, 1) 0 0 20px, rgba(128, 59, 2, 1) 0 0 20px,
black 0 0 1px;
}
div[data-nature="soilm"],
span[data-nature="soilm"] {
text-shadow: rgba(128, 59, 2, 1) 0 0 2px, rgba(128, 59, 2, 1) 0 0 5px, rgba(128, 59, 2, 1) 0 0 5px,
rgba(128, 59, 2, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="soilmm"],
span[data-nature="soilmm"] {
text-shadow: rgba(128, 59, 2, 1) 0 0 2px, rgba(128, 59, 2, 1) 0 0 2px, rgba(128, 59, 2, 1) 0 0 2px,
rgba(128, 59, 2, 1) 0 0 2px, black 0 0 1px;
}
div[data-nature="soilmx"],
span[data-nature="soilmx"] {
text-shadow: rgba(0, 0, 0, 0.4) 0 0 1px, rgba(128, 59, 2, 1) 0 0 2px, rgba(128, 59, 2, 1) 0 0 2px,
rgba(128, 59, 2, 1) 0 0 5px, rgba(128, 59, 2, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="gray"],
span[data-nature="gray"] {
text-shadow: rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 5px,
rgba(213, 194, 179, 1) 0 0 10px, rgba(213, 194, 179, 1) 0 0 10px, rgba(213, 194, 179, 1) 0 0 20px,
rgba(213, 194, 179, 1) 0 0 20px, black 0 0 1px;
}
div[data-nature="graym"],
span[data-nature="graym"] {
text-shadow: rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 5px,
rgba(213, 194, 179, 1) 0 0 5px, rgba(213, 194, 179, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="graymm"],
span[data-nature="graymm"] {
text-shadow: rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 2px,
rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 2px, black 0 0 1px;
}
div[data-nature="graymx"],
span[data-nature="graymx"] {
text-shadow: black 0 0 1px, rgba(213, 194, 179, 0.2) 0 0 2px, rgba(213, 194, 179, 1) 0 0 2px,
rgba(213, 194, 179, 1) 0 0 5px, rgba(213, 194, 179, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="ice"],
span[data-nature="ice"] {
text-shadow: rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 5px,
rgba(213, 194, 179, 1) 0 0 10px, rgba(213, 194, 179, 1) 0 0 10px, rgba(213, 194, 179, 1) 0 0 20px,
rgba(213, 194, 179, 1) 0 0 20px, black 0 0 1px;
}
div[data-nature="icem"],
span[data-nature="icem"] {
text-shadow: rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 5px,
rgba(213, 194, 179, 1) 0 0 5px, rgba(213, 194, 179, 1) 0 0 5px, black 0 0 1px;
}
div[data-nature="icemm"],
span[data-nature="icemm"] {
text-shadow: rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 2px,
rgba(213, 194, 179, 1) 0 0 2px, rgba(213, 194, 179, 1) 0 0 2px, black 0 0 1px;
}
div[data-nature="icemx"],
span[data-nature="icemx"] {
text-shadow: black 0 0 1px, rgba(213, 194, 179, 0.2) 0 0 2px, rgba(213, 194, 179, 1) 0 0 2px,
rgba(213, 194, 179, 1) 0 0 5px, rgba(213, 194, 179, 1) 0 0 5px, black 0 0 1px;
2020-12-19 01:36:50 +00:00
}
2015-11-06 10:05:08 +00:00
.player .identity[data-color="unknownx"],
2024-04-15 18:38:11 +00:00
div[data-nature="black"],
span[data-nature="black"] {
text-shadow: rgba(0, 0, 0, 0.5) 0 0 2px, rgba(0, 0, 0, 0.5) 0 0 5px, rgba(0, 0, 0, 0.5) 0 0 10px,
rgba(0, 0, 0, 0.5) 0 0 10px, rgba(0, 0, 0, 0.5) 0 0 20px, rgba(0, 0, 0, 0.5) 0 0 20px, black 0 0 1px;
2015-04-29 03:25:17 +00:00
}
2016-03-21 09:05:16 +00:00
div[data-color="unknownm"],
2017-02-10 09:48:40 +00:00
span[data-color="unknownm"] {
2024-04-15 18:38:11 +00:00
text-shadow: rgba(0, 0, 0, 0.5) 0 0 2px, rgba(0, 0, 0, 0.2) 0 0 5px, rgba(0, 0, 0, 0.2) 0 0 5px,
rgba(0, 0, 0, 0.2) 0 0 5px, black 0 0 1px;
2015-10-20 17:44:00 +00:00
}
2017-09-03 05:17:32 +00:00
div[data-nature="unknown"] {
2024-04-15 18:38:11 +00:00
text-shadow: rgba(0, 0, 0, 0.2) 0 0 2px, rgba(0, 0, 0, 0.2) 0 0 5px, rgba(0, 0, 0, 0.2) 0 0 10px,
rgba(0, 0, 0, 0.2) 0 0 10px, rgba(0, 0, 0, 0.2) 0 0 20px, rgba(0, 0, 0, 0.2) 0 0 20px,
rgba(0, 0, 0, 0.6) 0 0 1px;
2017-09-03 05:17:32 +00:00
}
2015-04-29 03:25:17 +00:00
2017-03-20 04:23:17 +00:00
div[data-decoration="gold"]::before,
2024-04-15 18:38:11 +00:00
#arena:not(.autoframe)[data-framedecoration="gold"] .player > .framebg::before {
content: "";
position: absolute;
background-image: url("../../theme/style/player/gold_d1.png");
background-size: 100% 100%;
width: 41px;
height: 80px;
left: -13px;
top: -19px;
}
.button[data-decoration="gold"]::before {
transform: scale(0.75) translate(-3px, -3px);
2017-03-20 04:23:17 +00:00
}
div[data-decoration="gold"]::after,
2024-04-15 18:38:11 +00:00
#arena:not(.autoframe)[data-framedecoration="gold"] .player > .framebg::after {
content: "";
position: absolute;
background-image: url("../../theme/style/player/gold_d2.png");
background-size: 100% 100%;
width: 75px;
height: 32px;
2017-03-20 04:23:17 +00:00
left: auto;
top: auto;
2024-04-15 18:38:11 +00:00
right: -8px;
bottom: -8px;
2017-03-20 04:23:17 +00:00
}
2024-04-15 18:38:11 +00:00
.button[data-decoration="gold"]::after {
transform: scale(0.75) translate(10px, 2px);
2017-03-20 05:00:58 +00:00
}
div[data-decoration="silver"]::before,
2024-04-15 18:38:11 +00:00
#arena:not(.autoframe)[data-framedecoration="silver"] .player > .framebg::before {
content: "";
position: absolute;
background-image: url("../../theme/style/player/silver_d1.png");
background-size: 100% 100%;
width: 41px;
height: 61px;
left: -13px;
top: -14px;
}
.button[data-decoration="silver"]::before {
transform: scale(0.75) translate(-2px, -3px);
2017-03-20 05:00:58 +00:00
}
div[data-decoration="silver"]::after,
2024-04-15 18:38:11 +00:00
#arena:not(.autoframe)[data-framedecoration="silver"] .player > .framebg::after {
content: "";
position: absolute;
background-image: url("../../theme/style/player/silver_d2.png");
background-size: 100% 100%;
width: 69px;
height: 21px;
2017-03-20 05:00:58 +00:00
left: auto;
top: auto;
2024-04-15 18:38:11 +00:00
right: -8px;
bottom: -9px;
2017-03-20 05:00:58 +00:00
}
2024-04-15 18:38:11 +00:00
.button[data-decoration="silver"]::after {
transform: scale(0.75) translate(10px, 0px);
2017-03-20 05:00:58 +00:00
}
div[data-decoration="bronze"]::before,
2024-04-15 18:38:11 +00:00
#arena:not(.autoframe)[data-framedecoration="bronze"] .player > .framebg::before {
content: "";
position: absolute;
background-image: url("../../theme/style/player/bronze_d1.png");
background-size: 100% 100%;
width: 40px;
height: 80px;
left: -13px;
top: -18px;
}
.button[data-decoration="bronze"]::before {
transform: scale(0.75) translate(-2px, -3px);
2017-03-20 05:00:58 +00:00
}
div[data-decoration="bronze"]::after,
2024-04-15 18:38:11 +00:00
#arena:not(.autoframe)[data-framedecoration="bronze"] .player > .framebg::after {
content: "";
position: absolute;
background-image: url("../../theme/style/player/bronze_d2.png");
background-size: 100% 100%;
width: 69px;
height: 21px;
2017-03-20 05:00:58 +00:00
left: auto;
top: auto;
right: -8px;
bottom: -5px;
}
2024-04-15 18:38:11 +00:00
.button[data-decoration="bronze"]::after {
transform: scale(0.75) translate(9px, 2px);
2017-03-20 04:23:17 +00:00
}
2024-04-15 18:38:11 +00:00
.guessidentity {
2017-11-13 12:05:05 +00:00
display: block;
position: relative;
}
2024-04-15 18:38:11 +00:00
.guessidentity > .menubutton.large {
2017-11-13 12:05:05 +00:00
display: block;
position: relative;
}
/*.guessidentity>.menubutton.large:not(*[data-nature="none"]){
color:white;
}*/
2017-03-20 04:23:17 +00:00
div[data-decoration="gold"]::before,
2017-03-20 05:00:58 +00:00
div[data-decoration="gold"]::after,
div[data-decoration="silver"]::before,
div[data-decoration="silver"]::after,
div[data-decoration="bronze"]::before,
2024-04-15 18:38:11 +00:00
div[data-decoration="bronze"]::after {
2017-03-20 04:23:17 +00:00
opacity: 1;
z-index: 10;
box-shadow: none !important;
}
2024-04-15 18:38:11 +00:00
.card.fullskin > .background {
display: none !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.card:not(.fullskin) > .image {
display: none !important;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin > .name {
2015-04-29 03:25:17 +00:00
top: 8px;
left: 7px;
/*border:1px solid #631515;*/
border-radius: 4px;
padding-top: 3px;
padding-bottom: 3px;
2015-04-29 03:25:17 +00:00
/*color:#631515;*/
2017-02-10 09:48:40 +00:00
border: 1px solid rgb(74, 29, 1);
color: rgb(74, 29, 1);
2015-04-29 03:25:17 +00:00
text-shadow: none;
2017-02-10 09:48:40 +00:00
text-align: center;
2015-11-30 13:08:29 +00:00
line-height: 18px;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.cardbg,
.button.character.cardbg {
2017-02-10 09:48:40 +00:00
color: rgb(74, 29, 1);
2016-08-28 00:30:25 +00:00
text-shadow: none;
}
2024-04-15 18:38:11 +00:00
.card.fullskin > .name.long {
2017-02-10 09:48:40 +00:00
top: 5px;
2016-07-25 15:33:50 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.thunder > .name {
color: #152e63;
border: 1px solid #152e63;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.kami > .name {
color: #1f3c38;
border: 1px solid #1f3c38;
2020-05-29 11:10:14 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.ice > .name {
color: #3b6273;
border: 1px solid #3b6273;
2020-12-19 01:36:50 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.fire > .name {
2017-02-10 09:48:40 +00:00
color: #631515;
border: 1px solid #631515;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.poison > .name {
2017-02-10 09:48:40 +00:00
color: #00312d;
border: 1px solid #00312d;
2016-07-01 14:17:24 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.epic > .name {
2016-07-01 14:17:24 +00:00
color: white;
2017-02-10 09:48:40 +00:00
background: rgba(0, 66, 165, 0.6);
border: 1px solid rgba(0, 66, 165, 1);
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px inset;
2016-07-01 14:17:24 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.epic > .name2 {
color: rgb(117, 186, 255);
2016-07-01 14:17:24 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.legend > .name {
2016-07-01 14:17:24 +00:00
color: white;
2017-02-10 09:48:40 +00:00
background: rgba(106, 27, 154, 0.6);
2018-01-19 02:51:53 +00:00
border: 1px solid rgb(158, 102, 0);
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px inset;
2016-07-01 14:17:24 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin.legend > .name2 {
2016-07-01 14:17:24 +00:00
color: rgb(233, 131, 255);
/*color: rgb(117,186,0);*/
}
2024-04-15 18:38:11 +00:00
.card.fullskin.gold > .name {
2017-03-25 13:18:24 +00:00
color: white;
2024-04-15 18:38:11 +00:00
text-shadow: black 0 0 1px, rgba(0, 0, 0, 0.5) 0 0 1px;
2017-03-25 13:18:24 +00:00
background: rgba(234, 158, 0, 0.6);
border: 1px solid rgb(134, 87, 1);
2017-03-25 13:18:24 +00:00
box-shadow: rgba(255, 149, 0, 0.4) 0 0 10px inset;
}
2024-04-15 18:38:11 +00:00
.card.fullskin.gold > .name2 {
color: rgb(255, 235, 59);
2017-03-25 13:18:24 +00:00
}
2024-04-15 18:38:11 +00:00
.card.fullskin > .info {
2022-10-20 11:50:57 +00:00
top: 5.2px;
right: 7px;
2024-04-15 18:38:11 +00:00
color: rgba(0, 0, 0, 0.8);
2022-10-20 11:50:57 +00:00
white-space: nowrap;
2015-04-29 03:25:17 +00:00
text-shadow: none;
}
2024-04-15 18:38:11 +00:00
.card.fullskin > .info.red {
color: #a82424;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.config > .toggle.onoff {
2017-02-10 09:48:40 +00:00
height: 100%;
width: 30px;
display: inline-flex;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.config > .toggle.onoff > div {
2017-02-10 09:48:40 +00:00
height: 12px;
width: 100%;
border: 1px solid white;
border-radius: 12px;
2024-04-15 18:38:11 +00:00
box-shadow: black 0 0 2px, black 0 0 1px inset;
2017-02-10 09:48:40 +00:00
margin: auto;
2017-04-13 09:51:59 +00:00
overflow: hidden;
transition-property: none;
}
2024-04-15 18:38:11 +00:00
.config > .toggle.onoff > div > div {
2017-04-13 09:51:59 +00:00
transition-property: left;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.config > .toggle.onoff:not(.on) > div,
2017-02-10 09:48:40 +00:00
.config.disabled {
opacity: 0.4;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.menubutton.large.disabled {
2016-07-30 13:28:26 +00:00
opacity: 0.5;
}
2017-02-10 09:48:40 +00:00
.menubutton.large.smallfont {
2016-11-04 10:09:20 +00:00
font-size: 22px !important;
text-indent: -2px;
}
2024-04-15 18:38:11 +00:00
.config > .toggle.onoff > div > div {
2017-02-10 09:48:40 +00:00
width: 8px;
height: 8px;
border-radius: 100%;
position: absolute;
left: 1px;
top: 1px;
background: white;
border: 1px solid white;
box-shadow: black 0 0 2px;
}
2024-04-15 18:38:11 +00:00
.config > .toggle.onoff.on > div > div {
2017-02-10 09:48:40 +00:00
left: calc(100% - 11px);
}
2024-04-15 18:38:11 +00:00
#arena > .skillbar {
2017-02-10 09:48:40 +00:00
width: 65px;
height: 65px;
border-radius: 100% !important;
font-size: 55px;
2024-04-15 18:38:11 +00:00
font-family: "huangcao";
2017-02-10 09:48:40 +00:00
top: calc(50% - 110px);
line-height: 65px;
text-align: center;
}
2024-04-15 18:38:11 +00:00
#arena > .skillbar.left {
2017-02-10 09:48:40 +00:00
left: 0;
right: auto;
}
2024-04-15 18:38:11 +00:00
#arena > .skillbar.right {
2017-02-10 09:48:40 +00:00
right: 0;
left: auto;
}
2024-04-15 18:38:11 +00:00
#arena > .skillbar > div {
2017-02-10 09:48:40 +00:00
border-radius: 100%;
width: 55px;
height: 55px;
position: absolute;
margin: 0;
padding: 0;
left: 5px;
top: 5px;
overflow: hidden;
}
2024-04-15 18:38:11 +00:00
#arena > .skillbar > .skillbarshadow {
2017-02-10 09:48:40 +00:00
box-shadow: 0px 0px 8px #222 inset;
z-index: 1;
}
2024-04-15 18:38:11 +00:00
#arena > .skillbar > .skillbarfill > div {
box-shadow: 0px 0px 10px #555 inset, rgba(0, 0, 0, 0.05) 0 0 0 1px;
2017-02-10 09:48:40 +00:00
width: 200%;
height: 200%;
position: absolute;
margin: 0;
padding: 0;
2024-04-15 18:38:11 +00:00
background-color: rgba(63, 119, 173, 1);
2017-02-10 09:48:40 +00:00
left: -50%;
top: 100%;
}
2024-04-15 18:38:11 +00:00
#arena > .skillbar.full > .skillbarfill > div {
2017-02-10 09:48:40 +00:00
box-shadow: none;
background-color: red;
}
2019-06-07 03:46:13 +00:00
/* #arena>.skillbar.full { */
2024-04-15 18:38:11 +00:00
/*transform: scale(1.1);*/
/*box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
-webkit-animation:skillbarglow 3s infinite;*/
2019-06-07 03:46:13 +00:00
/* } */
2024-04-15 18:38:11 +00:00
#arena > .skillbar > .skillbartext {
font-family: "xinwei";
2017-02-10 09:48:40 +00:00
font-size: 35px;
width: 100%;
text-align: center;
height: 35px;
line-height: 40px;
overflow: visible;
margin: 0;
padding: 0;
left: 0;
top: 15px;
z-index: 2;
opacity: 0;
}
.firetext {
2024-04-15 18:38:11 +00:00
color: rgb(255, 119, 63);
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.yellowtext {
2024-04-15 18:38:11 +00:00
color: #ffff7a;
2015-12-08 13:54:44 +00:00
}
2017-02-10 09:48:40 +00:00
.bluetext {
2015-12-08 13:54:44 +00:00
color: rgb(150, 202, 255);
}
2017-02-10 09:48:40 +00:00
.greentext {
2024-04-15 18:38:11 +00:00
color: rgb(104, 221, 127);
2015-12-08 13:54:44 +00:00
}
.icetext {
color: rgb(59, 98, 115);
}
2015-11-14 15:48:04 +00:00
.thundertext,
2017-02-10 09:48:40 +00:00
.controlthundertext {
2024-04-15 18:38:11 +00:00
color: rgb(117, 186, 255);
2015-04-29 03:25:17 +00:00
}
2020-05-29 11:10:14 +00:00
.kamitext {
2024-04-15 18:38:11 +00:00
color: rgb(90, 118, 99);
2020-05-29 11:10:14 +00:00
}
2017-02-10 09:48:40 +00:00
.whitetext .thundertext {
2016-06-11 08:06:47 +00:00
color: white;
}
2017-02-10 09:48:40 +00:00
.poisontext {
2024-04-15 18:38:11 +00:00
color: rgb(104, 221, 127);
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.browntext {
2024-04-15 18:38:11 +00:00
color: rgb(195, 161, 223);
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.legendtext {
2016-08-28 00:30:25 +00:00
color: rgb(233, 131, 255);
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#window > canvas.fun {
2015-12-28 07:30:15 +00:00
position: absolute;
left: 0;
top: 0;
2016-03-28 10:53:52 +00:00
z-index: -2;
2015-12-28 07:30:15 +00:00
pointer-events: none;
}
2024-04-15 18:38:11 +00:00
#window.canvas_top > canvas.fun {
2015-12-28 07:30:15 +00:00
z-index: 20;
}
2024-04-15 18:38:11 +00:00
.coin_menu .content > .caption > .coin_buy {
2015-12-28 07:30:15 +00:00
line-height: 36px;
2024-04-15 18:38:11 +00:00
font-family: "xinwei";
2017-02-10 09:48:40 +00:00
font-size: 24px;
2015-12-28 07:30:15 +00:00
}
2024-04-15 18:38:11 +00:00
.coin_menu .content > .caption > .coin_buy > .menubutton {
2015-12-28 07:30:15 +00:00
width: auto;
2017-02-10 09:48:40 +00:00
position: relative;
float: right;
padding-left: 5px;
padding-right: 5px;
height: auto;
font-size: 24px;
2015-12-30 04:00:49 +00:00
margin-left: 10px;
2015-12-28 07:30:15 +00:00
}
2024-04-15 18:38:11 +00:00
.coin_menu .content > .caption > .coin_buy > .menubutton.disabled {
2015-12-28 07:30:15 +00:00
opacity: 0.5;
}
2017-02-10 09:48:40 +00:00
.wunature {
2024-04-15 18:38:11 +00:00
font-family: "huangcao", "xinwei";
2015-04-29 03:25:17 +00:00
font-size: 24px;
2017-02-10 09:48:40 +00:00
color: white !important;
2015-11-09 23:11:17 +00:00
pointer-events: none;
}
2017-02-10 09:48:40 +00:00
.player .wunature {
2017-03-24 07:03:37 +00:00
left: 14px;
2015-11-10 10:13:53 +00:00
display: none;
2017-03-24 07:03:37 +00:00
top: auto;
bottom: 14px;
2015-11-10 10:13:53 +00:00
}
2024-04-15 18:38:11 +00:00
#arena > .player .wunature,
#chess > .player .wunature {
2015-11-10 10:13:53 +00:00
display: block;
}
2019-06-07 03:46:13 +00:00
/* div:hover>.wunature { */
2024-04-15 18:38:11 +00:00
/*opacity: 0.5;*/
2019-06-07 03:46:13 +00:00
/* } */
2015-11-09 23:11:17 +00:00
.button.noclick .wunature,
2017-02-10 09:48:40 +00:00
.player.treasure .wunature {
2015-11-11 02:41:42 +00:00
display: none !important;
2015-04-29 03:25:17 +00:00
}
2017-02-10 09:48:40 +00:00
.player .actcount.hp {
2015-12-08 13:54:44 +00:00
left: 216px;
2015-05-03 15:17:15 +00:00
top: 9px;
width: 20px;
}
2024-04-15 18:38:11 +00:00
.player .actcount.hp > div {
2017-02-10 09:48:40 +00:00
width: 12px;
height: 12px;
margin-left: 4px;
2015-05-03 15:17:15 +00:00
margin-bottom: 3px;
2017-02-10 09:48:40 +00:00
animation: game_start 0.5s;
-webkit-animation: game_start 0.5s;
2015-05-03 15:17:15 +00:00
}
2017-02-10 09:48:40 +00:00
.player {
top: 47px;
left: 14px;
2015-05-03 15:17:15 +00:00
}
2017-02-10 09:48:40 +00:00
.card .wunature {
top: 74px;
right: 6px;
2015-04-29 03:25:17 +00:00
}
2023-09-12 13:00:50 +00:00
.tempname {
2020-03-30 11:56:37 +00:00
color: white !important;
font-size: 22px;
2023-08-30 06:17:23 +00:00
left: 6px;
2020-03-30 11:56:37 +00:00
pointer-events: none;
2023-08-30 06:17:23 +00:00
top: 6px;
}
2023-09-12 13:00:50 +00:00
.tempname.vertical {
2023-08-30 06:17:23 +00:00
left: 4px;
top: 8px;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
2020-03-30 11:56:37 +00:00
}
.tempname.tempimage {
top: calc(50% - 12.5px);
left: 2px;
width: calc(100% - 4px);
height: 25px;
2024-04-15 18:38:11 +00:00
background-image: url("../../image/card/cardtempname_bg.png");
background-size: 100% 100%;
text-align: right;
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
}
.tempname.tempimage:not([data-nature]) {
color: black !important;
text-shadow: white 0 0 2px, white 0 0 3px;
}
2024-04-15 18:38:11 +00:00
.tempname.tempimage > div {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: 100%;
background-position: -20px -30px;
background-repeat: no-repeat;
}
2024-04-15 18:38:11 +00:00
.tempname.tempimage > span {
position: relative;
z-index: 1;
line-height: 25px;
}
2024-04-15 18:38:11 +00:00
.button > .tempname {
2023-09-12 13:00:50 +00:00
font-size: 17px;
}
2024-04-15 18:38:11 +00:00
.button > .tempname:not(.tempimage) {
2023-09-12 13:00:50 +00:00
left: 5px;
top: 5px;
}
2024-04-15 18:38:11 +00:00
.button > .tempname .vertical {
2023-09-12 13:00:50 +00:00
left: 3px;
top: 6px;
}
2024-04-15 18:38:11 +00:00
.tempname.kami:not([data-nature]) > span {
color: #1f3c38;
2023-10-01 07:38:26 +00:00
}
2024-04-15 18:38:11 +00:00
.tempname.ice:not([data-nature]) > span {
color: #3b6273;
2023-10-01 07:38:26 +00:00
}
2024-04-15 18:38:11 +00:00
.tempname.fire:not([data-nature]) > span {
2023-10-01 07:38:26 +00:00
color: #631515;
}
2024-04-15 18:38:11 +00:00
.tempname.thunder:not([data-nature]) > span {
color: #152e63;
2023-10-01 07:38:26 +00:00
}
2024-04-15 18:38:11 +00:00
.tempname.poison:not([data-nature]) > span {
2023-10-01 07:38:26 +00:00
color: #00312d;
}
2015-12-15 05:13:47 +00:00
/*.card.equip1 .wunature,
.card.equip3 .wunature,
.card.equip4 .wunature{
top:56px;
right:4px;
}*/
2017-02-10 09:48:40 +00:00
.card .addinfo {
bottom: 6px;
left: 6px;
}
.button.card .wunature {
top: 59px;
}
2024-04-15 18:38:11 +00:00
#arena.oldlayout .player > .timerbar > div {
2017-02-10 09:48:40 +00:00
top: 100px;
left: 15px;
width: 90px;
2015-05-04 14:27:10 +00:00
}
2024-04-15 18:38:11 +00:00
#arena.oldlayout .player > .nameol {
2017-02-10 09:48:40 +00:00
left: 15px;
top: 85px;
2024-04-15 18:38:11 +00:00
text-align: left;
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.timerbar > div {
2017-02-10 09:48:40 +00:00
left: 25px;
2024-04-15 18:38:11 +00:00
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
2017-02-10 09:48:40 +00:00
border-radius: 8px;
height: 5px;
width: 100px;
}
2024-04-15 18:38:11 +00:00
.timerbar > div:first-child {
background: rgba(255, 255, 255, 0.6);
2017-02-10 09:48:40 +00:00
}
2024-04-15 18:38:11 +00:00
.timerbar > div {
2017-02-10 09:48:40 +00:00
top: 165px;
2015-04-29 03:25:17 +00:00
}
2024-04-15 18:38:11 +00:00
.timerbar > div:last-child {
background: linear-gradient(#ffda47, #ce0404);
2017-02-10 09:48:40 +00:00
transition-timing-function: linear;
2023-09-03 16:34:12 +00:00
float: left;
transform-origin: left;
2017-02-10 09:48:40 +00:00
}
2016-04-03 09:03:46 +00:00
/*.timerbar>div:last-child{background: linear-gradient(#FFFFFF,#F0F0F0);}
.timerbar[data-color="red"]>div:last-child{background: linear-gradient(#FF0000, #CE0404)}
.timerbar[data-color="blue"]>div:last-child{background: linear-gradient(#8EE0FA, #0F637E)}
.timerbar[data-color="green"]>div:last-child{background: linear-gradient(#7AFF00, #589103)}
.timerbar[data-color="purple"]>div:last-child{background: linear-gradient(#E247FF, #CE0404)}
.timerbar[data-color="orange"]>div:last-child{background: linear-gradient(#FFDA47, #CE0404)}*/
2015-05-11 11:57:44 +00:00
2017-02-10 09:48:40 +00:00
/*阴影*/
/*.player.selectable{
2016-08-14 05:38:18 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 133, 255, 0.5) 0 0 5px, rgba(0, 133, 255, 0.6) 0 0 12px, rgba(0, 133, 255, 0.8) 0 0 15px;
2017-02-10 09:48:40 +00:00
}*/
.player.selectable:not(.selected)::before,
.card.glow::before,
.button.glow::before {
opacity: 1;
}
.player.selected::after,
.card.selected::after,
.button.selected::after {
opacity: 1;
2015-05-11 11:57:44 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.selected:not(.tdnodes):not(.text):not(.player):not(.card):not(.button),
.selectedx {
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, 0.8) 0 0 15px !important;
2015-05-11 11:57:44 +00:00
}
2017-02-10 09:48:40 +00:00
#me .card.selected::after {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgb(255, 0, 0) 0 0 5px, rgba(255, 0, 0, 1) 0 0 10px;
2016-04-04 03:27:47 +00:00
}
2017-02-10 09:48:40 +00:00
#me .card.glow::before {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgb(0, 133, 255) 0 0 5px, rgba(0, 133, 255, 1) 0 0 10px;
2015-11-10 10:13:53 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#me > #handcards1:not(.scrollh),
#me > #handcards2:not(.scrollh) {
2015-12-03 16:28:06 +00:00
z-index: 3;
}
/*#me>div:not(.scrollh)>.handcards>.card{
top:0;
}
#me>div:not(.scrollh)>.handcards>.card.selected{
top:-20px;
}*/
2021-05-27 16:12:07 +00:00
#me .card.glows {
opacity: 1;
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgb(255, 153, 51) 0 0 5px, rgba(255, 153, 51, 1) 0 0 10px;
2021-05-18 07:57:26 +00:00
}
2024-04-15 18:38:11 +00:00
.glow:not(.button):not(.card) {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 133, 255, 0.4) 0 0 5px, rgba(0, 133, 255, 0.5) 0 0 12px,
rgba(0, 133, 255, 0.8) 0 0 15px !important;
2015-05-11 11:57:44 +00:00
}
2024-04-15 18:38:11 +00:00
.glow2:not(.player.glow_phase) > .avatar {
2015-10-08 06:16:37 +00:00
/*-webkit-animation:control_glow 4s infinite;*/
2015-05-11 11:57:44 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px !important;
}
2017-02-10 09:48:40 +00:00
.glow3 {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 133, 255, 0.8) 0 0 10px, rgba(0, 133, 255, 0) 0 0 40px,
rgba(0, 133, 255, 0.8) 0 0 60px !important;
2016-06-18 02:39:56 +00:00
}
2017-02-10 09:48:40 +00:00
.selectedx3 {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(255, 0, 0, 0.8) 0 0 10px, rgba(255, 0, 0, 0) 0 0 40px,
rgba(255, 0, 0, 0.8) 0 0 60px !important;
2017-02-08 01:53:23 +00:00
}
2017-02-10 09:48:40 +00:00
.glow4 {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 133, 255, 0.8) 0 0 10px, rgba(0, 133, 255, 0) 0 0 40px,
rgba(0, 133, 255, 0.8) 0 0 40px !important;
2017-02-08 01:53:23 +00:00
}
2017-02-10 09:48:40 +00:00
.selectedx4 {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(255, 0, 0, 0.6) 0 0 10px, rgba(255, 0, 0, 0) 0 0 40px,
rgba(255, 0, 0, 0.8) 0 0 40px !important;
2017-02-08 01:53:23 +00:00
}
2024-04-15 18:38:11 +00:00
.player:not(.glow_phase) > .avatar.glow2,
2017-02-10 09:48:40 +00:00
.button.glow2:not(.selected) {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 5px, rgba(10, 155, 67, 1) 0 0 5px,
rgba(10, 155, 67, 1) 0 0 10px, rgba(10, 155, 67, 1) 0 0 10px !important;
2015-11-06 10:05:08 +00:00
}
2017-02-10 09:48:40 +00:00
.control.blue {
2024-04-15 18:38:11 +00:00
background-image: linear-gradient(rgba(47, 101, 150, 1), rgba(43, 90, 132, 1));
2015-05-11 11:57:44 +00:00
}
2017-02-10 09:48:40 +00:00
.control.red {
2015-05-11 11:57:44 +00:00
background-image: linear-gradient(rgba(150, 47, 47, 1), rgba(132, 43, 43, 1));
}
2024-04-15 18:38:11 +00:00
.control.red,
.control.blue {
2017-02-10 09:48:40 +00:00
color: white;
text-shadow: black 0 0 2px;
2015-05-11 11:57:44 +00:00
}
2017-02-10 09:48:40 +00:00
2015-09-25 05:05:26 +00:00
.dialog.scroll1,
.dialog.scroll2,
2017-02-10 09:48:40 +00:00
.dialog.withbg {
2024-04-15 18:38:11 +00:00
background: rgba(0, 0, 0, 0.2);
2015-09-25 05:05:26 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
2017-02-10 09:48:40 +00:00
border-radius: 8px;
min-height: 200px;
2015-09-25 05:05:26 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
.dice-container {
background: rgba(0, 0, 0, 0.3);
2017-11-23 16:33:36 +00:00
z-index: 50;
perspective: 1000px;
}
2024-04-15 18:38:11 +00:00
.dice {
2017-11-23 16:33:36 +00:00
position: absolute;
width: 200px;
height: 200px;
transform-style: preserve-3d;
2017-11-23 16:33:36 +00:00
left: calc(50% - 100px);
top: calc(50% - 100px);
2017-11-24 05:20:42 +00:00
transition: transform 2s ease;
2017-11-23 16:33:36 +00:00
}
.dice[data-side="1"] {
2024-04-15 18:38:11 +00:00
transform: rotateX(75deg) rotateY(0deg) rotateZ(45deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="1"].up-front {
2024-04-15 18:38:11 +00:00
transform: rotateX(0deg) rotateY(0deg) rotateZ(45deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="2"] {
transform: rotateX(-15deg) rotateY(45deg);
}
.dice[data-side="2"].up-front {
transform: rotateX(-90deg) rotateY(45deg);
}
.dice[data-side="3"] {
2024-04-15 18:38:11 +00:00
transform: rotateX(165deg) rotateY(-45deg) rotateZ(90deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="3"].up-front {
2024-04-15 18:38:11 +00:00
transform: rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="4"] {
2024-04-15 18:38:11 +00:00
transform: rotateX(345deg) rotateY(-45deg) rotateZ(90deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="4"].up-front {
2024-04-15 18:38:11 +00:00
transform: rotateX(270deg) rotateY(-45deg) rotateZ(90deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="5"] {
2024-04-15 18:38:11 +00:00
transform: rotateX(345deg) rotateY(-45deg) rotateZ(180deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="5"].up-front {
2024-04-15 18:38:11 +00:00
transform: rotateX(270deg) rotateY(-45deg) rotateZ(180deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="6"] {
2024-04-15 18:38:11 +00:00
transform: rotateX(255deg) rotateY(0deg) rotateZ(135deg);
2017-11-23 16:33:36 +00:00
}
.dice[data-side="6"].up-front {
2024-04-15 18:38:11 +00:00
transform: rotateX(180deg) rotateY(0deg) rotateZ(135deg);
2017-11-23 16:33:36 +00:00
}
2024-04-15 18:38:11 +00:00
.dice > div {
2017-11-23 16:33:36 +00:00
position: absolute;
width: 200px;
height: 200px;
background: #fff;
2024-04-15 18:38:11 +00:00
box-shadow: inset 0 0 40px #ccc;
border-radius: 40px;
2017-11-23 16:33:36 +00:00
}
2024-04-15 18:38:11 +00:00
.dice .cover,
.dice .inner {
background: #e0e0e0;
box-shadow: none;
2017-11-23 16:33:36 +00:00
}
.dice .cover {
border-radius: 0;
transform: translateZ(0px);
2017-11-23 16:33:36 +00:00
}
.dice .cover.x {
transform: rotateY(90deg);
2017-11-23 16:33:36 +00:00
}
.dice .cover.z {
transform: rotateX(90deg);
2017-11-23 16:33:36 +00:00
}
2024-04-15 18:38:11 +00:00
.dice .front {
transform: translateZ(100px);
2017-11-23 16:33:36 +00:00
}
2024-04-15 18:38:11 +00:00
.dice .front.inner {
transform: translateZ(98px);
2017-11-23 16:33:36 +00:00
}
.dice .back {
transform: rotateX(-180deg) translateZ(100px);
2017-11-23 16:33:36 +00:00
}
.dice .back.inner {
transform: rotateX(-180deg) translateZ(98px);
2017-11-23 16:33:36 +00:00
}
.dice .right {
transform: rotateY(90deg) translateZ(100px);
2017-11-23 16:33:36 +00:00
}
.dice .right.inner {
transform: rotateY(90deg) translateZ(98px);
2017-11-23 16:33:36 +00:00
}
.dice .left {
transform: rotateY(-90deg) translateZ(100px);
2017-11-23 16:33:36 +00:00
}
.dice .left.inner {
transform: rotateY(-90deg) translateZ(98px);
2017-11-23 16:33:36 +00:00
}
.dice .top {
transform: rotateX(90deg) translateZ(100px);
2017-11-23 16:33:36 +00:00
}
.dice .top.inner {
transform: rotateX(90deg) translateZ(98px);
2017-11-23 16:33:36 +00:00
}
.dice .bottom {
transform: rotateX(-90deg) translateZ(100px);
2017-11-23 16:33:36 +00:00
}
.dice .bottom.inner {
transform: rotateX(-90deg) translateZ(98px);
2017-11-23 16:33:36 +00:00
}
.dice .dot {
2024-04-15 18:38:11 +00:00
position: absolute;
width: 46px;
height: 46px;
border-radius: 23px;
background: #444;
box-shadow: inset 5px 0 10px #000;
2017-11-23 16:33:36 +00:00
}
.dice .dot.center {
2024-04-15 18:38:11 +00:00
margin: 77px 0 0 77px;
2017-11-23 16:33:36 +00:00
}
.dice .dot.dtop {
2024-04-15 18:38:11 +00:00
margin-top: 20px;
2017-11-23 16:33:36 +00:00
}
.dice .dot.dleft {
2024-04-15 18:38:11 +00:00
margin-left: 134px;
2017-11-23 16:33:36 +00:00
}
.dice .dot.dright {
2024-04-15 18:38:11 +00:00
margin-left: 20px;
2017-11-23 16:33:36 +00:00
}
.dice .dot.dbottom {
2024-04-15 18:38:11 +00:00
margin-top: 134px;
2017-11-23 16:33:36 +00:00
}
.dice .dot.center.dleft {
2024-04-15 18:38:11 +00:00
margin: 77px 0 0 20px;
2017-11-23 16:33:36 +00:00
}
.dice .dot.center.dright {
2024-04-15 18:38:11 +00:00
margin: 77px 0 0 134px;
2017-11-23 16:33:36 +00:00
}
2024-04-15 18:38:11 +00:00
#window.dicepaused > #arena,
#window.dicepaused > #system,
#window.dicepaused > #historybar {
2017-11-23 16:33:36 +00:00
opacity: 0.3 !important;
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="reduce"] .dialog.scroll1,
#window[data-radius_size="reduce"] .dialog.scroll2,
#window[data-radius_size="reduce"] .dialog.withbg {
2017-02-10 09:48:40 +00:00
border-radius: 4px;
2016-02-01 09:32:18 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#window[data-radius_size="off"] .dialog.scroll1,
#window[data-radius_size="off"] .dialog.scroll2,
#window[data-radius_size="off"] .dialog.withbg {
2017-02-10 09:48:40 +00:00
border-radius: 0px;
2017-01-21 08:06:45 +00:00
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#window[data-radius_size="increase"] .dialog.scroll1,
#window[data-radius_size="increase"] .dialog.scroll2,
#window[data-radius_size="increase"] .dialog.withbg {
2017-02-10 09:48:40 +00:00
border-radius: 16px;
2017-01-21 08:06:45 +00:00
}
2024-04-15 18:38:11 +00:00
#window[data-radius_size="reduce"] #system > div > div,
#window[data-radius_size="reduce"] #mebg,
#window[data-radius_size="reduce"] .control,
#window[data-radius_size="reduce"] .player,
#window[data-radius_size="reduce"] .player > .turned,
#window[data-radius_size="reduce"] .player::after,
#window[data-radius_size="reduce"] .card,
#window[data-radius_size="reduce"] .card::after,
#window[data-radius_size="reduce"] .avatar,
#window[data-radius_size="reduce"] .avatar2,
#window[data-radius_size="reduce"] .button,
#window[data-radius_size="reduce"] .button,
::after,
#window[data-radius_size="reduce"] #window > .dialog.popped,
#window[data-radius_size="reduce"] .player.unseen .equips:not(*:empty),
#window[data-radius_size="reduce"] .menu,
#window[data-radius_size="reduce"] .left.pane > .menubutton,
#window[data-radius_size="reduce"] #splash > div,
#window[data-radius_size="reduce"].mobile:not(.chess) .player[data-position="0"] .equips {
2017-01-21 08:06:45 +00:00
border-radius: 4px;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#window[data-radius_size="off"] #system > div > div,
#window[data-radius_size="off"] #mebg,
#window[data-radius_size="off"] .control,
#window[data-radius_size="off"] .player,
#window[data-radius_size="off"] .player > .turned,
#window[data-radius_size="off"] .player::after,
#window[data-radius_size="off"] .card,
#window[data-radius_size="off"] .card::after,
#window[data-radius_size="off"] .avatar,
#window[data-radius_size="off"] .avatar2,
#window[data-radius_size="off"] .button,
#window[data-radius_size="off"] .button::after,
#window[data-radius_size="off"] #window > .dialog.popped,
#window[data-radius_size="off"] .player.unseen .equips:not(*:empty),
#window[data-radius_size="off"] .menu,
#window[data-radius_size="off"] .left.pane > .menubutton,
#window[data-radius_size="off"] #splash > div,
#window[data-radius_size="off"].mobile:not(.chess) .player[data-position="0"] .equips {
2017-01-21 08:06:45 +00:00
border-radius: 0px;
}
2017-02-10 09:48:40 +00:00
2024-04-15 18:38:11 +00:00
#window[data-radius_size="increase"] #system > div > div,
#window[data-radius_size="increase"] #mebg,
#window[data-radius_size="increase"] .control,
#window[data-radius_size="increase"] .player,
#window[data-radius_size="increase"] .player > .turned,
#window[data-radius_size="increase"] .player::after,
#window[data-radius_size="increase"] .card,
#window[data-radius_size="increase"] .card::after,
#window[data-radius_size="increase"] .avatar,
#window[data-radius_size="increase"] .avatar2,
#window[data-radius_size="increase"] .button,
#window[data-radius_size="increase"] .button::after,
#window[data-radius_size="increase"] #window > .dialog.popped,
#window[data-radius_size="increase"] .player.unseen .equips:not(*:empty),
#window[data-radius_size="increase"] .menu,
#window[data-radius_size="increase"] .left.pane > .menubutton,
#window[data-radius_size="increase"] #splash > div,
#window[data-radius_size="increase"].mobile:not(.chess) .player[data-position="0"] .equips {
2017-01-21 08:06:45 +00:00
border-radius: 16px;
}
2015-05-11 11:57:44 +00:00
.loading-screen {
background-color: black;
height: 100%;
width: 100%;
z-index: 31415926;
}
2015-04-29 03:25:17 +00:00
/*--------动画--------*/
2017-09-03 05:17:32 +00:00
@keyframes shadow_thunder {
0% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 1) 0 0 1px, rgba(0, 0, 0, 0.1) 0 0 40px, rgba(100, 74, 139, 0.5) 0 0 60px,
rgba(100, 74, 139, 0.5) 0 0 100px, black 0 0 1px;
2017-09-03 05:17:32 +00:00
}
50% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 1) 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 40px, rgba(100, 74, 139, 1) 0 0 60px,
rgba(100, 74, 139, 1) 0 0 100px, black 0 0 1px;
2017-09-03 05:17:32 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 1) 0 0 1px, rgba(0, 0, 0, 0.1) 0 0 40px, rgba(100, 74, 139, 0.5) 0 0 60px,
rgba(100, 74, 139, 0.5) 0 0 100px, black 0 0 1px;
2017-09-03 05:17:32 +00:00
}
}
2017-02-10 09:48:40 +00:00
@keyframes cardeffect {
0% {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: scale(0.8);
2017-02-10 09:48:40 +00:00
}
2% {
opacity: 1;
2024-04-15 18:38:11 +00:00
transform: scale(1);
2017-02-10 09:48:40 +00:00
}
50% {
opacity: 1;
2024-04-15 18:38:11 +00:00
transform: scale(1);
2017-02-10 09:48:40 +00:00
}
100% {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: scale(0.8);
2017-02-10 09:48:40 +00:00
}
2015-11-06 10:05:08 +00:00
/*from{box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px !important;}
to{box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px !important}*/
}
2017-02-10 09:48:40 +00:00
@keyframes control_glow {
0% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
2017-02-10 09:48:40 +00:00
}
30% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px;
2017-02-10 09:48:40 +00:00
}
70% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
2017-02-10 09:48:40 +00:00
}
2015-11-05 02:34:35 +00:00
/*from{box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px !important;}
to{box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px !important}*/
}
2017-02-10 09:48:40 +00:00
@-webkit-keyframes control_glow {
0% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
2017-02-10 09:48:40 +00:00
}
30% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px;
2017-02-10 09:48:40 +00:00
}
70% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
2017-02-10 09:48:40 +00:00
}
2015-10-08 06:16:37 +00:00
/*from{box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(10, 155, 67, 1) 0 0 15px, rgba(10, 155, 67, 1) 0 0 15px !important;}
to{box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px !important}*/
}
2017-02-10 09:48:40 +00:00
@keyframes cardflip {
from {
2024-04-15 18:38:11 +00:00
transform: perspective(600px) rotateY(-90deg) translateX(52px);
2017-02-10 09:48:40 +00:00
}
to {
2024-04-15 18:38:11 +00:00
transform: perspective(600px) rotateY(0deg) translateX(0);
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes cardflip {
from {
2024-04-15 18:38:11 +00:00
transform: perspective(600px) rotateY(-90deg) translateX(52px);
2017-02-10 09:48:40 +00:00
}
to {
2024-04-15 18:38:11 +00:00
transform: perspective(600px) rotateY(0deg) translateX(0);
2017-02-10 09:48:40 +00:00
}
}
@keyframes playerflip {
from {
2024-04-15 18:38:11 +00:00
transform: perspective(1200px) rotateY(-90deg) translateX(150px);
2017-02-10 09:48:40 +00:00
}
to {
2024-04-15 18:38:11 +00:00
transform: perspective(1200px) rotateY(0deg) translateX(0);
2017-02-10 09:48:40 +00:00
}
}
@keyframes playerflip {
from {
2024-04-15 18:38:11 +00:00
transform: perspective(1200px) rotateY(-90deg) translateX(150px);
2017-02-10 09:48:40 +00:00
}
to {
2024-04-15 18:38:11 +00:00
transform: perspective(1200px) rotateY(0deg) translateX(0);
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes playerflip {
from {
2024-04-15 18:38:11 +00:00
transform: perspective(1200px) rotateY(-90deg) translateX(150px);
2017-02-10 09:48:40 +00:00
}
to {
2024-04-15 18:38:11 +00:00
transform: perspective(1200px) rotateY(0deg) translateX(0);
2017-02-10 09:48:40 +00:00
}
}
@keyframes splash {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: translateY(-300px);
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes splash {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: translateY(-300px);
2017-02-10 09:48:40 +00:00
}
}
@keyframes game_start {
from {
opacity: 0;
}
}
@-webkit-keyframes game_start {
from {
opacity: 0;
}
}
@keyframes equip_hover {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
}
@-webkit-keyframes equip_hover {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
}
@keyframes buttonclick {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
}
@-webkit-keyframes buttonclick {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
}
@keyframes equip_hover2 {
0% {
}
50% {
2024-04-15 18:38:11 +00:00
opacity: 0.6;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
opacity: 0.3;
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes equip_hover2 {
0% {
}
50% {
2024-04-15 18:38:11 +00:00
opacity: 0.6;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
opacity: 0.3;
2017-02-10 09:48:40 +00:00
}
}
@keyframes dialog_start {
from {
opacity: 0;
top: 100px;
}
}
@-webkit-keyframes dialog_start {
from {
opacity: 0;
top: 100px;
}
}
@keyframes dialog_start2 {
from {
opacity: 0;
transform: scale(0.8);
}
}
@-webkit-keyframes dialog_start2 {
from {
opacity: 0;
transform: scale(0.8);
}
}
@keyframes replaceme {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: translateY(120px);
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes replaceme {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: translateY(120px);
2017-02-10 09:48:40 +00:00
}
}
@keyframes replaceenemy {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: translateY(-120px);
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes replaceenemy {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
transform: translateY(-120px);
2017-02-10 09:48:40 +00:00
}
}
@keyframes drawing {
0% {
opacity: 0;
left: calc(50% - 52px);
top: calc(50% - 52px);
}
50% {
2024-04-15 18:38:11 +00:00
opacity: 1;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes drawing {
0% {
opacity: 0;
left: calc(50% - 52px);
top: calc(50% - 52px);
}
50% {
2024-04-15 18:38:11 +00:00
opacity: 1;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@keyframes drawing2 {
0% {
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
50% {
2024-04-15 18:38:11 +00:00
opacity: 1;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes drawing2 {
0% {
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
50% {
2024-04-15 18:38:11 +00:00
opacity: 1;
2017-02-10 09:48:40 +00:00
}
100% {
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@keyframes card_start {
from {
opacity: 0;
transform: scale(0);
}
}
@-webkit-keyframes card_start {
from {
opacity: 0;
transform: scale(0);
}
}
@keyframes history_start {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
margin-bottom: -50px;
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes history_start {
from {
opacity: 0;
2024-04-15 18:38:11 +00:00
margin-bottom: -50px;
2017-02-10 09:48:40 +00:00
}
}
@keyframes card_start2 {
from {
opacity: 0;
transform: scale(0);
margin-left: -52px;
margin-right: -52px;
}
}
@-webkit-keyframes card_start2 {
from {
opacity: 0;
transform: scale(0);
margin-left: -52px;
margin-right: -52px;
}
}
@keyframes card_judgestart {
from {
opacity: 0;
transform: scale(0) rotateY(-180deg) perspective(600px);
}
}
@-webkit-keyframes card_judgestart {
from {
opacity: 0;
transform: scale(0) rotateY(-180deg) perspective(600px);
}
}
@keyframes sidebar {
from {
left: -120px;
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes sidebar {
from {
left: -120px;
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@keyframes zoom_button {
from {
margin-top: -48px;
margin-bottom: -48px;
transform: scale(0);
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes zoom_button {
from {
margin-top: -48px;
margin-bottom: -48px;
transform: scale(0);
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@keyframes config {
from {
margin-top: -28px;
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@-webkit-keyframes config {
from {
margin-top: -28px;
2024-04-15 18:38:11 +00:00
opacity: 0;
2017-02-10 09:48:40 +00:00
}
}
@keyframes zoomin {
from {
opacity: 0;
transform: scale(0.5);
}
}
@-webkit-keyframes zoomin {
from {
opacity: 0;
transform: scale(0.5);
}
}
@keyframes zoomout {
from {
opacity: 0;
transform: scale(2);
}
}
@-webkit-keyframes zoomout {
from {
opacity: 0;
transform: scale(2);
}
}
@keyframes zoomout3 {
from {
opacity: 0;
transform: scale(3);
}
}
@-webkit-keyframes zoomout3 {
from {
opacity: 0;
transform: scale(3);
}
}
@keyframes zoomout4 {
from {
opacity: 0;
transform: scale(4);
}
}
@-webkit-keyframes zoomout4 {
from {
opacity: 0;
transform: scale(4);
}
}
@keyframes flash {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flash {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes flip {
from {
transform: perspective(1000px) rotateY(0);
}
to {
transform: perspective(1000px) rotateY(360deg);
}
}
@-webkit-keyframes flip {
from {
transform: perspective(1000px) rotateY(0);
}
to {
transform: perspective(1000px) rotateY(360deg);
}
}
@keyframes background-position-left-center-right-center-left-center {
0% {
background-position: left center;
}
50% {
background-position: right center;
}
100% {
background-position: left center;
}
}
@keyframes opacity-0-1 {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes opacity-1-0 {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
2015-04-29 03:25:17 +00:00
/*--------其它--------*/
/* 解放下拉框滚动条! */
:not(select)::-webkit-scrollbar {
2017-02-10 09:48:40 +00:00
display: none;
}
/* 火狐和chrome120+隐藏滚动条 */
:not(select) {
scrollbar-width: none;
}
/* 更新进度条 */
progress.progress {
width: 75%;
height: 10px;
border: 2px solid;
border-radius: 15px;
vertical-align: middle;
-webkit-appearance: none;
}
progress.progress::-webkit-progress-bar {
background: rgb(239, 239, 239);
border-radius: 0.2rem;
}
progress.progress::-webkit-progress-value {
border-radius: 0.2rem;
background: rgb(0, 117, 255);
}