examples/fancy_example/templates/factory/maypole.css

   1 html {
   2     padding-right: 0px;
   3     padding-left: 0px;
   4     padding-bottom: 0px;
   5     margin: 0px;
   6     padding-top: 0px
   7 }
   8 body {
   9     font-family: sans-serif;
  10     padding-right: 0px;
  11     padding-left: 0px;
  12     padding-bottom: 0px;
  13     margin: 0px; padding-top: 0px;
  14     background-color: #fff;
  15 }
  16 #frontpage_list {
  17     position: absolute;
  18     z-index: 5;
  19     padding: 0px 100px 0px 0px;
  20     margin:0 0.5%;
  21     margin-bottom:1em;
  22     margin-top: 1em;
  23     background-color: #fff;
  24 }
  25
  26 #frontpage_list a:hover {
  27     background-color: #d0d8e4;
  28 }
  29
  30 #frontpage_list ul {
  31     list-style-type: square;
  32 }
  33
  34 .content {
  35     padding: 12px;
  36     margin-top: 1px;
  37     margin-bottom:0px;
  38     margin-left: 15px;
  39     margin-right: 15px;
  40     border-color: #000000;
  41     border-top: 0px;
  42     border-bottom: 0px;
  43     border-left: 1px;
  44     border-right: 1px;
  45 }
  46
  47 A {
  48     text-decoration: none;
  49     color:#225
  50 }
  51 A:hover {
  52     text-decoration: underline;
  53     color:#222
  54 }
  55
  56 #title {
  57     z-index: 6;
  58     width: 100%;
  59     height: 18px;
  60     margin-top: 10px;
  61     font-size: 90%;
  62     border-bottom: 1px solid #ddf;
  63     text-align: left;
  64 }
  65
  66 #subtitle {
  67     postion: absolute;
  68     z-index: 6;
  69     padding: 10px;
  70     margin-top: 2em;
  71     height: 18px;
  72     text-align: left;
  73     background-color: #fff;
  74 }
  75
  76 input[type=text] {
  77     height: 16px;
  78     width: 136px;
  79     font-family: sans-serif;
  80     font-size: 11px;
  81     color: #2E415A;
  82     padding: 0px;
  83     margin-bottom: 5px;
  84 }
  85
  86 input[type=submit] {
  87     height: 18px;
  88     width: 60px;
  89     font-family: sans-serif;
  90     font-size: 11px;
  91     border: 1px outset;
  92     background-color: #fff;
  93     padding: 0px 0px 2px 0px;
  94     margin-bottom: 5px;
  95 }
  96
  97 input:hover[type=submit] {
  98     color: #fff;
  99     background-color: #7d95b5;
 100 }
 101
 102 textarea {
 103     width: 136px;
 104     font-family: sans-serif;
 105     font-size: 11px;
 106     color: #2E415A;
 107     padding: 0px;
 108     margin-bottom: 5px;
 109 }
 110
 111 select {
 112     height: 16px;
 113     width: 140px;
 114     font-family: sans-serif;
 115     font-size: 12px;
 116     color: #202020;
 117     padding: 0px;
 118     margin-bottom: 5px;
 119 }
 120
 121 .deco1 {
 122     font-size: 0px;
 123     z-index:1;
 124     border:0px;
 125     border-style:solid;
 126     border-color:#4d6d99;
 127     background-color:#4d6d99;
 128 }
 129
 130 .deco2 {
 131     z-index:2;
 132     border:0px;
 133     border-style:solid;
 134     border-color:#627ea5;
 135     background-color:#627ea5;
 136 }
 137
 138
 139 .deco3 {
 140     z-index:3;
 141     border:0px;
 142     border-style:solid;
 143     border-color:#7d95b5;
 144     background-color:#7d95b5;
 145 }
 146
 147 .deco4 {
 148     z-index:4;
 149     border:0px;
 150     border-style:solid;
 151     border-color:#d0d8e4;
 152     background-color:#d0d8e4;
 153 }
 154
 155
 156 table {
 157     border: 0px solid;
 158     background-color: #ffffff;
 159 }
 160
 161 #matrix { width: 100%; }
 162
 163 #matrix th {
 164     background-color: #b5cadc;
 165     border: 1px solid #778;
 166     font: bold 12px Verdana, sans-serif;
 167 }
 168
 169 #matrix #actionth {
 170     width: 1px;
 171     padding: 0em 1em 0em 1em;
 172 }
 173
 174 #matrix tr.alternate { background-color:#e3eaf0; }
 175 #matrix tr:hover { background-color: #b5cadc; }
 176 #matrix td { font: 12px Verdana, sans-serif; }
 177
 178 #navlist {
 179     padding: 3px 0;
 180     margin-left: 0;
 181     margin-top:3em;
 182     border-bottom: 1px solid #778;
 183     font: bold 12px Verdana, sans-serif;
 184 }
 185
 186 #navlist li {
 187     list-style: none;
 188     margin: 0;
 189     display: inline;
 190 }
 191
 192 #navlist li a {
 193     padding: 3px 0.5em;
 194     margin-left: 3px;
 195     border: 1px solid #778;
 196     border-bottom: none;
 197     background: #b5cadc;
 198     text-decoration: none;
 199 }
 200
 201 #navlist li a:link { color: #448; }
 202 #navlist li a:visited { color: #667; }
 203
 204 #navlist li a:hover {
 205     color: #000;
 206     background: #eef;
 207     border-top: 4px solid #7d95b5;
 208     border-color: #227;
 209 }
 210
 211 #navlist #active a {
 212     background: white;
 213     border-bottom: 1px solid white;
 214     border-top: 4px solid;
 215 }
 216
 217 td { font: 12px Verdana, sans-serif; }
 218
 219
 220 fieldset {
 221     margin-top: 1em;
 222     padding: 1em;
 223     background-color: #f3f6f8;
 224     font:80%/1 sans-serif;
 225     border:1px solid #ddd;
 226 }
 227
 228 legend {
 229     padding: 0.2em 0.5em;
 230     background-color: #fff;
 231     border:1px solid #aaa;
 232     font-size:90%;
 233     text-align:right;
 234 }
 235
 236 label {
 237     display:block;
 238 }
 239
 240 label.error {
 241         border-color: red;
 242         border-width: 1px;
 243 }
 244
 245 label .field {
 246     float:left;
 247     width:25%;
 248     margin-right:0.5em;
 249     padding-top:0.2em;
 250     text-align:right;
 251     font-weight:bold;
 252 }
 253
 254 #vlist {
 255     padding: 0 1px 1px;
 256     margin-left: 0;
 257     font: bold 12px Verdana, sans-serif;
 258     background: gray;
 259     width: 13em;
 260 }
 261
 262 #vlist li {
 263     list-style: none;
 264     margin: 0;
 265     border-top: 1px solid gray;
 266     text-align: left;
 267 }
 268
 269 #vlist li a {
 270     display: block;
 271     padding: 0.25em 0.5em 0.25em 0.75em;
 272     border-left: 1em solid #7d95b5;
 273     background: #d0d8e4;
 274     text-decoration: none;
 275 }
 276
 277 #vlist li a:hover {
 278     border-color: #227;
 279 }
 280
 281 .view .field {
 282     background-color: #f3f6f8;
 283     border-left: 1px solid #7695b5;
 284     border-top: 1px solid #7695b5;
 285     padding: 1px 10px 0px 2px;
 286 }
 287
 288 #addnew {
 289     width: 50%;
 290     float: left;
 291 }
 292
 293 #search {
 294     width: 50%;
 295     float:right;
 296 }
 297
 298 .error { color: #d00; }
 299
 300 .action {
 301     border: 1px outset #7d95b5;
 302     style:block;
 303 }
 304
 305 .action:hover {
 306     color: #fff;
 307     text-decoration: none;
 308     background-color: #7d95b5;
 309 }
 310
 311 .actionform {
 312     display: inline;
 313 }
 314
 315 .actionbutton {
 316     height: 16px;
 317     width: 40px;
 318     font-family: sans-serif;
 319     font-size: 10px;
 320     border: 1px outset;
 321     background-color: #fff;
 322     margin-bottom: 0px;
 323 }
 324
 325 .actionbutton:hover {
 326     color: #fff;
 327     background-color: #7d95b5;
 328 }
 329
 330 .actions {
 331     white-space: nowrap;
 332 }
 333
 334 .field {
 335     display:inline;
 336 }
 337
 338 #login { width: 400px; }
 339
 340 #login input[type=text] { width: 150px; }
 341 #login input[type=password] { width: 150px; }
 342
 343 .pager {
 344     font: 11px Arial, Helvetica, sans-serif;
 345     text-align: center;
 346     border: solid 1px #e2e2e2;
 347     border-left: 0;
 348     border-right: 0;
 349     padding-top: 10px;
 350     padding-bottom: 10px;
 351     margin: 0px;
 352     background-color: #f3f6f8;
 353 }
 354
 355 .pager a {
 356     padding: 2px 6px;
 357     border: solid 1px #ddd;
 358     background: #fff;
 359     text-decoration: none;
 360 }
 361
 362 .pager a:visited {
 363     padding: 2px 6px;
 364     border: solid 1px #ddd;
 365     background: #fff;
 366     text-decoration: none;
 367 }
 368
 369 .pager .current-page {
 370     padding: 2px 6px;
 371     font-weight: bold;
 372     vertical-align: top;
 373 }
 374
 375 .pager a:hover {
 376     color: #fff;
 377     background: #7d95b5;
 378     border-color: #036;
 379     text-decoration: none;
 380 }
 381