ex/fancy_example/templates/custom/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     display:block;
 242         border-color: red;
 243         border-width: 1px;
 244 }
 245
 246 label .field {
 247     float:left;
 248     width:25%;
 249     margin-right:0.5em;
 250     padding-top:0.2em;
 251     text-align:right;
 252     font-weight:bold;
 253 }
 254
 255 #vlist {
 256     padding: 0 1px 1px;
 257     margin-left: 0;
 258     font: bold 12px Verdana, sans-serif;
 259     background: gray;
 260     width: 13em;
 261 }
 262
 263 #vlist li {
 264     list-style: none;
 265     margin: 0;
 266     border-top: 1px solid gray;
 267     text-align: left;
 268 }
 269
 270 #vlist li a {
 271     display: block;
 272     padding: 0.25em 0.5em 0.25em 0.75em;
 273     border-left: 1em solid #7d95b5;
 274     background: #d0d8e4;
 275     text-decoration: none;
 276 }
 277
 278 #vlist li a:hover {
 279     border-color: #227;
 280 }
 281
 282 .view .field {
 283     background-color: #f3f6f8;
 284     border-left: 1px solid #7695b5;
 285     border-top: 1px solid #7695b5;
 286     padding: 1px 10px 0px 2px;
 287 }
 288
 289 #addnew {
 290     width: 50%;
 291     float: left;
 292 }
 293
 294 #search {
 295     width: 50%;
 296     float:right;
 297 }
 298
 299 .error { color: #d00; }
 300
 301 .action {
 302     border: 1px outset #7d95b5;
 303     style:block;
 304 }
 305
 306 .action:hover {
 307     color: #fff;
 308     text-decoration: none;
 309     background-color: #7d95b5;
 310 }
 311
 312 .actionform {
 313     display: inline;
 314 }
 315
 316 .actionbutton {
 317     height: 16px;
 318     width: 40px;
 319     font-family: sans-serif;
 320     font-size: 10px;
 321     border: 1px outset;
 322     background-color: #fff;
 323     margin-bottom: 0px;
 324 }
 325
 326 .actionbutton:hover {
 327     color: #fff;
 328     background-color: #7d95b5;
 329 }
 330
 331 .actions {
 332     white-space: nowrap;
 333 }
 334
 335 .field {
 336     display:inline;
 337 }
 338
 339 #login { width: 400px; }
 340
 341 #login input[type=text] { width: 150px; }
 342 #login input[type=password] { width: 150px; }
 343
 344 .pager {
 345     font: 11px Arial, Helvetica, sans-serif;
 346     text-align: center;
 347     border: solid 1px #e2e2e2;
 348     border-left: 0;
 349     border-right: 0;
 350     padding-top: 10px;
 351     padding-bottom: 10px;
 352     margin: 0px;
 353     background-color: #f3f6f8;
 354 }
 355
 356 .pager a {
 357     padding: 2px 6px;
 358     border: solid 1px #ddd;
 359     background: #fff;
 360     text-decoration: none;
 361 }
 362
 363 .pager a:visited {
 364     padding: 2px 6px;
 365     border: solid 1px #ddd;
 366     background: #fff;
 367     text-decoration: none;
 368 }
 369
 370 .pager .current-page {
 371     padding: 2px 6px;
 372     font-weight: bold;
 373     vertical-align: top;
 374 }
 375
 376 .pager a:hover {
 377     color: #fff;
 378     background: #7d95b5;
 379     border-color: #036;
 380     text-decoration: none;
 381 }
 382