Template:少女前线信息/styles.css：修订间差异

2026年5月8日 (五) 15:59的版本

.gf-infobox {
    float: right !important;
    clear: right !important;
    margin: 1em 0 1em 1em !important;
    border: 1px solid #D0D0D0 !important;
    width: 280px !important;
    padding: 1px 4px !important;
    background-color: #FAFAFA !important;
    color: #222222 !important;
    font-size: 90% !important;
}

.gf-infobox .gf-title {
    margin: 3px 0;
    padding: 0.5em;
    background-color: #000;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

.gf-infobox .gf-image-container {
    margin: 3px 0;
    text-align: center;
    color: #888;
    padding: 0;
}

.gf-infobox .gf-section {
    margin: 3px 0;
    padding: 0.2em;
    background-color: #303030;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.gf-infobox .gf-row {
    display: flex;
    margin: 3px 0;
}

.gf-infobox .gf-label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 5em;
    padding: 2px 5px;
    background-color: #454545;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.gf-infobox .gf-value {
    padding: 2px 2px 2px 7px;
    flex: 1;
}

.gf-infobox .infobox-image {
    max-width: 100%;
    height: auto;
}

@@ 第1行： / 第1行： @@
 .gf-infobox {
-     float: right;
+     float: right !important;
-     clear: right;
+     clear: right !important;
-     margin: 1em 0 1em 1em;
+     margin: 1em 0 1em 1em !important;
-     border: 1px solid #D0D0D0;
+     border: 1px solid #D0D0D0 !important;
-     width: 280px;
+     width: 280px !important;
-     padding: 1px 4px;
+     padding: 1px 4px !important;
-     background-color: #FAFAFA;
+     background-color: #FAFAFA !important;
-     color: #222222;
+     color: #222222 !important;
-     font-size: 90%;
+     font-size: 90% !important;
 }
@@ 第26行： / 第26行： @@
      color: #888;
      padding: 0;
-}
-.gf-infobox .gf-image-container img {
-    max-width: 100%;
-    height: auto;
 }
@@ 第64行： / 第59行： @@
 }
-.gf-infobox .gf-single {
+.gf-infobox .infobox-image {
-     margin: 3px 0;
+     max-width: 100%;
-     padding: 0 2px 0 7px;
+     height: auto;
 }
-.gf-infobox .gf-bottom {
-    text-align: center;
-    font-size: 90%;
-}
-.gf-rarity-2 { color: #777; }
-.gf-rarity-3 { color: #33566f; }
-.gf-rarity-4 { color: #7b813f; }
-.gf-rarity-5 { color: #a7753b; }
-.gf-rarity-6 { color: #ad4229; }