~vaifrax/inkscape/bugfix170049

« back to all changes in this revision

Viewing changes to src/dom/001.css

  • Committer: mental
  • Date: 2006-01-16 02:36:01 UTC
  • Revision ID: mental@users.sourceforge.net-20060116023601-wkr0h7edl5veyudq
moving trunk for module inkscape

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/* css Zen Garden default style - 'Tranquille' by Dave Shea - http://www.mezzoblue.com/ */
 
2
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
 
3
/* All associated graphics copyright 2003, Dave Shea */
 
4
/* Added: May 7th, 2003 */
 
5
 
 
6
 
 
7
/* IMPORTANT */
 
8
/* This design is not a template. You may not reproduce it elsewhere without the 
 
9
   designer's written permission. However, feel free to study the CSS and use 
 
10
   techniques you learn from it elsewhere. */
 
11
 
 
12
 
 
13
/* The Zen Garden default was the first I put together, and almost didn't make the cut. I briefly flirted with using
 
14
    'Salmon Cream Cheese' as the main style for the Garden, but switched back to this one before launch.
 
15
 
 
16
    All graphics in this design were illustrated by me in Photoshop. Google Image Search provided inspiration for
 
17
    some of the elements. I did a bit of research on Kanji to come up with the characters on the top left. Anyone who
 
18
    can read that will most likely tell you it makes no sense, but the best I could do was putting together the
 
19
    characters for 'beginning' 'complete' and 'skill' to roughly say something like 'we're breaking fresh ground.'
 
20
 
 
21
    It's a stretch. */
 
22
 
 
23
 
 
24
/* basic elements */
 
25
html {
 
26
        margin: 0px;
 
27
        padding: 0px;
 
28
        }
 
29
body { 
 
30
        font: 9pt/17pt georgia; 
 
31
        color: #555753; 
 
32
        background: #fff url(/001/blossoms.jpg) no-repeat bottom right; 
 
33
        margin: 0px; 
 
34
        padding: 0px;
 
35
        }
 
36
p { 
 
37
        font: 9pt/17pt georgia; 
 
38
        margin-top: 0px; 
 
39
        text-align: justify;
 
40
        }
 
41
h3 { 
 
42
        font: italic normal 12pt georgia; 
 
43
        letter-spacing: 1px; 
 
44
        margin-bottom: 0px; 
 
45
        color: #7D775C;
 
46
        }
 
47
a:link { 
 
48
        font-weight: bold; 
 
49
        text-decoration: none; 
 
50
        color: #B7A5DF;
 
51
        }
 
52
a:visited { 
 
53
        font-weight: bold; 
 
54
        text-decoration: none; 
 
55
        color: #D4CDDC;
 
56
        }
 
57
a:hover, a:active { 
 
58
        text-decoration: underline; 
 
59
        color: #9685BA;
 
60
        }
 
61
acronym {
 
62
        border-bottom: none;
 
63
        }
 
64
 
 
65
 
 
66
/* specific divs */
 
67
#container { 
 
68
        background: url(/001/zen-bg.jpg) no-repeat top left; 
 
69
        padding: 0px 175px 0px 110px;  
 
70
        margin: 0px; 
 
71
        position: absolute;
 
72
        top: 0px;
 
73
        left: 0px;
 
74
        }
 
75
 
 
76
#intro { 
 
77
        min-width: 470px;
 
78
        }
 
79
#pageHeader { 
 
80
        margin-bottom: 20px;
 
81
        }
 
82
 
 
83
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
 
84
#pageHeader h1 { 
 
85
        background: transparent url(/001/h1.gif) no-repeat top left; 
 
86
        margin-top: 10px; 
 
87
        width: 219px; 
 
88
        height: 87px; 
 
89
        float: left;
 
90
        }
 
91
#pageHeader h1 span {
 
92
        display:none
 
93
        }
 
94
#pageHeader h2 { 
 
95
        background: transparent url(/001/h2.gif) no-repeat top left; 
 
96
        margin-top: 58px; 
 
