Browse Source

[update]

季節ごとの線を修正
furutaNaoki 1 year ago
parent
commit
351967a354

+ 18
- 6
css/kitagata_creature_encyclopedia.css View File

7
     width: 100%;
7
     width: 100%;
8
 }
8
 }
9
 
9
 
10
-.seasonalCreatures_title {
11
-    margin-bottom: 16px;
12
-}
13
-
14
-.seasonalCreatures_title::before {
10
+.seasonalCreaturesTitleBar {
15
     content: '';
11
     content: '';
16
     width: 94%;
12
     width: 94%;
17
     height: 4px;
13
     height: 4px;
18
     display: inline-block;
14
     display: inline-block;
19
-    background-color: gray;
15
+    background-color: #F0F0F0;
20
     position: absolute;
16
     position: absolute;
21
     top: 148px;
17
     top: 148px;
22
 }
18
 }
23
 
19
 
20
+.seasonalCreaturesTitleBar::after {
21
+    content: '';
22
+    width: 20px;
23
+    height: 20px;
24
+    border-radius: 50%;
25
+    display: inline-block;
26
+    background-color: #F0F0F0;
27
+    position: absolute;
28
+    top: -8px;
29
+    right: -4px;
30
+}
31
+
32
+.seasonalCreatures_title {
33
+    margin-bottom: 16px;
34
+}
35
+
24
 .seasonalCreatures_titleText {
36
 .seasonalCreatures_titleText {
25
     font-size: 24px;
37
     font-size: 24px;
26
     font-weight: bold;
38
     font-weight: bold;

+ 1
- 0
second/kitagata_creature_encyclopedia.html View File

288
             <p>生き物の詳細ページに飛ぶよ!</p>
288
             <p>生き物の詳細ページに飛ぶよ!</p>
289
           </div>
289
           </div>
290
 
290
 
291
+          <div class="seasonalCreaturesTitleBar"></div>
291
           <div class="seasonalCreatures_block">
292
           <div class="seasonalCreatures_block">
292
             <div class="seasonalCreatures_title">
293
             <div class="seasonalCreatures_title">
293
               <span class="seasonalCreatures_titleText">春の生き物</span>
294
               <span class="seasonalCreatures_titleText">春の生き物</span>

Loading…
Cancel
Save