1+ /* css Zen Garden default style v1.02 */
2+ /* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
3+ /* This file based on 'Tranquille' by Dave Shea */
4+ /* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
5+ /* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */
6+ /* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
7+ /* basic elements */
8+
9+ .html {
10+ padding : 0 ;
11+ font-style : 0 ;
12+ }
13+ body {
14+ font : 75% georgia, sans-serif;
15+ line-height : 1.88889 ;
16+ color : # 555753 ;
17+ background : # fff url (blossoms.jpg) no-repeat bottom right;
18+ margin : 0 ;
19+ padding : 0 ;
20+ background-image : -webkit-linear-gradient (top, start-color, end-color);
21+ background-image : -webkit-gradient (linear, left top, left bottom, from (start-color), to (end-color));
22+ background-image : -moz-linear-gradient (top, start-color, end-color);
23+ background-image : linear-gradient (to bottom, start-color, end-color);
24+ }
25+
26+ p {
27+ margin-top : 0 ;
28+ text-align : justify;
29+ }
30+
31+ h3 {
32+ font : italic normal 1.4em georgia, sans-serif;
33+ letter-spacing : 1px ;
34+ margin-bottom : 0 ;
35+ color : # 7D775C ;
36+ }
37+
38+ a : link {
39+ font-weight : bold;
40+ text-decoration : none;
41+ color : # B7A5DF ;
42+ }
43+
44+ a : visited {
45+ font-weight : bold;
46+ text-decoration : none;
47+ color : # D4CDDC ;
48+ cursor : pointer;
49+ }
50+
51+ a : hover ,
52+ a : focus ,
53+ a : active {
54+ text-decoration : underline;
55+ color : # 9685BA ;
56+ }
57+
58+ abbr {
59+ border-bottom : none;
60+ }
61+
62+
63+ /* specific divs */
64+
65+ .page-wrapper {
66+ background : url (zen-bg.jpg) no-repeat top left;
67+ padding : 0 175px 0 110px ;
68+ margin : 0 ;
69+ position : relative;
70+ }
71+
72+ .intro {
73+ min-width : 470px ;
74+ width : 100% ;
75+ }
76+
77+ header h1 {
78+ background : transparent url (h1.gif) no-repeat top left;
79+ margin-top : 10px ;
80+ display : block;
81+ width : 219px ;
82+ height : 87px ;
83+ float : left;
84+ text-indent : 100% ;
85+ white-space : nowrap;
86+ overflow : hidden;
87+ }
88+
89+ header {
90+ padding-top : 20px ;
91+ height : 87px ;
92+ }
93+
94+ .summary {
95+ clear : both;
96+ margin : 20px 20px 20px 10px ;
97+ width : 160px ;
98+ float : left;
99+ }
100+
101+ .summary p {
102+ font : italic 1.1 em/2.2 georgia;
103+ text-align : center;
104+ }
105+
106+ .preamble {
107+ clear : right;
108+ padding : 0px 10px 0 10px ;
109+ }
110+
111+ .supporting {
112+ padding-left : 10px ;
113+ margin-bottom : 40px ;
114+ }
115+
116+ # footer {
117+ text-align : center
118+ }
119+
120+ footer a : link ,
121+ footer a : visited {
122+ margin-right : 20px ;
123+ }
124+
125+ .sidebar {
126+ margin-left : 600px ;
127+ position : absolute;
128+ top : 0 ;
129+ right : 0 ;
130+ }
131+
132+ .sidebar .wrapper {
133+ font : 10px verdana, sans-serif;
134+ background : transparent url (paper-bg.jpg) top left repeat-y;
135+ padding : 10px ;
136+ margin-top : 150px ;
137+ width : 130px ;
138+ }
139+
140+ .sidebar li a : link {
141+ color : # 988F5E ;
142+ }
143+
144+ .sidebar li a : visited {
145+ color : '#B3AE94' ;
146+ }
147+
148+ .extra1 {
149+ background : transparent url (cr2.gif) top left no-repeat;
150+ position : absolute;
151+ top : 40px ;
152+ right : 0 ;
153+ width : 148px ;
154+ height : 110px ;
155+ }
0 commit comments