Mercurial > hg > Papers > 2015 > taiki-master

comparison slide/s6/meta/themes/bright/c/pretty.css @ 24:d06a3eea913d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add_files
author taiki
date Wed, 18 Feb 2015 01:22:47 +0900
parents
children
comparison
equal deleted inserted replaced
23:efd7d2cc9fbd 24:d06a3eea913d
1 /*
2
3 S6, bright theme
4 ---------------------
5
6 @file pretty.css
7 @version 1.0
8 @date 2010-11-16
9 @author Matthias Edler-Golla <meg@wachenfeld-golla.de>
10
11 Copyright (c) 2010 Wachenfeld + Golla, Buero fuer Gestaltung <http://wachenfeld-golla.de>
12
13 hier alle angaben, die das AUSSEHEN der verschiedenen themes beeinflusst!
14 */
15
16 /* hier werden die Webfonts definiert */
17 @import url(../f/League/stylesheet.css);
18
19 body {
20 color: #333;
21 background: #f0f3f5 url(../p/rauschen_HG.gif);
22 font-family: Georgia, Times, serif;
23 }
24
25 h1 {
26 font-size: 166%;
27 }
28
29 h1#titel {
30 font-style: italic;
31 }
32
33 h2#Seitenanzeige {
34 /*font-family: LeagueGothicRegular,Arial,Sans-Serif;*/
35 font-size: 160%;
36 /*color: #dfe2e4;*/
37
38 }
39
40 h2#Seitenanzeige strong {
41 font-weight: normal;
42 }
43
44 h2#Seitenanzeige span {
45
46 }
47
48 div#inhaltsangabe {
49 background-color: rgba(0,0,0,0.8);
50 color: #fff;
51 }
52
53 div#inhaltsangabe a:link,
54 div#inhaltsangabe a:visited {
55 color: #fff;
56 }
57
58 div#inhaltsangabe a:active,
59 div#inhaltsangabe a:focus {
60 background-color: #ccc;
61 }
62
63 html.jsAktiv p#back {
64 border: 2px solid rgba(255,255,255,.5);
65 -webkit-border-radius: 5px;
66 -moz-border-radius: 5px;
67 border-radius: 5px;
68 }
69
70 html.jsAktiv p#back:hover,
71 html.jsAktiv p#back:focus,
72 html.jsAktiv p#back:active {
73 background-color: rgba(255,255,255,.6);
74 border: 2px solid rgba(255,255,255,.8);
75 }
76
77 html.jsAktiv div#index {
78 display: block;
79 position: absolute;
80 right: .2em;
81 top: -2px;
82 width: 8.4em;
83 border: 2px solid rgba(255,255,255,0);
84 -webkit-border-radius: 5px;
85 -moz-border-radius: 5px;
86 border-radius: 5px;
87 cursor: pointer;
88 }
89
90 html.jsAktiv div#index:hover,
91 html.jsAktiv div#index:focus,
92 html.jsAktiv div#index:active {
93 opacity: 1;
94 background-color: rgba(255,255,255,.6);
95 border: 2px solid rgba(255,255,255,.8);
96 }
97
98 /* @group article */
99
100 article {
101 background-color: #fff;
102 padding: 1em;
103 }
104
105 article.sichtbar {
106 border: 2px solid #e9edef;
107 -webkit-border-radius: .4em;
108 -moz-border-radius: .4em;
109 border-radius: .4em;
110 }
111
112 article a:link,
113 article a:visited {
114 color: #333;
115 text-decoration: none;
116 border-bottom: 1px dotted #a7a7a7;
117 }
118
119 article a:visited {
120 color: #666767;
121 }
122
123 article a:hover,
124 article a:active,
125 article a:focus {
126 border-bottom: 1px solid;
127 }
128
129 article > h1 {
130 font-family: LeagueGothicRegular,Impact,Arial,Sans-Serif;
131 margin-bottom: .5em;
132 line-height: 1.1;
133 font-size:180%;
134 }
135
136 article h2,
137 article h3,
138 article h4,
139 article h5,
140 article h6 {
141 font-weight: bold;
142 margin-top: 1.4em;
143 }
144
145 article figcaption {
146 font-size: 80%;
147 font-style: italic;
148 }
149
150 /* @end */
151
152 article ul {
153 list-style-type: circle;
154 }
155
156 article ol {
157 list-style-type: decimal;
158 }
159
160 article div.source {
161 background-color: #e7e8fb;
162 border: 2px solid #e9edef;
163 -webkit-border-radius: .4em;
164 -moz-border-radius: .4em;
165 border-radius: .4em;
166 font: 90%/1.4 "Courier New", Courier, mono;
167 color: #000;
168 }
169
170 pre {
171 font: 90%/1.4 "Courier New", Courier, mono;
172 color: #000;
173 }
174
175 article span.code {
176 color: #e70000;
177 }
178
179 article div.demo {
180 background-color: #f0f3f5;
181 border: 2px solid #e9edef;
182 -webkit-border-radius: .4em;
183 -moz-border-radius: .4em;
184 border-radius: .4em;
185 }
186
187 article div.demo h2 {
188 margin-top: 0;
189 }
190
191 div#warnung p {
192 background-color: rgba(81,132,186,0.7);
193 border: 3px solid rgba(81,132,186,0.61);
194 -webkit-border-radius: .4em;
195 -moz-border-radius: .4em;
196 border-radius: .4em;
197 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
198 -moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
199 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
200 color: #fff;
201 }
202
203 @media screen and (max-width: 640px) {
204 div#inhaltsangabe h1.aktiv {
205 color: #ff8f67;
206 }
207 }
208