Revision 8222
Added by Lauren Walker over 10 years ago
| admin.css | ||
|---|---|---|
| 43 | 43 |
Bold 700 |
| 44 | 44 |
*/ |
| 45 | 45 |
|
| 46 |
/* Import the Metacat documentation stylesheet */ |
|
| 47 |
@import url(../docs/_static/metacatui.css); |
|
| 46 | 48 |
|
| 49 |
/*Import the Bootstrap stylesheet */ |
|
| 50 |
@import url(bootstrap.min.css); |
|
| 51 |
|
|
| 47 | 52 |
/* THE BASICS |
| 48 | 53 |
-------------------------------------------------- */ |
| 49 | 54 |
html{
|
| ... | ... | |
| 53 | 58 |
height: 100%; |
| 54 | 59 |
} |
| 55 | 60 |
body{
|
| 56 |
font: 400 1em/1em "Source Sans Pro", Arial, sans-serif; |
|
| 57 |
color: #333333; |
|
| 58 |
margin: 20px 20px 20px 40px; |
|
| 59 |
padding: 0px; |
|
| 60 |
width: 90%; |
|
| 61 |
background: url(../docs/_static/bg.jpg) no-repeat center center fixed; |
|
| 62 |
background-size: cover; |
|
| 63 |
-webkit-background-size: cover; |
|
| 64 |
-moz-background-size: cover; |
|
| 65 |
-o-background-size: cover; |
|
| 66 |
font: 400 1em/1.2em Source Sans Pro, Arial, sans-serif; |
|
| 61 | 67 |
} |
| 62 | 68 |
|
| 63 |
a{
|
|
| 64 |
color: #166194; |
|
| 65 |
text-decoration: none; |
|
| 66 |
} |
|
| 67 |
|
|
| 68 |
a:hover{
|
|
| 69 |
color: #3399CC; |
|
| 70 |
text-decoration: none; |
|
| 71 |
} |
|
| 72 |
|
|
| 73 | 69 |
h1{
|
| 74 | 70 |
font: 400 3em/3em "Oswald", Arial, sans-serif; |
| 75 | 71 |
-webkit-margin-before: 0.2em; |
| ... | ... | |
| 124 | 120 |
margin-bottom: 4px; |
| 125 | 121 |
width: 15px; |
| 126 | 122 |
height: 15px; |
| 123 |
float: left; |
|
| 127 | 124 |
} |
| 128 | 125 |
|
| 129 | 126 |
input[type="checkbox"] {
|
| ... | ... | |
| 141 | 138 |
|
| 142 | 139 |
|
| 143 | 140 |
|
| 144 |
/* NAVIGATION AND HEADER |
|
| 141 |
/* NAVIGATION AND HEADER AND FOOTER
|
|
| 145 | 142 |
------------------------------------- */ |
| 146 |
.small-message{
|
|
| 147 |
margin-top: 20px; |
|
| 143 |
.footer{
|
|
| 144 |
width: 100%; |
|
| 145 |
padding: 20px 20px 0 0; |
|
| 146 |
bottom: 0; |
|
| 147 |
} |
|
| 148 |
|
|
| 149 |
.footer > p{
|
|
| 150 |
font: 400 1em/1em Source Sans Pro, Arial; |
|
| 148 | 151 |
float: right; |
| 152 |
clear: both; |
|
| 153 |
display: block; |
|
| 154 |
text-transform: none; |
|
| 155 |
margin-right: 20px; |
|
| 149 | 156 |
} |
| 150 | 157 |
|
| 151 |
.small-message a{
|
|
| 152 |
font: 400 20px/20px Oswald; |
|
| 153 |
color: #166194; |
|
| 158 |
.footer > ul{
|
|
| 159 |
clear: both; |
|
| 160 |
float: right; |
|
| 161 |
margin-right: 20px; |
|
| 162 |
} |
|
| 163 |
|
|
| 164 |
.footer li {
|
|
| 165 |
list-style: none; |
|
| 166 |
float: left; |
|
| 167 |
margin-left: 20px; |
|
| 168 |
} |
|
| 169 |
|
|
| 170 |
.footer li > a, |
|
| 171 |
.header li > a{
|
|
| 172 |
color: #FFFFFF; |
|
| 173 |
font: 400 2em/2em Oswald, Arial; |
|
| 154 | 174 |
text-transform: uppercase; |
| 155 |
margin: 0 10px; |
|
| 175 |
} |
|
| 176 |
|
|
| 177 |
.footer li > a:hover, |
|
| 178 |
.header li > a:hover{
|
|
| 179 |
opacity: 0.6; |
|
| 156 | 180 |
text-decoration: none; |
| 157 | 181 |
} |
| 158 | 182 |
|
| 159 |
body > img {
|
|
| 160 |
float: right; |
|
| 161 |
max-height: 70px; |
|
| 162 |
width: auto; |
|
| 183 |
.document{
|
|
| 184 |
position: relative; |
|
| 185 |
margin-top: 20px; |
|
| 186 |
padding-bottom: 10px; |
|
| 187 |
min-height: 800px; |
|
| 163 | 188 |
} |
| 164 | 189 |
|
| 190 |
.header{
|
|
| 191 |
height: 100px; |
|
| 192 |
margin: 10px; |
|
| 193 |
} |
|
| 194 |
|
|
| 165 | 195 |
/* FORMS |
| 166 | 196 |
----------------------------------------*/ |
| 167 |
.textinput {
|
|
| 168 |
margin-left: 1em;
|
|
| 197 |
.textinput,
|
|
| 198 |
input[type="password"] {
|
|
| 169 | 199 |
vertical-align: middle; |
| 170 | 200 |
width: 30em; |
| 171 | 201 |
height: 2.2em; |
| ... | ... | |
| 180 | 210 |
text-align: right; |
| 181 | 211 |
float: left; |
| 182 | 212 |
width: 200px; |
| 213 |
clear: left; |
|
| 183 | 214 |
} |
| 184 | 215 |
|
| 185 | 216 |
.textinput-description {
|
| 186 | 217 |
margin-left: 215px; |
| 187 |
color: #777777;
|
|
| 218 |
color: #666666;
|
|
| 188 | 219 |
font-size: 0.8em; |
| 189 | 220 |
margin-top: 5px; |
| 190 | 221 |
clear: both; |
| 191 | 222 |
} |
| 192 | 223 |
|
| 193 |
.button, input[type="submit"] {
|
|
| 224 |
.button, input[type="submit"], input[type="button"] {
|
|
| 194 | 225 |
width: 100px; |
| 195 | 226 |
margin-right: 5px; |
| 196 | 227 |
margin-top: 20px; |
| 197 | 228 |
font: 400 1.2em/1.5em Oswald, Arial; |
| 198 | 229 |
cursor: pointer; |
| 230 |
height: 1.7em; |
|
| 199 | 231 |
} |
| 200 | 232 |
|
| 201 | 233 |
|
| 202 | 234 |
.checkradio-label-inline {
|
| 203 | 235 |
display: inline; |
| 204 |
|
|
| 205 | 236 |
vertical-align: middle; |
| 206 | 237 |
} |
| 207 | 238 |
|
| 239 |
.checkradio-label{
|
|
| 240 |
margin: 0px 0px 0px 10px; |
|
| 241 |
float: left; |
|
| 242 |
} |
|
| 208 | 243 |
.checkradio-description {
|
| 209 |
margin-left: 4.25em; |
|
| 210 |
color: gray; |
|
| 211 |
font-size: 11; |
|
| 244 |
font: 400 .8em/.8em Source Sans Pro; |
|
| 245 |
color: #666666; |
|
| 246 |
clear: both; |
|
| 247 |
margin: 8px 0px 10px 38px; |
|
| 212 | 248 |
} |
| 213 | 249 |
|
| 214 |
.question-mark {
|
|
| 215 |
float: left; |
|
| 216 |
vertical-align: middle; |
|
| 250 |
.icon-question-sign {
|
|
| 251 |
color: #166194; |
|
| 252 |
font-size: 1.2em; |
|
| 253 |
cursor: pointer; |
|
| 217 | 254 |
margin-left: 10px; |
| 218 |
height: 20px; |
|
| 219 |
cursor: pointer; |
|
| 255 |
margin-top: 0.5em; |
|
| 220 | 256 |
} |
| 221 | 257 |
|
| 222 | 258 |
.form-row {
|
| 223 |
margin-top: .5em;
|
|
| 259 |
height: 2.7em;
|
|
| 224 | 260 |
clear: both; |
| 225 | 261 |
} |
| 226 | 262 |
|
| ... | ... | |
| 228 | 264 |
.form-row select, |
| 229 | 265 |
.form-row span{
|
| 230 | 266 |
float: left; |
| 267 |
margin-left: 1em; |
|
| 231 | 268 |
} |
| 232 | 269 |
|
| 233 |
|
|
| 234 |
/* MESSAGES |
|
| 235 |
----------------------------------------*/ |
|
| 236 |
|
|
| 237 |
.message-text {
|
|
| 238 |
font: 400 1em/1em Source Sans Pro, Arial, sans-serif; |
|
| 239 |
color: #003366; |
|
| 240 |
margin: 10px 0px; |
|
| 241 |
background-color: #B4C6CC; |
|
| 242 |
border: 1px solid #003366; |
|
| 243 |
padding: 10px; |
|
| 244 |
} |
|
| 245 |
|
|
| 246 |
.success-text {
|
|
| 247 |
font: 400 1em/1em Source Sans Pro, Arial, sans-serif; |
|
| 248 |
color: #003300; |
|
| 249 |
margin: 10px 0px; |
|
| 250 |
padding: 10px; |
|
| 251 |
background-color: #99CC99; |
|
| 252 |
border: 1px solid #003300; |
|
| 253 |
} |
|
| 254 |
|
|
| 255 |
.error-text, |
|
| 256 |
.formfield-error-text {
|
|
| 257 |
font: 400 1em/1em Source Sans Pro, Arial, sans-serif; |
|
| 258 |
color: #660000; |
|
| 259 |
margin: 10px 0px; |
|
| 260 |
padding: 10px; |
|
| 261 |
background-color: #CC9999; |
|
| 262 |
border: 1px solid #660000; |
|
| 263 |
} |
|
| 264 |
|
|
| 265 |
.formfield-error-header {
|
|
| 266 |
font: 400 1em/1em Source Sans Pro, Arial, sans-serif; |
|
| 267 |
color: #A52A2A; |
|
| 268 |
} |
|
| 269 |
|
|
| 270 |
.warning {
|
|
| 271 |
color: red; |
|
| 272 |
} |
|
| 273 |
|
|
| 274 |
|
|
| 275 | 270 |
/* OTHER |
| 276 | 271 |
----------------------------------------*/ |
| 277 | 272 |
|
| ... | ... | |
| 279 | 274 |
clear: both; |
| 280 | 275 |
} |
| 281 | 276 |
|
| 282 |
.username-input {
|
|
| 283 |
width: 500px;
|
|
| 277 |
.admin-login > tbody > tr > td{
|
|
| 278 |
padding: 0px 10px 0px 0px;
|
|
| 284 | 279 |
} |
| 285 | 280 |
|
| 286 |
.login-input {
|
|
| 287 |
width: 300px;
|
|
| 281 |
.admin-login > tbody > tr{
|
|
| 282 |
padding: 0px;
|
|
| 288 | 283 |
} |
| 289 | 284 |
|
| 285 |
.username-input, login-input {
|
|
| 286 |
width: auto; |
|
| 287 |
margin-bottom: 0px; |
|
| 288 |
} |
|
| 289 |
|
|
| 290 | 290 |
.buttons-wrapper{
|
| 291 | 291 |
clear:both; |
| 292 |
margin-top: 20px; |
|
| 292 |
margin: auto; |
|
| 293 |
max-width: 350px; |
|
| 293 | 294 |
} |
| 294 | 295 |
.heading-comment {
|
| 295 | 296 |
margin-bottom: 0px; |
| 296 | 297 |
} |
| 297 | 298 |
|
| 298 | 299 |
|
| 299 |
.error-header {
|
|
| 300 |
font-size: 9pt; |
|
| 301 |
font-weight: bold; |
|
| 302 |
color: red; |
|
| 303 |
} |
|
| 304 |
|
|
| 305 |
|
|
| 306 | 300 |
.configured-tag {
|
| 307 | 301 |
color: green; |
| 308 | 302 |
width: 115px; |
| ... | ... | |
| 341 | 335 |
margin-left: 2em; |
| 342 | 336 |
} |
| 343 | 337 |
|
| 338 |
frame[name="bottom"] table |
|
| 339 |
{
|
|
| 340 |
border-collapse: collapse; |
|
| 341 |
border: 1px solid #333; |
|
| 342 |
font: 400 1em/1em Source Sans Pro, Arial, sans-serif; |
|
| 343 |
} |
|
| 344 | 344 |
|
| 345 |
frame[name="bottom"] table > tbody > td |
|
| 346 |
{
|
|
| 347 |
padding: 5px; |
|
| 348 |
} |
|
| 349 |
|
|
| 350 |
i{
|
|
| 351 |
margin-right: 10px; |
|
| 352 |
} |
|
| 353 |
|
|
| 354 |
|
|
Also available in: Unified diff
Matched the admin config pages to the default metacatUI theme. Changed the background image of the docs and config pages to a big cat for some metacat branding.