diff options
Diffstat (limited to 'local.css')
-rw-r--r-- | local.css | 105 |
1 files changed, 102 insertions, 3 deletions
@@ -1,8 +1,33 @@ /* ikiwiki local style sheet */ +h1 { font-weight: bold } +.title { min-height: 3em } +#content a { text-decoration: underline } +.pageheader, #pagebody, #footer { + max-width: 60rem; + margin: 0 auto; + padding-left: 2em; + padding-right: 2em; +} + +.pageheader-wrapper { + margin: 0; + overflow: hidden; + background: #eee; + border-color: #999; + border-style: none none solid none; + border-width: 1px; +} -#content { line-height: 1.5 } +.pageheader { border: none } -video { max-width: 100% } +#content { margin: 0 } + +body.has-sidebar #content { + margin: 0; + line-height: 1.5; +} + +video { max-width: 100%; width: 100% } #footer { font-size: 0.9em } @@ -26,8 +51,82 @@ pre, code { code { padding: .2em .3em } pre > code { border: none; padding: 0 } -.sidebar { padding: 0 1em } +.sidebar { padding: 0 1em; width: 21ex; } .sidebar ul, .sidebar ol { padding-left: 1em } .sidebar > p:nth-child(1) { margin-bottom: 0.1em } .sidebar > p:nth-child(2) { margin-top: 0; margin-bottom: 0 } .sidebar > p:nth-child(3) { margin-top: 0.1em } + +/* + * Yoinked from http://live.emacsconf.org/ +*/ +table { + margin: 0 auto 1rem; + border-collapse: collapse; +} + +th, td { + font-size: 0.9em; + text-align: left; + min-width: 8em; +} + +tbody td { + vertical-align: middle; + padding: 0.1rem 0.75rem; + padding: 0.5em; + border: 1px solid #ced4da; +} + +.subtitle { cursor: pointer } + +summary h1 { display: inline-block } + +.speaker-details { margin: 0 } + +.vid .resources ul { margin: 0; list-style-type: none; padding: 0 } +ol.chapters { list-style-type: none; padding: 0; } +#content ol.chapters a { text-decoration: none; color: inherit } + .vid figure { margin: 0; padding: 0 } + + + video.sticky { position: fixed; bottom: 15px; right: 15px; } + + .all > ol { list-style-type: none; padding: 0 } + .all > ol > li { + display: block; + box-shadow: 0 3px 10px rgb(0 0 0 / 20%); + padding: 10px; + position: relative; + margin-bottom: 10px; + border: 1px solid rgb(0 0 0 / 20%); + border-radius: 5px; } + .all > ol > li video { max-width: 100%; width: 100% } + ol.chapters .current { background-color: rgba(0, 255, 0, 0.2); } + + .help { border: 1px solid green; padding: 1em; } + img.img { max-width: 100%; height: auto } + +.sched-entry { margin-bottom: 12pt; } +.sched-entry .sched-title { font-weight: bold; } +.sched-track { border-radius: 5px; padding: 3px; display: inline-block; min-width: 100pt } +.sched-track.General { background-color: peachpuff } +.sched-track.Development { background-color: skyblue } +.sched-entry .sched-time { min-width: 90pt; display: inline-block } +.sched-meta { } +.talk-nav { + white-space: pre; + overflow: hidden; + text-overflow: ellipsis; +} + +h1 { margin-top: 2em } + +.schedule-in-context, .schedule-svg-container { + width: 100%; + overflow-x: auto; +} +video { border: 1px solid gray; } +.draft { border: 1px solid red; padding: 10px; background-color: LightPink } +svg a.highlight rect { stroke-width: 3px } +a.highlight { background-color: yellow } |