Merge pull request #260 from su-u/master

m3_2019秋ページ公開

css/custom.css

@@ -543,7 +543,6 @@ a.multi-linkColor:hover {
 /* pタグ */
 
 p {
-    margin-left: 20px;
     margin-right: 20px;
 }
 

dtm/m3/AM0_00/css/assets/reset.css

@@ -0,0 +1,102 @@
+/* 
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com 
+Twitter: @rich_clark
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+body {
+    line-height:1;
+}
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section { 
+    display:block;
+}
+
+nav ul {
+    list-style:none;
+}
+
+blockquote, q {
+    quotes:none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content:'';
+    content:none;
+}
+
+a {
+    margin:0;
+    padding:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+/* change colours to suit your needs */
+ins {
+    background-color:#ff9;
+    color:#000;
+    text-decoration:none;
+}
+
+/* change colours to suit your needs */
+mark {
+    background-color:#ff9;
+    color:#000; 
+    font-style:italic;
+    font-weight:bold;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+    border-bottom:1px dotted;
+    cursor:help;
+}
+
+table {
+    border-collapse:collapse;
+    border-spacing:0;
+}
+
+/* change border colour to suit your needs */
+hr {
+    display:block;
+    height:1px;
+    border:0;   
+    border-top:1px solid #cccccc;
+    margin:1em 0;
+    padding:0;
+}
+
+input, select {
+    vertical-align:middle;
+}

dtm/m3/AM0_00/css/common.css

@@ -0,0 +1,115 @@
+
+body {
+    /*background-color: rgb(30, 28, 39);*/
+    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: 20px;
+    color: azure;
+    font-family: "Sawarabi Gothic", sans-serif;
+}
+
+p.logo {
+    margin-bottom: 0;
+    font-size: 22px;
+    font-family: sans-serif;
+}
+
+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 {
+    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;
+}
+
+.block {
+    margin: 100px 0;
+}
+
+table {
+    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: 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

@@ -0,0 +1,40 @@
+
+.section {
+    visibility:hidden;
+}
+
+.section.fade-in {
+    -webkit-animation-fill-mode: both;
+    -ms-animation-fill-mode: both;
+    animation-fill-mode: both;
+    -webkit-animation-duration: 1s;
+    -ms-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-name: fid;
+    animation-name: fid;
+    visibility: visible !important;
+  }
+  @-webkit-keyframes fid {
+    0% {
+      opacity: 0;
+      -webkit-transform: translateX(20px);
+    }
+    100% {
+      opacity: 1;
+      -webkit-transform: translateX(0);
+    }
+  }
+  @keyframes fid {
+    0% {
+      opacity: 0;
+      -webkit-transform: translateX(20px);
+      -ms-transform: translateX(20px);
+      transform: translateX(20px);
+    }
+    100% {
+      opacity: 1;
+      -webkit-transform: translateX(0);
+      -ms-transform: translateX(0);
+      transform: translateX(0);
+    }
+  }

dtm/m3/AM0_00/css/footer.css

@@ -0,0 +1,33 @@
+
+footer {
+    text-align: center;
+    overflow: hidden;
+    /*background-image: 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 {
+    width: 160px;
+    margin: auto;
+}
+
+p.footer {
+    color: white;
+    font-size: 18px;
+    margin: 10px 0 20px;
+    clear: left;
+}
+
+a.icon {
+    float: left;
+    padding: 20px 16px;
+}
+
+img.icon_link:hover {
+    transition-duration:0.3s;
+    opacity: 0.8;
+}

dtm/m3/AM0_00/css/unify.css

@@ -0,0 +1,9 @@
+
+/* assets */
+@import url("assets/reset.css");
+@import url("assets/bootstrap.min.css");
+
+/* css */
+@import url("common.css");
+@import url("fadein.css");
+@import url("footer.css");