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