noname/theme/simple/style.css

227 lines
6.2 KiB
CSS
Raw Normal View History

2015-06-27 16:21:25 +00:00
html{
color: white;
text-shadow: black 0 0 2px;
2015-06-29 02:51:59 +00:00
min-height: 100%;
2017-04-16 06:19:44 +00:00
background-image: url('../../image/background/ol_bg.jpg');
2016-03-28 10:53:52 +00:00
background-size: cover;
2017-04-16 06:19:44 +00:00
background-position: 50% 50%;
2015-06-29 02:51:59 +00:00
}
2018-03-25 16:03:03 +00:00
.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;
}
2015-06-27 16:21:25 +00:00
#system>div>div,#mebg,.control,.player,.card,.avatar,.avatar2,.button,#window>.dialog.popped,
2017-01-22 09:06:24 +00:00
#arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty),.menu,.menubutton,#splash>div,
2017-03-19 09:37:24 +00:00
#arena.mobile:not(.chess) .player[data-position='0'] .equips,.playerbg,#window .player.playerbg,.menubg,.mebg{
2015-06-27 16:21:25 +00:00
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;
}
2016-05-20 15:15:49 +00:00
#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;
2016-05-20 15:15:49 +00:00
}
#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;
}
2016-06-05 14:30:47 +00:00
#arena.observe .handcards>.card{
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important;
}
2017-03-25 15:33:53 +00:00
.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;
}
2016-02-01 09:32:18 +00:00
2015-12-01 05:46:28 +00:00
/*.player.current_action{
background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1));
}*/
2015-11-06 10:05:08 +00:00
.menubutton{
border-radius: 4px;
2015-10-29 17:36:14 +00:00
}
2015-11-06 10:05:08 +00:00
/*.player{
background-image: url('card.png');
background-size: cover;
}*/
2015-06-27 16:21:25 +00:00
#window>.dialog.popped{
border-radius: 6px;
}
.control,#system>div>div,.judges>div,.marks>div,
2017-01-22 09:06:24 +00:00
#arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty){
2015-06-27 16:21:25 +00:00
border-radius:4px;
2017-03-17 01:38:59 +00:00
overflow: hidden;
2015-06-27 16:21:25 +00:00
}
2017-01-24 14:45:08 +00:00
#arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty)>.card,
2017-03-17 01:38:59 +00:00
#arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty)>.card:not(.selected),
2017-01-22 09:06:24 +00:00
#arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty)>.card,
2017-03-17 01:38:59 +00:00
#arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty)>.card:not(.selected){
2016-06-25 10:42:22 +00:00
background: none !important;
}
2017-01-20 08:46:37 +00:00
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 {
2015-11-09 03:15:16 +00:00
border-radius: 4px;
}
2017-01-20 08:46:37 +00:00
#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;
}
2016-08-28 00:30:25 +00:00
.cardbg{
background-size: 100% 100% !important;
}
2015-06-27 16:21:25 +00:00
.card{
color:white;
}
2016-08-28 00:30:25 +00:00
.card:not(*:empty),.cardbg{
2015-06-27 16:21:25 +00:00
color:rgb(77, 60, 51);
text-shadow:none;
background: url('card.png');
2017-01-21 05:50:37 +00:00
background-size:100% 100%;
2015-06-27 16:21:25 +00:00
}
2015-11-29 11:46:51 +00:00
.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;*/
}
2015-11-24 15:44:21 +00:00
#me>div>div>.card,#arena>.card:not(*:empty){
2015-06-27 16:21:25 +00:00
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}
2015-11-09 03:15:16 +00:00
/*.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
);
}*/
2015-11-06 10:05:08 +00:00
2015-12-07 11:15:35 +00:00
.card:empty,.card.infohidden{
2015-11-30 13:08:29 +00:00
background: url('../style/cardback/image/official.png');
2017-11-28 04:44:38 +00:00
background-size: 100% 100%;
2015-11-30 13:08:29 +00:00
}
2015-12-20 04:34:31 +00:00
.card.infohidden:not(.infoflip){
background: url('../style/cardback/image/official2.png');
2017-11-28 04:44:38 +00:00
background-size: 100% 100%;
2015-12-20 04:34:31 +00:00
}
2015-11-30 13:08:29 +00:00
2017-04-15 08:45:53 +00:00
#system>div>.glow {
2015-12-01 05:46:28 +00:00
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;
}
2015-11-30 13:08:29 +00:00
2015-11-06 10:05:08 +00:00
.menupaused{
2016-08-28 00:30:25 +00:00
opacity: 0.3 !important;
2015-11-06 10:05:08 +00:00
}
2017-02-11 12:20:30 +00:00
.player .marks>div:first-child>div{
2023-08-19 16:40:34 +00:00
filter: invert(0.8) sepia(1);
2017-02-11 12:20:30 +00:00
-webkit-filter: invert(0.8) sepia(1);
}
2015-06-27 16:21:25 +00:00
.fire{
color: rgb(255,119,63);
}
.thunder{
color: rgb(117,186,255);
}
.poison{
color: rgb(104,221,127);
}
.brown{
color: rgb(195,161,223);
}
2017-01-20 05:34:31 +00:00
#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;
}
2017-02-17 05:05:49 +00:00
2017-11-13 12:05:05 +00:00
.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;
}
2017-02-17 05:05:49 +00:00
.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;
2023-08-19 16:40:34 +00:00
filter: blur(3px);
2017-02-17 05:05:49 +00:00
-webkit-filter: blur(3px);
}
2017-11-19 12:22:36 +00:00
.popup-container>.prompt-container>div>div{
background: rgba(0,0,0,0.6);
}
2017-04-03 01:54:19 +00:00
.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;
}
2017-04-05 02:31:25 +00:00
.popup-container>.menu.visual>.button.dashedmenubutton:not(.hpbutton){
width: 90px;
height: 90px;
}
2017-04-03 01:54:19 +00:00
.popup-container>.menu.visual>.button.dashedmenubutton.controlbutton{
height: 26px;
}
.popup-container>.menu.visual>.button.dashedmenubutton.controlbutton>div{
line-height: 26px;
}