模板:Navbox/shared/styles.css：修订间差异

2024年12月26日 (四) 22:12的最新版本

.navbox {
	display: table;
    overflow: visible;
    width: 100%;
    text-align: left;
    line-height: 1.5em;
}

.navbox tr td {
    box-sizing: border-box;
    padding: 4px 10px;
}

.navbox-header {
	background: linear-gradient(90deg, #750800, #ba0000);
	color: var(--color-Dic-Title);
	font-size: 1.05em;
	padding: 0 10px;
	text-align: center;
	font-weight: bolder;
}

.navbox-bar {
	text-align:center;
	min-width:6em;
	font-weight: bold;
	border-right: 1px solid var(--color-Dic-Theme);
	border-top: 1px dotted var(--color-surface-4);
	text-align: right;
}

.navbox-page {
	border-top: 1px dotted var(--color-surface-4);
}

.navbox-header, .navbox-header+tr td {
	border-top: none;
}

@@ 第4行： / 第4行： @@
      width: 100%;
      text-align: left;
-     line-height: 1.3em;
+     line-height: 1.5em;
 }
-.navbox tr {
+.navbox tr td {
-    display: flex;
      box-sizing: border-box;
-    flex-direction: column;
+     padding: 4px 10px;
-     padding: 0 10px;
-}
-.navbox-icon {
-    border-top: 2px solid;
-    border-color: var(--border-color-base);
-    color: var(--color-base--emphasized);
-    font-size: 1.5em;
-    font-weight: bold;
-    text-shadow: 0 0 10px var(--color-Infobox-Title);/*#f5e56f;*/
-    vertical-align: middle;
-}
-.navbox-icon img {
-    width: 40px;
-    height: 40px;
-    margin: 8px 30px 8px 15px;
 }
 .navbox-header {
-    /*width: 25%;*/
+	background: linear-gradient(90deg, #750800, #ba0000);
-    border-top: 1px solid;
+	color: var(--color-Dic-Title);
-    border-color: var(--border-color-base);
+	font-size: 1.05em;
-	background: linear-gradient(135deg, #d8dbe3, transparent 15%);
+	padding: 0 10px;
-	border-radius: 4px 0 0 4px;
+	text-align: center;
-    color: var(--color-base--emphasized);
+	font-weight: bolder;
-    font-size: 1em;
-    font-weight: bold;
 }
-.navbox-data td {
+.navbox-bar {
-	/*text-align: right;*/
+	text-align:center;
-	margin-left: auto;
+	min-width:6em;
-	width: 90%;
+	font-weight: bold;
-	background-color: transparent;
+	border-right: 1px solid var(--color-Dic-Theme);
-	font-size: 0.875em;
+	border-top: 1px dotted var(--color-surface-4);
+	text-align: right;
 }
-#portrait-image img {
+.navbox-page {
-    width: auto;
+	border-top: 1px dotted var(--color-surface-4);
-    height: auto;
-    max-height: 500px;
-    max-width: calc(100% - 20px);
 }
-.navbox-rotate {
+.navbox-header, .navbox-header+tr td {
-	transform: rotate(180deg);
+	border-top: none;
 }