X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=widgets.css;h=c5afebfb68786058923ccadb8baa55ed2da2b1d8;hb=HEAD;hp=245597c65fe8c1219065796702f11fb444a6e2f6;hpb=af2bd954840f47026ffe47752f513cb71a40281b;p=webpoll diff --git a/widgets.css b/widgets.css index 245597c..c5afebf 100644 --- a/widgets.css +++ b/widgets.css @@ -1,29 +1,38 @@ table.calendar { display: inline-block; - -border: 1pt solid; border-collapse: collapse; vertical-align: top; } table.calendar td { - border: 1pt solid; + border: .5pt solid; + padding: 0; +} +table.calendar th { + font-weight: normal; + padding: 0; } table.calendar thead tr.monthname { border-style: solid; - border-width: 1pt 1pt 1pt 1pt; + border-width: .5pt .5pt .5pt .5pt; + line-height: 1.5em; + font-size: 1.125em; +} +table.calendar thead tr.weekday { + line-height: 1.5em; } table.calendar thead tr.weekday th:first-of-type { border-style: solid; - border-width: 0pt 0pt 0pt 1pt; + border-width: 0pt 0pt 0pt .5pt; } table.calendar thead tr.weekday th:last-child { - border-right: 1pt solid; + border-right: .5pt solid; } table.calendar tbody tr th { - border-left: 1pt solid #000; + border-left: .5pt solid #000; } table.calendar tbody tr:last-child th { - border-bottom: 1pt solid #000; + border-bottom: .5pt solid #000; } table.calendar tbody tr th.weekno { @@ -38,16 +47,85 @@ table.calendar input[type=radio], table.calendar input[type=checkbox] { display: none; } -table.calendar td label { +table.calendar td label, +table.calendar td button { display: inline-block; width: 2em; margin: 0; padding: .25em; text-align: right; line-height: 1em; + box-shadow: none; + border-radius: 0; + border: none; } table.calendar td input:checked + label, -table.calendar td label[checked] { +table.calendar td label[checked], +table.calendar td button[name$=_remove] { font-weight: bold; line-height: .75em; border: .125em solid; } + +#comments input#comments_toggle_new, +#comments input#comments_toggle_new + label + form { + display: none; + text-align: left; +} +#comments input#comments_toggle_new:checked + label + form { + display: block; +} +#comments input#comments_toggle_new + label { + display: block; + width: 100%; margin: 0; + padding: .25em .75em; + background-color: #FFF; + text-align: left; + border: .5pt solid; + border-radius: 2pt; +} +#comments input#comments_toggle_new:checked + label { + display: none; +} + +#comments form label.legend { + display: block; +} + +#comments input[name=username], +#comments textarea { + width: 100%; +} +#comments textarea { + min-height: 7em; + margin: .5em 0; +} + +#comments .comment { + text-align: left; + margin: .5em 0; + padding: 0 .5em .25em .5em; + -padding-left: .5em; + -border-left: 3pt solid #CCC; + box-shadow: #000 .25em .25em .5em; +} + +#comments .comment > h3 { + padding-top: .5em; + margin-bottom: 0; +} + +#comments .comment > span { + display: inline-block; + min-width: 50%; + font-size: .875em; + color: #666; +} +#comments .comment > a.edit { + display: block; + min-width: 50%; + font-size: .875em; +} +#comments .comment > div { + border-top: .5pt solid; +} +