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