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 section#comments input#comments_toggle_new,
  68 section#comments input#comments_toggle_new + label + form {
  69   display: none;
  70   text-align: left;
  71 }
  72 section#comments input#comments_toggle_new:checked + label + form {
  73   display: block;
  74 }
  75 section#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 section#comments input#comments_toggle_new:checked + label {
  85   display: none;
  86 }
  87
  88 section#comments input[name=username],
  89 section#comments textarea {
  90   width: 100%;
  91 }
  92 section#comments textarea {
  93   min-height: 7em;
  94   margin: .5em 0;
  95 }
  96
  97 section#comments .comment {
  98   text-align: left;
  99   padding-left: .5em;
 100   border-left: 3pt solid #CCC;
 101 }
 102
 103 section#comments div.comment > h3 {
 104   background-color: #CCC;
 105   margin-left: -.5em;
 106   padding-left: .5em;
 107 }