git.plutz.net Git - webpoll/blob - widgets.css

   1 table.calendar {
   2   display: inline-block;
   3   border-collapse: collapse;
   4   vertical-align: top;
   5 }
   6 table.calendar td {
   7   border: .5pt solid;
   8   padding: 0;
   9 }
  10 table.calendar th {
  11   font-weight: normal;
  12   padding: 0;
  13 }
  14
  15 table.calendar thead tr.monthname {
  16   border-style: solid;
  17   border-width: .5pt .5pt .5pt .5pt;
  18   line-height: 1.5em;
  19   font-size: 1.125em;
  20 }
  21 table.calendar thead tr.weekday {
  22   line-height: 1.5em;
  23 }
  24 table.calendar thead tr.weekday th:first-of-type {
  25   border-style: solid;
  26   border-width: 0pt 0pt 0pt .5pt;
  27 }
  28 table.calendar thead tr.weekday th:last-child {
  29   border-right: .5pt solid;
  30 }
  31 table.calendar tbody tr th {
  32   border-left: .5pt solid #000;
  33 }
  34 table.calendar tbody tr:last-child th {
  35   border-bottom: .5pt solid #000;
  36 }
  37
  38 table.calendar tbody tr th.weekno {
  39   width: 2em;
  40   padding: 0 .25em;
  41   text-align: right;
  42   font-weight: normal;
  43   color: #888;
  44 }
  45
  46 table.calendar input[type=radio],
  47 table.calendar input[type=checkbox] {
  48   display: none;
  49 }
  50 table.calendar td label,
  51 table.calendar td button {
  52   display: inline-block;
  53   width: 2em;
  54   margin: 0; padding: .25em;
  55   text-align: right;
  56   line-height: 1em;
  57   box-shadow: none;
  58   border-radius: 0;
  59   border: none;
  60 }
  61 table.calendar td input:checked + label,
  62 table.calendar td label[checked],
  63 table.calendar td button[name$=_remove] {
  64   font-weight: bold;
  65   line-height: .75em;
  66   border: .125em solid;
  67 }
  68
  69 #comments input#comments_toggle_new,
  70 #comments input#comments_toggle_new + label + form {
  71   display: none;
  72   text-align: left;
  73 }
  74 #comments input#comments_toggle_new:checked + label + form {
  75   display: block;
  76 }
  77 #comments input#comments_toggle_new + label {
  78   display: block;
  79   width: 100%; margin: 0;
  80   padding: .25em .75em;
  81   background-color: #FFF;
  82   text-align: left;
  83   border: .5pt solid;
  84   border-radius: 2pt;
  85 }
  86 #comments input#comments_toggle_new:checked + label {
  87   display: none;
  88 }
  89
  90 #comments form label.legend {
  91   display: block;
  92 }
  93
  94 #comments input[name=username],
  95 #comments textarea {
  96   width: 100%;
  97 }
  98 #comments textarea {
  99   min-height: 7em;
 100   margin: .5em 0;
 101 }
 102
 103 #comments .comment {
 104   text-align: left;
 105   margin: .5em 0;
 106   padding: 0 .5em .25em .5em;
 107   -padding-left: .5em;
 108   -border-left: 3pt solid #CCC;
 109   box-shadow: #000 .25em .25em .5em;
 110 }
 111
 112 #comments .comment > h3 {
 113   padding-top: .5em;
 114   margin-bottom: 0;
 115 }
 116
 117 #comments .comment > span {
 118   display: inline-block;
 119   min-width: 50%;
 120   font-size: .875em;
 121   color: #666;
 122 }
 123 #comments .comment > a.edit {
 124   display: block;
 125   min-width: 50%;
 126   font-size: .875em;
 127 }
 128 #comments .comment > div {
 129   border-top: .5pt solid;
 130 }
 131