97
        margin-bottom: 40px; 
 
98
        width: 200px; 
 
99
        height: 18px; 
 
100
        float: right;
 
101
        }
 
102
#pageHeader h2 span {
 
103
        display:none
 
104
        }
 
105
 
 
106
#quickSummary {
 
107
        clear:both; 
 
108
        margin: 20px 20px 20px 10px; 
 
109
        width: 160px; 
 
110
        float: left;
 
111
        }
 
112
#quickSummary p {
 
113
        font: italic 10pt/22pt georgia; 
 
114
        text-align:center;
 
115
        }
 
116
 
 
117
#preamble {
 
118
        clear: right; 
 
119
        padding: 0px 10px 0px 10px;
 
120
        }
 
121
#supportingText {       
 
122
        padding-left: 10px; 
 
123
        margin-bottom: 40px;
 
124
        }
 
125
 
 
126
#footer { 
 
127
        text-align: center; 
 
128
        }
 
129
#footer a:link, #footer a:visited { 
 
130
        margin-right: 20px; 
 
131
        }
 
132
 
 
133
#linkList {
 
134
        margin-left: 600px; 
 
135
        position: absolute; 
 
136
        top: 0px; 
 
137
        right: 0px;
 
138
        }
 
139
#linkList2 { 
 
140
        font: 10px verdana, sans-serif; 
 
141
        background: transparent url(/001/paper-bg.jpg) top left repeat-y; 
 
142
        padding: 10px; 
 
143
        margin-top: 150px; 
 
144
        width: 130px; 
 
145
        }
 
146
#linkList h3.select { 
 
147
        background: transparent url(/001/h3.gif) no-repeat top left; 
 
148
        margin: 10px 0px 5px 0px; 
 
149
        width: 97px; 
 
150
        height: 16px; 
 
151
        }
 
152
#linkList h3.select span {
 
153
        display:none
 
154
        }
 
155
#linkList h3.favorites { 
 
156
        background: transparent url(/001/h4.gif) no-repeat top left; 
 
157
        margin: 25px 0px 5px 0px; 
 
158
        width: 60px; 
 
159
        height: 18px; 
 
160
        }
 
161
#linkList h3.favorites span {
 
162
        display:none
 
163
        }
 
164
#linkList h3.archives { 
 
165
        background: transparent url(/001/h5.gif) no-repeat top left; 
 
166
        margin: 25px 0px 5px 0px; 
 
167
        width:57px; 
 
168
        height: 14px; 
 
169
        }
 
170
#linkList h3.archives span {
 
171
        display:none
 
172
        }
 
173
#linkList h3.resources { 
 
174
        background: transparent url(/001/h6.gif) no-repeat top left; 
 
175
        margin: 25px 0px 5px 0px; 
 
176
        width:63px; 
 
177
        height: 10px; 
 
178
        }
 
179
#linkList h3.resources span {
 
180
        display:none
 
181
        }
 
182
 
 
183
 
 
184
#linkList ul {
 
185
        margin: 0px;
 
186
        padding: 0px;
 
187
        }
 
188
#linkList li {
 
189
        line-height: 2.5ex; 
 
190
        background: transparent url(/001/cr1.gif) no-repeat top center; 
 
191
        display: block; 
 
192
        padding-top: 5px; 
 
193
        margin-bottom: 5px;
 
194
        list-style-type: none;
 
195
        }
 
196
#linkList li a:link {
 
197
        color: #988F5E;
 
198
        }
 
199
#linkList li a:visited {
 
200
        color: #B3AE94;
 
201
        }
 
202
 
 
203
 
 
204
#extraDiv1 {
 
205
        background: transparent url(/001/cr2.gif) top left no-repeat; 
 
206
        position: absolute; 
 
207
        top: 40px; 
 
208
        right: 0px; 
 
209
        width: 148px; 
 
210
        height: 110px;
 
211
        }
 
212
.accesskey {
 
213
        text-decoration: underline;
 
214
        }
 
 
b'\\ No newline at end of file'