Mercurial > hg > Papers > 2010 > kent-master
comparison recital-slide/slide.css @ 15:67544736317e
add slides for recital.
author | kent <kent@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Tue, 16 Feb 2010 17:25:21 +0900 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
14:064c4bd99db0 | 15:67544736317e |
---|---|
1 | |
2 body { | |
3 font-family: "MS ゴシック"; | |
4 /*font-size: 14pt;*/ | |
5 /*background-color: #eeeeee;*/ | |
6 /*overflow: hidden;*/ | |
7 /*overflow: scroll;*/ | |
8 } | |
9 div.background { | |
10 height: 2.7em; | |
11 background-color: #009900; | |
12 background-color: gray; | |
13 } | |
14 div.header { | |
15 position: absolute; | |
16 z-index: 2; | |
17 left: 0; | |
18 right: 0; | |
19 top: 0; | |
20 bottom: auto; | |
21 width: 100%; | |
22 padding: 0; | |
23 margin: 0; | |
24 border: none; | |
25 | |
26 height: 0.2em; | |
27 /*background-color: #33ff00;*/ | |
28 background-color: #001111; | |
29 border-top: solid 1.8em #114444; | |
30 border-bottom: solid 0.7em #004444; | |
31 } | |
32 div.footer { | |
33 /*background-color: #33ff00;*/ | |
34 background-color: #001111; | |
35 position: fixed; | |
36 color: #eeeeff; | |
37 overflow: hidden; | |
38 | |
39 z-index: 50; | |
40 left: 0; | |
41 right: 0; | |
42 top: auto; | |
43 bottom: 0; | |
44 height: 1.4em; | |
45 margin: 0; | |
46 font-size: 80%; | |
47 font-weight: bold; | |
48 padding: 0.3em 0 0 1em; | |
49 } | |
50 div.slide { | |
51 margin: 0; | |
52 padding: 0; | |
53 /*background-color: #eeeeee;*/ | |
54 } | |
55 div.slide h1 { | |
56 position: relative; | |
57 background-color: #114444; | |
58 left: 0; | |
59 right: 0; | |
60 font-size: 140%; | |
61 | |
62 padding: 0.3em 1.1em 0 1em; | |
63 margin: 0; | |
64 margin-right: auto; | |
65 /*margin: 0 auto 1em 3em;*/ | |
66 /*width: -moz-fit-content;*/ | |
67 min-width: 60%; | |
68 | |
69 /* 高さは div.headerと調節 */ | |
70 height: 1.62em; | |
71 | |
72 color: white; | |
73 line-height: 1.1em; | |
74 | |
75 } | |
76 div.slide h2.uptitle { | |
77 } | |
78 #w3c-logo { | |
79 background-color: transparent; | |
80 width: auto; | |
81 height: auto; | |
82 margin-bottom: 1em; | |
83 overflow: hidden; | |
84 position: absolute; | |
85 bottom: 0; | |
86 right: 0; | |
87 display: none; | |
88 } | |
89 /* | |
90 #w3c-logo-fallback { | |
91 background-color: transparent; | |
92 width: 100%; | |
93 height: 100%; | |
94 margin: 0; | |
95 } | |
96 */ | |
97 | |
98 div.slide.top { | |
99 } | |
100 div.slide.top h1 { | |
101 font-size: 180%: | |
102 width: 80%; | |
103 height: auto; | |
104 margin: 3em auto 0; | |
105 padding: 0; | |
106 background: none; | |
107 color: black; | |
108 } | |
109 | |
110 div.slide.final h2 { | |
111 text-align: center; | |
112 vertical-align: center; | |
113 width: 80%; | |
114 margin: 7em auto 0; | |
115 padding: 0 | |
116 background: none: | |
117 color: black; | |
118 } | |
119 | |
120 p.subhead { | |
121 } | |
122 | |
123 ul li { | |
124 list-style-type: circle; | |
125 list-style-image: url("circle1.png"); | |
126 background: none; | |
127 padding-left: 0; | |
128 margin-left: 1em; | |
129 } | |
130 li li { | |
131 list-style-type: circle; | |
132 list-style-image: url(""); | |
133 background: none; | |
134 } | |
135 | |
136 .subtitle { | |
137 font-weight: bold; | |
138 } | |
139 | |
140 em { | |
141 color: brown; | |
142 font-style: normal; | |
143 font-weight: bold; | |
144 } | |
145 | |
146 em.weak { | |
147 color: black; | |
148 font-style: normal; | |
149 font-weight: bold; | |
150 } | |
151 | |
152 dfn { | |
153 color: brown; | |
154 font-style: normal; | |
155 font-weight: bold; | |
156 } | |
157 | |
158 pre { | |
159 font-style: normal; | |
160 } | |
161 | |
162 | |
163 dl > dt { | |
164 padding: 0; | |
165 margin: 0.3em 1em 0.3em; | |
166 width: 10%; | |
167 float: left; | |
168 } | |
169 | |
170 dl > dd { | |
171 padding: 0; | |
172 margin: 0.3em 1em 0.3em; | |
173 width: 70%; | |
174 float: left; | |
175 } |