admin/templates/css/admin.css

   1 /** Basic elements */
   2 body, input, textarea {
   3   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   4   font-size: 12pt;
   5 }
   6
   7 #header {
   8   background-color: lightgray;
   9   margin-bottom: 10px;
  10   padding: 3px;
  11 }
  12
  13 #header h1 {
  14   font-size: 18pt;
  15   display: inline;
  16   margin-right: 20px;
  17 }
  18
  19 #navigation {
  20   display: inline-block;
  21   list-style: none;
  22 }
  23
  24 #navigation li {
  25   display: inline-block;
  26   margin: 0px 20px 0px 20px;
  27 }
  28
  29 #userinfo {
  30   float: right;
  31 }
  32
  33 #wrapper {
  34   padding: 7px;
  35 }
  36
  37 #no-wrapper {
  38   margin-top: -10px;
  39   border-top: 1px solid black;
  40 }
  41
  42 #footer {
  43   font-size: 9pt;
  44   text-align: center;
  45   margin-top: 20px;
  46 }
  47
  48 input[type="submit"], input[type="reset"], input[type="button"] {
  49   background: -webkit-gradient(
  50     linear,
  51     left bottom,
  52     left top,
  53     color-stop(0, rgb(179,179,179)),
  54     color-stop(1, rgb(230, 230, 230))
  55   );
  56   background: -moz-linear-gradient(
  57     center bottom,
  58     rgb(179,179,179) 0%
  59     rgb(230, 230, 230) 100%,
  60   );
  61
  62   color: rgb(77, 77, 77);
  63   font-size: 10pt;
  64   font-weight: bold;
  65
  66   padding: 3px 15px 3px 15px;
  67
  68   border-style: solid;
  69   border-color: rgb(128, 128, 128);
  70   border-width: 1px;
  71   border-radius: 12pt;
  72 }
  73
  74   input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
  75     background: -webkit-gradient(
  76       linear,
  77       left bottom,
  78       left top,
  79       color-stop(1, rgb(179,179,179)),
  80       color-stop(0, rgb(230, 230, 230))
  81     );
  82     background: -moz-linear-gradient(
  83       center bottom,
  84       rgb(179,179,179) 100%
  85       rgb(230, 230, 230) 0%,
  86     );
  87   }
  88
  89 .clear {
  90   clear: both;
  91 }
  92
  93 /** Main bug list */
  94 #bug-list {
  95   width: 100%;
  96
  97   background-color: rgb(204, 204, 204);
  98   border-spacing: 1px;
  99   border-collapse: separate;
 100 }
 101
 102 #bug-list th {
 103   background-color: rgb(83, 132, 187);
 104   padding: 3px;
 105   text-align: left;
 106 }
 107
 108 #bug-list tr td {
 109   padding: 3px;
 110 }
 111
 112 #bug-list tr:nth-child(odd) {
 113   background-color: rgb(220, 231, 251);
 114 }
 115 #bug-list tr:nth-child(even) {
 116   background-color: rgb(242, 242, 242);
 117 }
 118
 119 /** Bug display */
 120 #bug-content {
 121   background: -webkit-gradient(
 122     linear,
 123     left bottom,
 124     left top,
 125     color-stop(0.5, rgb(255,255,255)),
 126     color-stop(1, #BBBDE3)
 127   );
 128   background: -moz-linear-gradient(
 129     center bottom,
 130     rgb(255,255,255) 50%,
 131     #BBBDE3 100%
 132   );
 133 }
 134
 135 #bug-title input {
 136   width: 99%;
 137   margin: 3px;
 138 }
 139
 140 #bug-comments {
 141   width: 69%;
 142   padding: 5px;
 143
 144   display: inline-block;
 145
 146   background-color: white;
 147
 148   border-color: black;
 149   border-style: solid;
 150   border-width: 1px 1px 0px 0px;
 151 }
 152
 153 #bug-comments .comment {
 154   background: -webkit-gradient(
 155     linear,
 156     left bottom,
 157     left top,
 158     color-stop(1, rgb(220,231,255)),
 159     color-stop(0.02, rgb(255,255,255))
 160   );
 161   background: -moz-linear-gradient(
 162     center bottom,
 163     rgb(220,231,255) 100%,
 164     rgb(255,255,255) 25%
 165   );
 166
 167   padding: 5px;
 168   margin-bottom: 20px;
 169 }
 170
 171 #bug-comments .comment .author-line {
 172   color: rgb(23, 90, 170);
 173   font-size: 11pt;
 174   margin-bottom: 10px;
 175 }
 176
 177 #metadata {
 178   width: 29%;
 179   display: inline-block;
 180   vertical-align: top;
 181 }
 182
 183 #attributes {
 184   padding: 5px;
 185 }
 186
 187 #attributes input {
 188   width: 90%;
 189   padding: 3px;
 190 }
 191
 192 #attributes dt {
 193   display: inline-block;
 194   width: 48%;
 195   font-weight: bold;
 196   clear: both;
 197 }
 198
 199   #attributes dt input {
 200     background-color: #8BACD0;
 201     border: 1px solid black;
 202   }
 203
 204 #attributes dd {
 205 /*  width: 20%;*/
 206   display: inline-block;
 207   width: 48%;
 208 }
 209
 210   #attributes dd input {
 211     background-color: #C5D6E8;
 212     border: 1px solid black;
 213   }
 214
 215 /** Admin navigation */
 216 #admin-navigation {
 217   float: left;
 218   background-color: rgb(200, 255, 255);
 219   padding: 3px;
 220   list-style: none;
 221 }
 222
 223   #admin-navigation li {
 224     margin: 10px;
 225   }
 226
 227 /** System Options */
 228 #settings {
 229   width: 75%;
 230   margin: auto;
 231
 232   background-color: rgb(204, 204, 204);
 233   border-spacing: 1px;
 234   border-collapse: separate;
 235 }
 236
 237 #settings tr {
 238   background-color: white;
 239 }
 240
 241 #settings th {
 242   text-align: left;
 243   width: 35%;
 244   padding: 3px;
 245 }
 246
 247 #settings th label {
 248   display: block;
 249 }
 250
 251 #settings th dfn {
 252   font-size: 10pt;
 253   font-weight: normal;
 254 }
 255
 256 #settings td {
 257   vertical-align: middle;
 258   text-align: center;
 259   padding: 3px;
 260 }
 261
 262 #settings td input[type="text"] {
 263   width: 80%;
 264 }