← Back to branch summary

~cjohnston/loco-team-portal/722565

« back to all changes in this revision

Viewing changes to loco_directory/media/css/layout.css

  • Committer: Daniel Holbach
  • Date: 2009-12-21 11:03:49 UTC
  • Revision ID: daniel.holbach@canonical.com-20091221110349-bo2zmme5i2e4egif
start at revision 1

Show diffs side-by-side

added added

removed removed

Lines of Context:
loco_directory/media/css/layout.css
 
1
@import "pageheader.css"; /* separate files for improved readability */
 
2
 
 
3
body {
 
4
    background-image: url(../img/bgrepeat.jpg);
 
5
    background-color: #D3CAAA;
 
6
    background-repeat: repeat-x;
 
7
    padding: 0;
 
8
    margin: 0;
 
9
}
 
10
 
 
11
 
 
12
 
 
13
#div {
 
14
    border-top:10px solid white;
 
15
    float:left;
 
16
    padding-left:40px;
 
17
    width:420px;
 
18
}
 
19
 
 
20
 
 
21
#container {
 
22
    margin: 0 auto;
 
23
    padding: 0 0 0 14px;
 
24
    position: relative;
 
25
    background-color: #fff;
 
26
    background-image: url(../img/page-border-left-repeat.jpg);
 
27
    background-repeat: repeat-y;
 
28
    background-position: left;
 
29
    width: 94%;
 
30
    /*max-width: 950px;*/
 
31
    min-width: 760px;
 
32
}
 
33
 
 
34
#content {
 
35
    margin: 0;
 
36
    padding: 0 13px 0 0;
 
37
    min-height: 538px;
 
38
    position: relative;
 
39
    background-color: #fff;
 
40
    background-image: url(../img/page-border-right-repeat.jpg);
 
41
    background-repeat: repeat-y;
 
42
    background-position: right;
 
43
}
 
44
 
 
45
 
 
46
#topNav {
 
47
    width: 100%;
 
48
    position: relative;
 
49
    height: 70px;
 
50
 
 
51
    background-image: url(../img/top.jpg);
 
52
    background-repeat: repeat-x;
 
53
    background-position: top;
 
54
    padding-top: 10px;
 
55
    z-index: 1;
 
56
}
 
57
 
 
58
#topNav a {
 
59
    color: #656565;
 
60
    text-decoration: none;
 
61
    font-size: 80%;
 
62
    border-bottom: 1px dotted #fff;
 
63
}
 
64
 
 
65
 
 
66
 
 
67
#topNav #whoami {
 
68
    display: block;
 
69
    margin: 0;
 
70
    padding: 0 0px .5em 0px;
 
71
    position: absolute;
 
72
    top: 20px;
 
73
    right: 0px;
 
74
}
 
75
 
 
76
#topNav #ubuntulogo {
 
77
    margin: 0;
 
78
    padding: 0;
 
79
    border-style: none;
 
80
 
 
81
    position: absolute;
 
82
    top: 22px;
 
83
    left: 0;
 
84
}
 
85
 
 
86
 
 
87
#bg-left {
 
88
        position: absolute;
 
89
        top: 0;
 
90
        left: 0;
 
91
        width: 14px;
 
92
        height: 538px;
 
93
        background-image: url(../img/page-border-left.jpg);
 
94
        background-repeat: no-repeat;
 
95
        background-position: top left;
 
96
        z-index: 6;
 
97
}
 
98
#bg-right {
 
99
        position: absolute;
 
100
        top: 0;
 
101
        right: 0;
 
102
        width: 13px;
 
103
        height: 538px;
 
104
        background-image: url(../img/page-border-right.jpg);
 
105
        background-repeat: no-repeat;
 
106
        background-position: top right;
 
107
        z-index: 6;
 
108
}
 
109
#bottom-left {
 
110
        width: 14px;
 
111
        height: 34px;
 
112
        background-image: url(../img/footerbg-left.jpg);
 
113
        position: absolute;
 
114
        bottom: 0;
 
115
        left: 0;
 
116
        z-index: 7;
 
117
}
 
118
#bottom-right {
 
119
        width: 13px;
 
120
        height: 34px;
 
121
        background-image: url(../img/footerbg-right.jpg);
 
122
        position: absolute;
 
123
        bottom: 0;
 
124
        right: 0;
 
125
        z-index: 7;
 
126
}
 
127
/* bodyouter provides the borders for the left navigation */
 
128
/* see http://webhost.bridgew.edu/etribou/layouts/skidoo_too/ */
 
129
#body {
 
130
        position: relative;
 
131
        overflow: hidden;
 
132
        margin: 0 0;
 
133
        padding-left: 0 50px;
 
134
        min-height: 538px;
 
135
}
 
136
* html #body {
 
137
        height: 1%;
 
138
}
 
139
#leftsidebar {
 
140
        width: 205px;
 
141
        float: right;
 
142
        margin-left: -205px;
 
143
}
 
144
 
 
145
#footer {
 
146
        background-image: url(../img/footerbg.jpg); 
 
147
        background-repeat: repeat-x;
 
148
        background-position: bottom;
 
149
        padding: 0 0 0 0;
 
150
}
 
151
#footer .wrapper {
 
152
        padding: 0 15px 5px 15px;
 
153
        color: #656565;
 
154
        font-size: 70%;
 
155
        position: relative;
 
156
}
 
157
#footer .wrapper a {
 
158
        color: #656565;
 
159
        text-decoration: none;
 
160
}
 
161
#footer .wrapper p {
 
162
        width: 70%;
 
163
        font-size: 90%;
 
164
}