821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
1 body{text-align:center;
|
870
|
2 background:#355;
|
821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
3 border:dashed 5px navy;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
4 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
5 header{
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
6 #padding:100px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
7 position: relative;
|
873
|
8 top: -16px;
|
821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
9 left: 0px;
|
873
|
10 width: 100%;
|
821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
11 height: 200px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
12 background-image:url(./img/head.png);
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
13 text-align:center;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
14 margin-left:auto;margin-right:auto;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
15 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
16 footer{
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
17 #padding:100px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
18 position: relative;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
19 top: 0px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
20 left: 0px;
|
873
|
21 width: 100%;
|
821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
22 height: 200px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
23 background-image:url(./img/foot.png);
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
24 text-align:center;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
25 margin-left:auto;margin-right:auto;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
26 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
27
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
28
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
29
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
30 header p {color:red;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
31
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
32 h1{
|
870
|
33 color:#0d4;
|
|
34 border:solid 5px #a00;
|
821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
35 border-style:double;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
36 background:url("./img/lvb.png");
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
37 background-color:red;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
38 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
39
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
40
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
41
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
42
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
43 input[type="checkbox"][name="hdn"] + span {display: none;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
44 input[type="checkbox"][name="hdn"]:checked + span {display: inline;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
45
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
46 input[type="checkbox"][name="hdn"] + div{opacity: 0;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
47 input[type="checkbox"][name="hdn"]:checked + div {
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
48 opacity: 1.0; transition: 3s ease-in-out;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
49 transition: 1s linear;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
50
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
51 table{margin-left:auto; margin-right: auto;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
52 table.state{text-align:left;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
53 table.state tr+tr+tr+tr{font-size:xx-large;}
|
898
|
54 #table.anime td{border:solid red;}
|
821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
55
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
56 div.f1{padding:0% 0%;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
57 margin:1em 17em;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
58 div.lets{
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
59 border:solid 2px #fa0;
|
882
|
60 background:#aaa;
|
821
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
61 padding:1% 0%;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
62 #margin:1em 17em;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
63 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
64 div.lets span{color:navy; text-decoration: underline #faf;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
65
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
66 div.cal {margin-left:auto; margin-right:auto;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
67 width: 320px; height: 180px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
68 background: #eef;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
69 border: solid 2px navy;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
70
|
883
|
71 div.calque {margin-left:auto; margin-right:auto;
|
|
72 width: 180px; height: 180px;
|
|
73 background: #eef;
|
|
74 border: solid 2px navy;}
|
|
75
|
898
|
76
|