← Back to branch summary

~lutostag/ubuntu/trusty/maas/1.5.2+packagefix

« back to all changes in this revision

Viewing changes to src/maasserver/static/css/layout.css

  • Committer: Package Import Robot
  • Author(s): Andres Rodriguez
  • Date: 2014-03-28 10:43:53 UTC
  • mto: This revision was merged to the branch mainline in revision 57.
  • Revision ID: package-import@ubuntu.com-20140328104353-ekpolg0pm5xnvq2s
Tags: upstream-1.5+bzr2204
Import upstream version 1.5+bzr2204

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/css/layout.css
5
5
    text-align: center;
6
6
    margin: 0 auto;
7
7
    width: 976px;
8
 
        }
 
8
    }
 
9
 
9
10
.center-page-content {
10
11
    text-align: left;
11
12
    }
12
13
 
13
 
 
14
14
/******************************************************************************
15
15
    Header
16
16
*/
18
18
    background-color: #2c001e;
19
19
    padding: 6px 8px;
20
20
    }
 
21
 
21
22
#user-nav {
22
23
    float: right;
23
24
    }
 
25
 
24
26
#user-nav li {
25
27
    padding: 0;
26
28
    }
 
29
 
27
30
#header {
28
31
    min-height: 64px;
29
32
    background: #dd4814 url(../?img/header_stripes.png) repeat-x top left;
31
34
    -webkit-border-radius: 0 0 4px 4px;
32
35
    border-radius: 0 0 4px 4px;
33
36
    }
 
37
 
34
38
#global-header,
35
39
#global-header a,
36
40
#header a,
38
42
    color: #fff;
39
43
    text-decoration: none;
40
44
    }
 
45
 
41
46
#main-nav {
42
47
    margin-left: 10px;
43
48
    font-size: 14px;
44
49
    }
 
50
 
45
51
#right-nav li a,
46
52
#main-nav li a {
47
53
    display: block;
48
54
    height: 41px;
49
55
    padding: 23px 15px 0 15px;
50
56
    }
 
57
 
51
58
#right-nav li.icon a,
52
59
#main-nav li.icon a {
53
60
    padding-top: 18px;
54
61
    height: 46px;
55
62
    }
 
63
 
56
64
#main-nav li.icon.large a {
57
65
    padding-top: 13px;
58
66
    height: 51px;
59
67
    }
 
68
 
60
69
#right-nav li.active a,
61
70
#main-nav li.active a {
62
71
    background: rgba(0,0,0,0.2) url(../?img/header_tail.png) no-repeat bottom center;
63
72
    }
 
73
 
64
74
#right-nav {
65
75
    float: right;
66
76
    margin-right: 5px;
67
77
    }
 
78
 
68
79
#right-nav li.active a {
69
80
    background-color: transparent;
70
81
    }
71
82
 
72
 
 
73
83
/******************************************************************************
74
84
    Content
75
85
*/
76
 
 
77
86
#body {
78
87
    background-color: #2C001E;
79
88
    clear: both;
80
89
    margin: 0;
81
90
    padding-top: 1px;
82
91
    }
 
92
 
83
93
#page-title {
84
94
    /* Need to set relative so the tail appears above shadows. */
85
95
    position: relative;
89
99
    padding: 14px 0 20px 0;
90
100
    background: transparent url(../?img/content_tail.png) no-repeat 50px bottom;
91
101
    }
 
102
 
92
103
#content {
93
104
    padding: 20px 20px 40px 20px;
94
105
    background-color: #fff;
97
108
    border-radius: 4px;
98
109
    }
99
110
 
100
 
 
101
111
/******************************************************************************
102
112
    Content modifier: modal-content
103
113
*/
105
115
    background-color: transparent;
106
116
    }
107
117
 
108
 
 
109
118
/******************************************************************************
110
119
    Content modifier: login
111
120
*/
112
121
.login .center-page-wrapper {
113
122
    width: 440px;
114
123
    }
 
124
 
115
125
.login.no-users .center-page-wrapper {
116
126
    width: 670px;
117
127
    }
 
128
 
118
129
.login #body {
119
130
    margin-top: 100px;
120
131
    }
 
132
 
121
133
.login #page-title {
122
134
    margin-left: 15px;
123
135
    }
 
136
 
124
137
.login #content {
125
138
    padding: 30px 40px;
126
139
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,1);
127
140
    box-shadow: 0 0 15px 0 rgba(0,0,0,1);
128
141
    }
 
142
 
129
143
.login #content h2:first-child {
130
144
    margin: 0 0 20px 0;
131
145
    }
 
146
 
132
147
.login h2 {
133
148
    margin-bottom: 20px;
134
149
    }
 
150
 
135
151
.login #footer {
136
152
    margin: 0 auto;
137
153
    }
138
154
 
139
 
 
140
155
/******************************************************************************
141
156
    Content modifier: content-with-sidebar
142
157
*/
144
159
    border-right: 1px solid #e5e2e0;
145
160
    }
146
161
 
147
 
 
148
162
/******************************************************************************
149
163
    Content modifier: sidebar
150
164
*/
152
166
    padding-right: 220px;
153
167
    }
154
168
 
155
 
 
156
169
/******************************************************************************
157
170
    Sidebar
158
171
*/
163
176
    margin-right: -250px;
164
177
    padding: 0 20px 10px 20px;
165
178
    }
 
179
 
166
180
.sidebar #sidebar {
167
181
    display: block;
168
182
    }
 
183
 
169
184
#sidebar h4 {
170
185
    font-weight: bold;
171
186
    margin-bottom: 5px;
172
187
    }
 
188
 
173
189
#sidebar .block:first-child h4 {
174
190
    margin-top: 0;
175
191
    }
 
192
 
176
193
#sidebar .button {
177
194
    width: 100px;
178
195
    }
 
196
 
179
197
#sidebar h4 {
180
198
    margin: 30px 0 0 0;
181
199
    }
 
200
 
182
201
#sidebar h4:first-child {
183
202
    margin-top: 10px;
184
203
    }
 
204
 
185
205
#sidebar .button,
186
206
#sidebar button,
187
207
#sidebar input[type="submit"] {
188
208
    margin-top: 10px;
189
209
    }
190
210
 
191
 
 
192
211
/******************************************************************************
193
212
    Footer
194
213
*/
198
217
    color: #aea79f;
199
218
    font-size: 12px;
200
219
    }
 
220
 
201
221
#footer img {
202
222
    float: right;
203
223
    }
204