YunFeiyang
/
noname
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pref: format @/theme.

This commit is contained in:
Rintim 2024-04-16 02:48:58 +08:00
parent 6a82aecbe0
commit 66362f1e1d
No known key found for this signature in database
GPG Key ID: BE9E1EA615BACFCF
25 changed files with 1004 additions and 848 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

158
theme/music/style.css
View File

@ -1,130 +1,150 @@
html{ html {
color: white; color: white;
text-shadow: black 0 0 2px; text-shadow: black 0 0 2px;
background: url('grid.png'),linear-gradient(#333333, #222222) fixed; background: url("grid.png"), linear-gradient(#333333, #222222) fixed;
} }
#system>div>div,#mebg,.control,.player,.card,.avatar,.avatar2,.button,#window>.dialog.popped, #system > div > div,
#mebg,
.control,
.player,
.card,
.avatar,
.avatar2,
.button,
#window > .dialog.popped,
#arena:not(.long) .player.unseen .equips:not(*:empty), #arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty),.menu,#splash>div, #arena.long .player.unseen2 .equips:not(*:empty),
#arena.mobile:not(.chess) .player[data-position='0'] .equips,.playerbg,#window .player.playerbg,.menubg,.mebg{ .menu,
#splash > div,
#arena.mobile:not(.chess) .player[data-position="0"] .equips,
.playerbg,
#window .player.playerbg,
.menubg,
.mebg {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
background-image: linear-gradient(#4b4b4b, #464646); background-image: linear-gradient(#4b4b4b, #464646);
border-radius: 8px; border-radius: 8px;
} }
#arena.observe .handcards>.card{ #arena.observe .handcards > .card {
background: linear-gradient(#4b4b4b, #464646) !important; background: linear-gradient(#4b4b4b, #464646) !important;
} }
.videonode.menubutton.extension.current{ .videonode.menubutton.extension.current {
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 133, 255, 0.4) 0 2px 5px, rgba(0, 133, 255, 0.5) 0 0 12px, rgba(0, 133, 255, 0.8) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 133, 255, 0.4) 0 2px 5px,
rgba(0, 133, 255, 0.5) 0 0 12px, rgba(0, 133, 255, 0.8) 0 0 15px;
} }
body[data-background_color_music='blue'] #system>div>div, body[data-background_color_music="blue"] #system > div > div,
body[data-background_color_music='blue'] #mebg, body[data-background_color_music="blue"] #mebg,
body[data-background_color_music='blue'] .control, body[data-background_color_music="blue"] .control,
body[data-background_color_music='blue'] .player, body[data-background_color_music="blue"] .player,
body[data-background_color_music='blue'] .card, body[data-background_color_music="blue"] .card,
body[data-background_color_music='blue'] .avatar, body[data-background_color_music="blue"] .avatar,
body[data-background_color_music='blue'] .avatar2, body[data-background_color_music="blue"] .avatar2,
body[data-background_color_music='blue'] .button, body[data-background_color_music="blue"] .button,
body[data-background_color_music='blue'] #window>.dialog.popped, body[data-background_color_music="blue"] #window > .dialog.popped,
body[data-background_color_music='blue'] .player.unseen .equips:not(*:empty), body[data-background_color_music="blue"] .player.unseen .equips:not(*:empty),
body[data-background_color_music='blue'] .menu, body[data-background_color_music="blue"] .menu,
body[data-background_color_music='blue'] #splash>div, body[data-background_color_music="blue"] #splash > div,
body[data-background_color_music='blue'] #arena.mobile:not(.chess) .player[data-position='0'] .equips{ body[data-background_color_music="blue"] #arena.mobile:not(.chess) .player[data-position="0"] .equips {
background-image: linear-gradient(#6c7989, #434b55); background-image: linear-gradient(#6c7989, #434b55);
} }
.marks>.card.fullskin>.markcount.menubutton{ .marks > .card.fullskin > .markcount.menubutton {
background: url('wood3.png'); background: url("wood3.png");
} }
/*.player.current_action{ /*.player.current_action{
background-image: linear-gradient(rgba(57, 123, 4,1), rgb(48, 103, 3)); background-image: linear-gradient(rgba(57, 123, 4,1), rgb(48, 103, 3));
}*/ }*/
#window>.dialog.popped{ #window > .dialog.popped {
border-radius: 6px; border-radius: 6px;
} }
.control,#system>div>div,.judges>div,.marks>div, .control,
#system > div > div,
.judges > div,
.marks > div,
#arena:not(.long) .player.unseen .equips:not(*:empty), #arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty){ #arena.long .player.unseen2 .equips:not(*:empty) {
border-radius:4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
} }
#arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty)>.card, #arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty) > .card,
#arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty)>.card:not(.selected), #arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty) > .card:not(.selected),
#arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty)>.card, #arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty) > .card,
#arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty)>.card:not(.selected){ #arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty) > .card:not(.selected) {
background: none !important; background: none !important;
} }
.player,#mebg{ .player,
#mebg {
/*background:url('wood.png') left repeat-y,url('wood.png') right repeat-y,linear-gradient(#4b4b4b, #464646);*/ /*background:url('wood.png') left repeat-y,url('wood.png') right repeat-y,linear-gradient(#4b4b4b, #464646);*/
} }
.card{ .card {
color:white; color: white;
} }
.cardbg{ .cardbg {
background-size: initial !important; background-size: initial !important;
} }
.card:not(*:empty),.cardbg{ .card:not(*:empty),
color:rgb(77, 60, 51); .cardbg {
text-shadow:none; color: rgb(77, 60, 51);
background: url('wood3.png'); text-shadow: none;
background: url("wood3.png");
} }
.marks>.card:not(.fullskin){ .marks > .card:not(.fullskin) {
color: white; color: white;
text-shadow: black 0 0 2px; text-shadow: black 0 0 2px;
background: linear-gradient(#4b4b4b, #464646); background: linear-gradient(#4b4b4b, #464646);
} }
#me>div>div>.card,#arena>.card:not(*:empty){ #me > div > div > .card,
#arena > .card:not(*:empty) {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
} }
#system>div>.glow { #system > div > .glow {
background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)); background-image: linear-gradient(rgba(47, 101, 150, 1), rgba(43, 90, 132, 1));
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important; box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important;
} }
.fire{ .fire {
color: rgb(255,119,63); color: rgb(255, 119, 63);
} }
.thunder{ .thunder {
color: rgb(117,186,255); color: rgb(117, 186, 255);
} }
.poison{ .poison {
color: rgb(104,221,127); color: rgb(104, 221, 127);
} }
.brown{ .brown {
color: rgb(195,161,223); color: rgb(195, 161, 223);
} }
#roundmenu.clock>div:nth-of-type(15){ #roundmenu.clock > div:nth-of-type(15) {
background: linear-gradient(#4b4b4b, #464646); background: linear-gradient(#4b4b4b, #464646);
box-shadow: rgba(0,0,0,0.6) 0 0 5px inset; box-shadow: rgba(0, 0, 0, 0.6) 0 0 5px inset;
} }
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
background-position: -6px -6px; background-position: -6px -6px;
} }
.woodbg{ .woodbg {
color:rgba(77, 60, 51,0.8) !important; color: rgba(77, 60, 51, 0.8) !important;
text-shadow:none !important; text-shadow: none !important;
} }
.woodbg .menubutton.large{ .woodbg .menubutton.large {
background: url('wood3.png') !important; background: url("wood3.png") !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important;
} }
#window .player.minskin.obstacle[data-obscolor='blue']{ #window .player.minskin.obstacle[data-obscolor="blue"] {
background: repeating-linear-gradient( background: repeating-linear-gradient(
135deg, 135deg,
rgba(0, 133, 255, 0.5), rgba(0, 133, 255, 0.5),
rgba(0, 133, 255, 0.5) 10px, rgba(0, 133, 255, 0.5) 10px,
rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 10px,
rgba(0, 0, 0, 0) 20px rgba(0, 0, 0, 0) 20px
); );
box-shadow: rgba(0, 133, 255, 0.5) 0 0 0 1px; box-shadow: rgba(0, 133, 255, 0.5) 0 0 0 1px;
} }

