cvs/expose/style.css

/* $Header: /var/lib/cvs/root/expose/style.css,v 1.2 2003/11/06 14:47:53 cam Exp $*/
 
body {
        background-image: url(/~ikea/images/bg.gif);
        font: 0.75em Arial, Verdana, San-Serif;
        margin: 0px;
        color: #aaa;
}


ul {

        list-style:none;
}

img {
        border: 0px;
}

div span h4 {
        font-weight: bold;
}

a, a:visited {
        color: #aaa;
        font-weight: bold;
}

a:hover {
        color: #e60;
}


textarea {
        width: 100%;
        height: 250px;
}


/**
 * Class used to hide text and replace it with background image.
 * Remember to set the height or else the whole image wont be
 * displayed. This is done by setting 'height: <no>px;', where <no>
 * is greater or equal to the height of the image to display. This
 * also applies if the image is a pattern.
 */
span.hidden {
        display: none; /* hide, display: none; show, display: text; */
}


div.section {
        border-bottom:1px dotted #eee;
}

#xhtml_css_validated {
        /*display:none;*/
        margin: 0 auto;
}

#header {
        margin-top: 0px;
        padding: 5px;
        background-color: #e33d10;
        border-bottom: 1px solid #999;
        color: #fff;
        text-align: center;
}

#copyright {
        float: none;
        text-align: center;
}

/**
 * This is the top-level container in which all other elements reside.
 * You can use this to control the overall properties of your document.
 * If you don't use absolute positioning of the child elements of this
 * they are all relative to this.
 */
#container {
        width: 1054px;
        margin: 0 auto;
        padding: 30px;
        text-align: center;
        background-color: #e5e5e5;
        border-left: 1px solid #aeaeae;
        border-right: 1px solid #aeaeae;
        border-bottom: 1px solid #aeaeae;
}

#image_container {
}

#image {
        margin: 0 auto;
        padding: 15px;
        background-color: #fff;
        text-align: center;
        border: 1px solid #999;
}

#thumbnails_container {
        margin: 0 auto;
        text-align: center;
        float: left;
}

div.thumbnail {
        position: relative;
        float: left;
        padding: 3px;
        margin: 3px;
        background-color: #fff;
        text-align:center;
        border: 1px solid #999;
}
1	/* $Header: /var/lib/cvs/root/expose/style.css,v 1.2 2003/11/06 14:47:53 cam Exp $*/
2
3	body {
4	background-image: url(/~ikea/images/bg.gif);
5	font: 0.75em Arial, Verdana, San-Serif;
6	margin: 0px;
7	color: #aaa;
8	}
9
10
11	ul {
12
13	list-style:none;
14	}
15
16	img {
17	border: 0px;
18	}
19
20	div span h4 {
21	font-weight: bold;
22	}
23
24	a, a:visited {
25	color: #aaa;
26	font-weight: bold;
27	}
28
29	a:hover {
30	color: #e60;
31	}
32
33
34	textarea {
35	width: 100%;
36	height: 250px;
37	}
38
39
40
41	/**
42	* Class used to hide text and replace it with background image.
43	* Remember to set the height or else the whole image wont be
44	* displayed. This is done by setting 'height: <no>px;', where <no>
45	* is greater or equal to the height of the image to display. This
46	* also applies if the image is a pattern.
47	*/
48	span.hidden {
49	display: none; /* hide, display: none; show, display: text; */
50	}
51
52
53	div.section {
54	border-bottom:1px dotted #eee;
55	}
56
57	#xhtml_css_validated {
58	/display:none;/
59	margin: 0 auto;
60	}
61
62	#header {
63	margin-top: 0px;
64	padding: 5px;
65	background-color: #e33d10;
66	border-bottom: 1px solid #999;
67	color: #fff;
68	text-align: center;
69	}
70
71	#copyright {
72	float: none;
73	text-align: center;
74	}
75
76	/**
77	* This is the top-level container in which all other elements reside.
78	* You can use this to control the overall properties of your document.
79	* If you don't use absolute positioning of the child elements of this
80	* they are all relative to this.
81	*/
82	#container {
83	width: 1054px;
84	margin: 0 auto;
85	padding: 30px;
86	text-align: center;
87	background-color: #e5e5e5;
88	border-left: 1px solid #aeaeae;
89	border-right: 1px solid #aeaeae;
90	border-bottom: 1px solid #aeaeae;
91	}
92
93	#image_container {
94	}
95
96	#image {
97	margin: 0 auto;
98	padding: 15px;
99	background-color: #fff;
100	text-align: center;
101	border: 1px solid #999;
102	}
103
104	#thumbnails_container {
105	margin: 0 auto;
106	text-align: center;
107	float: left;
108	}
109
110	div.thumbnail {
111	position: relative;
112	float: left;
113	padding: 3px;
114	margin: 3px;
115	background-color: #fff;
116	text-align:center;
117	border: 1px solid #999;
118	}