noname/theme/woodden/style.css

238 lines
7.2 KiB
CSS

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