202
theme/simple/style.css
View File

@ -1,8 +1,8 @@
html{ html {
color: white; color: white;
text-shadow: black 0 0 2px; text-shadow: black 0 0 2px;
min-height: 100%; min-height: 100%;
background-image: url('../../image/background/ol_bg.jpg'); background-image: url("../../image/background/ol_bg.jpg");
background-size: cover; background-size: cover;
background-position: 50% 50%; background-position: 50% 50%;
} }
@ -19,100 +19,120 @@ html{
-webkit-backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
box-shadow: rgba(0, 0, 0, 0.6) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.6) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 3px 10px;
} }
#system>div>div,#mebg,.control,.player,.card,.avatar,.avatar2,.button,#window>.dialog.popped, #system > div > div,
#mebg,
.control,
.player,
.card,
.avatar,
.avatar2,
.button,
#window > .dialog.popped,
#arena:not(.long) .player.unseen .equips:not(*:empty), #arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty),.menu,.menubutton,#splash>div, #arena.long .player.unseen2 .equips:not(*:empty),
#arena.mobile:not(.chess) .player[data-position='0'] .equips,.playerbg,#window .player.playerbg,.menubg,.mebg{ .menu,
.menubutton,
#splash > div,
#arena.mobile:not(.chess) .player[data-position="0"] .equips,
.playerbg,
#window .player.playerbg,
.menubg,
.mebg {
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px; 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)); background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
border-radius: 8px; border-radius: 8px;
} }
#arena.mobile.textequip:not(.chess) .player[data-position='0'] .equips{ #arena.mobile.textequip:not(.chess) .player[data-position="0"] .equips {
background-image: none; background-image: none;
box-shadow: rgba(0, 0, 0, 0.2) -1px 0px 0px 0px; box-shadow: rgba(0, 0, 0, 0.2) -1px 0px 0px 0px;
overflow-y: scroll; overflow-y: scroll;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{ #arena:not(.chess).textequip .player[data-position="0"] .equips > .card {
background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) !important;
} }
#arena.observe .handcards>.card{ #arena.observe .handcards > .card {
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) !important;
} }
.videonode.menubutton.extension.current{ .videonode.menubutton.extension.current {
background-image: linear-gradient(rgba(89, 111, 117, 0.4),rgba(89, 111, 117, 0.4)); background-image: linear-gradient(rgba(89, 111, 117, 0.4), rgba(89, 111, 117, 0.4));
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
} }
/*.player.current_action{ /*.player.current_action{
background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)); background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1));
}*/ }*/
.menubutton{ .menubutton {
border-radius: 4px; border-radius: 4px;
} }
/*.player{ /*.player{
background-image: url('card.png'); background-image: url('card.png');
background-size: cover; background-size: cover;
}*/ }*/
#window>.dialog.popped{ #window > .dialog.popped {
border-radius: 6px; border-radius: 6px;
} }
.control,#system>div>div,.judges>div,.marks>div, .control,
#system > div > div,
.judges > div,
.marks > div,
#arena:not(.long) .player.unseen .equips:not(*:empty), #arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty){ #arena.long .player.unseen2 .equips:not(*:empty) {
border-radius:4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
} }
#arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty)>.card, #arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty) > .card,
#arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty)>.card:not(.selected), #arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty) > .card:not(.selected),
#arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty)>.card, #arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty) > .card,
#arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty)>.card:not(.selected){ #arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty) > .card:not(.selected) {
background: none !important; background: none !important;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
border-radius: 4px; border-radius: 4px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
top: 0; top: 0;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: left top; transform-origin: left top;
left: 2px; left: 2px;
top: 3px; top: 3px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name.long{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name.long {
top: 2px; top: 2px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .info {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: right top; transform-origin: right top;
right: 3px; right: 3px;
top: 3px; top: 3px;
} }
.cardbg{ .cardbg {
background-size: 100% 100% !important; background-size: 100% 100% !important;
} }
.card{ .card {
color:white; color: white;
} }
.card:not(*:empty),.cardbg{ .card:not(*:empty),
color:rgb(77, 60, 51); .cardbg {
text-shadow:none; color: rgb(77, 60, 51);
background: url('card.png'); text-shadow: none;
background-size:100% 100%; background: url("card.png");
background-size: 100% 100%;
} }
.card .markcount{ .card .markcount {
box-shadow: rgba(0, 0, 0, 0.8) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.8) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
background: url('card.png'); background: url("card.png");
background-size: cover; background-size: cover;
/*color: white;*/ /*color: white;*/
} }
#me>div>div>.card,#arena>.card:not(*:empty){ #me > div > div > .card,
#arena > .card:not(*:empty) {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
} }
/*.player{ /*.player{
@ -125,58 +145,58 @@ html{
); );
}*/ }*/
.card:empty,.card.infohidden{ .card:empty,
background: url('../style/cardback/image/official.png'); .card.infohidden {
background-size: 100% 100%; background: url("../style/cardback/image/official.png");
background-size: 100% 100%;
} }
.card.infohidden:not(.infoflip){ .card.infohidden:not(.infoflip) {
background: url('../style/cardback/image/official2.png'); background: url("../style/cardback/image/official2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }
#system>div>.glow { #system > div > .glow {
background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)); background-image: linear-gradient(rgba(47, 101, 150, 1), rgba(43, 90, 132, 1));
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important; box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important;
} }
.menupaused{ .menupaused {
opacity: 0.3 !important; opacity: 0.3 !important;
} }
.player .marks>div:first-child>div{ .player .marks > div:first-child > div {
filter: invert(0.8) sepia(1); filter: invert(0.8) sepia(1);
-webkit-filter: invert(0.8) sepia(1); -webkit-filter: invert(0.8) sepia(1);
} }
.fire{ .fire {
color: rgb(255,119,63); color: rgb(255, 119, 63);
} }
.thunder{ .thunder {
color: rgb(117,186,255); color: rgb(117, 186, 255);
} }
.poison{ .poison {
color: rgb(104,221,127); color: rgb(104, 221, 127);
} }
.brown{ .brown {
color: rgb(195,161,223); color: rgb(195, 161, 223);
} }
#roundmenu.clock>div:nth-of-type(15){ #roundmenu.clock > div:nth-of-type(15) {
background: rgba(0,0,0,0.3); background: rgba(0, 0, 0, 0.3);
box-shadow: rgba(0,0,0,0.6) 0 0 5px inset; box-shadow: rgba(0, 0, 0, 0.6) 0 0 5px inset;
} }
.woodbg {
.woodbg{ color: rgba(77, 60, 51, 1) !important;
color:rgba(77, 60, 51,1) !important; text-shadow: none !important;
text-shadow:none !important;
} }
.woodbg .menubutton.large{ .woodbg .menubutton.large {
background: url('card2.png') !important; background: url("card2.png") !important;
background-size: 100% 100% !important; background-size: 100% 100% !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important;
} }
.player>.glassbg{ .player > .glassbg {
left: 0; left: 0;
top: 0; top: 0;
margin: 0; margin: 0;
@ -189,12 +209,12 @@ html{
z-index: 1; z-index: 1;
pointer-events: none; pointer-events: none;
} }
.player>.glassbg>div:last-child{ .player > .glassbg > div:last-child {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0,0,0,0.4); background: rgba(0, 0, 0, 0.4);
} }
.player>.glassbg>div:first-child{ .player > .glassbg > div:first-child {
left: 0; left: 0;
top: 0; top: 0;
margin: 0; margin: 0;
@ -205,22 +225,22 @@ html{
filter: blur(3px); filter: blur(3px);
-webkit-filter: blur(3px); -webkit-filter: blur(3px);
} }
.popup-container>.prompt-container>div>div{ .popup-container > .prompt-container > div > div {
background: rgba(0,0,0,0.6); background: rgba(0, 0, 0, 0.6);
} }
.popup-container>.menu.visual>.button.dashedmenubutton{ .popup-container > .menu.visual > .button.dashedmenubutton {
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important; box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important;
border: none; border: none;
background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) !important;
} }
.popup-container>.menu.visual>.button.dashedmenubutton:not(.hpbutton){ .popup-container > .menu.visual > .button.dashedmenubutton:not(.hpbutton) {
width: 90px; width: 90px;
height: 90px; height: 90px;
} }
.popup-container>.menu.visual>.button.dashedmenubutton.controlbutton{ .popup-container > .menu.visual > .button.dashedmenubutton.controlbutton {
height: 26px; height: 26px;
} }
.popup-container>.menu.visual>.button.dashedmenubutton.controlbutton>div{ .popup-container > .menu.visual > .button.dashedmenubutton.controlbutton > div {
line-height: 26px; line-height: 26px;
} }

