← Back to branch summary

~ubuntuone-pqm-team/canonical-identity-provider/trunk

« back to all changes in this revision

Viewing changes to identityprovider/media/launchpad/styles.css

  • Committer: Danny Tamez
  • Date: 2010-04-21 15:29:24 UTC
  • Revision ID: danny.tamez@canonical.com-20100421152924-lq1m92tstk2iz75a
Canonical SSO Provider (Open Source) - Initial Commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
identityprovider/media/launchpad/styles.css
 
1
/* Copyright 2010 Canonical Ltd.  This software is licensed under the
 
2
GNU Affero General Public License version 3 (see the file LICENSE). */
 
3
 
 
4
html {
 
5
    background: #fff;
 
6
    color: #000;
 
7
    font-family: "Trebuchet MS", "DejaVu Sans Condensed", "Tahoma", sans-serif;
 
8
} :link {
 
9
    background: none;
 
10
    color: #00c;
 
11
}
 
12
 
 
13
img {
 
14
    border: 0;
 
15
}
 
16
 
 
17
html, body {
 
18
    height: 100%;
 
19
    margin: 0;
 
20
    padding: 0;
 
21
}
 
22
 
 
23
/* pushes footer down */
 
24
table.listing {
 
25
    margin: 0 0 10px 0;
 
26
    width: 100%;
 
27
    font-size: 90%;
 
28
}
 
29
 
 
30
table.listing, table.listing tbody, table.listing td.end-of-section {
 
31
    border-bottom: 1px solid #d2d2d2;
 
32
}
 
33
 
 
34
table.listing thead, table.listing thead th, table.listing tfoot tr, table.listing tr.thead th {
 
35
    border: 1px solid #d2d2d2;
 
36
    background-color: #fff;
 
37
}
 
38
 
 
39
table.listing th, table.listing td {
 
40
    padding: 0.25em;
 
41
}
 
42
 
 
43
table.listing table tbody, table.listing table thead, table.listing table thead th, table.listing tfoot tr, table.listing table tfoot td, table.listing table td {
 
44
    border: none;
 
45
}
 
46
 
 
47
thead {
 
48
    vertical-align: bottom;
 
49
}
 
50
 
 
51
th, td {
 
52
    vertical-align: baseline;
 
53
}
 
54
 
 
55
th {
 
56
    text-align: right;
 
57
}
 
58
 
 
59
thead th, tr.thead th {
 
60
    text-align: center;
 
61
}
 
62
 
 
63
#nonfooter {
 
64
    position: relative;
 
65
    min-height: 100%;
 
66
}
 
67
* html #nonfooter {
 
68
    height: 100%;
 
69
}
 
70
 
 
71
#footer {
 
72
    clear: both;
 
73
    position: relative;
 
74
    margin: -2em auto 0;
 
75
    height: 2em;
 
76
}
 
77
 
 
78
address, #footer {
 
79
    font-size: 14px;
 
80
    font-style: normal;
 
81
    text-align: center;
 
82
}
 
83
 
 
84
address {
 
85
    background: #afdb1f;
 
86
    border: solid #9bc11b;
 
87
    border-width: 1px 0;
 
88
    font-weight: bold;
 
89
    margin: 0 0 24px;
 
90
    padding: 4px 10px;
 
91
}
 
92
 
 
93
#maincontent {
 
94
    margin: 0 auto;
 
95
    padding: 0 2em;
 
96
    max-width: 60em;
 
97
}
 
98
 
 
99
h1, h2 {
 
100
    font-size: 1em;
 
101
    color: #666;
 
102
}
 
103
 
 
104
#rp {
 
105
    width: 49%;
 
106
    float: left;
 
107
}
 
108
 
 
109
#auth {
 
110
    background: #eee;
 
111
    border: 1px solid #aaa;
 
112
    padding: 1em 2%;
 
113
    width: 45%;
 
114
    float: right;
 
115
}
 
116
 
 
117
#auth h2 {
 
118
    margin: 0 0 0.25em;
 
119
    padding: 0;
 
120
}
 
121
 
 
122
#auth div {
 
123
    margin: 0 0 1em;
 
124
    width: 100%;
 
125
}
 
126
 
 
127
#auth div div {
 
128
    margin: 0;
 
129
}
 
130
 
 
131
#auth input[type =
 
132
"text"], #auth input[type = "password"] {
 
133
    display: block;
 
134
    width: 300px;
 
135
}
 
136
 
 
137
input[type =
 
138
"radio"] {
 
139
    margin-left: 0;
 
140
    margin-top: 0.5em;
 
141
}
 
142
 
 
143
#auth input[type =
 
144
"submit"] {
 
145
    margin-top: 1em;
 
146
}
 
147
 
 
148
#auth label {
 
149
    margin-bottom: 0.25em;
 
150
}
 
151
 
 
152
code {
 
153
    font-weight: bold;
 
154
}
 
155
 
 
156
#lpinfo {
 
157
    clear: both;
 
158
    width: 50%;
 
159
    margin-left: 25%;
 
160
    padding-top: 20px;
 
161
}
 
162
 
 
163
.message {
 
164
    background: 5px 0.5em no-repeat;
 
165
    font-weight: bold;
 
166
    margin: auto;
 
167
    padding: 0.5em 1em 0.5em 30px; /* 30px because the image has a pixel size */
 
168
}
 
169
 
 
170
.error.message {
 
171
    color: #db1f22;
 
172
    background-color: #ffffff;
 
173
    border: 1px solid #db1f22;
 
174
}
 
175
 
 
176
span.tooltip {
 
177
    display: none;
 
178
}
 
179
 
 
180
div#user-info {
 
181
    max-width: 60em;
 
182
    padding: 0 2em;
 
183
    margin: 20px auto;
 
184
}
 
185
 
 
186
div#col1 {
 
187
    float: left;
 
188
    width: 45%;
 
189
    margin-right: 10px;
 
190
}
 
191
 
 
192
div#col2 {
 
193
    float: left;
 
194
    width: 45%
 
195
}
 
196
 
 
197
span.error {
 
198
    color: red
 
199
}
 
200
 
 
201
#sidebar {
 
202
    margin-left: 0px 20px;
 
203
    float: left;
 
204
    width: 372px;
 
205
    display:block;
 
206
}
 
207
 
 
208
label {
 
209
    font-weight: bold;
 
210
    display: block;
 
211
}
 
212
label:after {
 
213
    content: ":";
 
214
}
 
215
 
 
216
#logout {
 
217
    float:right;
 
218
}