css无意义的小调整

Mapaler · Aug 4, 2023 · a001073 · a001073
1 parent 8ee9fe6
commit a001073
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 31 deletions.
diff --git a/style-monsterimages.css b/style-monsterimages.css
@@ -1140,39 +1140,10 @@
 	background-position-x: -32px;
 }
 /*潜在觉醒*/
-.latent-icon{
-	background: rgba(33,28,21,0.5);
-	border: 2px ridge rgba(82,82,60,0.5);
-	box-shadow:inset 0 2px 1px -1px rgba(0,0,0,0.5);
-	border-radius: 5px;
-	box-sizing: border-box;
-	display: flex;
-	flex-direction: row;
-	justify-content: center; /*从下往上*/
-	align-items: center; /*靠右*/
-}
-.latent-icon::before,
-.latent-icon::after
-{
-	margin: -2px;
-	display: inline-block;
-	width: 32px;
-	height: 32px;
-	background-image: url(images/icon-latent.png);
-	background-repeat: no-repeat;
-}
-.latent-icon::before{
-	content: "";
-}
 /*7格开始没有id的，显示锁*/
 .latent-ul>.latent-icon:nth-of-type(n+7):not([data-latent-icon]):before {
 	background-position-x: -32px;
 }
-.latent-icon[data-latent-icon]{
-	background: linear-gradient(#4499EE 33%,  #2277EE 80%);
-	border-color: #CCEEFF;
-	box-shadow: black 1px 1px 1px,black 0px 1px 1px inset;
-}
 .latent-icon[data-latent-icon]::before{
 	background-position-x: 0;
 }

diff --git a/style.css b/style.css
@@ -1179,6 +1179,39 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
 .team-assist-awoken .member-awoken{
 	transition: transform 0.4s ease-in-out;
 }
+
+.latent-icon{
+	border-width: 2px;
+	border-style: ridge;
+	border-radius: 5px;
+	border-color: rgba(82,82,60,0.5);
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+}
+.latent-icon::before,
+.latent-icon::after
+{
+	margin: -2px;
+	width: 32px;
+	height: 32px;
+	background-image: url(images/icon-latent.png);
+	background-repeat: no-repeat;
+}
+.latent-icon::before{
+	content: "";
+}
+.latent-icon:not([data-latent-icon]){
+	background-color: rgba(33,28,21,0.5);
+	box-shadow:inset 1px 2px 1px -1px rgba(0,0,0,0.5);
+}
+.latent-icon[data-latent-icon]{
+	background-image: linear-gradient(#4499EE 33%,  #2277EE 80%);
+	border-color: #CCEEFF;
+	box-shadow: black 1px 2px 1px -1px inset, black 1px 1px 1px 0;
+}
 /*队伍的潜觉*/
 .team-latents .latents{
 	width: var(--head-block-width);
@@ -1190,10 +1223,9 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
 	transform: scale(0.65);
 	transform-origin: left top;
 	margin-left: 4px;
-	margin-bottom: calc(-64px * (1 - 0.65) + 1px);
+	margin-bottom: calc( -64px * (1 - 0.65) + 1px);
 	/*margin: calc(-64px * (1 - 0.63) / 2 + 3px) calc((108px - 152px) / 2);*/
 	/*-152 * (1 - 0.63) + 108 - 152 * 0.63，化简为108 - 152*/
-	min-height: 47px; /* 为了防止只有一层6格大潜觉的时候，被缩减太多的问题*/
 	/*潜在觉醒布局，使用 gird*/
 	display: grid;
 	grid-template: repeat(2, 32px) / repeat(3, 32px);