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

4

This commit is contained in:
libccy 2017-02-10 18:04:12 +08:00
parent 4fbb71ec99
commit 95259c8d5f
1 changed files with 1 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
layout/default/layout.css
View File

@ -2968,13 +2968,11 @@ 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, 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; 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'], div[data-nature='soilm'],
span[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, 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; rgba(128, 59, 2,1) 0 0 5px,black 0 0 1px;
} }
div[data-nature='soilmm'], div[data-nature='soilmm'],
span[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, 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,
@ -2987,7 +2985,6 @@ 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, 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; 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;
} }
div[data-color="unknownm"], div[data-color="unknownm"],
span[data-color="unknownm"] { span[data-color="unknownm"] {
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, 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,
@ -2997,11 +2994,9 @@ span[data-color="unknownm"] {
.card.fullskin>.background { .card.fullskin>.background {
display: none !important display: none !important
} }
.card:not(.fullskin)>.image { .card:not(.fullskin)>.image {
display: none !important display: none !important
} }
.card.fullskin>.name { .card.fullskin>.name {
top: 8px; top: 8px;
left: 7px; left: 7px;
@ -3018,49 +3013,40 @@ span[data-color="unknownm"] {
text-align: center; text-align: center;
line-height: 18px; line-height: 18px;
} }
.cardbg,.button.character.cardbg { .cardbg,.button.character.cardbg {
color: rgb(74, 29, 1); color: rgb(74, 29, 1);
text-shadow: none; text-shadow: none;
} }
.card.fullskin>.name.long { .card.fullskin>.name.long {
top: 5px; top: 5px;
} }
.card.fullskin.thunder>.name { .card.fullskin.thunder>.name {
color: #152E63; color: #152E63;
border: 1px solid #152E63; border: 1px solid #152E63;
} }
.card.fullskin.fire>.name { .card.fullskin.fire>.name {
color: #631515; color: #631515;
border: 1px solid #631515; border: 1px solid #631515;
} }
.card.fullskin.poison>.name { .card.fullskin.poison>.name {
color: #00312d; color: #00312d;
border: 1px solid #00312d; border: 1px solid #00312d;
} }
.card.fullskin.epic>.name { .card.fullskin.epic>.name {
color: white; color: white;
background: rgba(0, 66, 165, 0.6); background: rgba(0, 66, 165, 0.6);
border: 1px solid rgba(0, 66, 165, 1); border: 1px solid rgba(0, 66, 165, 1);
box-shadow: rgba(0,0,0,0.4) 0 0 10px inset; box-shadow: rgba(0,0,0,0.4) 0 0 10px inset;
} }
.card.fullskin.epic>.name2 { .card.fullskin.epic>.name2 {
color: rgb(117,186,255); color: rgb(117,186,255);
} }
.card.fullskin.legend>.name { .card.fullskin.legend>.name {
color: white; color: white;
background: rgba(106, 27, 154, 0.6); background: rgba(106, 27, 154, 0.6);
border: 1px solid rgba(106, 27, 154, 1); border: 1px solid rgba(106, 27, 154, 1);
box-shadow: rgba(0,0,0,0.4) 0 0 10px inset; box-shadow: rgba(0,0,0,0.4) 0 0 10px inset;
} }
.card.fullskin.legend>.name2 { .card.fullskin.legend>.name2 {
color: rgb(233, 131, 255); color: rgb(233, 131, 255);
/*color: rgb(117,186,0);*/ /*color: rgb(117,186,0);*/
@ -3074,7 +3060,6 @@ span[data-color="unknownm"] {
color: rgba(0,0,0,0.8); color: rgba(0,0,0,0.8);
text-shadow: none; text-shadow: none;
} }
.card.fullskin>.info.red { .card.fullskin>.info.red {
color: #631515; color: #631515;
} }
@ -3084,7 +3069,6 @@ span[data-color="unknownm"] {
width: 30px; width: 30px;
display: inline-flex; display: inline-flex;
} }
.config>.toggle.onoff>div { .config>.toggle.onoff>div {
height: 12px; height: 12px;
width: 100%; width: 100%;
@ -3094,21 +3078,17 @@ span[data-color="unknownm"] {
margin: auto; margin: auto;
overflow: hidden overflow: hidden
} }
.config>.toggle.onoff:not(.on)>div, .config>.toggle.onoff:not(.on)>div,
.config.disabled { .config.disabled {
opacity: 0.4; opacity: 0.4;
} }
.menubutton.large.disabled { .menubutton.large.disabled {
opacity: 0.5; opacity: 0.5;
} }
.menubutton.large.smallfont { .menubutton.large.smallfont {
font-size: 22px !important; font-size: 22px !important;
text-indent: -2px; text-indent: -2px;
} }
.config>.toggle.onoff>div>div { .config>.toggle.onoff>div>div {
width: 8px; width: 8px;
height: 8px; height: 8px;
@ -3120,7 +3100,6 @@ span[data-color="unknownm"] {
border: 1px solid white; border: 1px solid white;
box-shadow: black 0 0 2px; box-shadow: black 0 0 2px;
} }
.config>.toggle.onoff.on>div>div { .config>.toggle.onoff.on>div>div {
left: calc(100% - 11px); left: calc(100% - 11px);
} }
@ -3135,17 +3114,14 @@ span[data-color="unknownm"] {
line-height: 65px; line-height: 65px;
text-align: center; text-align: center;
} }
#arena>.skillbar.left { #arena>.skillbar.left {
left: 0; left: 0;
right: auto; right: auto;
} }
#arena>.skillbar.right { #arena>.skillbar.right {
right: 0; right: 0;
left: auto; left: auto;
} }
#arena>.skillbar>div { #arena>.skillbar>div {
border-radius: 100%; border-radius: 100%;
width: 55px; width: 55px;
@ -3157,12 +3133,10 @@ span[data-color="unknownm"] {
top: 5px; top: 5px;
overflow: hidden; overflow: hidden;
} }
#arena>.skillbar>.skillbarshadow { #arena>.skillbar>.skillbarshadow {
box-shadow: 0px 0px 8px #222 inset; box-shadow: 0px 0px 8px #222 inset;
z-index: 1; z-index: 1;
} }
#arena>.skillbar>.skillbarfill>div { #arena>.skillbar>.skillbarfill>div {
box-shadow: 0px 0px 10px #555 inset,rgba(0, 0, 0, 0.05) 0 0 0 1px; box-shadow: 0px 0px 10px #555 inset,rgba(0, 0, 0, 0.05) 0 0 0 1px;
width: 200%; width: 200%;
@ -3174,18 +3148,15 @@ span[data-color="unknownm"] {
left: -50%; left: -50%;
top: 100%; top: 100%;
} }
#arena>.skillbar.full>.skillbarfill>div { #arena>.skillbar.full>.skillbarfill>div {
box-shadow: none; box-shadow: none;
background-color: red; background-color: red;
} }
#arena>.skillbar.full { #arena>.skillbar.full {
/*transform: scale(1.1);*/ /*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; /*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;*/ -webkit-animation:skillbarglow 3s infinite;*/
} }
#arena>.skillbar>.skillbartext { #arena>.skillbar>.skillbartext {
font-family: 'xinwei'; font-family: 'xinwei';
font-size: 35px; font-size: 35px;
@ -3205,36 +3176,28 @@ span[data-color="unknownm"] {
.firetext { .firetext {
color: rgb(255,119,63); color: rgb(255,119,63);
} }
.yellowtext { .yellowtext {
color: #FFFF7A; color: #FFFF7A;
} }
.bluetext { .bluetext {
color: rgb(150, 202, 255); color: rgb(150, 202, 255);
} }
.greentext { .greentext {
color: rgb(104,221,127); color: rgb(104,221,127);
} }
.thundertext, .thundertext,
.controlthundertext { .controlthundertext {
color: rgb(117,186,255); color: rgb(117,186,255);
} }
.whitetext .thundertext { .whitetext .thundertext {
color: white; color: white;
} }
.poisontext { .poisontext {
color: rgb(104,221,127); color: rgb(104,221,127);
} }
.browntext { .browntext {
color: rgb(195,161,223); color: rgb(195,161,223);
} }
.legendtext { .legendtext {
color: rgb(233, 131, 255); color: rgb(233, 131, 255);
} }
@ -3246,17 +3209,14 @@ span[data-color="unknownm"] {
z-index: -2; z-index: -2;
pointer-events: none; pointer-events: none;
} }
#window.canvas_top>canvas.fun { #window.canvas_top>canvas.fun {
z-index: 20; z-index: 20;
} }
.coin_menu .content>.caption>.coin_buy { .coin_menu .content>.caption>.coin_buy {
line-height: 36px; line-height: 36px;
font-family: 'xinwei'; font-family: 'xinwei';
font-size: 24px; font-size: 24px;
} }
.coin_menu .content>.caption>.coin_buy>.menubutton { .coin_menu .content>.caption>.coin_buy>.menubutton {
width: auto; width: auto;
display: inline-block; display: inline-block;
@ -3268,7 +3228,6 @@ span[data-color="unknownm"] {
font-size: 24px; font-size: 24px;
margin-left: 10px; margin-left: 10px;
} }
.coin_menu .content>.caption>.coin_buy>.menubutton.disabled { .coin_menu .content>.caption>.coin_buy>.menubutton.disabled {
opacity: 0.5; opacity: 0.5;
} }
@ -3279,20 +3238,16 @@ span[data-color="unknownm"] {
color: white !important; color: white !important;
pointer-events: none; pointer-events: none;
} }
.player .wunature { .player .wunature {
display: none; display: none;
} }
#arena>.player .wunature, #arena>.player .wunature,
#chess>.player .wunature { #chess>.player .wunature {
display: block; display: block;
} }
div:hover>.wunature { div:hover>.wunature {
/*opacity: 0.5;*/ /*opacity: 0.5;*/
} }
.button.noclick .wunature, .button.noclick .wunature,
.player.treasure .wunature { .player.treasure .wunature {
display: none !important; display: none !important;
@ -3303,7 +3258,6 @@ div:hover>.wunature {
top: 9px; top: 9px;
width: 20px; width: 20px;
} }
.player .actcount.hp>div { .player .actcount.hp>div {
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -3312,7 +3266,6 @@ div:hover>.wunature {
animation: game_start 0.5s; animation: game_start 0.5s;
-webkit-animation: game_start 0.5s; -webkit-animation: game_start 0.5s;
} }
.player .wunature { .player .wunature {
top: 77px; top: 77px;
left: 14px; left: 14px;
@ -3322,7 +3275,6 @@ div:hover>.wunature {
top: 47px; top: 47px;
left: 14px; left: 14px;
} }
.card .wunature { .card .wunature {
top: 74px; top: 74px;
right: 6px; right: 6px;
@ -3341,13 +3293,11 @@ div:hover>.wunature {
.button.card .wunature { .button.card .wunature {
top: 59px; top: 59px;
} }
#arena.oldlayout .player>.timerbar>div { #arena.oldlayout .player>.timerbar>div {
top: 100px; top: 100px;
left: 15px; left: 15px;
width: 90px; width: 90px;
} }
#arena.oldlayout .player>.nameol { #arena.oldlayout .player>.nameol {
left: 15px; left: 15px;
top: 85px; top: 85px;
@ -3361,15 +3311,12 @@ div:hover>.wunature {
height: 5px; height: 5px;
width: 100px; width: 100px;
} }
.timerbar>div:first-child { .timerbar>div:first-child {
background: rgba(255,255,255,0.6); background: rgba(255,255,255,0.6);
} }
.timerbar>div { .timerbar>div {
top: 165px; top: 165px;
} }
.timerbar>div:last-child { .timerbar>div:last-child {
background: linear-gradient(#FFDA47, #CE0404); background: linear-gradient(#FFDA47, #CE0404);
transition-timing-function: linear; transition-timing-function: linear;
@ -3404,7 +3351,6 @@ div:hover>.wunature {
#me .card.selected::after { #me .card.selected::after {
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; 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;
} }
#me .card.glow::before { #me .card.glow::before {
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; 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;
} }
@ -3419,31 +3365,25 @@ div:hover>.wunature {
#me>div:not(.scrollh)>.handcards>.card.selected{ #me>div:not(.scrollh)>.handcards>.card.selected{
top:-20px; top:-20px;
}*/ }*/
.glow { .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; 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;
} }
.glow2:not(.player.glow_phase)>.avatar { .glow2:not(.player.glow_phase)>.avatar {
/*-webkit-animation:control_glow 4s infinite;*/ /*-webkit-animation:control_glow 4s infinite;*/
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; 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;
} }
.glow3 { .glow3 {
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 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
} }
.selectedx3 { .selectedx3 {
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 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
} }
.glow4 { .glow4 {
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 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
} }
.selectedx4 { .selectedx4 {
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 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
} }
.player:not(.glow_phase)>.avatar.glow2, .player:not(.glow_phase)>.avatar.glow2,
.button.glow2:not(.selected) { .button.glow2:not(.selected) {
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 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
@ -3452,11 +3392,9 @@ div:hover>.wunature {
#arena[data-glow_phase="yellow"] .player:not(.selectable):not(.selected).glow_phase { #arena[data-glow_phase="yellow"] .player:not(.selectable):not(.selected).glow_phase {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgb(235, 239, 59) 0 0 15px, rgb(199, 64, 64) 0 0 15px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgb(235, 239, 59) 0 0 15px, rgb(199, 64, 64) 0 0 15px !important;
} }
#arena[data-glow_phase="green"] .player:not(.selectable):not(.selected).glow_phase { #arena[data-glow_phase="green"] .player:not(.selectable):not(.selected).glow_phase {
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; 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;
} }
#arena[data-glow_phase="purple"] .player:not(.selectable):not(.selected).glow_phase { #arena[data-glow_phase="purple"] .player:not(.selectable):not(.selected).glow_phase {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgb(178, 59, 239) 0 0 15px, rgb(199, 64, 101) 0 0 15px !important; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgb(178, 59, 239) 0 0 15px, rgb(199, 64, 101) 0 0 15px !important;
} }
@ -3464,11 +3402,9 @@ div:hover>.wunature {
.control.blue { .control.blue {
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));
} }
.control.red { .control.red {
background-image: linear-gradient(rgba(150, 47, 47, 1), rgba(132, 43, 43, 1)); background-image: linear-gradient(rgba(150, 47, 47, 1), rgba(132, 43, 43, 1));
} }
.control.red,.control.blue { .control.red,.control.blue {
color: white; color: white;
text-shadow: black 0 0 2px; text-shadow: black 0 0 2px;