noname/layout/mobile/layout.css

342 lines
9.7 KiB
CSS
Raw Normal View History

2015-10-31 10:14:14 +00:00
@import "../newlayout/global.css";
@import "equip.css";
#arena{
2015-10-31 16:18:20 +00:00
height: calc(95% + 20px);
2016-08-28 00:30:25 +00:00
}
2017-01-20 07:33:09 +00:00
#arena.oblongcard:not(.chess):not(.nome){
height: 95%;
}
#arena.oblongcard:not(.chess):not(.nome) #me,
#arena.oblongcard:not(.chess):not(.nome) #mebg{
height: 140px;
bottom: 10px;
}
2016-08-28 00:30:25 +00:00
#historybar{
height: calc(95% - 160px);
}
2017-03-25 09:34:35 +00:00
#window.oblongcard #historybar{
height: calc(95% - 180px);
}
2015-10-31 10:14:14 +00:00
#control{
2015-11-04 01:59:00 +00:00
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
2015-10-31 16:18:20 +00:00
bottom:150px;
2015-10-31 10:14:14 +00:00
height: 40px;
}
#arena:not(.chess)>#me,
2016-07-01 03:09:23 +00:00
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
2015-10-31 16:18:20 +00:00
bottom:30px;
2015-10-31 10:14:14 +00:00
width: calc(5000% / 47);
left:calc(-150% / 47);
top:auto;
2016-02-01 09:32:18 +00:00
border-radius:0 !important;
2015-10-31 10:14:14 +00:00
height:120px;
}
2016-08-29 11:00:45 +00:00
#arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
}
2016-08-28 00:30:25 +00:00
#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode,
#window.leftbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47);
}
2016-08-29 11:00:45 +00:00
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
2016-08-28 00:30:25 +00:00
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode,
#window.rightbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47);
}
2016-08-29 11:00:45 +00:00
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px);
}
2015-10-31 10:14:14 +00:00
#arena:not(.chess) #handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
2015-11-01 07:54:42 +00:00
}
#arena:not(.chess):not(.single-handcard) #handcards1{
2015-10-31 10:14:14 +00:00
width:calc(100% - 240px);
left:120px;
}
#handcards2{
display:none;
}
2015-11-21 13:23:23 +00:00
/*#arena:not(.chess) .player[data-position='0']>.playerjiu{
width: 120px;
border-radius: 0px;
}*/
2015-12-30 04:00:49 +00:00
#arena:not(.chess) .player[data-position='0'].playerfocus{
transform: scale(1);
}
2017-01-20 08:46:37 +00:00
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
2015-11-04 01:59:00 +00:00
width: 45px;
height: 45px;
2015-10-31 10:14:14 +00:00
margin: 0;
2015-11-04 01:59:00 +00:00
border-radius: 4px;
2015-10-31 10:14:14 +00:00
position: absolute;
}
2017-01-20 08:46:37 +00:00
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name{
display: block;
transform: scale(0.43) !important;
transform-origin: left top;
left: 2px;
top: 3px;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name.long{
top: 2px;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.info{
display: block;
transform: scale(0.43) !important;
transform-origin: right top;
right: 3px;
top: 3px;
}
/*#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
height: 54px;
}
#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 120%;
height: 100%;
left: -20%;
top: 0%;
}*/
2016-08-07 09:38:27 +00:00
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.legend{
border: 1px solid rgb(192, 90, 255);
}
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.epic{
border: 1px solid rgb(90, 171, 255);
}
2017-01-20 08:46:37 +00:00
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5{
border-radius: 100%;
2015-11-04 01:59:00 +00:00
}
2015-10-31 10:14:14 +00:00
#arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47);
left:calc(-150% / 47);
height: 120px;
2015-10-31 16:18:20 +00:00
top: calc(100% - 150px);
2015-10-31 10:14:14 +00:00
background: none !important;
2016-01-13 05:44:24 +00:00
border:none !important;
2016-01-24 08:34:21 +00:00
border-radius: 0 !important;
2015-10-31 10:14:14 +00:00
pointer-events: none;
}
2017-02-13 08:51:00 +00:00
#arena:not(.chess) .player[data-position='0']>.turned{
width: 120px;
}
2017-02-13 06:09:07 +00:00
#arena:not(.chess) .player[data-position='0']>.chain{
width: 120px
}
2017-01-20 07:33:09 +00:00
#arena.oblongcard:not(.chess) .player[data-position='0']{
2017-01-20 09:40:20 +00:00
height: 140px;
2017-01-20 07:33:09 +00:00
}
2016-01-24 16:07:47 +00:00
#arena:not(.chess) .player[data-position='0'].linked>.damage{
transform:scale(0.7) rotate(0);
}
#arena:not(.chess) .player[data-position='0'].linked>.damage.damageadded{
transform:scale(1) rotate(0);
}
2016-01-24 08:34:21 +00:00
#arena:not(.chess) .player[data-position='0']:not(.selected):not(.selectedx):not(.selectable):not(.glow){
2015-10-31 10:14:14 +00:00
box-shadow: none !important;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
2015-11-04 01:59:00 +00:00
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
2015-10-31 10:14:14 +00:00
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
width:120px;
2017-01-20 07:33:09 +00:00
height:100%;
2015-10-31 10:14:14 +00:00
border-radius:0px !important;
top:0;
left:0;
2015-11-05 02:34:35 +00:00
transition-property: opacity,transform;
transition-duration: 0.5s;
2015-10-31 10:14:14 +00:00
pointer-events: auto;
2017-03-20 03:03:38 +00:00
/*-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 180px, -10px 180px);*/
2017-03-17 07:41:04 +00:00
}
2017-03-20 03:03:38 +00:00
/*#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
2017-03-20 01:35:54 +00:00
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
-webkit-clip-path: none;
2017-03-20 03:03:38 +00:00
}*/
2015-12-15 05:13:47 +00:00
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.identity{
pointer-events: auto;
}
2015-11-01 07:54:42 +00:00
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.judges,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.marks{
pointer-events: auto;
}
2015-10-31 10:14:14 +00:00
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
left:calc(100% - 120px);
}
#arena:not(.chess) .player[data-position='0']>.equips>.equip1{top: 10px;left: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip2{top: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip3{bottom: 10px;left: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip4{bottom: 10px;right: 10px;}
2019-07-20 14:58:35 +00:00
#arena:not(.chess) .player[data-position='0']>.equips>.equip6{bottom: 10px;right: 10px;}
2015-10-31 10:14:14 +00:00
2015-12-04 04:43:06 +00:00
#arena:not(.chess) .player[data-position='0']>.name,
#arena:not(.chess) .player[data-position='0'].linked>.name{
2015-10-31 10:14:14 +00:00
left:4px;
2015-11-25 12:34:54 +00:00
top:10px;
2015-12-04 04:43:06 +00:00
transform: none;
2015-10-31 10:14:14 +00:00
}
2016-03-31 06:00:53 +00:00
#arena:not(.chess) .player[data-position='0']>.nameol{
display: none;
}
2015-12-04 04:43:06 +00:00
#arena:not(.chess) .player[data-position='0']>.name.name2,
#arena:not(.chess) .player[data-position='0'].linked>.name.name2{
2015-11-30 13:08:29 +00:00
left:69px;
}
2015-10-31 10:14:14 +00:00
#arena:not(.chess) .player[data-position='0']>.identity{
left: 106px;
top: -8px;
}
#arena:not(.chess) .player[data-position='0']>.damage{
width: 120px;
}
#arena:not(.chess) .player[data-position='0'].target{
transform:none !important;
}
#arena:not(.chess) .player[data-position='0']>.hp:not(.actcount){
bottom: 5px;
left: 100px;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.count{
bottom:10px;
2015-12-01 05:46:28 +00:00
border-radius: 0 2px 2px 0;
left:-1px;
z-index: 3;
text-align: right;
2015-10-31 10:14:14 +00:00
}
2015-11-30 17:37:10 +00:00
#arena:not(.chess).slim_player .player[data-position='0']:not(.minskin)>.count{
border-radius: 0 2px 2px 0;
2015-12-01 05:46:28 +00:00
left:-1px;
2015-11-30 17:37:10 +00:00
z-index: 3;
text-align: right;
}
2015-11-01 07:54:42 +00:00
#arena:not(.chess) .player[data-position='0']>.hp.actcount{
top:10px;
left:2px;
}
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar,
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
width:60px;
background-position:50%;
}
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
left:60px;
top:0;
z-index:1;
}
.popup[data-position='0']{
top:calc(100% - 187px);
left:calc(-150% / 47 + 15px);
}
#arena:not(.chess) .player[data-position='0']>.judges{
2017-02-09 05:59:59 +00:00
left: 6px;
top: -16px;
2017-02-09 06:23:29 +00:00
transform: none;
2015-11-01 07:54:42 +00:00
}
#arena:not(.chess) .player[data-position='0']>.marks {
2017-02-09 05:59:59 +00:00
right: -6px;
2015-11-01 07:54:42 +00:00
left:auto;
2017-02-09 05:59:59 +00:00
top: -16px;
transform: none;
2015-11-01 07:54:42 +00:00
}
2015-10-31 10:14:14 +00:00
#arena:not(.chess) .player[data-position='0'].linked{
transform: none;
}
2015-11-04 01:59:00 +00:00
#arena:not(.chess) .player[data-position='0'].linked .avatar,
#arena:not(.chess) .player[data-position='0'].linked .avatar2{
2015-10-31 10:14:14 +00:00
transform: rotate(-90deg);
}
2015-11-04 01:59:00 +00:00
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar{
transform-origin: right center;
}
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar2{
transform-origin: left center;
}
2015-10-31 10:14:14 +00:00
.dialog{
2015-10-31 16:18:20 +00:00
height:calc(100% - 370px);
bottom:170px;
}
.dialog.fullheight {
height: calc(100% - 123px) !important;
top: 40px !important;
2015-10-31 10:14:14 +00:00
}
2015-12-01 05:46:28 +00:00
#me>.fakeme.avatar{
width:120px;
2017-01-20 14:17:25 +00:00
height:100%;
2015-12-01 05:46:28 +00:00
border-radius:0px;
top:0;
left:0;
background-size:cover;
2019-06-07 03:46:13 +00:00
clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
2017-04-13 16:33:41 +00:00
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
2015-12-01 05:46:28 +00:00
}
2017-01-22 03:22:02 +00:00
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px;
}
2017-01-20 08:46:37 +00:00
2017-01-20 09:40:20 +00:00
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip1,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip2{
top:20px;
}
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip3,
2019-07-20 14:58:35 +00:00
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip4,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip6{
2017-01-20 09:40:20 +00:00
bottom:20px;
}
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position='0'] .equips>.removing{
margin-top:-14px !important;
margin-bottom:-14px !important;
transform:scale(1);
}
2017-01-20 08:46:37 +00:00
#arena.mobile.oblongcard:not(.chess) #handcards1{
height: 100%;
top: 2px;
}
#arena.mobile.oblongcard:not(.chess)>.card,
#arena.mobile.oblongcard:not(.chess) .handcards>.card{
height: 120px;
}
2017-01-20 09:40:20 +00:00
#arena.mobile.oblongcard:not(.chess)>.card>.image,
#arena.mobile.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px;
2017-04-13 16:33:41 +00:00
top: 8px;
2017-01-20 09:40:20 +00:00
background-position-x: -3px;
2017-01-20 08:46:37 +00:00
}
2017-02-09 08:38:51 +00:00
#arena.phone.oblongcard:not(.chess):not(.nome){
height: calc(97% + 10px);
}