X-Git-Url: https://git.plutz.net/?p=confetti;a=blobdiff_plain;f=style.css;fp=style.css;h=8394de8e66f2bb3e2d7a190aabba355b432f7ddd;hp=06aacdde32e5ff98dbc80debdbde025c83ea0d13;hb=f1346d6ad684e8e843afd51bfe38e474f7d48508;hpb=0419aadded163a6d4e00b700cab7794e3bd81ee4 diff --git a/style.css b/style.css index 06aacdd..8394de8 100644 --- a/style.css +++ b/style.css @@ -1,90 +1,6 @@ -* { - position: relative; - box-sizing: border-box; - max-width: 100%; - font-family: sans-serif; - font-weight: normal; - font-size: initial; - font-style: normal; - text-decoration: none; - line-height: 1.5em; - color: inherit; background: transparent; - padding: 0; margin: 0; - border: none; -} - -body { - color: #000; background-color: #FFF; -} - -/* ======= GENERIC HTML STYLES =======*/ - -p { margin-bottom: 1em; } - -a { - text-decoration: underline; - font-style: italic; - color: #068; -} - -i, em { font-style: italic; } -b, strong { font-weight: bolder; } -ul, ol { margin-left: 1.125em; } -table th { font-weight: bold; } - -h1, h2, h3 { - font-weight: bold; - margin-top: 1em; - margin-bottom: .5em; -} - h1:first-child, h2:first-child, h3:first-child, p + h1, p + h2, p + h3 { - margin-top: 0; -} - -h4, h5, h6, form legend { - font-weight: bolder; - margin-bottom: .25em; -} - -h1 { font-size: 1.5em; } -h2 { font-size: 1.125em; } - -select, input, button, textarea, -.control a { - display: inline-block; - background-color: #FFF; - border: 1pt solid; - padding: .25em .75em; - vertical-align: text-bottom; -} -.control a { - color: inherit; - font-style: normal; - text-decoration: none; -} - -select { padding: .375em 0; } - -input[type=radio], input[type=checkbox] { - vertical-align: baseline; -} -input[type=number] { text-align: right; padding-right: 0; } - -button, input[type=button], -.control a { - box-shadow: .125em .125em .25em; - cursor: pointer; -} -input[type=radio], input[type=checkbox], -input[type=radio] + label, input[type=checkbox] + label { - cursor: pointer; -} - -label { margin-right: .75em; } -input + label { - margin-left: .375em; + margin-top: 3pt; } /* ====== COMMON ELEMENTS ======*/ @@ -127,37 +43,9 @@ form.filter > h1 { display: none; } form.filter fieldset { margin-top: .5em; } form.filter fieldset.item + fieldset.item legend { display: none; } -form.filter fieldset.item input[type=radio] { display: none; } -form.filter fieldset.item input[type=radio] + label { - display: table-cell; - padding: .5em 1em; - background-color: #EEE; - border-style: solid; - border-width: .5pt .25pt 0 .25pt; - white-space: normal; -} -form.filter fieldset.item input[type=radio] + label:first-of-type { - border-left: 1pt solid; -} -form.filter fieldset.item input[type=radio]:checked + label { - position: relative; - background-color: #FFF; - box-shadow: .125em -.125em .125em #888; - z-index: 1; -} -form.filter fieldset.item input[type=text], -form.filter fieldset.item fieldset.courses, -form.filter fieldset.item fieldset.categories { - position: relative; - display: block; - width: 100%; - margin-top: -1pt; - padding: .25em .75em; - border: 1pt solid; - box-shadow: .125em .125em .25em #888; -} -form.filter fieldset.item fieldset.courses, -form.filter fieldset.item fieldset.categories { display: none; } + +form.filter fieldset.item input[value=course] ~ input[type=text], +form.filter fieldset.item input[value=CATEGORIES] ~ input[type=text] { display: block; } form.filter fieldset.item input[value=course]:checked ~ input[type=text], form.filter fieldset.item input[value=CATEGORIES]:checked ~ input[type=text] { display: none; } form.filter fieldset.item input[value=course]:checked ~ fieldset.courses,