m3 page tsukutta

tsukareta
fade-in no tokoro naositahouga yoi

dtm/m3/AM0_00/css/common.css

@@ -1,38 +1,115 @@
 
 body {
     /*background-color: rgb(30, 28, 39);*/
-    background: linear-gradient(to top, rgb(36, 28, 39, 0.2) 0%, rgb(38, 45, 59) 100%);
+    background: linear-gradient(to top, rgba(12, 27, 66, 0.1) 0%, rgba(22, 12, 27, 0.5) 100%),url(../img/space.jpg);
 }
 
 p {
-    font-size: 16px;
+    font-size: 20px;
+    color: azure;
+    font-family: "Sawarabi Gothic", sans-serif;
+}
+
+p.logo {
+    margin-bottom: 0;
+    font-size: 22px;
     font-family: sans-serif;
-    color: aliceblue;
+}
+
+p.subtitle {
+    margin-bottom: 0;
+    font-size: 25px;
+    font-family: "Kokoro", sans-serif;
+}
+
+h1 {
+    color: azure;
+    font-size: 80px;
+    font-family: 'Big Shoulders Display', cursive;
 }
 
 h2 {
-    font-size: 32px;
+    color: azure;
+    font-size: 52px;
     font-family: sans-serif;
+    padding: 12px 0 0 8px ;
+    margin-bottom: 30px;
+    font-family: 'Julius Sans One', sans-serif;
+}
+
+h3 {
+    color: azure;
+    font-size: 40px;
+    margin-top: 40px;
+    font-family: 'Big Shoulders Display', cursive;
 }
 
-.section {
-    margin: 60px 0;
+.block {
+    margin: 100px 0;
 }
 
 table {
-    font-size: 16px;
+    font-size: 20px;
+    color: azure;
+    font-family: "Sawarabi Gothic", sans-serif;
+}
+
+th {
+    padding: 5px 0;
+}
+
+th.SoundTitle {
+    font-size: 30px;
+    width: 350px;
+}
+
+th.composer {
+    font-size: 30px;
+    width: 250px;
 }
 
 td {
     padding-right: 20px;
+    padding-top: 2px;
 }
 
 div.event_title {
-    padding: 400px 0;
+    padding: 180px 0 100px;
     text-align: center;
 
 }
 
 img {
     max-width: 100%;
+}
+
+img.sofmelogo {
+    height: 60px;
+    float: left;
+}
+
+div.soundcloud {
+    padding: 20px 0 10px;
+}
+
+div.head2-wrap {
+    background: linear-gradient(to right, rgba(15, 73, 218, 0.4) 0%, rgba(114, 67, 126, 0) 90%);
+}
+
+div.Disc {
+    overflow: hidden;
+    padding-top: 40px;
+    min-width: 300px;
+}
+
+div.staff-wrap {
+    margin: auto;
+    text-align: center;
+}
+
+div.logo {
+    padding-left: 10px;
+    position: fixed;
+    z-index: 1;
+    width: 300px;
 }

dtm/m3/AM0_00/css/fadein.css

@@ -17,24 +17,24 @@
   @-webkit-keyframes fid {
     0% {
       opacity: 0;
-      -webkit-transform: translateY(-20px);
+      -webkit-transform: translateX(20px);
     }
     100% {
       opacity: 1;
-      -webkit-transform: translateY(0);
+      -webkit-transform: translateX(0);
     }
   }
   @keyframes fid {
     0% {
       opacity: 0;
-      -webkit-transform: translateY(-20px);
-      -ms-transform: translateY(-20px);
-      transform: translateY(-20px);
+      -webkit-transform: translateX(20px);
+      -ms-transform: translateX(20px);
+      transform: translateX(20px);
     }
     100% {
       opacity: 1;
-      -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-      transform: translateY(0);
+      -webkit-transform: translateX(0);
+      -ms-transform: translateX(0);
+      transform: translateX(0);
     }
   }

dtm/m3/AM0_00/css/footer.css

@@ -3,10 +3,11 @@ footer {
     text-align: center;
     overflow: hidden;
     /*background-image: url(../img/background.jpg);*/
-    background: linear-gradient(to top, rgba(104, 31, 104, 0.7) 0%, rgba(128, 212, 221, 0.7) 40%),url(../img/background.jpg);
+    background: linear-gradient(to top, rgba(104, 31, 104, 0.70) 0%, rgba(82, 195, 207, 0.7) 50%),url(../img/background.jpg);
     background-size: cover;
     background-attachment: fixed;
     padding: 100px 0px;
+    margin-top: 150px;
 }
 
 div.icon_wrap {
@@ -17,12 +18,13 @@ div.icon_wrap {
 p.footer {
     color: white;
     font-size: 18px;
-    margin: 10px 0;
+    margin: 10px 0 20px;
+    clear: left;
 }
 
 a.icon {
     float: left;
-    padding: 16px;
+    padding: 20px 16px;
 }
 
 img.icon_link:hover {