Mercurial > hg > Events > OSC2019
comparison poster/os9/ui/themes/pixel/pretty.css @ 8:7fd82a802a66
add os9
author | anatofuz |
---|---|
date | Fri, 19 Apr 2019 18:23:10 +0900 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
7:d8feb607c44e | 8:7fd82a802a66 |
---|---|
1 /* Pixel Theme 2004 by Martin Hense :::www.lounge7.de */ | |
2 | |
3 html {background:transparent url(bodybg.gif) repeat-y;} | |
4 body {color:#08093F;font-size:1.5em} | |
5 a {text-decoration:none;color:#336;border-bottom:1px dotted} | |
6 :link, :visited {text-decoration:none} | |
7 html, body {margin:0;padding:0} | |
8 h1, h2, h3, h4 {font-size:100%;margin:0;padding:0;font-weight:inherit} | |
9 h1 abbr {font-variant:small-caps} | |
10 em {color:#c60} | |
11 strong {font-weight:bold} | |
12 ul, pre {margin:0;line-height:1em} | |
13 li {margin-bottom:0.66em} | |
14 li li {margin:0.33em 0;font-size:smaller} | |
15 | |
16 blockquote, q {font-style:italic} | |
17 blockquote {padding:0 2em 0.5em;margin:0 1.5em 0.5em; | |
18 text-align:center;font-size:1em} | |
19 blockquote p {margin:0} | |
20 blockquote i {font-style:normal} | |
21 blockquote b {display:block;margin-top:0.5em;font-weight:normal; | |
22 font-size:smaller;font-style:normal} | |
23 blockquote b i {font-style:italic} | |
24 | |
25 kbd {font-weight:bold;font-size:1em} | |
26 sup {font-size:smaller;line-height:1px} | |
27 | |
28 .slide code {padding:2px 0.25em;font-weight:bold;color:#533} | |
29 .slide code.bad, code del {color:red} | |
30 .slide code.old {color:silver} | |
31 .slide pre {padding:0;margin:0.25em 0 0.5em 0.5em;color:#533;font-size:90%} | |
32 .slide pre code {display:block} | |
33 .slide ul {margin-left:50px;margin-right:7%;list-style:square} | |
34 .slide li {margin-top:0.75em;margin-right:0} | |
35 .slide ul ul {line-height:1} | |
36 .slide ul ul li {margin:.2em;font-size:85%;list-style:square} | |
37 .slide img.leader {display:block;margin:0 auto} | |
38 | |
39 div#header, div#footer, div.slide {width:100%;top:0px;left:0px} | |
40 div#header, div#footer {color:#646587;font-family:Verdana, Helvetica, sans-serif} | |
41 div#header {background:transparent url(headbg.jpg) 0 0 no-repeat;height:80px} | |
42 div#footer {background:#fff;font-size:0.5em;font-weight:bold;padding:.5em 0; | |
43 top:auto;bottom:0px;height:2em;border-top:1px solid #08093F} | |
44 #footer h1, #footer h2 {display:block;padding:0 1em} | |
45 #footer h2 {font-style:italic} | |
46 | |
47 div.slide {top:0px;width:88%;padding:48px 4% 4% 72px; | |
48 font-family:Verdana, Helvetica, Arial, sans-serif} | |
49 div.slide h1 {position:absolute;top:24px;left:64px;z-index:1;color:#FFF; | |
50 background:transparent;margin:0px;padding:0 0 0 50px;white-space:nowrap; | |
51 font:bold 30px Helvetica, sans-serif;} | |
52 div.slide h3 {font-size:130%} | |
53 div.long {font-size:0.75em} | |
54 /* | |
55 #controls :active {color:#88A !important} | |
56 #controls :focus {outline:1px dotted #227} | |
57 div#controls {position:absolute;left:50%;bottom:0;width:50%;text-align:right; | |
58 font-size:0.7em;} | |
59 html>body div#controls {position:fixed;padding:0 0 1em 0;top:auto} | |
60 div#controls form {position:absolute;bottom:0;right:0;width:100%; | |
61 margin:0;padding:0} | |
62 div#controls #navLinks a {padding:0;margin:0 0.5em;color:#779; | |
63 border:none;cursor:pointer} | |
64 div#controls #navList #jumplist {position:absolute;bottom:0;right:0; | |
65 background:#DDD;color:#227} | |
66 div#controls select {visibility:hidden;background:#DDD;color:#227} | |
67 div#controls div:hover select {visibility:visible} | |
68 */ | |
69 div#controls {position: absolute; left: 60%; bottom: 0; | |
70 width: 40%; | |
71 text-align: right; font: bold 0.7em Verdana, Helvetica, sans-serif;} | |
72 html>body div#controls {position: fixed; padding: 0; top: auto;} | |
73 #controls :active {color:#88A !important} | |
74 #controls :focus {outline:1px dotted #227} | |
75 #controls #navLinks a {padding: 0; margin: 0 0.5em; | |
76 border: none; color: #779; | |
77 cursor: pointer;} | |
78 #controls #navList {height:1.25em} | |
79 #controls #navList #jumplist {background: #DDD; color: #227;} | |
80 | |
81 #currentSlide {color:#646587;text-align:center;font-size:0.5em; | |
82 font-family:Verdana, Helvetica, sans-serif;font-weight:bold} | |
83 #currentSlide span {font-size:13px;color:#08093F} | |
84 #currentSlide #csSep {display:none} | |
85 #currentSlide #csHere {font-weight:bold} | |
86 #currentSlide #csHere:before {content:"#";font-weight:normal} | |
87 #currentSlide #csTotal:before {content:" of "} | |
88 | |
89 #slide0 {padding-top:64px;font-size:90%; width:96%} | |
90 #slide0 h1 {position:static;white-space:normal; | |
91 margin:0;padding:128px 60px 0 60px;text-align:right; | |
92 font:bold 2em Helvetica,sans-serif;white-space:normal;height:200px; | |
93 color:#fff;background:transparent url(slide0bg.gif) no-repeat} | |
94 #slide0 h2 {font-size:1em;padding:0;margin:0.25em;} | |
95 #slide0 h3 {margin-bottom:20px;margin-top:0.5em;font-size:1.5em} | |
96 #slide0 h4 {margin-bottom:4px;margin-top:0;font-size:1em} | |
97 | |
98 ul.urls {list-style:none;display:inline;margin:0} | |
99 .urls li {display:inline;margin:0} | |
100 .note {display:none} | |
101 .urls li {display:inline;margin:0} | |
102 .note {display:none} | |
103 .external {border-bottom:1px dotted gray} | |
104 html>body .external {border-bottom:none} | |
105 .external:after {content:" \274F";font-size:smaller;color:#77B} | |
106 | |
107 .incremental, .incremental *, .incremental *:after, .incremental code | |
108 {color:#DDE;visibility:visible} | |
109 img.incremental {visibility:hidden} | |
110 .incremental *[stroke], .incremental *[fill], .incremental *[stroke] *, .incremental *[fill] * {visibility:hidden} | |
111 .slide .current {color:#B02} | |
112 .flushtop {margin-top:0px} | |
113 | |
114 /* diagnostics | |
115 li:after {content:" [" attr(class) "]";color:#F88} | |
116 */ |