r8477: Simplify header/footer handling. esp variables allow
[samba.git] / swat / style / columns.css
1 /*
2         columns.css
3         Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org>
4
5         Creates a puesdo-three-column view.
6
7         You may freely use and modify the styles here, but if you 
8         intend to recreate the samba.org look exactly, please ask
9         permission first.
10 */
11
12
13 /* Right-side column 
14 ***********************************************************/
15 #links {
16         float:left;
17         margin:115px 0 0 81%;  
18         padding:0;
19     width:18%;
20 }
21 * html #links {
22         position:absolute;
23         top:115px;
24         left:82%;
25         float:none;
26         width:17%;
27         margin:0;
28 }
29 #links h4 {
30         margin-top:10px;
31         margin-left:1.5px;
32         font-size:small;
33 }
34 #links ul {
35         list-style-type:none;
36         padding:0;
37         padding-top:5px;
38         margin-left:20px;
39 }
40 #links a {
41         font-size:small;
42 }
43 #links p {
44         margin-top:25px;
45         margin-left:20px;
46 }
47 .releases {
48         padding:2px;
49         margin-top:35px;
50         border:1px solid #CCC;
51         background-color:#E5E9F5;
52 }
53 .beyond, .related, .intl {
54         padding:2px;
55         margin-top:25px;
56         border:1px solid #CCC;
57         background-color:#E5E9F5;
58 }
59 .beyond li {
60         margin-bottom:10px;
61 }
62 .contacts li{
63         list-style-type:disc;
64 }
65
66
67 /* Middle content column
68 ***********************************************************/
69 #content {
70         position:absolute;
71         top:100px;
72         margin:0 20% 0 175px;
73         padding-top:30px;
74         padding-left:35px;
75         padding-bottom:50px;
76         padding-right:15px;
77         background-color:#FFF;
78         border-left:1px solid #FFFF64;
79         border-right:1px solid #FFFF64;
80 }
81 * html #content {
82         width:51%;
83         margin-right:0;
84 }
85 #content ul {
86         list-style-type:none;
87 }
88
89
90 /* Misc
91 ************************************************************/
92 .headline {
93         margin-left:20px;
94         font-style:italic;
95 }
96 .plugs {
97         font-style:italic;
98         text-align:center;
99         border-top:2px groove #3878CD;
100         border-bottom:2px groove #3878CD;
101         padding:10px;
102         margin-top:100px;
103 }
104 .plugs p {
105         padding:30px;
106 }
107 .plugs img {
108         float:left;
109 }
110 .request {
111         margin-top:50px;
112         font-style:italic;
113         font-size:small;
114 }
115 #noswp img {
116     border:1px solid #3868CD;
117     width:370px;
118     height:90px;
119 }
120 #noswp a:hover {
121     background-color:transparent;
122 }
123 #noswp {
124     width:auto;
125     text-align:center;
126     margin:10px 0 25px 0;
127 }