Browse Source

added コロナ・色変更

KuniakiTakenaka 1 year ago
parent
commit
0fe0356ab6
3 changed files with 15 additions and 14 deletions
  1. 5
    3
      css/header_pc.css
  2. 2
    2
      css/style.css
  3. 8
    9
      index.html

+ 5
- 3
css/header_pc.css View File

291
     width: 710px;
291
     width: 710px;
292
     height: 40px;
292
     height: 40px;
293
     margin: 10px 10px 10px 0px;
293
     margin: 10px 10px 10px 0px;
294
-    background-color: #ffffff;
294
+    background-color: #53c2f5;
295
     /*background-image: url(img/kitagata_background.png);*/
295
     /*background-image: url(img/kitagata_background.png);*/
296
 }
296
 }
297
 article#coronainfolist {
297
 article#coronainfolist {
299
     display: block;
299
     display: block;
300
     margin: 5px 30px 5px 30px;
300
     margin: 5px 30px 5px 30px;
301
     padding: 5px 40px;
301
     padding: 5px 40px;
302
+    text-decoration: none;
303
+    color: #000000;
302
 }
304
 }
303
 
305
 
304
 div#coronainfolist {
306
 div#coronainfolist {
305
     position: relative;
307
     position: relative;
306
     display: block;
308
     display: block;
307
-    background-color: #f5cb53;
309
+    background-color: #53c2f5;
308
     text-decoration: none;    
310
     text-decoration: none;    
309
 }
311
 }
310
 
312
 
311
-div#coronainfolist a {
313
+article#coronainfolist a {
312
     text-decoration: none;
314
     text-decoration: none;
313
     color: #000000;
315
     color: #000000;
314
 }
316
 }

+ 2
- 2
css/style.css View File

146
             min-height: 32px;
146
             min-height: 32px;
147
             width: 90%;
147
             width: 90%;
148
             border-radius: 8px;
148
             border-radius: 8px;
149
-            background-color: #ffffff;
149
+            background-color: #53c2f5;
150
         }
150
         }
151
     
151
     
152
         .coronaInfoTitleWrap {
152
         .coronaInfoTitleWrap {
164
             border-radius: 2px;
164
             border-radius: 2px;
165
             padding: 0 4px;
165
             padding: 0 4px;
166
             height: 20px;
166
             height: 20px;
167
-            background-color: #f5cb53;
167
+            background-color: #53c2f5;
168
         }
168
         }
169
     
169
     
170
         .coronaInfoTitle__text {
170
         .coronaInfoTitle__text {

+ 8
- 9
index.html View File

218
   <!-- 地震・災害情報 -->
218
   <!-- 地震・災害情報 -->
219
   <div class="coronaInfo">
219
   <div class="coronaInfo">
220
     <div class="coronaInfoTitleWrap">
220
     <div class="coronaInfoTitleWrap">
221
-      <div class="coronaInfoTitle">
222
         <a class="linkNone" href="second/Vaccination.html">
221
         <a class="linkNone" href="second/Vaccination.html">
223
-          <span class="coronaInfoTitle__text">
224
-            ワクチンの接種についてはこちら
225
-          </span>
222
+          <div class="coronaInfoTitle">
223
+            <span class="coronaInfoTitle__text">
224
+              ワクチンの接種についてはこちら
225
+            </span>
226
+          </div>
226
         </a>
227
         </a>
227
-      </div>
228
     </div>
228
     </div>
229
   </div>
229
   </div>
230
 
230
 
3676
         <!--セクション 情報一覧-->
3676
         <!--セクション 情報一覧-->
3677
         <section id="coronainfolist">
3677
         <section id="coronainfolist">
3678
           <article id="coronainfolist">
3678
           <article id="coronainfolist">
3679
-            <div id="coronainfolist">
3680
               <a href="second/Vaccination.html">
3679
               <a href="second/Vaccination.html">
3681
-                ワクチンの接種についてはこちら
3680
+                <div id="coronainfolist">
3681
+                  ワクチンの接種についてはこちら
3682
+                </div>
3682
               </a>
3683
               </a>
3683
-              </span>
3684
-            </div>
3685
           </article>
3684
           </article>
3686
         </section>
3685
         </section>
3687
 
3686
 

Loading…
Cancel
Save