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	cam	1.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			}