cvs/expose/style.css

/* $Header: /var/lib/cvs/root/expose/style.css,v 1.1 2003/11/06 11:53:44 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: 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	cam	1.2	/* $Header: /var/lib/cvs/root/expose/style.css,v 1.1 2003/11/06 11:53:44 cam Exp $*/
2	cam	1.1
3			body {
4			background-image: url(/~ikea/images/bg.gif);
5			font: 0.75em Arial, Verdana, San-Serif;
6			margin: 0px;
7	cam	1.2	color: #aaa;
8	cam	1.1	}
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: 700px;
84			margin: 0 auto;
85			padding: 30px;
86
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			padding: 15px;
98			background-color: #fff;
99			text-align: center;
100			border: 1px solid #999;
101			}
102
103			#thumbnails_container {
104			float: left;
105			}
106
107			div.thumbnail {
108			position: relative;
109			float: left;
110			padding: 3px;
111			margin: 3px;
112			background-color: #fff;
113			text-align:center;
114			border: 1px solid #999;
115			}