diff --git a/2020-ryusei/index.html b/2020-ryusei/index.html index b36b6be..15f924f 100644 --- a/2020-ryusei/index.html +++ b/2020-ryusei/index.html @@ -37,7 +37,7 @@
- + diff --git a/2020-ryusei/skip.css b/2020-ryusei/skip.css index d6df101..92ee624 100644 --- a/2020-ryusei/skip.css +++ b/2020-ryusei/skip.css @@ -1,33 +1,96 @@ -body{background-color:#FFFFCC; -background-image: url(skip_back.PNG); -background-position: right bottom; -background-repeat: no-repeat; -background-attachment: fixed;} - -h1{text-align: center;font-size: 3em;font-weight: bold;} - -h2{text-align:center; font-size:2em;font-weight:bold;} - -.midasi{font-size:4em; text-align:center;text-shadow: 1px 1px 2px silver; font-weight: bold; margin:10px; padding:10px;border:5px solid black; -background: linear-gradient(45deg, #6cb8ff, #fff66c, #ffa36c); } - -div.maintext {text-align: center; border: ridge 2px;} - -.mainbox { display: table; width: 70%; margin: 0 auto;table-layout: fixed;} - -.box { display: table-cell;vertical-align: middle; text-align: center; border:5px solid black; padding:10px;width:12em;} - -.box:nth-child(1):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;} - -.box:nth-child(2):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;} - -.box:nth-child(3):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;} - -a:hover{text-decoration: underline;} - -@media print{ - body {background-color: white;} - h1 {color: black;} - h2 {color: black;} -} -p {text-align: center;} +body { + background-color: #FFFFCC; + background-image: url(skip_back.PNG); + background-position: right bottom; + background-repeat: no-repeat; + background-attachment: fixed; +} + +h1 { + text-align: center; + font-size: 3em; + font-weight: bold; +} + +h2 { + text-align: center; + font-size: 2em; + font-weight: bold; +} + +.midasi { + font-size: 4em; + text-align: center; + text-shadow: 1px 1px 2px silver; + font-weight: bold; + margin: 10px; + padding: 10px; + border: 5px solid black; + background: linear-gradient(45deg, #6cb8ff, #fff66c, #ffa36c); +} + +div.maintext { + text-align: center; + border: ridge 2px; +} + +#id { + width: 70%; + height: 40%; +} + +.mainbox { + display: table; + width: 70%; + margin: 0 auto; + table-layout: fixed; +} + +.box { + display: table-cell; + vertical-align: middle; + text-align: center; + border: 5px solid black; + padding: 10px; + width: 12em; +} + +.box:nth-child(1):hover { + background: #99CCFF; + transition: background 1s; + transition-delay: 0.2s; +} + +.box:nth-child(2):hover { + background: #99CCFF; + transition: background 1s; + transition-delay: 0.2s; +} + +.box:nth-child(3):hover { + background: #99CCFF; + transition: background 1s; + transition-delay: 0.2s; +} + +a:hover { + text-decoration: underline; +} + +@media print { + body { + background-color: white; + } + + h1 { + color: black; + } + + h2 { + color: black; + } +} + +p { + text-align: center; +}