html{ color: white; text-shadow: black 0 0 2px; min-height: 100%; background-image: url('../../image/background/shengshi_bg.jpg'); background-size: cover; } body{ width: 100%; height: 100%; min-height: 100%; left: 0; top: 0; position: absolute; display: block; } #system>div>div,#mebg,.control,.player,.card,.avatar,.avatar2,.button,#window>.dialog.popped, #arena:not(.long) .player.unseen .equips:not(*:empty), #arena.long .player.unseen2 .equips:not(*:empty),.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; background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)); border-radius: 8px; } #arena.mobile.textequip:not(.chess) .player[data-position='0'] .equips{ background-image: none; box-shadow: rgba(0, 0, 0, 0.2) -1px 0px 0px 0px; } #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; } #arena.observe .handcards>.card{ background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important; } .videonode.menubutton.extension.current{ 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; } /*.player.current_action{ background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)); }*/ .menubutton{ border-radius: 4px; } /*.player{ background-image: url('card.png'); background-size: cover; }*/ #window>.dialog.popped{ border-radius: 6px; } .control,#system>div>div,.judges>div,.marks>div, #arena:not(.long) .player.unseen .equips:not(*:empty), #arena.long .player.unseen2 .equips:not(*:empty){ border-radius:4px; overflow: hidden; } #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; } #arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 { border-radius: 4px; } #arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.image{ width: 100%; height: 100%; left: 0; top: 0; } #arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{ display: block; transform: scale(0.43) !important; transform-origin: left top; left: 2px; top: 3px; } #arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name.long{ top: 2px; } #arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{ display: block; transform: scale(0.43) !important; transform-origin: right top; right: 3px; top: 3px; } .cardbg{ background-size: 100% 100% !important; } .card{ color:white; } .card:not(*:empty),.cardbg{ color:rgb(77, 60, 51); text-shadow:none; background: url('card.png'); background-size:100% 100%; } .card .markcount{ 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-size: cover; /*color: white;*/ } #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; } /*.player{ background:repeating-linear-gradient( 135deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4) 2px, rgba(0,0,0,0.2) 2px, rgba(0,0,0,0.2) 4px ); }*/ .card:empty,.card.infohidden{ background: url('../style/cardback/image/official.png'); background-size: cover; } .card.infohidden:not(.infoflip){ background: url('../style/cardback/image/official2.png'); background-size: cover; } #system>div>.glow{ 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; } .menupaused{ opacity: 0.3 !important; } .player .marks>div:first-child>div{ -webkit-filter: invert(0.8) sepia(1); } .fire{ color: rgb(255,119,63); } .thunder{ color: rgb(117,186,255); } .poison{ color: rgb(104,221,127); } .brown{ color: rgb(195,161,223); } #roundmenu.clock>div:nth-of-type(15){ background: rgba(0,0,0,0.3); box-shadow: rgba(0,0,0,0.6) 0 0 5px inset; } .player>.glassbg{ left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; box-shadow: none; z-index: 1; pointer-events: none; } .player>.glassbg>div:last-child{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); } .player>.glassbg>div:first-child{ left: 0; top: 0; margin: 0; padding: 0; transition-property: transform; transition-duration: 0s; background-size: cover; -webkit-filter: blur(3px); } .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; border: none; 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){ width: 90px; height: 90px; } .popup-container>.menu.visual>.button.dashedmenubutton.controlbutton{ height: 26px; } .popup-container>.menu.visual>.button.dashedmenubutton.controlbutton>div{ line-height: 26px; }