50
theme/style/card/custom.css
View File

@ -1,35 +1,35 @@
.card:not(*:empty){ .card:not(*:empty) {
color:rgb(77, 60, 51); color: rgb(77, 60, 51);
text-shadow:none; text-shadow: none;
background-size:100% 100%; background-size: 100% 100%;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
border-radius: 4px; border-radius: 4px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
top: 0; top: 0;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: left top; transform-origin: left top;
left: 2px; left: 2px;
top: 3px; top: 3px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name.long{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name.long {
top: 2px; top: 2px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .info {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: right top; transform-origin: right top;
right: 3px; right: 3px;
top: 3px; top: 3px;
} }
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
background-position: -4px -4px; background-position: -4px -4px;
} }

24
theme/style/card/music.css
View File

@ -1,20 +1,20 @@
.card:not(*:empty){ .card:not(*:empty) {
color:rgb(77, 60, 51); color: rgb(77, 60, 51);
text-shadow:none; text-shadow: none;
background: url('../../music/wood3.png'); background: url("../../music/wood3.png");
background-size:auto; background-size: auto;
} }
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
background-position: -6px -6px; background-position: -6px -6px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
border-radius: 100%; border-radius: 100%;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name {
display: none; display: none;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .info {
display: none; display: none;
} }

52
theme/style/card/new.css
View File

@ -1,36 +1,36 @@
.card:not(*:empty){ .card:not(*:empty) {
color:rgb(77, 60, 51); color: rgb(77, 60, 51);
text-shadow:none; text-shadow: none;
background: url('image/new.png'); background: url("image/new.png");
background-size:100% 100%; background-size: 100% 100%;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
border-radius: 4px; border-radius: 4px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
top: 0; top: 0;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: left top; transform-origin: left top;
left: 2px; left: 2px;
top: 3px; top: 3px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name.long{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name.long {
top: 2px; top: 2px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .info {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: right top; transform-origin: right top;
right: 3px; right: 3px;
top: 3px; top: 3px;
} }
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
background-position: -4px -4px; background-position: -4px -4px;
} }

53
theme/style/card/ol.css
View File

@ -1,37 +1,36 @@
.card:not(*:empty){ .card:not(*:empty) {
color:rgb(77, 60, 51); color: rgb(77, 60, 51);
text-shadow:none; text-shadow: none;
background: url('image/ol.png'); background: url("image/ol.png");
background-size:100% 100%; background-size: 100% 100%;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
border-radius: 4px; border-radius: 4px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
top: 0; top: 0;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: left top; transform-origin: left top;
left: 2px; left: 2px;
top: 3px; top: 3px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name.long{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name.long {
top: 2px; top: 2px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .info {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: right top; transform-origin: right top;
right: 3px; right: 3px;
top: 3px; top: 3px;
} }
#arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{
background-position: -4px -4px; background-position: -4px -4px;
} }

52
theme/style/card/simple.css
View File

@ -1,36 +1,36 @@
.card:not(*:empty){ .card:not(*:empty) {
color:rgb(77, 60, 51); color: rgb(77, 60, 51);
text-shadow:none; text-shadow: none;
background: url('../../simple/card.png'); background: url("../../simple/card.png");
background-size:100% 100%; background-size: 100% 100%;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
border-radius: 4px; border-radius: 4px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
top: 0; top: 0;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: left top; transform-origin: left top;
left: 2px; left: 2px;
top: 3px; top: 3px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name.long{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name.long {
top: 2px; top: 2px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .info {
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: right top; transform-origin: right top;
right: 3px; right: 3px;
top: 3px; top: 3px;
} }
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
background-position: -4px -4px; background-position: -4px -4px;
} }

24
theme/style/card/wood.css
View File

@ -1,20 +1,20 @@
.card:not(*:empty){ .card:not(*:empty) {
color:rgb(77, 60, 51); color: rgb(77, 60, 51);
text-shadow:none; text-shadow: none;
background: url('../../woodden/wood.jpg'); background: url("../../woodden/wood.jpg");
background-size:auto; background-size: auto;
} }
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
background-position: -6px -6px; background-position: -6px -6px;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 {
border-radius: 100%; border-radius: 100%;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .name {
display: none; display: none;
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ #arena.mobile:not(.chess) .player[data-position="0"] > .equips > .equip5 > .info {
display: none; display: none;
} }

9
theme/style/cardback/custom.css
View File

@ -1,6 +1,7 @@
.card:empty,.card.infohidden{ .card:empty,
background-size: 100% 100%; .card.infohidden {
background-size: 100% 100%;
} }
.card.infohidden:not(.infoflip){ .card.infohidden:not(.infoflip) {
background-size: 100% 100%; background-size: 100% 100%;
} }

13
theme/style/cardback/feicheng.css
View File

@ -1,8 +1,9 @@
.card:empty,.card.infohidden{ .card:empty,
background: url('image/feicheng.png'); .card.infohidden {
background-size: 100% 100%; background: url("image/feicheng.png");
background-size: 100% 100%;
} }
.card.infohidden:not(.infoflip){ .card.infohidden:not(.infoflip) {
background: url('image/feicheng2.png'); background: url("image/feicheng2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }

13
theme/style/cardback/liusha.css
View File

@ -1,8 +1,9 @@
.card:empty,.card.infohidden{ .card:empty,
background: url('image/liusha.png'); .card.infohidden {
background-size: 100% 100%; background: url("image/liusha.png");
background-size: 100% 100%;
} }
.card.infohidden:not(.infoflip){ .card.infohidden:not(.infoflip) {
background: url('image/liusha2.png'); background: url("image/liusha2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }

11
theme/style/cardback/music.css
View File

@ -1,6 +1,7 @@
.card:empty,.card.infohidden{ .card:empty,
color:rgb(77, 60, 51); .card.infohidden {
text-shadow:none; color: rgb(77, 60, 51);
background: url('../../music/wood3.png'); text-shadow: none;
background-size:auto; background: url("../../music/wood3.png");
background-size: auto;
} }

13
theme/style/cardback/new.css
View File

@ -1,8 +1,9 @@
.card:empty,.card.infohidden{ .card:empty,
background: url('image/new.png'); .card.infohidden {
background-size: 100% 100%; background: url("image/new.png");
background-size: 100% 100%;
} }
.card.infohidden:not(.infoflip){ .card.infohidden:not(.infoflip) {
background: url('image/new2.png'); background: url("image/new2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }

13
theme/style/cardback/official.css
View File

@ -1,8 +1,9 @@
.card:empty,.card.infohidden{ .card:empty,
background: url('image/official.png'); .card.infohidden {
background-size: 100% 100%; background: url("image/official.png");
background-size: 100% 100%;
} }
.card.infohidden:not(.infoflip){ .card.infohidden:not(.infoflip) {
background: url('image/official2.png'); background: url("image/official2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }

13
theme/style/cardback/ol.css
View File

@ -1,8 +1,9 @@
.card:empty,.card.infohidden{ .card:empty,
background: url('image/ol.png'); .card.infohidden {
background-size: 100% 100%; background: url("image/ol.png");
background-size: 100% 100%;
} }
.card.infohidden:not(.infoflip){ .card.infohidden:not(.infoflip) {
background: url('image/ol2.png'); background: url("image/ol2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }

11
theme/style/cardback/wood.css
View File

@ -1,6 +1,7 @@
.card:empty,.card.infohidden{ .card:empty,
color:rgb(77, 60, 51); .card.infohidden {
text-shadow:none; color: rgb(77, 60, 51);
background: url('../../woodden/wood.jpg'); text-shadow: none;
background-size:auto; background: url("../../woodden/wood.jpg");
background-size: auto;
} }

101
theme/style/hp/custom.css
View File

@ -1,59 +1,68 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/shield.png'); background: url("image/shield.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.shield{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .shield {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

109
theme/style/hp/emotion.css
View File

@ -1,63 +1,72 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
background: url('image/emotion1.png'); background: url("image/emotion1.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:brightness(0.8) contrast(1.5); -webkit-filter: brightness(0.8) contrast(1.5);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
background: url('image/emotion2.png'); background: url("image/emotion2.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:brightness(0.8) contrast(1.5); -webkit-filter: brightness(0.8) contrast(1.5);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
background: url('image/emotion3.png'); background: url("image/emotion3.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:brightness(0.8) contrast(1.5); -webkit-filter: brightness(0.8) contrast(1.5);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
background: url('image/emotion4.png'); background: url("image/emotion4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/shield.png'); background: url("image/shield.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.shield{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .shield {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

109
theme/style/hp/glass.css
View File

@ -1,63 +1,72 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
background: url('image/glass1.png'); background: url("image/glass1.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
background: url('image/glass2.png'); background: url("image/glass2.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
background: url('image/glass3.png'); background: url("image/glass3.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
background: url('image/glass4.png'); background: url("image/glass4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/shield.png'); background: url("image/shield.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.shield{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .shield {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

103
theme/style/hp/official.css
View File

@ -1,60 +1,69 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
background: url('image/official1.png'); background: url("image/official1.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
background: url('image/official2.png'); background: url("image/official2.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
background: url('image/official3.png'); background: url("image/official3.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
background: url('image/official4.png'); background: url("image/official4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/shield.png'); background: url("image/shield.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.shield{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .shield {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

113
theme/style/hp/ol.css
View File

@ -1,64 +1,73 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
background: url('image/ol1.png'); background: url("image/ol1.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.6); transform: scale(1.6);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
background: url('image/ol2.png'); background: url("image/ol2.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.6); transform: scale(1.6);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
background: url('image/ol3.png'); background: url("image/ol3.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.6); transform: scale(1.6);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
background: url('image/ol4.png'); background: url("image/ol4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.6); transform: scale(1.6);
border-radius: 0px; border-radius: 0px;
filter:grayscale(1) opacity(0.8); filter: grayscale(1) opacity(0.8);
-webkit-filter:grayscale(1) opacity(0.8); -webkit-filter: grayscale(1) opacity(0.8);
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/shield.png'); background: url("image/shield.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.6); transform: scale(1.6);
border-radius: 0px; border-radius: 0px;
filter:grayscale(1) opacity(0.8); filter: grayscale(1) opacity(0.8);
-webkit-filter:grayscale(1) opacity(0.8); -webkit-filter: grayscale(1) opacity(0.8);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

109
theme/style/hp/round.css
View File

@ -1,63 +1,72 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
background: url('image/round1.png'); background: url("image/round1.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
background: url('image/round2.png'); background: url("image/round2.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
background: url('image/round3.png'); background: url("image/round3.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
background: url('image/round4.png'); background: url("image/round4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/shield.png'); background: url("image/shield.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.shield{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .shield {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

109
theme/style/hp/xinglass.css
View File

@ -1,63 +1,72 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
background: url('image/xinglass1.png'); background: url("image/xinglass1.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
background: url('image/xinglass2.png'); background: url("image/xinglass2.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
background: url('image/xinglass3.png'); background: url("image/xinglass3.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
background: url('image/xinglass4.png'); background: url("image/xinglass4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/xinglass4.png'); background: url("image/xinglass4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.shield{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .shield {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

109
theme/style/hp/xinround.css
View File

@ -1,63 +1,72 @@
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
background: url('image/xinround1.png'); background: url("image/xinround1.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
background: url('image/xinround2.png'); background: url("image/xinround2.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
background: url('image/xinround3.png'); background: url("image/xinround3.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
-webkit-filter:none; -webkit-filter: none;
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.lost{ .hp:not(.text):not(.actcount):not(.treasure) > .lost {
background: url('image/xinround4.png'); background: url("image/xinround4.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
.hp:not(.text):not(.actcount):not(.treasure)>.shield{ .hp:not(.text):not(.actcount):not(.treasure) > .shield {
background: url('image/shield.png'); background: url("image/shield.png");
box-shadow: none; box-shadow: none;
border: none; border: none;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(1.4); transform: scale(1.4);
border-radius: 0px; border-radius: 0px;
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost):not(.shield){ #arena.oldlayout
transform: scale(1.6); .player
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
> div:not(.lost):not(.shield) {
transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
transform: scale(1.6); transform: scale(1.6);
} }
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.shield{ #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .shield {
transform: scale(1.6); transform: scale(1.6);
} }
.button.newstyle>.hp>.text{ .button.newstyle > .hp > .text {
margin-left: 5px; margin-left: 5px;
} }

279
theme/woodden/style.css
View File

@ -1,248 +1,285 @@
html{ html {
color: white; color: white;
text-shadow: black 0 0 2px; text-shadow: black 0 0 2px;
background: url('grid.png'),linear-gradient(#6c7989, #434b55) fixed; background: url("grid.png"), linear-gradient(#6c7989, #434b55) fixed;
} }
#system>div>div,#mebg,.control,.player,.card,.avatar,.avatar2,.button,.dialog>.bar,.menu,#splash>div, #system > div > div,
#arena.mobile:not(.chess) .player[data-position='0'] .equips,.playerbg,.menubg,.mebg{ #mebg,
.control,
.player,
.card,
.avatar,
.avatar2,
.button,
.dialog > .bar,
.menu,
#splash > div,
#arena.mobile:not(.chess) .player[data-position="0"] .equips,
.playerbg,
.menubg,
.mebg {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
border-radius: 8px; border-radius: 8px;
} }
.dialog.choose-character>.packnode>div{ .dialog.choose-character > .packnode > div {
box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px; 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)); background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
color: white; color: white;
text-shadow: black 0 0 2px; text-shadow: black 0 0 2px;
} }
.dialog.choose-character>.packnode>div.active{ .dialog.choose-character > .packnode > div.active {
box-shadow: rgba(27, 63, 95, 0.8) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important; box-shadow: rgba(27, 63, 95, 0.8) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important;
background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)); background-image: linear-gradient(rgba(47, 101, 150, 1), rgba(43, 90, 132, 1));
} }
.button-downloading>.button-progress>div{ .button-downloading > .button-progress > div {
background: rgba(77,224,100,0.45); background: rgba(77, 224, 100, 0.45);
} }
.menu.main>.menu-tab>div:not(.active):not(*:hover), .menu.main > .menu-tab > div:not(.active):not(*:hover),
.menu.main>.menu-tab>.disabled{ .menu.main > .menu-tab > .disabled {
color: rgba(77, 60, 51,0.5); color: rgba(77, 60, 51, 0.5);
} }
#window>.dialog.popped,.menu,.menubg{ #window > .dialog.popped,
background:url('wood2.png'); .menu,
color:rgba(77, 60, 51,0.8); .menubg {
text-shadow:none; background: url("wood2.png");
} color: rgba(77, 60, 51, 0.8);
.popup-container>.menu.visual>.dashedmenubutton{
color:rgba(77, 60, 51,0.8);
text-shadow: none; text-shadow: none;
border-color:rgba(77, 60, 51,0.8);
} }
.cardbg{ .popup-container > .menu.visual > .dashedmenubutton {
color: rgba(77, 60, 51, 0.8);
text-shadow: none;
border-color: rgba(77, 60, 51, 0.8);
}
.cardbg {
background-size: initial !important; background-size: initial !important;
} }
#splash>div{ #splash > div {
background:url('wood2.png'); background: url("wood2.png");
} }
#arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty), #arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty),
#arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty), #arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty),
#arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty), #arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty),
#arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty){ #arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty) {
background: url('wood.png'); background: url("wood.png");
border-radius:4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 2px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 2px 10px;
} }
#arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty)>.card, #arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty) > .card,
#arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty)>.card:not(.selected), #arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty) > .card:not(.selected),
#arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty)>.card, #arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty) > .card,
#arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty)>.card:not(.selected){ #arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty) > .card:not(.selected) {
background: none !important; background: none !important;
} }
.coin_menu .content>.caption>.coin_buy>.menubutton{ .coin_menu .content > .caption > .coin_buy > .menubutton {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important;
} }
.popup.fire{ .popup.fire {
color: rgb(255,119,63); color: rgb(255, 119, 63);
} }
.popup.thunder{ .popup.thunder {
color: rgb(117,186,255); color: rgb(117, 186, 255);
} }
.control .thundertext,.thundertext.thunderauto, .control .thundertext,
.thundertext.thunderauto,
.dialog.popped .bluetext, .dialog.popped .bluetext,
.menubg .bluetext{ .menubg .bluetext {
color: rgba(29, 63, 137, 1); color: rgba(29, 63, 137, 1);
} }
.control .controlthundertext{ .control .controlthundertext {
color: rgb(62, 41, 30); color: rgb(62, 41, 30);
} }
.dialog.popped .yellowtext, .dialog.popped .yellowtext,
.menubg .yellowtext{ .menubg .yellowtext {
color:#631515; color: #631515;
} }
.dialog.popped .firetext, .dialog.popped .firetext,
.menubg .firetext{ .menubg .firetext {
color:#a20000; color: #a20000;
} }
.dialog.popped .greentext, .dialog.popped .greentext,
.menubg .greentext,.control span.greentext,.poisontext.poisonauto{ .menubg .greentext,
color:#00312d; .control span.greentext,
.poisontext.poisonauto {
color: #00312d;
} }
.control span.firetext{ .control span.firetext {
color:#631515; color: #631515;
} }
.legendtext.legendauto{ .legendtext.legendauto {
color: rgba(106, 27, 154, 1); color: rgba(106, 27, 154, 1);
} }
.player,.card,.dialog>.bar,.cardbg, .player,
#arena.mobile:not(.chess) .player[data-position='0'] .equips,.playerbg,#window .player.playerbg{ .card,
background: url('wood.jpg'); .dialog > .bar,
.cardbg,
#arena.mobile:not(.chess) .player[data-position="0"] .equips,
.playerbg,
#window .player.playerbg {
background: url("wood.jpg");
} }
.cardbg.button{ .cardbg.button {
background: url('wood.png'); background: url("wood.png");
} }
#arena.observe .handcards>.card{ #arena.observe .handcards > .card {
background: url('wood.jpg') !important; background: url("wood.jpg") !important;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{ #arena:not(.chess).textequip .player[data-position="0"] .equips > .card {
background: url('wood.jpg') !important; background: url("wood.jpg") !important;
color:rgb(77, 60, 51) !important; color: rgb(77, 60, 51) !important;
text-shadow: none !important; text-shadow: none !important;
box-shadow: rgba(0,0,0,0.4) 1px 0 0 1px; box-shadow: rgba(0, 0, 0, 0.4) 1px 0 0 1px;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card:first-child{ #arena:not(.chess).textequip .player[data-position="0"] .equips > .card:first-child {
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 0 0;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.selected{ #arena:not(.chess).textequip .player[data-position="0"] .equips > .card.selected {
-webkit-filter: sepia(0.8) !important; -webkit-filter: sepia(0.8) !important;
background-image: url('wood.jpg') !important; background-image: url("wood.jpg") !important;
/*background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)) !important;*/ /*background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)) !important;*/
/*color: white !important; /*color: white !important;
box-shadow: rgba(0,0,0,0.4) 1px 0 0 1px !important;*/ box-shadow: rgba(0,0,0,0.4) 1px 0 0 1px !important;*/
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.selected:first-child{ #arena:not(.chess).textequip .player[data-position="0"] .equips > .card.selected:first-child {
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0 !important; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 0 0 !important;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{ #arena:not(.chess).textequip .player[data-position="0"] .equips > .card > .name2 {
transition: opacity 0.5s, color 0s; transition: opacity 0.5s, color 0s;
} }
.control,#system>div>div,.menubutton,#system>div>.pressdown2{ .control,
background: url('wood2.jpg'); #system > div > div,
color:rgba(77, 60, 51,0.8); .menubutton,
text-shadow:none; #system > div > .pressdown2 {
border-radius:4px; background: url("wood2.jpg");
color: rgba(77, 60, 51, 0.8);
text-shadow: none;
border-radius: 4px;
} }
#roundmenu>div:not(.clock){ #roundmenu > div:not(.clock) {
background:rgba(77, 60, 51,0.8); background: rgba(77, 60, 51, 0.8);
box-shadow:none; box-shadow: none;
} }
#system>div>.pressdown2{ #system > div > .pressdown2 {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.8) 0 0 0 2px, rgba(0, 133, 255, 1) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.8) 0 0 0 2px, rgba(0, 133, 255, 1) 0 0 5px !important;
} }
.judges>div,.marks>div{ .judges > div,
border-radius:4px; .marks > div {
border-radius: 4px;
} }
#mebg,.menubutton,.menubutton.highlight,.menubutton.active,.mebg{ #mebg,
background: url('wood.png'); .menubutton,
.menubutton.highlight,
.menubutton.active,
.mebg {
background: url("wood.png");
} }
.menubutton.large{ .menubutton.large {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important;
} }
.menubutton.large.active, .menubutton.large.active,
.menubutton.round.active, .menubutton.round.active,
.menubutton.active, .menubutton.active,
.menubutton.highlight.update{ .menubutton.highlight.update {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.4) 0 0 0 2px, rgba(0, 133, 255, 1) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.4) 0 0 0 2px, rgba(0, 133, 255, 1) 0 0 5px !important;
} }
.connectevents.icon.highlight{ .connectevents.icon.highlight {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important;
background: url('wood.jpg'); background: url("wood.jpg");
} }
.videonode.menubutton.extension>.caption>.menubutton.active{ .videonode.menubutton.extension > .caption > .menubutton.active {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important;
} }
.videonode.menubutton.extension.current{ .videonode.menubutton.extension.current {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.4) 0 0 0 2px, rgba(0, 133, 255, 1) 0 0 5px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 0.4) 0 0 0 2px, rgba(0, 133, 255, 1) 0 0 5px !important;
} }
.themebutton{ .themebutton {
box-shadow: rgba(0, 0, 0, 0.45) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px !important; box-shadow: rgba(0, 0, 0, 0.45) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px !important;
} }
.config.toggle>div>div{ .config.toggle > div > div {
background: url('wood.png'); background: url("wood.png");
box-shadow: rgba(151, 151, 151, 1) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px; box-shadow: rgba(151, 151, 151, 1) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
} }
.config.toggle.on>div{ .config.toggle.on > div {
background-color: transparent; background-color: transparent;
} }
.config.toggle.on>div::before{ .config.toggle.on > div::before {
content:'开'; content: "开";
position: absolute; position: absolute;
left: 13px; left: 13px;
opacity: 0.5; opacity: 0.5;
font-size: 14px; font-size: 14px;
line-height: 26px; line-height: 26px;
font-family: 'xinwei' font-family: "xinwei";
} }
.popup-container>.menu:not(.visual)>div:hover{ .popup-container > .menu:not(.visual) > div:hover {
color:white; color: white;
background-image: linear-gradient(rgb(0, 133, 255), rgb(5, 119, 220)); background-image: linear-gradient(rgb(0, 133, 255), rgb(5, 119, 220));
box-shadow: none; box-shadow: none;
} }
.control,#system>div>div,.popup,.dialog>.bar{ .control,
#system > div > div,
.popup,
.dialog > .bar {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 2px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 2px 10px;
} }
.card{ .card {
text-shadow:rgba(0,0,0,0.1) 0 0 1px; text-shadow: rgba(0, 0, 0, 0.1) 0 0 1px;
} }
.card.equip3>.range, .card.equip3 > .range,
.card.equip4>.range{ .card.equip4 > .range {
text-shadow: white 0 0 2px; text-shadow: white 0 0 2px;
} }
.card,.menubg,.cardbg,.button.character.cardbg{ .card,
color:rgb(77, 60, 51); .menubg,
text-shadow:none; .cardbg,
.button.character.cardbg {
color: rgb(77, 60, 51);
text-shadow: none;
} }
#arena.mobile:not(.chess) .player[data-position='0'] .card.fullskin.epic>.name2{ #arena.mobile:not(.chess) .player[data-position="0"] .card.fullskin.epic > .name2 {
color: rgba(0, 66, 165, 1); color: rgba(0, 66, 165, 1);
} }
#arena.mobile:not(.chess) .player[data-position='0'] .card.fullskin.legend>.name2{ #arena.mobile:not(.chess) .player[data-position="0"] .card.fullskin.legend > .name2 {
color: rgba(106, 27, 154, 1); color: rgba(106, 27, 154, 1);
/*color: rgb(117,186,0);*/ /*color: rgb(117,186,0);*/
} }
.bordered{ .bordered {
border:1px solid rgba(255, 255, 255,0.5); border: 1px solid rgba(255, 255, 255, 0.5);
} }
.dialog.popped .config>.toggle.onoff>div{ .dialog.popped .config > .toggle.onoff > div {
border:1px solid rgba(77, 60, 51,0.8); border: 1px solid rgba(77, 60, 51, 0.8);
box-shadow: none; box-shadow: none;
} }
.dialog.popped .config>.toggle.onoff>div>div{ .dialog.popped .config > .toggle.onoff > div > div {
background:rgba(77, 60, 51,0.8); background: rgba(77, 60, 51, 0.8);
border:1px solid rgba(77, 60, 51,0); border: 1px solid rgba(77, 60, 51, 0);
box-shadow:none; box-shadow: none;
} }
.player>.turned{ .player > .turned {
color: rgba(0,0,0,0.8); color: rgba(0, 0, 0, 0.8);
background: white; background: white;
} }
.player .marks>div:first-child>div{ .player .marks > div:first-child > div {
-webkit-filter: invert(0.8) sepia(1); -webkit-filter: invert(0.8) sepia(1);
} }
#roundmenu.clock>div:nth-of-type(15){ #roundmenu.clock > div:nth-of-type(15) {
background: url('wood2.png'); background: url("wood2.png");
box-shadow: rgba(0,0,0,0.5) 0 0 5px inset; box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px inset;
} }
.menubg.charactercard>.ava>.avatar{ .menubg.charactercard > .ava > .avatar {
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px;
} }
#arena:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image {
background-position: -6px -6px; background-position: -6px -6px;
} }