247 lines
6.3 KiB
CSS
247 lines
6.3 KiB
CSS
html {
|
|
color: white;
|
|
text-shadow: black 0 0 2px;
|
|
min-height: 100%;
|
|
background-image: url("../../image/background/ol_bg.jpg");
|
|
background-size: cover;
|
|
background-position: 50% 50%;
|
|
}
|
|
.glass_ui .dialog.scroll1.scroll2,
|
|
.glass_ui .menubg.charactercard,
|
|
.glass_ui .menu {
|
|
backdrop-filter: blur(3px);
|
|
-webkit-backdrop-filter: blur(3px);
|
|
background: rgba(0, 0, 0, 0.4);
|
|
box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 3px 10px;
|
|
}
|
|
#window.glass_ui .dialog.popped:not(.menu) {
|
|
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;
|
|
}
|
|
#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;
|
|
overflow-y: scroll;
|
|
}
|
|
#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: 100% 100%;
|
|
}
|
|
.card.infohidden:not(.infoflip) {
|
|
background: url("../style/cardback/image/official2.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
#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 {
|
|
filter: invert(0.8) sepia(1);
|
|
-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;
|
|
}
|
|
|
|
.woodbg {
|
|
color: rgba(77, 60, 51, 1) !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.woodbg .menubutton.large {
|
|
background: url("card2.png") !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;
|
|
}
|
|
|
|
.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;
|
|
filter: blur(3px);
|
|
-webkit-filter: blur(3px);
|
|
}
|
|
.popup-container > .prompt-container > div > div {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.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;
|
|
}
|