~centralelyon2010/inkscape/imagelinks2

« back to all changes in this revision

Viewing changes to src/dom/work/meyerweb.css

  • Committer: ishmal
  • Date: 2006-04-12 13:25:21 UTC
  • Revision ID: ishmal@users.sourceforge.net-20060412132521-5ynoezpwbzq4d1c3
Add new rearranged /dom directory

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
@import url(skel.css);
 
2
 
 
3
/* generics */
 
4
 
 
5
* {font-size: 100%; padding: 0; margin: 0;}
 
6
body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
 
7
  color: #202020; background: #FFF;
 
8
  min-width: 40em; margin: 0 auto;}
 
9
a:link {color: #339;}
 
10
a:visited {color: #848;}
 
11
a img {border: none;}
 
12
h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
 
13
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
 
14
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
 
15
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
 
16
h5 {font-size: 1em; margin: 0.5em 0 0;}
 
17
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
 
18
p {margin: 0.33em 0 1em 0;}
 
19
ul, ol {margin: 1em 0; padding-left: 2.5em;}
 
20
dt {margin: 0.5em 0 0;}
 
21
dd {margin: 0.25em 0 0.5em 2.5em;}
 
22
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
 
23
small {font-size: 85%;}
 
24
big {font-size: 115%;}
 
25
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
 
26
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
 
27
img.border {border: 3px double;}
 
28
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
 
29
p.standalone {text-align: center;}
 
30
p.standalone img {display: inline;}
 
31
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
 
32
.highlight {background: #B4D5FF; font-weight: bold;}
 
33
 
 
34
table.chart {margin: 1em auto;}
 
35
table.chart caption {font-weight: bold; font-style: italic; font-size: 90%;}
 
36
table.chart th {text-align: left;}
 
37
table.chart thead th {border-bottom: 1px solid #CCC;}
 
38
table.chart th, table.chart td {border-bottom: 1px dotted #DDD;}
 
39
table.chart tbody th {padding-right: 1em;}
 
40
 
 
41
/* masthead */
 
42
 
 
43
#sitemast {padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #000;
 
44
  height: 128px; width: 100%; position: relative; z-index: 1;}
 
45
#sitemast h1 {font-size: 2em; line-height: 1em; letter-spacing: 0.13em; 
 
46
  padding: 0; margin: 0;
 
47
  position: absolute; left: 0; top: 100px;
 
48
  /* hide-from-IE5/Mac hack \*/
 
49
  top: auto; bottom: 0;
 
50
  /* end hack */}
 
51
#sitemast h1 a {padding: 0 0.25em;}
 
52
#sitemast h1 a, .panel a {text-decoration: none;}
 
53
 
 
54
/* main content */
 
55
 
 
56
#main {margin: 2.25em 20em 0 12em; padding: 3.5em 0;
 
57
  min-height: 30em;}
 
58
#main h2 {border-bottom: 1px solid #888; margin: 0; padding: 0;
 
59
  font-size: 1.75em; line-height: 1;}
 
60
#main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}
 
61
 
 
62
#main p {line-height: 1.4;}
 
63
#main li {line-height: 1.33; margin-bottom: 0.33em;}
 
64
#main .compact li {line-height: normal; margin-bottom: 0;}
 
65
#main ul li {list-style: square;}
 
66
#main ol li {list-style: decimal;}
 
67
 
 
68
#main blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
 
69
#main blockquote em {font-style: italic; font-weight: inherit;}
 
70
#main blockquote p {margin: 0.33em 2.5% 0.33em 0 !important;
 
71
  line-height: 1.2; text-indent: 2em;}
 
72
#main blockquote.book p {margin: 0 2.5% 0 0 !important;}
 
73
#main blockquote.lyric {font-style: italic; white-space: pre;
 
74
  border: none; margin-left: 1em;}
 
75
#main blockquote.lyric p {text-indent: 0;}
 
76
.quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
 
77
.quoteattrib cite {font-style: italic;}
 
78
 
 
79
/* search bits */
 
80
 
 
81
#search {position: absolute; top: 129px; right: 0;
 
82
  z-index: 10; 
 
83
  text-align: right; padding: 0.25em 0 1.25em 5px;
 
84
  background: url(pix/logoogle2.gif) no-repeat 0% 100%;}
 
85
#search h4 {display: none;}
 
86
#search form {margin: 0; padding: 2px 1em 0;}
 
87
#search input[type="text"] {width: 14em; border: 2px inset #999;}
 
88
#search small {display: block; margin: 0 1.25em; padding: 0;
 
89
  text-align: right; line-height: 1;}
 
90
#search small a {background: #FFF; color: #668; font-style: italic;}
 
91
 
 
92
/* navbar */
 
93
 
 
94
#navigate {position: absolute; top: 129px; left: 0; right: 0;
 
95
  padding: 0.25em 0 0.25em 1em;
 
