h1 { @include header_size(60em, 2em); }
h2 { @include header_size(60em, 1.5em); }
+h5 { @include header_size(60em, 1em); }
p>img { max-width: 40em; width: 100%; height: auto; }
p, dt, dd, li {
text-align: justify;
+ @media (max-width: 28em) { text-align: left; }
padding: 0;
margin: 0;
}
margin: 0;
}
-p, table, body>div { margin: 1em 0; }
+p, table, body>div, h5 { margin: 1em 0; }
li { margin: 0 0 0 2em; }
dd { margin: 0 0 0 1em; }
color: $annotationcolour;
a:link, a:visited { color: inherit; }
-}
-@media not screen {
- .permalink { visibility: hidden; }
+ @media not screen { visibility: hidden; }
}
// General table styles.
}
}
+$sortcols: name, date, size;
+@each $col in $sortcols {
+ #filelist-#{$col}-sort {
+ &:checked {
+ & ~ table.filelist {
+ /* Update table header state */
+ th.#{$col} {
+ label~label {
+ display: -moz-inline-box !important;
+ display: inline-block !important;
+ }
+ label { display: none; }
+ }
+
+ /* Show only appropriate items from the sort body (forward) */
+ tbody+tbody>tr.#{$col} { display: table-row; }
+ tbody+tbody>tr { display: none; }
+ }
+
+ & ~ #filelist-#{$col}-rev:checked ~ table.filelist {
+ /* Show only appropriate items from sort body (reversed) */
+ tbody+tbody>tr.#{$col}rev { display: table-row; }
+ tbody+tbody>tr { display: none; }
+ }
+
+ /* Unhide associated checkbox for keyboard navigation */
+ & ~ #filelist-#{$col}-rev { display: block !important; }
+ }
+
+ &:focus ~ table.filelist th>label~label>span {
+ border: 1px dotted;
+ padding: 0;
+ }
+
+ display: block !important;
+ position: absolute;
+ z-index: -1;
+ opacity: 0;
+ }
+
+ #filelist-#{$col}-rev {
+ &:checked ~ table.filelist {
+ /* Update table header state */
+ th.#{$col} {
+ img+img {
+ display: -moz-inline-box !important;
+ display: inline !important;
+ }
+ img { display: none; }
+ }
+ }
+
+ &:focus ~ table.filelist th>label~label>img {
+ border: 1px dotted;
+ padding: 0;
+ }
+
+ position: absolute;
+ z-index: -2;
+ opacity: 0;
+ }
+}
+
+/* Enable the sorted tables only when non-default option is selected */
+#filelist-name-rev, #filelist-date-sort, #filelist-size-sort {
+ &:checked~table.filelist>tbody {
+ &+tbody { display: table-row-group !important; }
+ display: none;
+ }
+}
+
+table.filelist {
+ &>tr>*:first-child, &>*>tr>*:first-child {
+ &+td { min-width: 50%; }
+ width: 0;
+ }
+
+ th>label>* { padding: 1px; }
+ th>label, th>label>* {
+ white-space: nowrap;
+ vertical-align: middle;
+ display: -moz-inline-box;
+ display: inline-block;
+ cursor: pointer;
+ }
+ th img { margin-left: 0.5ex; }
+
+ tbody+tbody {
+ border-bottom: solid 1px $ruledefaultcolour;
+ }
+
+ img {
+ display: block;
+ height: 1.5em;
+ width: auto;
+ }
+}
+
// Site header rules
#breadcrumbs>*, #sitetitle>* { font-size: 0.8em; }
#breadcrumbs {
}
// Site footer rules
-#footer {
+#footer, #article-info {
text-align: center;
max-width: 44em;
padding: 0 3em;
margin: 0;
p {
- color: $annotationcolour;
display: inline-block;
font-size: 0.8em;
max-width: 100%;
}
}
+#footer p { color: $annotationcolour; }
+#article-info p { font-style: italic; }
+
// "unordered" lists with explicit ordering in content
ul.ordered > {
li { list-style: none; }
#sitetitle * { float: none; }
#footer { padding: 0 1em; }
}
-@media (max-width: 28em) {
- * { text-align: left; }
-}