Reformatting the HTML & CSS a little
[opensuse:art.git] / greeter / suse.css
1 body {
2         margin: 0px;
3         background: url(images/background.png) top left no-repeat;
4         font-family: DeJaVu, Sans-Serif;
5         font-size: 9pt;
6 }
7
8 a {
9         color: #4e9a06;
10 }
11
12
13 #header {
14         display: block;
15         width: 100%;
16         height: 50px;
17         margin: 0px;
18         padding: 0px;
19         position: relative;
20 }
21
22                 #header img {
23                         position: absolute;
24                         top: 10px;
25                         left: 10px;
26                 }
27
28 #container {
29         background-image: url(images/transpwhite.png);
30         margin: 0px;
31         padding: 2em 4em 2em 2em;
32         min-height: 600px;
33 }
34
35 h2 {
36         font-size: 120%;
37         color: #444;
38         margin-bottom: .4em;
39 }
40
41 ul li {
42         display: block;
43         list-style-type: none;
44         padding-left: 8em;
45         min-height: 70px;
46         margin-bottom: 2em;
47     background-repeat: no-repeat;
48 }
49
50                 li#opensuse { background-image: url(images/geeko.png); }
51
52                 li#support { background-image: url(images/community.png); }
53
54                 li#build { background-image: url(images/build-lihm.png); }
55
56                 li#linux { background-image: url(images/linux.png); }
57
58
59 #button {
60         display: block;
61         width: 135px;
62         height: 40px;
63         background: transparent url(images/close.png) no-repeat 0px 0px;
64         cursor: pointer;
65         position: absolute;
66         bottom: 20px;
67         right: 20px;
68         /* display: none; */
69 }
70
71                 #button:focus { background-position: 0px -40px; }
72                 #button:hover { background-position: 0px -40px; }
73                 #button:active { background-position: 0px -80px; }
74                 
75                 #button div {
76                         text-align: center;
77                         margin: 0px;
78                         padding: 10px 0px 0px 8px;
79                         width: 100%;
80                         color: white;
81                         font-weight: bold;
82                 }