summaryrefslogtreecommitdiff
path: root/src/css/theme
diff options
context:
space:
mode:
Diffstat (limited to 'src/css/theme')
-rw-r--r--src/css/theme/openstack.css184
1 files changed, 184 insertions, 0 deletions
diff --git a/src/css/theme/openstack.css b/src/css/theme/openstack.css
new file mode 100644
index 0000000..ce8cf13
--- /dev/null
+++ b/src/css/theme/openstack.css
@@ -0,0 +1,184 @@
1@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
2@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3/**
4 * A simple theme for reveal.js presentations, similar
5 * to the default theme. The accent color is darkblue.
6 *
7 * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
8 * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
9 */
10/*********************************************
11 * GLOBAL STYLES
12 *********************************************/
13body {
14 background: white;
15 background-color: white; }
16
17.reveal {
18 font-family: "Lato", sans-serif;
19 font-size: 36px;
20 font-weight: normal;
21 letter-spacing: -0.02em;
22 color: black; }
23
24#cover {
25 position: absolute;
26 right: -100px;
27}
28
29.reveal .footer {
30 position: absolute;
31 bottom: 1em;
32 left: 1em;
33 font-size: 0.5em;
34}
35
36html.cover #head-icon {
37 visibility: hidden;
38}
39
40html.cover h1 {
41 margin-top: 30px;
42}
43
44#head-icon {
45 margin-top: 0;
46 margin-bottom: 0;
47 margin-left: 0;
48 margin-right: 0;
49 border-width: 0;
50 position: fixed;
51 z-index: 30;
52 left: -20px;
53 top: 0px;
54}
55
56::selection {
57 color: white;
58 background: rgba(0, 0, 0, 0.99);
59 text-shadow: none; }
60
61/*********************************************
62 * HEADERS
63 *********************************************/
64.reveal h1,
65.reveal h2,
66.reveal h3,
67.reveal h4,
68.reveal h5,
69.reveal h6 {
70 margin: 0 0 20px 0;
71 color: black;
72 font-family: "News Cycle", Impact, sans-serif;
73 line-height: 0.9em;
74 letter-spacing: 0.02em;
75 text-transform: none;
76 text-shadow: none; }
77
78html.cover h1 {
79 text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
80}
81
82.reveal h1 {
83 font-size: 150%;
84}
85
86.reveal h2 {
87 font-size: 100%;
88}
89
90.reveal h3 {
91 font-size: 85%;
92}
93
94/*********************************************
95 * LINKS
96 *********************************************/
97.reveal a:not(.image) {
98 color: darkblue;
99 text-decoration: none;
100 -webkit-transition: color .15s ease;
101 -moz-transition: color .15s ease;
102 -ms-transition: color .15s ease;
103 -o-transition: color .15s ease;
104 transition: color .15s ease; }
105
106.reveal a:not(.image):hover {
107 color: #0000f1;
108 text-shadow: none;
109 border: none; }
110
111.reveal .roll span:after {
112 color: #fff;
113 background: #00003f; }
114
115/*********************************************
116 * IMAGES
117 *********************************************/
118.reveal section img {
119 /*margin: 15px 0px;*/
120 background: rgba(255, 255, 255, 0.12);
121 /*border: 4px solid black;
122 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
123 -webkit-transition: all .2s linear;
124 -moz-transition: all .2s linear;
125 -ms-transition: all .2s linear;
126 -o-transition: all .2s linear;
127 transition: all .2s linear; }
128
129.reveal a:hover img {
130 background: rgba(255, 255, 255, 0.2);
131 border-color: darkblue;
132 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
133
134/*********************************************
135 * NAVIGATION CONTROLS
136 *********************************************/
137.reveal .controls div.navigate-left,
138.reveal .controls div.navigate-left.enabled {
139 border-right-color: darkblue; }
140
141.reveal .controls div.navigate-right,
142.reveal .controls div.navigate-right.enabled {
143 border-left-color: darkblue; }
144
145.reveal .controls div.navigate-up,
146.reveal .controls div.navigate-up.enabled {
147 border-bottom-color: darkblue; }
148
149.reveal .controls div.navigate-down,
150.reveal .controls div.navigate-down.enabled {
151 border-top-color: darkblue; }
152
153.reveal .controls div.navigate-left.enabled:hover {
154 border-right-color: #0000f1; }
155
156.reveal .controls div.navigate-right.enabled:hover {
157 border-left-color: #0000f1; }
158
159.reveal .controls div.navigate-up.enabled:hover {
160 border-bottom-color: #0000f1; }
161
162.reveal .controls div.navigate-down.enabled:hover {
163 border-top-color: #0000f1; }
164
165/*********************************************
166 * PROGRESS BAR
167 *********************************************/
168.reveal .progress {
169 background: rgba(0, 0, 0, 0.2); }
170
171.reveal .progress span {
172 background: darkblue;
173 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
174 -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
175 -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
176 -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
177 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
178
179/*********************************************
180 * SLIDE NUMBER
181 *********************************************/
182.reveal .slide-number {
183 color: darkblue; }
184