Mercurial > hg > fapweb
annotate show.css @ 472:1eabbd70cd25
Add skipping button.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Fri, 06 Dec 2013 22:28:23 +0200 |
parents | c1da26fc4982 |
children | b84acc29546c |
rev | line source |
---|---|
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
1 div.showView { |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
2 position: absolute; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
3 top: 2em; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
4 bottom: 2em; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
5 left: 2em; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
6 right: 2em; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
7 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
8 background: rgba(0,0,0,0.5); |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
9 border-radius: 2em; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
10 border: 5pt dashed rgba(0,255,0,0.7); |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
11 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
12 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
13 div.showHeader, div.compoHeader { |
387 | 14 padding: 1em; |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
15 z-index: 0; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
16 text-align: center; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
17 color: #0f0; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
18 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
19 |
387 | 20 div.showHeader .compoTitle, div.compoHeader .compoTitle { |
21 font-size: 3em; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
22 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
23 |
387 | 24 div.showText { |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
25 z-index: 5; |
387 | 26 color: #0f0; |
471 | 27 font-size: 2.5em; |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
28 text-align: center; |
387 | 29 } |
30 | |
440 | 31 h1 { |
32 font-size: 1.5em; | |
33 color: white; | |
34 } | |
35 | |
36 h2 { | |
37 font-size: 1em; | |
38 } | |
39 | |
387 | 40 div.compoNext { |
41 z-index: 5; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
42 color: #0f0; |
387 | 43 text-align: center; |
44 font-family: Impact; | |
45 text-shadow: 4px 4px 6px #000; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
46 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
47 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
48 div.compoNext .entryIndex { |
387 | 49 z-index: -1; |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
50 position: absolute; |
388 | 51 top: 0.7em; |
387 | 52 left: 0.1em; |
53 font-size: 15em; | |
388 | 54 color: rgba(0,255,0,0.5); |
55 text-shadow: 4px 4px 12px #000; | |
387 | 56 } |
57 | |
58 div.compoNext .entryName { | |
388 | 59 position: absolute; |
60 top: 2.5em; | |
61 left: 2em; | |
62 right: 0em; | |
63 font-size: 5.0em; | |
387 | 64 } |
65 | |
66 div.compoNext .entryAuthor { | |
388 | 67 color: #0f0; |
68 position: absolute; | |
69 top: 7.5em; | |
70 left: 3em; | |
71 right: 0em; | |
387 | 72 font-size: 3.5em; |
73 } | |
74 | |
75 div.compoNext .entryBy { | |
388 | 76 color: #060; |
77 position: absolute; | |
78 top: 9em; | |
389 | 79 left: 4em; |
388 | 80 right: 0em; |
387 | 81 font-size: 2.5em; |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
82 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
83 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
84 div.compoNext .entryInfo { |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
85 position: absolute; |
387 | 86 bottom: 5em; |
87 right: 1em; | |
88 left: 1em; | |
89 min-height: 2em; | |
90 font-size: 2em; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
91 padding: 5pt; |
387 | 92 color: white; |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
93 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
94 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
95 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
96 div.compoPrev { |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
97 position: absolute; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
98 left: 1em; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
99 bottom: 1em; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
100 min-width: 30%; |
387 | 101 max-width: 50%; |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
102 color: #0f0; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
103 font-size: 16pt; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
104 font-weight: bold; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
105 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
106 padding: 10pt; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
107 border-radius: 10pt; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
108 box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset; |
388 | 109 |
110 background: black; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
111 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
112 text-align: right; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
113 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
114 |
387 | 115 div.compoPrev .entryTitle { |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
116 border-bottom: 2px solid #0f0; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
117 text-align: left; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
118 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
119 |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
120 |
233 | 121 div.guru { |
122 margin: 2em; | |
123 padding: 2em; | |
124 text-align: center; | |
125 background: black; | |
406 | 126 border: 0.4em solid black; |
233 | 127 color: red; |
406 | 128 |
129 animation: brblink 2s steps(2) infinite; | |
233 | 130 } |
406 | 131 |
132 @keyframes brblink { | |
133 from { | |
134 border-color: black; | |
135 } | |
136 | |
137 to { | |
138 border-color: red; | |
139 } | |
140 } |