cvs/expose/style.css

/**
 * $Header$
 *
 */
 
body {
        background-image: url(/~ikea/images/bg.gif);
        font: 0.75em Arial, Verdana, San-Serif;
        margin: 0px;
}


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: 700px;
        margin: 0 auto;
        padding: 30px;

        background-color: #e5e5e5;
        border-left: 1px solid #aeaeae;
        border-right: 1px solid #aeaeae;
        border-bottom: 1px solid #aeaeae;
}

#image_container {
}

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

#thumbnails_container {
        float: left;
}

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