96
  z-index: 1; overflow: hidden;
 
97
  height: auto; width: 85%; line-height: 2;}
 
98
#navigate h4 {display: none;}
 
99
#navigate ul, #navigate li {margin: 0; padding: 0;}
 
100
#navigate ul {padding-left: 0.5em;}
 
101
 
 
102
#navlinks {float: left; width: 100%;}
 
103
#navlinks a {text-decoration: none;}
 
104
#navlinks li {float: left; list-style: none; margin-left: 1px;}
 
105
#navlinks li a {padding: 0.25em 1em; margin-right: 0.125em;
 
106
  border-top: 0.75em solid #AAC; border-bottom: 1px dotted #FFF;
 
107
  font-weight: bold; color: #668;}
 
108
#navlinks li ul {display: none; border: none;}
 
109
#navlinks li li a {font-weight: normal;}
 
110
#navlinks a:hover {border-top-color: #88A;}
 
111
#navlinks #otherLink {margin-left: 1.75em;}
 
112
 
 
113
.arch #archLink a,
 
114
.css #cssLink a,
 
115
.tools #toolsLink a,
 
116
.write #writeLink a,
 
117
.speak #speakLink a,
 
118
.other #otherLink a
 
119
{border-color: #226 #FFF #FFF; background: #CCE; color: #226; font-style: italic;}
 
120
 
 
121
/* 'sidebar' */
 
122
 
 
123
#extra {position: absolute; top: 129px; right: 0; z-index: 100; width: 18em; 
 
124
  font-size: 1em; line-height: 1.2;
 
125
  padding: 1.75em 0 0; margin: 3em 0 0;
 
126
  color: #5A5A5F;}
 
127
#extra a:link {color: #66A;}
 
128
#extra a:visited {color: #858;}
 
129
 
 
130
#extra .panel {margin: 1em 0 0; padding: 1em 1em 0 3em; border: 1px dotted #FFF;}
 
131
#extra .panel h4, #extra .panel h5 {margin: 0 0 0.25em; padding: 0 0.5em 0 0;
 
132
  font-size: 90%; line-height: 1;
 
133
  border-bottom: 1px solid #AAA;}
 
134
#extra .panel ul {list-style: none; margin: 0 1em 0 0; padding: 0; font-size: 90%;}
 
135
#extra .panel li {margin-left: 1em; text-indent: -1em;}
 
136
#extra .panel .more {float: right; margin: -1.5em 1px 0 0.5em;
 
137
  font-style: italic; text-align: right; font-size: smaller;}
 
138
#extra .panel .more a {padding-left: 15px; background: url(pix/morearr.gif) 0 66% no-repeat;}
 
139
 
 
140
#extra #blogroll h5 {padding-right: 95px;}
 
141
#extra #blogroll ul {margin: 0.5em 1em 0 0;}
 
142
#extra #xfn-btn {float: right; margin: -20px 1px 0 5px;}
 
143
 
 
144
#extra #excuse {text-align: center; padding: 0 0.25em 0.66em; margin:  2em 1em -2em 3em;
 
145
  border: 1px solid #CCC;}
 
146
#extra #excuse h4 {display: inline; position: relative; top: -0.6em;
 
147
  border: 0; padding: 0 0.25em; margin: 0;
 
148
  background: #FFF; color: #666;
 
149
  text-transform: capitalize; font-size: 1em; font-weight: normal;}
 
150
#extra #excuse p {margin: 0; padding: 0; color: #444;}
 
151
 
 
152
#extra #extras {padding: 1em 0.5em 1em; margin: 2em 1em 0 3em; width: 13em;
 
153
  color: #666; border: 1px solid #AAA; border-width: 1px 0;}
 
154
#extra #extras h4 {display: none;}
 
155
#extra #extras ul {margin: 0; text-align: center; list-style: none;}
 
156
#extra #extras li {margin-left: 0.25em; display: inline;}
 
157
#extra #extras a {margin-right: 0.25em;}
 
158
 
 
159
/* miscellaneous */
 
160
 
 
161
#footer {margin: 3em 18em 0 12em; padding: 0.5em 0 3.5em;
 
162
  border-top: 1px solid gray;
 
163
  text-align: center;
 
164
  color: gray; background: #FFF;}
 
165
#footer a {color: #558;}
 
166
#footer a:visited {color: #858;}
 
167
#footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }
 
168
 
 
169
#reading img {border: 1px solid silver;}
 
170
#extra #reading img {margin: 0.5em;}
 
171
 
 
172
.book #main img.cover {float: right; margin: 1em 0 1em 2em;
 
173
  border: 1px solid; border-color: #AAA #444 #444 #AAA;}
 
174
 
 
175
/* Hack-o-rama! */
 
176
 
 
177
* html #navigate {padding-top: 0;}
 
178
 
 
179
/*\*//*/
 
180
body #search {width: 20em;}
 
181
/**/