Mercurial > hg > Members > taiki > slides

comparison deck.js/themes/style/web-2.0.css @ 0:dd1c78c6398f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add having slides
author taiki <taiki@cr.ie.u-ryukyu.ac.jp>
date Mon, 25 Mar 2013 05:14:03 +0900
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:dd1c78c6398f
1 @charset "UTF-8";
2 .deck-container {
3 font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
4 font-size: 1.75em;
5 background: #f4fafe;
6 /* Old browsers */
7 background: -moz-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
8 /* FF3.6+ */
9 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4fafe), color-stop(100%, #ccf0f0));
10 /* Chrome,Safari4+ */
11 background: -webkit-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
12 /* Chrome10+,Safari5.1+ */
13 background: -o-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
14 /* Opera11.10+ */
15 background: -ms-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
16 /* IE10+ */
17 background: linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
18 /* W3C */
19 background-attachment: fixed;
20 }
21 .deck-container > .slide {
22 text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
23 }
24 .deck-container > .slide .deck-before, .deck-container > .slide .deck-previous {
25 opacity: 0.4;
26 }
27 .deck-container > .slide .deck-before:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-before:not(.deck-child-current) .deck-previous, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-previous {
28 opacity: 1;
29 }
30 .deck-container > .slide .deck-child-current {
31 opacity: 1;
32 }
33 .deck-container .slide h1, .deck-container .slide h2, .deck-container .slide h3, .deck-container .slide h4, .deck-container .slide h5, .deck-container .slide h6 {
34 font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
35 }
36 .deck-container .slide h1 {
37 color: #08455f;
38 }
39 .deck-container .slide h2 {
40 color: #0b7495;
41 border-bottom: 0;
42 }
43 .cssreflections .deck-container .slide h2 {
44 line-height: 1;
45 -webkit-box-reflect: below -0.556em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255, 255, 255, 0.1)), to(transparent));
46 -moz-box-reflect: below -0.556em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.3) 100%);
47 }
48 .deck-container .slide h3 {
49 color: #000;
50 }
51 .deck-container .slide pre {
52 border-color: #cde;
53 background: #fff;
54 position: relative;
55 z-index: auto;
56 /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
57 }
58 .borderradius .deck-container .slide pre {
59 -webkit-border-radius: 5px;
60 -moz-border-radius: 5px;
61 border-radius: 5px;
62 }
63 .csstransforms.boxshadow .deck-container .slide pre > :first-child:before {
64 content: "";
65 position: absolute;
66 z-index: -1;
67 background: #fff;
68 top: 0;
69 bottom: 0;
70 left: 0;
71 right: 0;
72 }
73 .csstransforms.boxshadow .deck-container .slide pre:before, .csstransforms.boxshadow .deck-container .slide pre:after {
74 content: "";
75 position: absolute;
76 z-index: -2;
77 bottom: 15px;
78 width: 50%;
79 height: 20%;
80 max-width: 300px;
81 -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
82 -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
83 box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
84 }
85 .csstransforms.boxshadow .deck-container .slide pre:before {
86 left: 10px;
87 -webkit-transform: rotate(-3deg);
88 -moz-transform: rotate(-3deg);
89 -ms-transform: rotate(-3deg);
90 -o-transform: rotate(-3deg);
91 transform: rotate(-3deg);
92 }
93 .csstransforms.boxshadow .deck-container .slide pre:after {
94 right: 10px;
95 -webkit-transform: rotate(3deg);
96 -moz-transform: rotate(3deg);
97 -ms-transform: rotate(3deg);
98 -o-transform: rotate(3deg);
99 transform: rotate(3deg);
100 }
101 .deck-container .slide code {
102 color: #789;
103 }
104 .deck-container .slide blockquote {
105 font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
106 font-size: 2em;
107 padding: 1em 2em .5em 2em;
108 color: #000;
109 background: #fff;
110 position: relative;
111 border: 1px solid #cde;
112 z-index: auto;
113 }
114 .borderradius .deck-container .slide blockquote {
115 -webkit-border-radius: 5px;
116 -moz-border-radius: 5px;
117 border-radius: 5px;
118 }
119 .boxshadow .deck-container .slide blockquote > :first-child:before {
120 content: "";
121 position: absolute;
122 z-index: -1;
123 background: #fff;
124 top: 0;
125 bottom: 0;
126 left: 0;
127 right: 0;
128 }
129 .boxshadow .deck-container .slide blockquote:after {
130 content: "";
131 position: absolute;
132 z-index: -2;
133 top: 10px;
134 bottom: 10px;
135 left: 0;
136 right: 50%;
137 -moz-border-radius: 10px/100px;
138 border-radius: 10px/100px;
139 -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
140 -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
141 box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
142 }
143 .deck-container .slide blockquote p {
144 margin: 0;
145 }
146 .deck-container .slide blockquote cite {
147 font-size: .5em;
148 font-style: normal;
149 font-weight: bold;
150 color: #888;
151 }
152 .deck-container .slide blockquote:before {
153 content: "“";
154 position: absolute;
155 top: 0;
156 left: 0;
157 font-size: 5em;
158 line-height: 1;
159 color: #ccf0f0;
160 z-index: 1;
161 }
162 .deck-container .slide ::-moz-selection {
163 background: #08455f;
164 color: #fff;
165 }
166 .deck-container .slide ::selection {
167 background: #08455f;
168 color: #fff;
169 }
170 .deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
171 color: #599;
172 text-decoration: none;
173 }
174 .deck-container .slide a:hover, .deck-container .slide a:focus {
175 text-decoration: underline;
176 }
177 .deck-container .deck-prev-link, .deck-container .deck-next-link {
178 background: #fff;
179 opacity: 0.5;
180 }
181 .deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
182 color: #599;
183 }
184 .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
185 opacity: 1;
186 text-decoration: none;
187 }
188 .deck-container .deck-status {
189 font-size: 0.6666em;
190 }
191 .deck-container.deck-menu .slide {
192 background: transparent;
193 -webkit-border-radius: 5px;
194 -moz-border-radius: 5px;
195 border-radius: 5px;
196 }
197 .rgba .deck-container.deck-menu .slide {
198 background: rgba(0, 0, 0, 0.1);
199 }
200 .deck-container.deck-menu .slide.deck-current, .rgba .deck-container.deck-menu .slide.deck-current, .no-touch .deck-container.deck-menu .slide:hover {
201 background: #fff;
202 }
203 .deck-container .goto-form {
204 background: #fff;
205 border: 1px solid #cde;
206 -webkit-border-radius: 5px;
207 -moz-border-radius: 5px;
208 border-radius: 5px;
209 }
210 .boxshadow .deck-container .goto-form {
211 -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
212 -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
213 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
214 }