LCARStrek/webide/details.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 body {
   6   margin: 0;
   7   background-color: #000000;
   8   color: #FF9F00;
   9   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  10 }
  11
  12 .hidden {
  13   display: none;
  14 }
  15
  16 h1, h3, p {
  17   margin: 0;
  18 }
  19
  20 #toolbar {
  21   background-color: #9C9CFF;
  22   border-bottom: 3px solid #000000;
  23 }
  24
  25 #toolbar > button {
  26   -moz-appearance: none;
  27   background-color: #000000;
  28   border-width: 0 1px 0 0;
  29   border-color: #9C9CFF;
  30   border-style: solid;
  31   margin: 0;
  32   padding: 0 12px;
  33   font-family: inherit;
  34   font-weight: bold;
  35   height: 24px;
  36 }
  37
  38 #toolbar > button:hover {
  39   background-color: #FFCF00;
  40   cursor: pointer;
  41 }
  42
  43 #validation_status {
  44   float: right;
  45   text-transform: uppercase;
  46   font-size: 10px;
  47   line-height: 24px;
  48   padding: 0 12px;
  49   color: #000000;
  50 }
  51
  52
  53 header {
  54   padding: 20px 0;
  55 }
  56
  57 header > div {
  58   vertical-align: top;
  59   display: flex;
  60   flex-direction: column;
  61 }
  62
  63 #icon {
  64   height: 48px;
  65   width: 48px;
  66   float: left;
  67   margin: 0 20px;
  68 }
  69
  70 h1, #type {
  71   line-height: 24px;
  72   height: 24px; /* avoid collapsing if empty */
  73   display: block;
  74 }
  75
  76 h1 {
  77   font-size: 20px;
  78   overflow-x: hidden;
  79   white-space: nowrap;
  80   text-overflow: ellipsis;
  81 }
  82
  83 #type {
  84   font-size: 10px;
  85   text-transform: uppercase;
  86   color: #A09090;
  87 }
  88
  89 main {
  90   padding-left: 88px;
  91 }
  92
  93 h3 {
  94   color: #9C9CFF;
  95   font-size: 10px;
  96   font-weight: normal;
  97 }
  98
  99 main > p {
 100   margin-bottom: 20px;
 101 }
 102
 103 .validation_messages {
 104   margin-left: 74px;
 105   list-style: none;
 106   border-left: 4px solid transparent;
 107   padding: 0 10px;
 108 }
 109
 110
 111 body.valid #validation_status {
 112   background-color: #008484;
 113 }
 114
 115 body.warning #validation_status {
 116   background-color: #FFCF00;
 117 }
 118
 119 body.error #validation_status {
 120   background-color: #FF0000;
 121 }
 122
 123 #warningslist {
 124   border-color: #FFCF00;
 125 }
 126
 127 #errorslist {
 128   border-color: #FF0000;
 129 }
 130
 131 #validation_status > span {
 132   display: none;
 133 }
 134
 135 body.valid #validation_status > .valid,
 136 body.warning #validation_status > .warning,
 137 body.error #validation_status > .error {
 138   display: inline;
 139 }