equip

layout/mobile/equip.css

@@ -1,3 +1,4 @@
+#arena.textequip .player[data-position='0'] .equips,
 .player:not([data-position='0']) .equips,
 #arena.chess .player .equips{
 	width:120px;
@@ -17,6 +18,7 @@
 	transform:scale(0.73);
 	transform-origin:bottom left;
 }
+#arena.textequip .player[data-position='0'] .equips>.card,
 .player:not([data-position='0']) .equips>.card,
 #arena.chess .player .equips>.card{
 	position:relative;
@@ -25,11 +27,6 @@
 	line-height:22px;
 	margin-top:0;
 	margin-bottom:0;
-	background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
-			linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
-	box-shadow:none;
-	color:white;
-	text-shadow:black 0 0 2px;
 	animation: card_start2x 0.5s;
 	-webkit-animation: card_start2x 0.5s;
 	display:block;
@@ -37,26 +34,37 @@
 	top:0;
 	transition:all 0.5s;
 
+	color:white;
 	border-radius:0;
+	text-shadow:black 0 0 2px;
+}
+.player:not([data-position='0']) .equips>.card,
+#arena.chess .player .equips>.card{
 	border-width: 1px 0 0;
 	border-style:solid;
 	border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
+	background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
+			linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
+	box-shadow:none;
 }
+#arena.textequip .player[data-position='0'] .equips>.card>.image,
 .player:not([data-position='0']) .equips>.card>.image,
 #arena.chess .player .equips>.card>.image{
 	display:none;
 }
 
-
+#arena.textequip .player[data-position='0'].unseen .equips>.card,
 .player:not([data-position='0']).unseen .equips>.card,
 #arena.chess .player.unseen .equips>.card{
 	background:none;
 	/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
 }
+#arena.textequip .player[data-position='0'].unseen .equips>.card,
 .player:not([data-position='0']).unseen .equips>.card,
 #arena.chess .player.unseen .equips>.card{
 	border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
 }
+#arena.textequip .player[data-position='0'].unseen .equips>.card:first-child,
 .player:not([data-position='0']).unseen .equips>.card:first-child,
 #arena.chess .player.unseen .equips>.card:first-child{
 	border-image:linear-gradient(transparent,transparent);
@@ -70,38 +78,50 @@
 	border-style:solid;
 	border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
 }
+#arena.textequip .player[data-position='0'] .equips>.card.selected{
+	background:linear-gradient(rgba(0, 133, 255,0.6),rgba(0, 133, 255,0.5)) !important;
+	box-shadow: rgba(0,0,0,0.4) 0 1px 0 0 !important;
+}
+#arena.textequip .player[data-position='0'] .equips>.card.fire,
 .player:not([data-position='0']) .equips>.card.fire,
 #arena.chess .player .equips>.card.fire{
 	color: rgb(255,119,63);
 }
+#arena.textequip .player[data-position='0'] .equips>.card.thunder,
 .player:not([data-position='0']) .equips>.card.thunder,
 #arena.chess .player .equips>.card.thunder{
 	color: rgb(117,186,255);
 }
+#arena.textequip .player[data-position='0'] .equips>.card.poison,
 .player:not([data-position='0']) .equips>.card.poison,
 #arena.chess .player .equips>.card.poison{
 	color: rgb(104,221,127);
 }
+#arena.textequip .player[data-position='0'] .equips>.card.brown,
 .player:not([data-position='0']) .equips>.card.brown,
 #arena.chess .player .equips>.card.brown{
 	color: rgb(195,161,223);
 }
 
-
+#arena.textequip .player[data-position='0'] .equips>.card>.background,
 .player:not([data-position='0']) .equips>.card>.background,
 #arena.chess .player .equips>.card>.background{
 	display:none !important;
 }
+#arena.textequip .player[data-position='0'] .equips>.card>.name2,
 .player:not([data-position='0']) .equips>.card>.name2,
 #arena.chess .player .equips>.card>.name2{
 	display:block;
 	margin-left:5px;
 }
+#arena.textequip .player[data-position='0'] .equips>.card>div,
 .player:not([data-position='0']) .equips>.card>div,
 #arena.chess .player .equips>.card>div{
 	animation:none !important;
 	-webkit-animation:none !important;
 }
+#arena.textequip .player[data-position='0'] .equips>.card>.name,
+#arena.textequip .player[data-position='0'] .equips>.card>.info,
 .player:not([data-position='0']) .equips>.card>.name,
 .player:not([data-position='0']) .equips>.card>.info,
 #arena.chess .player .equips>.card>.name,
@@ -109,19 +129,22 @@
 	display:none !important;
 }
 
-
+#arena.textequip .player[data-position='0'] .equips>.removing,
 .player:not([data-position='0']) .equips>.removing,
 #arena.chess .player .equips>.removing{
 	margin-top:-12px !important;
 	margin-bottom:-11px !important;
 	transform:scale(1);
 }
+
+#arena.textequip .player[data-position='0'] .equips>.removing+.removing,
 .player:not([data-position='0']) .equips>.removing+.removing,
 #arena.chess .player .equips>.removing+.removing{
 	margin-top:-23px !important;
 }
 
 
+#arena.textequip .player[data-position='0'].linked .equips,
 .player:not([data-position='0']).linked .equips,
 #arena.chess .player.linked .equips{
 	transform:rotate(90deg) translate(-152px,-6px);
@@ -145,3 +168,16 @@
 #arena.chess .player.linked .identity{
 	transform:rotate(90deg);
 }
+
+#arena.textequip .player[data-position='0'] .equips>.card{
+	border-radius: 0px !important;
+	left:0 !important;
+	right: auto !important;
+	top:0 !important;
+	bottom: auto !important;
+	position: relative !important;
+	height: 20% !important;
+
+	background:none !important;
+	box-shadow: rgba(0,0,0,0.4) 0 1px 0 0;
+}

theme/woodden/style.css

@@ -64,6 +64,27 @@ html{
 #arena.mobile:not(.chess) .player[data-position='0'] .equips,.playerbg{
 	background: url('wood.jpg');
 }
+#arena.textequip .player[data-position='0'] .equips>.card{
+	background: url('wood.jpg') !important;
+	color:rgb(77, 60, 51) !important;
+	text-shadow: none;
+	box-shadow: rgba(0,0,0,0.4) 1px 0 0 1px;
+}
+#arena.textequip .player[data-position='0'] .equips>.card:first-child{
+	box-shadow: rgba(0,0,0,0.4) 0 1px 0 0;
+}
+#arena.textequip .player[data-position='0'] .equips>.card.selected{
+	background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1)) !important;
+	color: white !important;
+	box-shadow: rgba(0,0,0,0.4) 1px 0 0 1px !important;
+}
+#arena.textequip .player[data-position='0'] .equips>.card.selected:first-child{
+	box-shadow: rgba(0,0,0,0.4) 0 1px 0 0 !important;
+}
+#arena.textequip .player[data-position='0'] .equips>.card>.name2{
+	transition: opacity 0.5s, color 0s;
+}
+
 .control,#system>div>div,.menubutton,#system>div>.pressdown2{
 	background: url('wood2.jpg');
 	color:rgba(77, 60, 51,0.8);