annotate presen/themes/ribbon/styles/style.css @ 19:40686d8028c5

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