annotate themes/ribbon/styles/style.css @ 13:eb59659c9c02

Generate slides
author Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
date Fri, 26 Jun 2015 10:03:09 +0900
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
13
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
1 /*
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
2 Ribbon theme for Shower presentation template: http://github.com/pepelsbey/shower
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
3 Copyright © 2010–2011 Vadim Makeev, http://pepelsbey.net/
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
4 Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
5 */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
6
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
7 @import url(fonts.css);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
8 @import url(reset.css);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
9
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
10 BODY {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
11 font:25px/1.8 'PT Sans', sans-serif;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
12 counter-reset:paging;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
13 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
14
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
15 /* Slide
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
16 ---------------------------------------- */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
17 .slide:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
18 counter-increment:paging;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
19 content:counter(paging, decimal-leading-zero);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
20 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
21 .slide SECTION {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
22 padding:80px 120px 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
23 width:784px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
24 height:560px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
25 background:#FFF;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
26 color:#000;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
27 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
28 .slide SECTION:before {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
29 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
30 bottom:-90px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
31 right:45px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
32 width:200px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
33 height:200px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
34 background:url(../../../pictures/logo.svg) no-repeat;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
35 background-size: 200px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
36 content:'';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
37 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
38
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
39 /* Header */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
40 .slide HEADER {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
41 margin:0 0 58px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
42 color:#666;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
43 font:bold 40px/1.13 'PT Sans Narrow', sans-serif;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
44 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
45
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
46 /* Elements */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
47 .slide P {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
48 margin:0 0 45px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
49 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
50 .slide P.note {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
51 color:#888;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
52 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
53 .slide A {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
54 border-bottom:0.1em solid;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
55 color:#0174A7;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
56 text-decoration:none;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
57 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
58 .slide A[target=_blank] {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
59 margin-right:22px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
60 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
61 .slide A[target=_blank]:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
62 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
63 margin-left:7px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
64 font-family:'Target Blank';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
65 content:'\005E';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
66 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
67 .slide B,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
68 .slide STRONG {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
69 font-weight:bold;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
70 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
71 .slide I,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
72 .slide EM {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
73 font-style:italic;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
74 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
75 .slide KBD,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
76 .slide CODE {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
77 padding:3px 8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
78 -webkit-border-radius:8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
79 -moz-border-radius:8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
80 border-radius:8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
81 background:#FAFAA2;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
82 -webkit-tab-size:4;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
83 -moz-tab-size:4;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
84 -o-tab-size:4;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
85 tab-size:4;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
86 font-family:Consolas, 'Droid Sans Mono', monospace;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
87 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
88
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
89 /* Quote */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
90 .slide BLOCKQUOTE {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
91 font-style:italic;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
92 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
93 .slide BLOCKQUOTE:before {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
94 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
95 margin:-15px 0 0 -80px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
96 color:#CCC;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
97 font:200px/1 'PT Sans', sans-serif;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
98 content:'\201C'; /* ldquo */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
99 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
100 .slide BLOCKQUOTE:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
101 margin:-45px 0 45px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
102 display:block;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
103 color:#444;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
104 font-weight:bold;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
105 content:attr(cite);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
106 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
107
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
108 /* Lists */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
109 .slide OL,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
110 .slide UL {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
111 margin:0 0 45px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
112 counter-reset:list;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
113 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
114 .slide UL UL,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
115 .slide OL UL,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
116 .slide OL OL,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
117 .slide UL OL {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
118 margin:0 0 0 38px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
119 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
120 .slide OL > LI:before,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
121 .slide UL > LI:before {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
122 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
123 margin-left:-120px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
124 width:100px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
125 color:#BBB;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
126 text-align:right;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
127 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
128 .slide UL > LI:before {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
129 content:'\2022'; /* bull */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
130 line-height:1.1;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
131 font-size:40px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
132 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
133 .slide OL > LI:before {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
134 counter-increment:list;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
135 content:counter(list)'.';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
136 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
137
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
138 /* Code */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
139 .slide PRE {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
140 margin:0 0 45px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
141 counter-reset:code;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
142 white-space:normal;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
143 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
144 .slide PRE CODE {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
145 display:block;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
146 padding:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
147 background:none;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
148 white-space:pre;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
149 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
150 .slide PRE CODE:before {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
151 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
152 margin:0 0 0 -120px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
153 width:110px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
154 color:#BBB;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
155 text-align:right;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
156 counter-increment:code;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
157 content:counter(code, decimal-leading-zero)'.';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
158 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
159 .slide PRE MARK {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
160 padding:3px 8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
161 -webkit-border-radius:8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
162 -moz-border-radius:8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
163 border-radius:8px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
164 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
165 .slide PRE MARK {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
166 background:#FAFAA2;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
167 color:#000;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
168 font-style:normal;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
169 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
170 .slide PRE MARK.important {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
171 background:#C00;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
172 color:#FFF;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
173 font-weight:normal;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
174 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
175
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
176 /* Cover */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
177 .slide.cover SECTION {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
178 background:transparent;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
179 background-color: white;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
180 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
181 .slide.cover H2 {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
182 color:#666;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
183 text-align:center;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
184 font-size:84px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
185 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
186 .slide.cover H3#author {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
187 color:#888;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
188 text-align:right;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
189 font-size:56px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
190 margin-top:24px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
191 margin-right:90px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
192 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
193
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
194 .slide.cover H3#profile {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
195 color:#888;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
196 text-align:right;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
197 font-size:24px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
198 margin-right:90px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
199 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
200
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
201 /* Shout */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
202 .slide.shout SECTION:before {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
203 display:none;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
204 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
205 .slide.shout H2 {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
206 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
207 top:50%;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
208 left:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
209 width:100%;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
210 text-align:center;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
211 line-height:1;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
212 font-size:150px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
213 -webkit-transform:translateY(-50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
214 -moz-transform:translateY(-50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
215 -ms-transform:translateY(-50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
216 -o-transform:translateY(-50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
217 transform:translateY(-50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
218 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
219 .slide.shout H2 A[target=_blank] {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
220 margin:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
221 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
222 .slide.shout H2 A[target=_blank]:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
223 content:'';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
224 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
225
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
226 /* Middle */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
227 .middle {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
228 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
229 top:50%;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
230 left:50%;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
231 -webkit-transform:translate(-50%, -50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
232 -moz-transform:translate(-50%, -50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
233 -ms-transform:translate(-50%, -50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
234 -o-transform:translate(-50%, -50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
235 transform:translate(-50%, -50%);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
236 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
237
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
238 /* List
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
239 ---------------------------------------- */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
240 .list {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
241 float:left;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
242 padding:80px 0 80px 100px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
243 background:#585A5E url(../images/linen.png);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
244 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
245
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
246 /* Caption */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
247 .list .caption {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
248 color:#3C3D40;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
249 text-shadow:0 1px 1px #8D8E90;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
250 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
251 .list .caption H1 {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
252 font:bold 50px/1 'PT Sans Narrow', sans-serif;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
253 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
254
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
255 /* Slide */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
256 .list .slide {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
257 position:relative;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
258 float:left;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
259 margin:0 50px 0 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
260 padding:80px 0 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
261 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
262 .list .slide:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
263 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
264 bottom:-45px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
265 left:57px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
266 color:#3C3D40;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
267 text-shadow:0 1px 1px #8D8E90;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
268 line-height:1;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
269 font-weight:bold;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
270 font-size:25px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
271 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
272 .list .slide:target:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
273 text-shadow:0 -1px 1px #1F3F60;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
274 color:#4B86C2;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
275 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
276 .list .slide > DIV {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
277 position:relative;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
278 overflow:hidden;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
279 width:512px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
280 height:320px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
281 box-shadow:0 0 50px #3C3D40;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
282 border-radius:1px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
283 background:rgba(0, 0, 0, 0.3);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
284 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
285 .list .slide > DIV:hover {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
286 box-shadow:
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
287 0 0 0 10px rgba(60, 61, 64, 0.6),
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
288 0 0 50px #3C3D40;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
289 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
290 .list .slide:target > DIV {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
291 box-shadow:
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
292 0 0 0 1px #305F8D,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
293 0 0 0 10px #3C7CBD,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
294 0 0 50px #3C3D40;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
295 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
296 .list .slide SECTION {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
297 -webkit-transform-origin:0 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
298 -webkit-transform:scale(0.5);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
299 -moz-transform-origin:0 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
300 -moz-transform:scale(0.5);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
301 -ms-transform-origin:0 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
302 -ms-transform:scale(0.5);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
303 -o-transform-origin:0 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
304 -o-transform:scale(0.5);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
305 transform-origin:0 0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
306 transform:scale(0.5);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
307 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
308 .list .slide SECTION:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
309 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
310 top:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
311 right:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
312 bottom:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
313 left:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
314 content:'';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
315 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
316
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
317 /* Full
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
318 ---------------------------------------- */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
319 .full {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
320 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
321 top:50%;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
322 left:50%;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
323 overflow:hidden;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
324 margin:-320px 0 0 -512px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
325 width:1024px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
326 height:640px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
327 background:#000;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
328 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
329 .full .caption {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
330 display:none;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
331 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
332 .full .slide {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
333 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
334 visibility:hidden;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
335 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
336 .full .slide:target {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
337 visibility:visible;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
338 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
339 .full .slide:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
340 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
341 bottom:85px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
342 left:120px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
343 color:#BBB;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
344 line-height:1;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
345 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
346 .full .slide SECTION {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
347 -webkit-transform:scale(1);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
348 -moz-transform:scale(1);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
349 -ms-transform:scale(1);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
350 -o-transform:scale(1);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
351 transform:scale(1);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
352 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
353 .full .slide.bg {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
354 z-index:1;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
355 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
356 .full .slide.bg:after,
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
357 .full .slide.shout:after {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
358 content:'';
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
359 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
360
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
361 /* Inner Navigation */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
362 .full .inner > * {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
363 opacity:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
364 -webkit-transition:opacity 0.5s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
365 -moz-transition:opacity 0.5s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
366 -ms-transition:opacity 0.5s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
367 -o-transition:opacity 0.5s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
368 transition:opacity 0.5s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
369 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
370 .full .inner > .active {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
371 opacity:1;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
372 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
373
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
374 /* Progress */
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
375 .full .progress {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
376 position:absolute;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
377 right:118px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
378 bottom:49px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
379 left:118px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
380 border-radius:7px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
381 border:2px solid rgba(255, 255, 255, 0.2);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
382 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
383 .full .progress DIV {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
384 width:0;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
385 height:10px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
386 border-radius:5px;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
387 background:rgba(177, 177, 177, 0.4);
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
388 -webkit-transition:width 0.2s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
389 -moz-transition:width 0.2s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
390 -ms-transition:width 0.2s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
391 -o-transition:width 0.2s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
392 transition:width 0.2s linear;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
393 }
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
394 .full .progress-off {
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
395 z-index:1;
eb59659c9c02 Generate slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff changeset
396 }