testcms-final-anon/system/admin/theme/assets/css/admin.css

   1 * {
   2     margin: 0;
   3     padding: 0;
   4
   5     list-style: none;
   6 }
   7
   8 ::selection {
   9     color: #fff;
  10     background: rgba(57,115,169,.7);
  11
  12     text-shadow: 0 1px 1px rgba(0,0,0,.3);
  13 }
  14     ::-webkit-selection {
  15         background: rgba(57,115,169,.7);
  16         color: #fff;
  17
  18         text-shadow: 0 1px 1px rgba(0,0,0,.3);
  19     }
  20     ::-moz-selection {
  21         background: rgba(57,115,169,.7);
  22         color: #fff;
  23
  24         text-shadow: 0 1px 1px rgba(0,0,0,.3);
  25     }
  26
  27 body {
  28     background: #e7f0f9 url('../img/bg.gif') repeat-x 0 0;
  29
  30     font: 13px/22px "Helvetica Neue", sans-serif;
  31     color: #75818c;
  32
  33     width: 900px;
  34     margin: 0 auto;
  35 }
  36
  37 a {
  38     -webkit-transition: color .25s;
  39     -moz-transition: color .25s;
  40     -ms-transition: color .25s;
  41     -o-transition: color .25s;
  42     transition: color .25s;
  43 }
  44
  45 i, em {
  46     font-family: Georgia, serif;
  47 }
  48
  49 header#top {
  50     height: 61px;
  51     line-height: 61px;
  52 }
  53     header#top a#logo {
  54         display: block;
  55         float: left;
  56
  57         margin: 20px 0 0;
  58         height: 24px;
  59     }
  60         header#top a#logo img {
  61             display: block;
  62         }
  63         header#top a#logo:hover {
  64             opacity: .8;
  65         }
  66     header#top nav {
  67         float: left;
  68         padding-left: 20px;
  69     }
  70         header#top nav li {
  71             display: inline-block;
  72             float: left;
  73         }
  74         header#top nav li a {
  75             color: #909eab;
  76
  77             font-weight: bold;
  78             text-decoration: none;
  79
  80             display: block;
  81             padding: 0 20px;
  82
  83             text-shadow: 0 1px 0 rgba(0,0,0,.3);
  84         }
  85             header#top nav li a:hover {
  86                 color: #b7cbdf;
  87             }
  88             header#top nav li.active a {
  89                 color: #fff;
  90
  91                 background: url('../img/active.png') no-repeat 50% 0;
  92             }
  93     header#top p {
  94         color: #91969c;
  95         float: right;
  96     }
  97         header#top p a {
  98             color: #d7dfe7;
  99             padding-left: 15px;
 100         }
 101         header#top p a:hover {
 102             color: #fff;
 103         }
 104
 105 h1 {
 106     height: 86px;
 107     line-height: 86px;
 108
 109     font-weight: lighter;
 110     color: #304355;
 111     text-shadow: 0 1px 0 rgba(255,255,255,.25);
 112
 113     position: relative;
 114 }
 115     h1 a, button {
 116         background-color: #4375a7;
 117         background-image: -webkit-gradient(linear, left top, left bottom, from(#5e92be), to(#285890));
 118         background-image: -webkit-linear-gradient(top, #5e92be, #285890);
 119         background-image: -moz-linear-gradient(top, #5e92be, #285890);
 120         background-image: -o-linear-gradient(top, #5e92be, #285890);
 121         background-image: -ms-linear-gradient(top, #5e92be, #285890);
 122         background-image: linear-gradient(top, #5e92be, #285890);
 123         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5e92be', EndColorStr='#285890');
 124
 125         border: 1px solid #164773;
 126
 127         border-radius: 4px;
 128
 129         -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.1);
 130         -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.1);
 131         box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.1);
 132
 133         font: bold 13px "Helvetica Neue", sans-serif;
 134         color: #fff;
 135         text-shadow: 0 1px 1px rgba(0,0,0,.3);
 136         text-decoration: none;
 137
 138         float: right;
 139         padding: 8px 14px;
 140         margin-top: 28px;
 141
 142         cursor: pointer;
 143     }
 144         h1 a:active, button:active, section.content nav.tabs ul li a.active {
 145             -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.3), inset 0 -1px 1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.1);
 146             -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.3), inset 0 -1px 1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.1);
 147             box-shadow: inset 0 1px 1px rgba(0,0,0,.3), inset 0 -1px 1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.1);
 148
 149             background-color: #2d5d8a;
 150             background-image: -webkit-gradient(linear, left top, left bottom, from(#386c98), to(#224f7d));
 151             background-image: -webkit-linear-gradient(top, #386c98, #224f7d);
 152             background-image: -moz-linear-gradient(top, #386c98, #224f7d);
 153             background-image: -o-linear-gradient(top, #386c98, #224f7d);
 154             background-image: -ms-linear-gradient(top, #386c98, #224f7d);
 155             background-image: linear-gradient(top, #386c98, #224f7d);
 156             filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#386c98', EndColorStr='#224f7d');
 157
 158             border: 1px solid #0d3355;
 159         }
 160     button[name=delete] {
 161         border-color: #681a1c;
 162
 163         background-color: #b04e51;
 164         background-image: -webkit-gradient(linear, left top, left bottom, from(#c86a6d), to(#983336));
 165         background-image: -webkit-linear-gradient(top, #c86a6d, #983336);
 166         background-image: -moz-linear-gradient(top, #c86a6d, #983336);
 167         background-image: -o-linear-gradient(top, #c86a6d, #983336);
 168         background-image: -ms-linear-gradient(top, #c86a6d, #983336);
 169         background-image: linear-gradient(top, #c86a6d, #983336);
 170         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c86a6d', EndColorStr='#983336');
 171     }
 172         button[name=delete]:active {
 173             border-color: #501314;
 174
 175             background-color: #802d30;
 176             background-image: -webkit-gradient(linear, left top, left bottom, from(#984447), to(#69171a));
 177             background-image: -webkit-linear-gradient(top, #984447, #69171a);
 178             background-image: -moz-linear-gradient(top, #984447, #69171a);
 179             background-image: -o-linear-gradient(top, #984447, #69171a);
 180             background-image: -ms-linear-gradient(top, #984447, #69171a);
 181             background-image: linear-gradient(top, #984447, #69171a);
 182             filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#984447', EndColorStr='#69171a');
 183         }
 184
 185 button#create {
 186         float: left;
 187         margin-bottom: 30px;
 188         margin-left: 120px;
 189 }
 190
 191 section.content {
 192     background: #fff;
 193
 194     -webkit-border-radius: 5px;
 195     -moz-border-radius: 5px;
 196     border-radius: 5px;
 197
 198     -webkit-box-shadow: inset 0 -1px 1px #f5f5f5,0 1px 1px rgba(0,0,0,.1);
 199     -moz-box-shadow: inset 0 -1px 1px #f5f5f5,0 1px 1px rgba(0,0,0,.1);
 200     box-shadow: inset 0 -1px 1px #f5f5f5,0 1px 1px rgba(0,0,0,.1);
 201
 202     margin: 40px 0;
 203     padding: 30px 40px;
 204
 205     width: 550px;
 206     float: left;
 207 }
 208
 209     section.content nav.tabs {
 210         margin-bottom: 2em;
 211     }
 212         section.content nav.tabs ul {
 213             margin: 0;
 214             padding: 0 0 1em 0;
 215             border-bottom: 1px solid #ebf0f3;
 216         }
 217             section.content nav.tabs ul li {
 218                 display: inline-block;
 219                 margin-right: 15px;
 220             }
 221                 section.content nav.tabs ul li a {
 222                     display: inline-block;
 223                     padding: 5px 12px;
 224
 225                     position: relative;
 226                     text-decoration: none;
 227                     font-weight: bold;
 228
 229                     background: #f2f4f5;
 230
 231                     -webkit-border-radius: 4px;
 232                     -moz-border-radius: 4px;
 233                     border-radius: 4px;
 234
 235                     -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,.05);
 236                     -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,.05);
 237                     box-shadow: inset 0 -1px 1px rgba(0,0,0,.05);
 238                 }
 239                     section.content nav.tabs ul li a.active {
 240                         color: #fff;
 241                     }
 242                 section.content nav.tabs ul li span {
 243                     display: inline-block;
 244                     position: relative;
 245                     top: -10px;
 246
 247                     margin-right: -24px;
 248
 249                     padding: 6px;
 250                     min-width: 10px;
 251                     height: 10px;
 252
 253                     font-weight: bold;
 254                     font-size: 10px;
 255                     line-height: 10px;
 256
 257                     color: #fff;
 258
 259                     text-align: center;
 260                     text-shadow: 0 1px 1px rgba(0,0,0,.4);
 261                     text-decoration: none;
 262
 263                     background-color: #b63538;
 264                     background-image: -webkit-gradient(linear, left top, left bottom, from(#ca4d4f), to(#a31d21));
 265                     background-image: -webkit-linear-gradient(top, #ca4d4f, #a31d21);
 266                     background-image: -moz-linear-gradient(top, #ca4d4f, #a31d21);
 267                     background-image: -o-linear-gradient(top, #ca4d4f, #a31d21);
 268                     background-image: -ms-linear-gradient(top, #ca4d4f, #a31d21);
 269                     background-image: linear-gradient(top, #ca4d4f, #a31d21);
 270                     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ca4d4f', EndColorStr='#a31d21');
 271
 272                     -webkit-border-radius: 20px;
 273                     -moz-border-radius: 20px;
 274                     border-radius: 20px;
 275
 276                     border: 1px solid #730707;
 277
 278                     box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 1px rgba(0,0,0,.05);
 279                 }
 280
 281     section.content a, .popup_wrapper a {
 282         color: #527ba5;
 283     }
 284         section.content a:hover, .popup_wrapper a:hover {
 285             color: #3b444d;
 286         }
 287
 288     section.content ul.list {
 289         list-style: none;
 290     }
 291         section.content ul.list li {
 292             position: relative;
 293             border-bottom: 1px solid #f5f7f8;
 294         }
 295             section.content ul.list li:last-child {
 296                 border-bottom: none;
 297             }
 298         section.content ul.list a {
 299             display: block;
 300
 301             padding: 15px 0;
 302
 303             text-decoration: none;
 304         }
 305             section.content ul.list strong {
 306                 display: block;
 307                 padding-bottom: 3px;
 308
 309                 font-size: 20px;
 310             }
 311             section.content ul.list span {
 312                 display: block;
 313                 opacity: .6;
 314             }
 315             section.content ul.list i {
 316                 position: absolute;
 317                 right: 0;
 318                 top: 18px;
 319             }
 320
 321 p.notification {
 322     position: relative;
 323
 324     margin: 20px 0 -20px;
 325     padding: 10px 20px;
 326
 327     color: #fff;
 328     text-shadow: 0 1px 0 rgba(0,0,0,.3);
 329
 330     -webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,.15), inset 0 1px 1px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05);
 331     -moz-box-shadow: inset 0 2px 1px rgba(0,0,0,.15), inset 0 1px 1px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05);
 332     box-shadow: inset 0 2px 1px rgba(0,0,0,.15), inset 0 1px 1px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05);
 333
 334     -webkit-border-radius: 5px;
 335     -moz-border-radius: 5px;
 336     border-radius: 5px;
 337
 338     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.15)), to(transparent));
 339     background-image: -webkit-linear-gradient(top, rgba(0,0,0,.15), transparent);
 340     background-image: -moz-linear-gradient(top, rgba(0,0,0,.15), transparent);
 341     background-image: -o-linear-gradient(top, rgba(0,0,0,.15), transparent);
 342     background-image: -ms-linear-gradient(top, rgba(0,0,0,.15), transparent);
 343     background-image: linear-gradient(top, rgba(0,0,0,.15), transparent);
 344 }
 345     p.notification.error {
 346         background-color: #911;
 347     }
 348     p.notification.success {
 349         background-color: #757e0e;
 350     }
 351     p.notification.notice {
 352         background-color: #FFC800;
 353     }
 354
 355 fieldset {
 356     position: relative;
 357     border: none;
 358 }
 359     fieldset + fieldset {
 360         margin-top: 40px;
 361     }
 362     legend {
 363         font-size: 18px;
 364         font-weight: bold;
 365
 366         color: #284769;
 367
 368         padding-left: 120px;
 369     }
 370         legend + em {
 371             display: block;
 372             padding: 5px 0 25px 120px;
 373         }
 374
 375     fieldset p {
 376         padding-bottom: 20px;
 377         clear: both;
 378         overflow: hidden;
 379     }
 380         fieldset p em {
 381             display: block;
 382             clear: both;
 383
 384             padding-top: 5px;
 385             padding-left: 120px;
 386         }
 387
 388     fieldset label {
 389         display: block;
 390         float: left;
 391
 392         width: 100px;
 393         text-align: right;
 394
 395         padding: 6px 0;
 396         padding-right: 20px;
 397
 398         cursor: pointer;
 399
 400         font-weight: bold;
 401         color: #5e6c7b;
 402     }
 403     fieldset input, fieldset textarea {
 404         display: block;
 405         float: left;
 406
 407         width: 404px;
 408         padding: 8px 12px;
 409
 410         border: 1px solid #a8acb1;
 411
 412         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px #f5f7f8;
 413         -moz-box-shadow: inset 0 1px 1px #ebeef1, 0 1px 1px #f5f7f8;
 414         box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px #f5f7f8;
 415
 416         font: 13px "Helvetica Neue", sans-serif;
 417         color: #50575d;
 418     }
 419         fieldset .key {
 420             width: 128px;
 421             margin-right: -1px;
 422
 423             margin-bottom: 10px;
 424         }
 425         fieldset .value {
 426             width: 250px;
 427             margin-bottom: 10px;
 428         }
 429         fieldset textarea, input[type=url] {
 430             font: 13px/16px "Anonymous Pro", monospace;
 431         }
 432         fieldset textarea {
 433             line-height: 24px;
 434
 435             resize: vertical;
 436             min-height: 150px;
 437             max-height: 500px;
 438         }
 439         fieldset input:focus, fieldset textarea:focus {
 440             background: #f3f7fc;
 441             outline: none;
 442         }
 443     fieldset select {
 444         margin-top: 9px;
 445         min-width: 150px;
 446     }
 447         fieldset select + em {
 448             position: relative;
 449             top: -8px;
 450
 451             margin-bottom: -8px;
 452         }
 453
 454
 455 p.buttons {
 456     overflow: hidden;
 457     padding-top: 20px;
 458
 459     border-top: 1px solid #f5f7f8;
 460 }
 461     p.buttons a {
 462         float: left;
 463         line-height: 34px;
 464     }
 465     p.buttons button {
 466         margin-top: 0;
 467         margin-left: 25px;
 468     }
 469
 470 aside#sidebar {
 471     float: right;
 472     width: 200px;
 473
 474     margin-top: 40px;
 475     padding: 20px;
 476
 477     background: #d6e3f0;
 478     color: #667a8e;
 479
 480     text-shadow: 0 1px 0 rgba(255,255,255,.3);
 481
 482     -webkit-border-radius: 5px;
 483     -moz-border-radius: 5px;
 484     border-radius: 5px;
 485
 486     -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,.02), 0 1px 0 #eff6fc;
 487     -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,.02), 0 1px 0 #eff6fc;
 488     box-shadow: inset 0 -1px 1px rgba(0,0,0,.02), 0 1px 0 #eff6fc;
 489 }
 490     aside#sidebar h2 {
 491         color: #384f66;
 492         padding-bottom: 8px;
 493     }
 494     aside#sidebar ul {
 495         margin: 15px 18px -5px;
 496     }
 497         aside#sidebar li {
 498             list-style: square;
 499             padding-bottom: 5px;
 500
 501             font-size: 12px;
 502             line-height: 20px;
 503         }
 504     aside#sidebar a {
 505         color: #244f7c;
 506     }
 507         aside#sidebar a:hover {
 508             color: #102e4d;
 509         }
 510
 511 ul#comments {
 512     position: relative;
 513     overflow: hidden;
 514 }
 515     ul#comments li {
 516         border-top: 1px solid #f2f4f5;
 517         padding: 20px 0;
 518
 519         overflow: hidden;
 520     }
 521         ul#comments li header {
 522             width: 100px;
 523             float: left;
 524         }
 525             ul#comments li header strong {
 526                 color: #506171;
 527                 display: block;
 528             }
 529             ul#comments li header em {
 530                 padding: 10px 0 0;
 531
 532                 font-size: 12px;
 533             }
 534         ul#comments li p.comment {
 535             width: 430px;
 536
 537             float: left;
 538             clear: none;
 539
 540             padding-left: 20px;
 541             padding-bottom: 20px;
 542         }
 543         ul#comments li ul {
 544             position: relative;
 545             left: 20px;
 546         }
 547             ul#comments li li {
 548                 border: none;
 549                 overflow: auto;
 550                 float: left;
 551
 552                 padding: 0 15px 0 0;
 553             }
 554
 555 footer#bottom {
 556     clear: both;
 557     padding: 20px 0 60px;
 558     margin-top: 20px;
 559
 560     border-top: 1px solid #dde7f0;
 561
 562     text-shadow: 0 1px 0 #f7fbff;
 563 }
 564     footer#bottom a {
 565         color: #474e56;
 566     }
 567         footer#bottom a:hover {
 568             color: #2d353d;
 569         }
 570     footer#bottom small {
 571         float: left;
 572         font-size: 13px;
 573     }
 574
 575     footer#bottom em {
 576         float: right;
 577         font-size: 11px;
 578
 579         color: #93a8bd;
 580     }
 581
 582 .debug {display: none; font-size: 13px; margin-bottom: 1em;}
 583 .debug td, .debug th {padding: 4px 6px; border-bottom: 1px solid #ddd;}
 584 .debug th {font-weight: bold; text-align: center;}
 585 .debug tfoot td:first-child {text-align: right;}