html { color: white; text-shadow: black 0 0 2px; background: url("grid.png"), linear-gradient(#333333, #222222) fixed; } #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, #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; background-image: linear-gradient(#4b4b4b, #464646); border-radius: 8px; } #arena.observe .handcards > .card { background: linear-gradient(#4b4b4b, #464646) !important; } .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; } body[data-background_color_music="blue"] #system > div > div, body[data-background_color_music="blue"] #mebg, body[data-background_color_music="blue"] .control, body[data-background_color_music="blue"] .player, body[data-background_color_music="blue"] .card, body[data-background_color_music="blue"] .avatar, body[data-background_color_music="blue"] .avatar2, body[data-background_color_music="blue"] .button, 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"] .menu, body[data-background_color_music="blue"] #splash > div, body[data-background_color_music="blue"] #arena.mobile:not(.chess) .player[data-position="0"] .equips { background-image: linear-gradient(#6c7989, #434b55); } .marks > .card.fullskin > .markcount.menubutton { background: url("wood3.png"); } /*.player.current_action{ background-image: linear-gradient(rgba(57, 123, 4,1), rgb(48, 103, 3)); }*/ #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; } .player, #mebg { /*background:url('wood.png') left repeat-y,url('wood.png') right repeat-y,linear-gradient(#4b4b4b, #464646);*/ } .card { color: white; } .cardbg { background-size: initial !important; } .card:not(*:empty), .cardbg { color: rgb(77, 60, 51); text-shadow: none; background: url("wood3.png"); } .marks > .card:not(.fullskin) { color: white; text-shadow: black 0 0 2px; background: linear-gradient(#4b4b4b, #464646); } #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; } #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; } .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: linear-gradient(#4b4b4b, #464646); box-shadow: rgba(0, 0, 0, 0.6) 0 0 5px inset; } #arena:not(.chess) .player[data-position="0"] > .equips > .equip5 > .image { background-position: -6px -6px; } .woodbg { color: rgba(77, 60, 51, 0.8) !important; text-shadow: none !important; } .woodbg .menubutton.large { 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; } #window .player.minskin.obstacle[data-obscolor="blue"] { background: repeating-linear-gradient( 135deg, rgba(0, 133, 255, 0.5), rgba(0, 133, 255, 0.5) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px ); box-shadow: rgba(0, 133, 255, 0.5) 0 0 0 1px; }