diff options
Diffstat (limited to 'templates/55/ad-hominem/css')
26 files changed, 5965 insertions, 0 deletions
diff --git a/templates/55/ad-hominem/css/_admin.less b/templates/55/ad-hominem/css/_admin.less new file mode 100644 index 0000000..8971e1b --- /dev/null +++ b/templates/55/ad-hominem/css/_admin.less @@ -0,0 +1,138 @@ +.dokuwiki div.ui-admin { + + & { + display: grid; + grid-template-columns: 1fr 1fr; + } + + h1.first-child, + div.level1 { + grid-column: 1 / span 2; + margin-bottom: 1em; + } + + /* main task grouped in two columns */ + ul.admin_tasks { + grid-column: 2; + list-style-type: none; + font-size: 1.125em; + margin: 0; + } + ul.admin_tasks:first-of-type { + grid-row: 3 / span 4; + grid-column: 1; + } + ul.admin_plugins { + grid-row: 6; + grid-column: 2; + } + + /* general menu item styling */ + ul { + padding: 0; + li { + margin: 0 0 1em 0; + font-weight: bold; + list-style-type: none; + white-space: nowrap; + + a { + display: flex; + span { + display: inline-block; + + &.icon { + width: 1.5em; + min-height: 1.5em; + margin: 0 0.5em; + vertical-align: top; + + svg { + width: 1.5em; + height: 1.5em; + fill: @ini_link; + display: inline-block; + path { + fill: @ini_link; + } + } + } + + &.prompt { + white-space: normal; + } + } + } + } + } + + /* Security Warning */ + #security__check { + clear: both; + grid-row: 7; + grid-column: 1 / span 2; + } + + /* DokuWiki version */ + #admin__version { + display: block; + box-sizing: border-box; + width: 100%; + max-height: 7em; + overflow: auto; + color: @ini_text_neu; + background: @ini_background_alt url('images/info.svg') .25em .5em no-repeat; + background-size: 1em; + padding: .25em 0 .25em 1.75em; + border: @ini_border 1px solid; + border-radius: .25em; + box-shadow: inset .5pt .5pt 1pt #0008; + grid-row: 9; + grid-column: 1 / span 2; + } +} + +/* style the extension manager items: */ +.dokuwiki #extension__manager { + form.install { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: #EEE; } + form.install .block { text-align: left; width: 100% } + form.install input[name=installurl] { + font-family: @ini_mono_fonts; + padding: .25em .25em .25em 24px; + border-radius: 10px; + background: @ini_background_site url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABdklEQVR4AWMgAVRo1zY3rGk41rC+rqvCBCJWBpPM4WoomLHtdtuv/t9Lfk263TtrQ0t7Oj9cbzZDc/W6s/8T7khD+P+F/8bv29PZlswJVVBu0vPuVZyNYHFZbmAqE1SR0cbjXR6pjGBO58am962Ta3e3ftqy6B5LCcMasOj7gInrm9jBzI4vTX+bfjT/7/4/p/w/zFXybUmt71u4wJzGfxP/t/xvA+KaP2XnQSKVFpWPav/U/6+HKJjz++OVJUDp1n9N/+r+19QyMCz1mPC/8X/X/26Igrn3GiUeL5n/v+F/8//6/9NOMTC0hDUDefP/L4MoOL6ickVeSQ1QqAGooPdBJE/lnloge/fhixBHftFd9bLkR83/+n/1QAXVP8qX1Pyv/L/s/12f/4xQNz8s3Pa/6X/Vvzqgour/5f/r/q//f2fmLy54WP7lfJN74eMSoKIyoNFz/5/+9ar+Px9aZL3Xfjvz7aO3/96+eLvsnSVE7CPhOAYA9nvIX0UoNU8AAAAASUVORK5CYII=') 3px center no-repeat; + width: calc(100% - 6em); + } + form.install input[name=overwrite] { width: auto; margin-left: 2em;} + form.install button[type=submit] { + border: #CCC solid 1.5pt; + padding: .5em .75em; + background-color: #cdf; + } + form.install button[type=submit]::before { + content: ' '; + display: inline-block; + position: relative; + top: .1em; + width: 1em; + height: 1em; + background: transparent url('images/editor/edit-save.svg') center bottom no-repeat; + margin-right: .25em; + } +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + body.darkmode.dokuwiki #extension__manager form.install { background-color: #39393D; } + body.darkmode.dokuwiki #extension__manager form.install button[type=submit] { + color: #CDF; + background-color: #346; + border-color: #90909B; + } + body.darkmode.dokuwiki #extension__manager form.install button[type=submit]::before { filter: invert(.9); } + body.darkmode.dokuwiki div.ui-admin #admin__version { color: @ini_text_alt_dark; background-color: @ini_background_alt_dark; } +} +/* below tablet size */ +@media (max-width: @ini_tablet_width) { + .dokuwiki div.ui-admin { display: block; } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_cookies.css b/templates/55/ad-hominem/css/_cookies.css new file mode 100644 index 0000000..ac5090c --- /dev/null +++ b/templates/55/ad-hominem/css/_cookies.css @@ -0,0 +1,74 @@ +/** + * This file provides styles for the cookies popup + */ + +#cookiebanner { + position: fixed; + left: 0; + width: 100%; + color: @ini_text; + background-color: @ini_background_alt; + z-index: 1000; + padding: 10px; + box-sizing: border-box; + box-shadow: 0px 0px 10px #666; + border-top: @ini_border solid 1px; +} + +#cookiebanner.cb_top { top: 0; } + +#cookiebanner.cb_bottom { bottom: 0; } + +#cookiebanner p { + clear: both; + margin: 0 auto; + max-width: 910pt; +} + +#cookiebanner .cb_info { + margin-bottom: 6pt; +} +#cookiebanner .cb_icon { + float: left; + width: 64px; + height: 64px; + background: transparent url('images/cookie.svg') no-repeat center; + background-size: 64px; + margin: 8px 16px 8px 2px; +} + +#cookiebanner .cb_action { + margin-top: 6pt; + display: grid; + grid-template-columns: 1fr 1fr; + grid-column-gap: 8pt; + column-gap: 8pt; + justify-items: center; +} +#cookiebanner .cb_action > * { + font-size: 12pt; +} + +#cookiebanner .cb_action button { + background-color: rgba(0,0,0,0.1); + background-image: none; + border: @ini_border solid 2pt; + color: @ini_text; + padding: .25em .5em; + cursor: pointer; +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + body.darkmode #cookiebanner { + color: @ini_text_dark; + background-color: @ini_background_dark; + box-shadow: 0 0 10px @ini_background_site_dark; + border-top-color: @ini_border_dark; + } + body.darkmode #cookiebanner .cb_action button { + background-color: rgba(0,0,0,0.25); + border-color: @ini_border_dark; + color: @ini_text_dark; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_diff.css b/templates/55/ad-hominem/css/_diff.css new file mode 100644 index 0000000..a494cde --- /dev/null +++ b/templates/55/ad-hominem/css/_diff.css @@ -0,0 +1,179 @@ +/** + * This file provides styles for the diff view, which shows you + * differences between two versions of a page (?do=diff). + */ + +.mode_diff table.diff { + width: 100%; + border-width: 0; +} +.mode_diff table.diff th, +.mode_diff table.diff td { + vertical-align: top; + padding: 0; + border-width: 0; + /* no style.ini colours because deleted and added lines have a fixed background colour */ + background-color: #fff; + color: #333; +} + +/* table header */ +.mode_diff table.diff th { + border-bottom: 1px solid @ini_border; + font-size: 110%; + font-weight: normal; +} +.mode_diff table.diff th a { + font-weight: bold; +} +.mode_diff table.diff th span.user { + font-size: .9em; +} +.mode_diff table.diff th span.sum { + font-size: .9em; + font-weight: bold; +} +.mode_diff table.diff th.minor { + color: #999; +} +.mode_diff table.diff_sidebyside th { + width: 50%; +} + +/* table body */ +.mode_diff table.diff .diff-lineheader { + width: .7em; + text-align: right; +} +[dir=rtl] .mode_diff table.diff .diff-lineheader { + text-align: left; +} +.mode_diff table.diff .diff-lineheader, +.mode_diff table.diff td { + font-family: @ini_mono_fonts; + background-color: #F6F8FA; +} +.mode_diff table.diff td.diff-blockheader { + font-weight: bold; +} +.mode_diff table.diff .diff-addedline { + background-color: #E4FFEE; + color: inherit; +} +.mode_diff table.diff .diff-deletedline { + background-color: #FFEEF0; + color: inherit; +} +.mode_diff table.diff td.diff-context { + background-color: #FFF; + color: inherit; +} +.mode_diff table.diff td.diff-addedline strong { + color: #23292E; + background-color: #A5F2C1; + font-weight: normal; +} +.mode_diff table.diff td.diff-deletedline strong { + color: #23292E; + background-color: #FFB7BF; + font-weight: normal; +} + +/* diff options */ + +.mode_diff .diffoptions form { + float: left; +} +.mode_diff .diffoptions p { + float: right; +} + +/* diff nav */ + +.mode_diff table.diff_sidebyside td.diffnav { + padding-bottom: .7em; +} +.mode_diff .diffnav a { + display: inline-block; + vertical-align: middle; +} +.mode_diff .diffnav a span { + display: none; +} + +.mode_diff .diffnav a:hover, +.mode_diff .diffnav a:active, +.mode_diff .diffnav a:focus { + background-color: @ini_background_alt; + text-decoration: none; +} + +.mode_diff .diffnav a:before { + display: inline-block; + line-height: 1; + padding: .2em .4em; + border: 1px solid @ini_border; + border-radius: 2px; + color: @ini_text; +} + +.mode_diff .diffnav a.diffprevrev:before { + content: '\25C0'; /* left triangle */ +} +.mode_diff .diffnav a.diffnextrev:before, +.mode_diff .diffnav a.difflastrev:before { + content: '\25B6'; /* right triangle */ +} +.mode_diff .diffnav a.diffbothprevrev:before { + content: '\25C0\25C0'; +} +.mode_diff .diffnav a.diffbothnextrev:before { + content: '\25B6\25B6'; +} + +.mode_diff .diffnav select { + width: 60%; + min-width: 9em; + height: 1.5em; /* height is necessary for longer options in Webkit */ +} + +.mode_diff .diffnav select option[selected] { + font-weight: bold; +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + + body.mode_diff.darkmode table.diff .diff-lineheader, + body.mode_diff.darkmode table.diff th, + body.mode_diff.darkmode table.diff td { + background-color: #1C2125; + color: #D0D5DA; + } + body.mode_diff.darkmode table.diff td.diff-context { + background-color: #23292E; + } + body.mode_diff.darkmode table.diff .diff-deletedline { + background-color: #49090F; + } + body.mode_diff.darkmode table.diff .diff-addedline { + background-color: #0A3A1E; + } + body.mode_diff.darkmode table.diff td.diff-addedline strong { + color: #FFF; + background-color: #038642; + } + body.mode_diff.darkmode table.diff td.diff-deletedline strong { + color: #FFF; + background-color: #BB0E27; + } + body.mode_diff.darkmode .diffnav a::before { + color: @ini_text_dark; + border: transparent none 0; + } + body.mode_diff.darkmode .diffnav select { + background-color: @ini_background_site_dark; + color: @ini_text_dark; + border: transparent none 0; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_edit.css b/templates/55/ad-hominem/css/_edit.css new file mode 100644 index 0000000..32889e4 --- /dev/null +++ b/templates/55/ad-hominem/css/_edit.css @@ -0,0 +1,453 @@ +/** + * This file provides styles for the edit view (?do=edit), preview + * and section edit buttons. + */ + +/* edit view +********************************************************************/ + +.mode_edit div.editBox { +} + +.mode_edit div.editBox button { + border: #666 solid 1px; + border-radius: 1px; + padding: 3pt 6pt; + margin: 0 2px; + cursor: pointer; +} + +.mode_edit div.editButtons button:hover { + text-decoration: underline; +} +.mode_edit div.editBox button:focus { + outline: @ini_focus_color solid 2px; + background-color: @ini_background; +} + +/*____________ toolbar ____________*/ + +.mode_edit .editBox > .toolbar, +.mode_preview .editBox > .toolbar { + display: block; + position: -webkit-sticky; + position: sticky; + top: 0; + background-color: @ini_background; + padding-bottom: 2px; + z-index: 9; +} + + +.mode_edit div.toolbar, +.mode_preview div.toolbar { + display: inline-block; +} +#draft__status { + font-size: small; + color: @ini_text_alt; + background-color: inherit; +} +[dir=rtl] #draft__status { + /* float: left; */ +} +#tool__bar { + float: left; +} +[dir=rtl] #tool__bar { + float: right; +} + +/* hide the hard-coded button images */ +#tool__bar button>img { + visibility: hidden; +} + +#tool__bar button { + background: #E9E9ED url('images/editor/default.svg') center no-repeat; + background-size: 20px; + padding: 3pt 6pt; + border: @ini_border solid 1px; +} +#tool__bar button[aria-haspopup=true]:after, +#tool__bar button:nth-child(10):after, +#tool__bar button:nth-child(15):after { + content: ''; + display: inline-block; + position: absolute; + width: 8px; + height: 8px; + margin-left: -2px; + margin-top: 14px; + background: transparent none center no-repeat; + background-size: 13px; +} + +#tool__bar button[aria-haspopup=true]:after { + background-image: url('images/editor/overlay-menu.svg'); +} +#tool__bar button:nth-child(10):after, +#tool__bar button:nth-child(15):after { + background-image: url('images/editor/overlay-popup.svg'); +} + +/* import the new icons */ +#tool__bar button[accesskey="b"] { background-image: url('images/editor/format-bold.svg'); margin-left: 1.5pt; } +#tool__bar button[accesskey="i"] { background-image: url('images/editor/format-italic.svg'); } +#tool__bar button[accesskey="u"] { background-image: url('images/editor/format-underline.svg'); } +#tool__bar button[accesskey="m"] { background-image: url('images/editor/format-monospace.svg'); } +#tool__bar button[accesskey="d"] { background-image: url('images/editor/format-strikethrough.svg'); } +#tool__bar button[accesskey="8"] { background-image: url('images/editor/format-header-equal.svg'); margin-left: 4pt; } +#tool__bar button[accesskey="9"] { background-image: url('images/editor/format-header-decrease.svg'); } +#tool__bar button[accesskey="0"] { background-image: url('images/editor/format-header-increase.svg'); } +#tool__bar button:nth-child(9) { background-image: url('images/editor/format-header-menu.svg'); } +#tool__bar button[accesskey="l"] { background-image: url('images/editor/insert-link.svg');margin-left:4pt; } +#tool__bar button:nth-child(11) { background-image: url('images/editor/insert-external-link.svg'); } +#tool__bar button[accesskey="-"] { background-image: url('images/editor/format-list-numbered.svg'); margin-left:4pt;} +#tool__bar button[accesskey="."] { background-image: url('images/editor/format-list-bulleted.svg'); } +#tool__bar button:nth-child(14) { background-image: url('images/editor/insert-hr.svg');margin-left:4pt;} +#tool__bar button:nth-child(15) { background-image: url('images/editor/insert-media.svg');margin-left:4pt; } +#tool__bar button:nth-child(16) { background-image: url('images/editor/insert-emoticon.svg');margin-left:4pt; } +#tool__bar button:nth-child(17) { background-image: url('images/editor/insert-symbol.svg'); } +#tool__bar button[accesskey="y"] { background-image: url('images/editor/insert-signature.svg');margin-left:4pt; } + +/* set icons for known plugins: */ +#tool__bar #tbbtn_adhoctagsInline { background-image: url('../../plugins/adhoctags/images/code-tags.svg');margin-left:4pt; } +#tool__bar #tbbtn_adhoctagsBlocks { background-image: url('../../plugins/adhoctags/images/code-brackets.svg'); } + +/* buttons inside of toolbar */ +.mode_edit div.toolbar button.toolbutton { + margin: 0; +} +/* picker popups (outside of .dokuwiki) */ +div.picker { + width: 300px; + border: 1px solid #CCC; + background-color: #EEE; + color: inherit; +} +/* picker for headlines */ +div.picker.pk_hl { + width: auto; +} + +/* buttons inside of picker */ +div.picker button.pickerbutton, +div.picker button.toolbutton { + padding: .1em .35em; + border-width: 0; +} + +/*____________ edit textarea ____________*/ + +.dokuwiki textarea.edit { + width: 100%; + padding: 1px 0 0 2px; + margin-bottom: .5em; + min-height: 52pt; + background-color: #EEE; + font-family: 'Source Code Pro',Menlo,Consolas,'Courier New',Courier,monospace; + font-size: 12pt; + line-height: 17pt; + caret-color: #0078D7; + resize: vertical; +} +.dokuwiki textarea.edit:focus { + outline: transparent none 0; +} + +.dokuwiki textarea::-webkit-scrollbar-track { + background: @ini_background_alt; +} +.dokuwiki textarea::-webkit-scrollbar-thumb { + background: @ini_blockquote; +} +.dokuwiki textarea::-webkit-scrollbar-thumb:hover { + background: @ini_separator; +} +.dokuwiki textarea::-webkit-resizer { + background-color: @ini_background_alt; + background: linear-gradient(135deg, @ini_background_alt 0%, @ini_background_alt 50%, @ini_blockquote 50%, @ini_blockquote 100%); +} + +.dokuwiki textarea { scrollbar-color: @ini_blockquote @ini_background_alt; } + +/*____________ below the textarea ____________*/ + +.dokuwiki div.editBar { + display: grid; + grid-template-columns: 320px minmax(500px, 1fr) auto; + align-items: start; + margin-bottom: .5em; +} + +/* size and wrap controls */ +#size__ctl { + grid-row: 1; + grid-column: 3; + min-width: 64px; +} +#size__ctl img { + cursor: pointer; +} + +/* edit buttons */ +.dokuwiki .editBar .editButtons { + grid-row: 1; + grid-column: 1; + display: grid; + grid-template-columns: 1fr 1fr 1fr; +} +[dir=rtl] .dokuwiki .editBar .editButtons { + margin-right: 0; + margin-left: 1em; +} +.dokuwiki .editBar .editButtons button { + border: #CCC solid 1.5pt; + padding: .25em .5em; + margin: 0 2pt; +} +.dokuwiki .editBar .editButtons button::before { + content: ' '; + display: inline-block; + position: relative; + top: .1em; + width: 1em; + height: 1em; + background: none center bottom no-repeat; + background-size: 1em; + margin-right: 4px; +} + +.dokuwiki .editBar .editButtons button#edbtn__save { + background-color: #ccddff; +} +.dokuwiki .editBar .editButtons button#edbtn__save::before { + background-image: url('images/editor/edit-save.svg'); +} +.dokuwiki .editBar .editButtons button#edbtn__preview { + background-color: #ccffdd; +} +.dokuwiki .editBar .editButtons button#edbtn__preview::before { + background-image: url('images/editor/edit-preview.svg'); +} +.dokuwiki .editBar .editButtons button[name="do[cancel]"] { + background-color: #ffccdd; +} +.dokuwiki .editBar .editButtons button[name="do[cancel]"]::before { + background-image: url('images/editor/edit-cancel.svg'); +} + +/* summary input and minor changes checkbox */ +.dokuwiki .editBar .summary { + grid-row: 1; + grid-column: 2; + display: grid; + grid-template-columns: 1fr auto; + line-height: 1em; + padding-top: 2pt; + padding-right: 5pt; +} + +.dokuwiki .editBar .summary #edit__summary { + background-color: @ini_background_alt; + border-color: @ini_border; + color: @ini_text; + border-radius: 3pt; + margin-left: 0; + width: 100%; +} + +.dokuwiki .editBar .summary label { + white-space: nowrap; +} +.dokuwiki .editBar .summary label:last-child { + padding: 2pt 0 2pt 4pt; +} +.dokuwiki .editBar .summary > label:first-child { + display: grid; + grid-template-columns: auto 1fr; + column-gap: 10px; + padding: 2pt 5pt 0 0; +} +.dokuwiki .editBar .summary label span { + font-size: small; + margin: 0 1pt 0 3pt; +} +.dokuwiki .editBar .summary input { +} +/* change background colour if summary is missing */ +.dokuwiki .editBar .summary input.missing { + color: @ini_text; + background-color: #ffcccc; +} + +/* toolbar popups */ +.dokuwiki div.picker { + & { + background-color: @ini_background_alt; + border: @ini_border solid 1px; + padding: .125rem; + -webkit-box-shadow: .125rem .125rem .5rem 0 rgba(0,0,0,.2); + -moz-box-shadow: .125rem .125rem .5rem 0 rgba(0,0,0,.2); + box-shadow: .125rem .125rem .5rem 0 rgba(0,0,0,.2); + } + button { + & { + color: @ini_text; + background-color: @ini_background; + border: @ini_border solid 1px; + min-width: 24px; min-height: 24px; + cursor: pointer; + margin: 1px; + } + &:hover { + background-color: @ini_text; + color: @ini_background; + } + } + &#picker1 { + /* width: 308px; max-width: 308px; min-width: 308px; */ + resize: both; + overflow: auto; + } + &#picker2 { + /* width: 585px; max-width: 585px; min-width: 585px; */ + resize: both; + overflow: auto; + } +} + +/* preview +********************************************************************/ + +.dokuwiki div.preview { + border: dotted #CCC; + border-width: .2em 0; + padding: 1.4em 0; + margin-bottom: 1.4em; +} + +/* narrow screen overrides: */ +@media (max-width: @ini_tablet_width) { + + .dokuwiki div.editBar { + grid-template-columns: 1fr 5px auto; + } + .dokuwiki div.editBar .summary { + grid-row: 2; + grid-column: 1 / span 3; + } + .dokuwiki .editBar .summary #edit__summary { + margin-left: 8pt; + width: ~"calc(100% - 8px)"; + } + .dokuwiki .editBar .summary label:last-child { + /*text-align: right;*/ + } +} +@media (max-width: @ini_phone_width) { + + .dokuwiki .editBar .summary, + .dokuwiki .editBar .summary > label:first-child { + grid-template-columns: 100%; + } +} +@media (max-width: 390px) { + + .dokuwiki .editBar .editButtons button { + overflow: hidden; + height: 30px; + line-height: 24px; + } + .dokuwiki .editBar .summary #edit__summary { + margin-left: 4px; + width: 100%; + } + +} +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + + body.darkmode .editBox > .toolbar { + background-color: @ini_background_dark; + } + body.darkmode textarea.edit { + background-color: @ini_background_alt_dark; + border: @ini_headlines_dark solid 1px; + color: @ini_text_dark; + } + + body.darkmode textarea::-webkit-scrollbar-track { + background: @ini_background_alt_dark; + } + body.darkmode textarea::-webkit-scrollbar-thumb { + background: @ini_background_dark; + } + body.darkmode textarea::-webkit-scrollbar-thumb:hover { + background: @ini_background_site_dark; + } + body.darkmode textarea { scrollbar-color: @ini_background_dark @ini_background_alt_dark; } + .dokuwiki textarea::-webkit-resizer { + background-color: @ini_background_alt_dark; + background: linear-gradient(135deg, @ini_background_alt_dark 0%, @ini_background_alt_dark 50%, @ini_text_alt_dark 50%, @ini_text_alt_dark 100%); + } + + body.mode_edit.darkmode div.editBox button, + body.mode_preview.darkmode div.editBox button { + background-color: @ini_headlines_dark; + border-color: @ini_border_dark; + } + body.mode_edit.darkmode .editBar .editButtons button::before, + body.mode_preview.darkmode .editBar .editButtons button::before { + filter: invert(.9); + } + body.darkmode .editBar .editButtons button#edbtn__save { + background-color: #334466; + color: #CCDDFF; + } + body.darkmode .editBar .editButtons button#edbtn__preview { + background-color: #226633; + color: #CCFFDD; + } + body.darkmode .editBar .editButtons button[name="do[cancel]"] { + background-color: #663344; + color: #FFCCDD; + } + + body.mode_edit.darkmode #tool__bar button, + body.mode_preview.darkmode #tool__bar button { + border-color: @ini_border_dark; + filter: invert(.8); + } + body.mode_edit.darkmode .editBar .editButtons button, + body.mode_preview.darkmode .editBar .editButtons button { + border-color: @ini_border_dark; + } + + body.mode_edit.darkmode .editBar .summary #edit__summary, + body.mode_preview.darkmode .editBar .summary #edit__summary { + background-color: @ini_background_alt_dark; + border-color: @ini_headlines_dark; + color: @ini_text_dark; + } + + body.darkmode div.picker { + & { + background-color: @ini_background_dark; + border: @ini_border_dark solid 1px; + } + button { + & { + color: @ini_text_dark; + background-color: @ini_background_alt_dark; + border-color: @ini_border_dark; + } + &:hover { + background-color: @ini_text_dark; + color: @ini_background_alt_dark; + } + } + } + +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_fileuploader.css b/templates/55/ad-hominem/css/_fileuploader.css new file mode 100644 index 0000000..5b89a37 --- /dev/null +++ b/templates/55/ad-hominem/css/_fileuploader.css @@ -0,0 +1,123 @@ +/** + * This file provides the styles for the file uploader + * used in the media manager (both fullscreen and popup). + */ + +.qq-uploader { + position: relative; + width: 100%; +} + +.qq-uploader .error { + color: #f00; + background-color: #fff; +} + +/* select file button */ + +.qq-upload-button { + display: inline-block; + text-decoration: none; + font-size: 100%; + cursor: pointer; + margin: 1px 1px 5px; + background-color: #15395B; + padding: 2pt 20pt; + color: #FFF; + cursor: pointer; +} +#mediamanager__upload_button { + padding: 3pt 6pt; + border: #666 solid 1px; +} + +.qq-upload-button-focus { + outline: 1px dotted; +} + +/* drop area */ + +.qq-upload-drop-area { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + min-height: 70px; + z-index: 2; + background: @ini_background_neu; + color: @ini_text; + text-align: center; +} + +.qq-upload-drop-area span { + display: block; + position: absolute; + top: 50%; + width: 100%; + margin-top: -8px; + font-size: 120%; +} + +.qq-upload-drop-area-active { + background: @ini_background_alt; +} + +/* list of files to upload */ + +div.qq-uploader ul { + margin: 0; + padding: 0; + list-style: none; +} + +.qq-uploader li { + margin: 0 0 5px; + color: @ini_text; +} + +.qq-uploader li span, +.qq-uploader li input, +.qq-uploader li a { + margin-right: 5px; +} + +.qq-upload-file { + display: block; + font-weight: bold; +} + +.qq-upload-spinner { + display: inline-block; + background: url("../../images/throbber.gif"); + width: 15px; + height: 15px; + vertical-align: text-bottom; +} + +.qq-upload-size, +.qq-upload-cancel { + font-size: 85%; +} + +.qq-upload-failed-text { + display: none; +} +.qq-upload-fail .qq-upload-failed-text { + display: inline; +} + +.qq-action-container * { + vertical-align: middle; +} +.qq-overwrite-check input { + margin-left: 10px; +} + +/* media tree overrides */ +#media__tree ul li div.li { + display: grid; +} +#mediamanager__page .ui-resizable-e { + background-color: #EEE; +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_footnotes.css b/templates/55/ad-hominem/css/_footnotes.css new file mode 100644 index 0000000..a57dfb9 --- /dev/null +++ b/templates/55/ad-hominem/css/_footnotes.css @@ -0,0 +1,31 @@ +/** + * This file provides styles for footnotes. + */ + +/*____________ footnotes inside the text ____________*/ + +/* link to footnote inside the text */ +.dokuwiki sup a.fn_top { +} +/* JSpopup */ +div.insitu-footnote { + max-width: 40%; + min-width: 5em; +} + +/*____________ footnotes at the bottom of the page ____________*/ + +.dokuwiki div.footnotes { + border-top: 1px solid @ini_border; + padding: .5em 0 0 0; + margin: 1em 0 0 0; + clear: both; +} +.dokuwiki div.footnotes div.fn { +} +.dokuwiki div.footnotes div.fn div.content { + display: inline; +} +.dokuwiki div.footnotes div.fn sup a.fn_bot { + font-weight: bold; +} diff --git a/templates/55/ad-hominem/css/_forms.css b/templates/55/ad-hominem/css/_forms.css new file mode 100644 index 0000000..c3fcdfc --- /dev/null +++ b/templates/55/ad-hominem/css/_forms.css @@ -0,0 +1,118 @@ +/* TODO: this file is not up to the best standards and will be fixed after an overhaul of the form code */ + +/** + * This file provides styles for forms in general and specifically + * for ?do= + * - login + * - resendpwd + * - register + * - profile + * - subscribe + */ + +/* ---------------- forms ------------------------ */ + +.dokuwiki form { + border: none; + display: inline; +} + +.dokuwiki label.block { + display: block; + text-align: right; + font-weight: bold; +} +[dir=rtl] .dokuwiki label.block { + text-align: left; +} + +.dokuwiki label.simple { + display: block; + text-align: left; + font-weight: normal; +} +[dir=rtl] .dokuwiki label.simple { + text-align: right; +} + +.dokuwiki label.block select, +.dokuwiki label.block input.edit { + width: 50%; +} + +.dokuwiki label span { + vertical-align: middle; +} + +.dokuwiki fieldset { + width: 400px; + text-align: center; + border: 1px solid @ini_border; + padding: 0.5em; + margin: auto; +} + + +.dokuwiki input.edit, +.dokuwiki select.edit { + vertical-align: middle; +} +.dokuwiki select.edit { + padding: 0.1em 0; +} + +.dokuwiki button { + vertical-align: middle; +} +.dokuwiki input:focus, +.dokuwiki select:focus, +.dokuwiki button:focus { + outline: @ini_focus_color solid 2px; +} +/** + * Styles for auth forms + */ +#dw__login fieldset, +#dw__resendpwd fieldset, +#dw__register fieldset { + max-width: calc(100% - 1em); + padding-bottom: 0.7em; +} + +#dw__login fieldset label.block, +#dw__resendpwd fieldset label.block, +#dw__register fieldset label.block { + width: 100%; + max-width: 320px; +} +#dw__login label[for="remember__me"] { + margin: 0 10% 1.4em; +} + +#dw__profiledelete { + display: block; + margin-top: 2.8em; +} + +/** + * Styles for the subscription page + */ + +#subscribe__form { + display: block; + width: 400px; + text-align: center; +} + +#subscribe__form fieldset { + text-align: left; + margin: 0.5em 0; +} +[dir=rtl] #subscribe__form fieldset { + text-align: right; +} + +#subscribe__form label { + display: block; + margin: 0 0.5em 0.5em; +} diff --git a/templates/55/ad-hominem/css/_imgdetail.css b/templates/55/ad-hominem/css/_imgdetail.css new file mode 100644 index 0000000..a074000 --- /dev/null +++ b/templates/55/ad-hominem/css/_imgdetail.css @@ -0,0 +1,38 @@ +/** + * This file provides styles for the image detail page (detail.php). + */ + +#dokuwiki__detail { + padding: 1em; +} +#dokuwiki__detail h1 { +} + +#dokuwiki__detail img { + float: left; + margin: 0 1.5em .5em 0; +} +[dir=rtl] #dokuwiki__detail div.content img { + float: right; + margin-right: 0; + margin-left: 1.5em; +} +#dokuwiki__detail div.img_detail { + float: left; +} +[dir=rtl] #dokuwiki__detail div.content div.img_detail { + float: right +} + +#dokuwiki__detail div.img_detail h2 { +} +#dokuwiki__detail div.img_detail dl { +} +#dokuwiki__detail div.img_detail dl dt { +} +#dokuwiki__detail div.img_detail dl dd { +} + +#dokuwiki__detail p.back { + clear: both; +} diff --git a/templates/55/ad-hominem/css/_languages.less b/templates/55/ad-hominem/css/_languages.less new file mode 100644 index 0000000..651c237 --- /dev/null +++ b/templates/55/ad-hominem/css/_languages.less @@ -0,0 +1,202 @@ +/** + * This file provides styles for the Languages list, + * both for the side- and the toolbar. + * This overrides some of the styles in the languages plugin. + */ + +#tbLanguages, #sbLanguages { + + ul { + & { + margin-left: .5em; + } + li { + & { + list-style: none inside; + } + a { + & { + display: grid; + grid-template-columns: 1.25em auto; + align-items: center; + gap: .4em; + padding: .125em; + line-height: 1.2em; + } + &::before { + content: attr(lang); + display: inline-block; + text-align: center; + place-self: stretch; + border: @ini_text solid 1px; + font-size: small; + border-radius: 1.5pt; + font-family: @ini_mono_fonts; + font-size: .75rem; + color: @ini_text; + } + &.wikilink1 { + & { + color: @ini_link; + } + &:hover { + text-decoration: none; + } + &:hover span { + text-decoration: underline; + } + } + &.wikilink2 { + & { + border-bottom: transparent 0 none; + } + &:hover { + text-decoration: none; + } + bdi { + color: @ini_missing; + text-decoration: underline; + text-decoration-style: dotted; + } + } + &.wikilink2:hover span { + text-decoration-style: solid; + } + } + } + } +} + +#tbLanguages { + + & { + display: grid; + place-items: center; + grid-template-rows: auto 0; + height: 100%; + } + button { + & { + padding: .25em; + font-size: 1rem; + border: transparent 1px solid; + background-color: transparent; + color: @ini_link; + cursor: pointer; + border-radius: .25em; + } + &:hover { + background-color: @ini_background_alt; + border-color: @ini_border; + text-decoration: underline; + } + svg { + width: 1.8rem; height: 1.8rem; + fill: @ini_link; + } + svg text { + fill: @ini_background_site; + text-transform: uppercase; + } + } + #langMenuWrapper { + & { + position: relative; + left: 2rem; top: .5rem; + } + #langMenu { + & { + position: absolute; + right: 0; + background-color: @ini_background_site; + border: @ini_border solid 1px; + box-shadow: 0 0 8px rgba(0,0,0,.2); + border-radius: 2pt; + padding: .25em; + z-index: 12; + } + &:before { + content: ''; + position: absolute; + top: 0; + height: 1em; + right: 16%; + width: 1em; + margin-left: -.5em; + background-color: @ini_background_site; + box-shadow: 0 0 8px rgba(0,0,0,.2); + -webkit-clip-path: polygon(-8px -8px,calc(100% + 8px) -8px,calc(100% + 8px) calc(100% + 8px)); + clip-path: polygon(-8px -8px,calc(100% + 8px) -8px,calc(100% + 8px) calc(100% + 8px)); + transform: translateY(-50%) rotate(-45deg); + border: @ini_border solid 1px; + } + li a { + & { + font-size: 1rem; + padding: .25em; + min-width: 6.5em; + width: max-content; + } + } + } + } +} + +#sbLanguages { + & { + margin: 1em .25em 0 1em; + } + h3 a.wikilink2 { + color: @ini_missing; + } + ul { + padding-left: 0 !important; + } +} + +/* dark mode overrides: */ +@media (prefers-color-scheme: dark) { + + body.darkmode { + + #tbLanguages, #sbLanguages { + ul li a { + &::before { border-color: @ini_text_dark; color: @ini_text_dark; } + &.wikilink1 { color: @ini_link_dark; } + &.wikilink2 bdi { color: @ini_missing_dark; } + } + } + + #tbLanguages { + button { + & { color: @ini_link_dark; } + &:hover { background-color: @ini_background_alt_dark; border-color: @ini_border_dark; } + svg { fill: @ini_link_dark; } + svg text { fill: @ini_background_site_dark; } + } + #langMenuWrapper #langMenu { + & { + background-color: @ini_background_site_dark; + border-color: @ini_border_dark; + box-shadow: 1pt 1pt 5pt rgba(0,0,0,0.4);; + } + &:before { + background-color: @ini_background_site_dark; + box-shadow: 1pt 1pt 5pt rgba(0,0,0,0.4);; + border-color: @ini_border_dark; + } + } + } + #sbLanguages h3 a.wikilink2 { + color: @ini_missing_dark; + } + } +} + +@media (max-width: 950px) { + + /* touchup for the languages list in menu mode */ + #sbLanguages { + margin: .5em .25em 0 .5em; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_links.css b/templates/55/ad-hominem/css/_links.css new file mode 100644 index 0000000..f9ee5de --- /dev/null +++ b/templates/55/ad-hominem/css/_links.css @@ -0,0 +1,93 @@ +/** + * This file provides styles for all types of links. + */ + +/*____________ links to wiki pages ____________*/ + +/* existing wikipage */ +a.wikilink1 { +} +/* not existing wikipage */ +a.wikilink2 { + text-decoration: none; +} +a.wikilink2:link, +a.wikilink2:visited { + border-bottom: 1px dashed; +} +a.wikilink2:hover, +a.wikilink2:active, +a.wikilink2:focus { + border-bottom-width: 0; +} + +/* any link to current page */ +span.curid a { + font-weight: bold; +} + +/* Wikipedia Links */ +a.iw_wp, a.iw_wpfr, a.iw_wpde, a.iw_wpes, a.iw_wppl, a.iw_wpjp, a.iw_wpmeta { + background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgdmlld0JveD0nMCAwIDUxMiA1MTInIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Y2lyY2xlIGN4PScyNTYnIGN5PScyNTYnIHI9JzI1MCcgc3R5bGU9J2ZpbGw6I2ViZWJlYjtzdHJva2U6IzMzMztzdHJva2Utd2lkdGg6MTBweDsnLz48cGF0aCBkPSdNNjUsMTUybDAsOGMwLDIgMSwzIDQsM2MyMCwxIDIwLDUgMjgsMjNsOTAsMTk2YzcsMTQgMTYsMTYgMjUsLTFsNDUsLTg4bDQyLDg4YzgsMTUgMTYsMTYgMjQsMGw4NiwtMTk0YzgsLTE3IDE5LC0yNCAzNiwtMjRjMiwwIDIsLTEgMiwtM2wwLC04bC04MCwwbC0xLDFsMCw3YzAsMiAyLDMgNCwzYzEwLDAgMjksMiAyMSwxOWwtNzAsMTY2bC0zLC0xbC00MywtODhsMzcsLTcyYzgsLTE1IDEwLC0yNCAyNSwtMjRjMiwwIDQsLTEgNCwtM2wwLC03bC0xLC0xbC02NCwwbC0xLDFsMCw3YzAsMyA0LDMgNywzYzE4LDEgMTYsOCAxMCwxOWwtMjcsNTZsLTI1LC01MmMtOSwtMTYgLTExLC0yMSAyLC0yMmMzLC0xIDgsLTEgOCwtNGwwLC03bC0xLC0xbC02OSwwbC0xLDFsMCw4YzAsMiAyLDIgNSwyYzEyLDIgMTIsMyAyMywyNmw0MCw4NGwtMzcsNzVsLTMsLTFsLTc2LC0xNjdjLTgsLTE3IDIsLTE2IDE4LC0xN2MzLDAgMywtMSAzLC0zbDAsLTdsLTEsLTFsLTg2LDBaJyBzdHlsZT0nZmlsbDojMzMzOycvPjwvc3ZnPg=="); +} + +a.iw_google_de { + background-image: url(/lib/images/interwiki/google.svg); +} + +a.iw_twitter { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHWSURBVDhPjVI9aFNRGD3nvgbS1kREB6E00RgKFkcRFQR/BhERHMTJ1tGppVsHZ5EqiJuDg/hsFt101w6CkrGg4GKJUKhYSc2LjaV57+u5L0+xxUoOnMf3ffee891370f0gdKzVtGMBwnLAVzOD9japjFAzpHlMNqrPcfE943JQpwq/kI5bI8ZbM7MzijNE3wL2mMZVUC8dInZUbFmwEx13gZ6sh7OvjFK+ES8qnS/OCyzi2Z4Adh5HX/UybGrhUFtursRR69Gw9a5cq0z5A2WltePSHDKxztAA7/JaJGHa+1iN06ewuC7eDRBftKOuo4Yyfh2Vt8Gkhe+TBZeuzi2kewUnd4S9sHspDpP7yYWNrS+6gNHh6aSquJBX+gTn9X0uw9c40ZhxYFTihd9oU8sBMx99YFLU8MHOdYVraf5/xER7tHSRN7/dmZAtPRdECNRL7orurq8By7gxyyXNENpvu2Q2AnJZ3UnV1QKeit/sKlTPieCW42bQz+zGlgKo4oRhzQxVYkvq/0l1TWy29BU54eku9+YGP79WikczK0xwbgG45rEx1VLxF/iilgncc85ng4Q3Nkp9kh/oRJ2GKNblPKACnpOfw30Jj9G8ntW313XWP0TwBYiI7IuEdRzyAAAAABJRU5ErkJggg==); +} + +/*____________ other link types ____________*/ + +a.urlextern, +a.windows, +a.mail, +a.mediafile, +a.interwiki { + background-repeat: no-repeat; + background-position: 0 center; + background-size: 1.1em; + padding: 0 0 0 1.25em; +} +/* external link */ +a.urlextern { + background-image: url(../../images/external-link.png); +} +/* windows share */ +a.windows { + background-image: url(../../images/unc.png); +} +/* email link */ +a.mail { + background-image: url(../../images/email.png); +} + +/* icons of the following are set by dokuwiki in lib/exe/css.php */ +/* link to some embedded media */ +a.mediafile { +} +/* interwiki link */ +a.interwiki { +} + +/* RTL corrections; if link icons don't work as expected, remove the following lines */ +[dir=rtl] a.urlextern, +[dir=rtl] a.windows, +[dir=rtl] a.mail, +[dir=rtl] a.interwiki, +[dir=rtl] a.mediafile { + background-position: right center; + padding: 0 18px 0 0; +} + + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + + body.darkmode a.iw_wp, body.darkmode a.iw_wpfr, body.darkmode a.iw_wpde, body.darkmode a.iw_wpes, body.darkmode a.iw_wppl, body.darkmode a.iw_wpjp, body.darkmode a.iw_wpmeta { + background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB2aWV3Qm94PScwIDAgNTEyIDUxMicgdmVyc2lvbj0nMS4xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxjaXJjbGUgY3g9JzI1NicgY3k9JzI1Nicgcj0nMjUwJyBzdHlsZT0nZmlsbDojMzMzO3N0cm9rZTojZWJlYmViO3N0cm9rZS13aWR0aDoxMHB4OycvPjxwYXRoIGQ9J002NSwxNTJsMCw4YzAsMiAxLDMgNCwzYzIwLDEgMjAsNSAyOCwyM2w5MCwxOTZjNywxNCAxNiwxNiAyNSwtMWw0NSwtODhsNDIsODhjOCwxNSAxNiwxNiAyNCwwbDg2LC0xOTRjOCwtMTcgMTksLTI0IDM2LC0yNGMyLDAgMiwtMSAyLC0zbDAsLThsLTgwLDBsLTEsMWwwLDdjMCwyIDIsMyA0LDNjMTAsMCAyOSwyIDIxLDE5bC03MCwxNjZsLTMsLTFsLTQzLC04OGwzNywtNzJjOCwtMTUgMTAsLTI0IDI1LC0yNGMyLDAgNCwtMSA0LC0zbDAsLTdsLTEsLTFsLTY0LDBsLTEsMWwwLDdjMCwzIDQsMyA3LDNjMTgsMSAxNiw4IDEwLDE5bC0yNyw1NmwtMjUsLTUyYy05LC0xNiAtMTEsLTIxIDIsLTIyYzMsLTEgOCwtMSA4LC00bDAsLTdsLTEsLTFsLTY5LDBsLTEsMWwwLDhjMCwyIDIsMiA1LDJjMTIsMiAxMiwzIDIzLDI2bDQwLDg0bC0zNyw3NWwtMywtMWwtNzYsLTE2N2MtOCwtMTcgMiwtMTYgMTgsLTE3YzMsMCAzLC0xIDMsLTNsMCwtN2wtMSwtMWwtODYsMFonIHN0eWxlPSdmaWxsOiNlYmViZWI7Jy8+PC9zdmc+"); + } + +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_media_fullscreen.css b/templates/55/ad-hominem/css/_media_fullscreen.css new file mode 100644 index 0000000..dd703a2 --- /dev/null +++ b/templates/55/ad-hominem/css/_media_fullscreen.css @@ -0,0 +1,578 @@ +/** + * This file provides the styles for the fullscreen media manager + * (?do=media). + * + * What most templates would probably need to change (depending on + * their site width) are the 4 min-width's (search for @change). + */ + + +/*____________ structure ____________*/ + +#mediamanager__page h1 { + margin-bottom: .5em; +} + +#mediamanager__page { + /* min-width must be summary of all 3 panels' min-widths */ + min-width: 50em; /* @change */ + width: 100%; + text-align: left; +} +[dir=rtl] #mediamanager__page { + text-align: right; +} +#mediamanager__page .panel { + float: left; +} +[dir=rtl] #mediamanager__page .panel { + float: right; +} + +#mediamanager__page .namespaces { + width: 20%; + min-width: 10em; /* @change */ + left:0 !important; /* overrules jQuery UI resizable in rtl */ +} +#mediamanager__page .filelist { + width: 50%; + min-width: 25em; /* @change */ + left:0 !important; /* overrules jQuery UI resizable in rtl */ +} +#mediamanager__page .file { + width: 30%; + min-width: 15em; /* @change */ +} + +#mediamanager__page .tabs li { + white-space: nowrap; +} + +#mediamanager__page .panelHeader { + background-color: @ini_background_alt; + margin: 0 10px 10px 0; + padding: 10px 10px 8px; + text-align: left; + min-height: 20px; + overflow: hidden; +} +[dir=rtl] #mediamanager__page .panelHeader { + text-align: right; + margin: 0 0 10px 10px; +} +#mediamanager__page .panelContent { + overflow-y: auto; + overflow-x: hidden; + padding: 3px 0 0 0; + margin: 0 10px 10px 0; + position: relative; +} +[dir=rtl] #mediamanager__page .panelContent { + text-align: right; + margin: 0 0 10px 10px; +} + +#mediamanager__page .file .panelHeader, +#mediamanager__page .file .panelContent { + margin-right: 0; +} +[dir=rtl] #mediamanager__page .file .panelHeader, +[dir=rtl] #mediamanager__page .file .panelContent { + margin-left: 0; +} + +#mediamanager__page .ui-resizable-e, +[dir=rtl] #mediamanager__page .ui-resizable-w { + width: 6px; + right: 2px; + background: transparent url(../../images/resizecol.png) center center no-repeat; +} +#mediamanager__page .ui-resizable-e:hover, +[dir=rtl] #mediamanager__page .ui-resizable-w:hover { + background-color: @ini_background_alt; +} + +#mediamanager__page dd { + margin: 0; +} + +#mediamanager__page .panelHeader h3 { + float: left; + font-weight: normal; + font-size: 1em; + padding: 0; + margin: 0 0 3px; +} +[dir=rtl] #mediamanager__page .panelHeader h3 { + float : right +} + + +/*____________ namespaces panel ____________*/ + +[dir=rtl] #mediamanager__page .namespaces { + text-align: right; +} + +/* make it look like a tab (as in _tabs.css) */ +#mediamanager__page .namespaces h2 { + font-size: 1em; + display: inline-block; + padding: .3em .8em; + margin: 0 0 0 .3em; + border-radius: .5em .5em 0 0; + font-weight: normal; + background-color: @ini_background_alt; + color: @ini_text; + border: 1px solid @ini_border; + border-bottom-color: @ini_background_alt; + line-height: 1.4em; + position: relative; + bottom: -1px; + z-index: 2; +} +[dir=rtl] #mediamanager__page .namespaces h2 { + margin: 0 .3em 0 0; + position: relative; + right: 10px; +} +#mediamanager__page .namespaces .panelHeader { + border-top: 1px solid @ini_border; + z-index: 1; +} + +#mediamanager__page .namespaces ul { + margin-left: .2em; + margin-bottom: 0; + padding: 0; + list-style: none; +} +[dir=rtl] #mediamanager__page .namespaces ul { + margin-left: 0; + margin-right: .2em; +} +#mediamanager__page .namespaces ul ul { + margin-left: 1em; +} +[dir=rtl] #mediamanager__page .namespaces ul ul { + margin-left: 0; + margin-right: 1em; +} +#mediamanager__page .namespaces ul ul li { + margin: 0; +} + +#mediamanager__page .namespaces ul .selected { + background-color: __highlight__; + font-weight: bold; +} + + +/*____________ file list panel ____________*/ + +/* file list header */ + +#mediamanager__page .panelHeader form.options { + float: right; + margin-top: -3px; +} +[dir=rtl] #mediamanager__page .panelHeader form.options { + float : left +} +#mediamanager__page .panelHeader ul { + list-style: none; + margin: 0; + padding: 0; +} +#mediamanager__page .panelHeader ul li { + color: @ini_text; + float: left; + line-height: 1; + padding-left: 3px; +} +[dir=rtl] #mediamanager__page .panelHeader ul li { + padding-right: 3px; + padding-left: 0; + float: right; +} + +#mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal { + padding-left: 2px; + margin: 0 0 0 5px; +} +/* #mediamanager__page .panelHeader ul li.listType { + background: url('../../images/icon-list.png') 3px 1px no-repeat; +} +#mediamanager__page .panelHeader ul li.sortBy { + background: url('../../images/icon-sort.png') 3px 1px no-repeat; +} */ +[dir=rtl] #mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal { + padding-left: 0; + padding-right: 2px; + margin: 0 5px 0 0; + background-position: right 1px; +} + +#mediamanager__page .panelHeader form.options .ui-controlgroup-horizontal label{ + font-size: 90%; + margin-right: -0.4em; + padding: .3em .5em; + line-height: 1; +} + +/* file list content */ + +#mediamanager__page .filelist ul { + padding: 0; + margin: 0 10px 0 0; +} +[dir=rtl] #mediamanager__page .filelist ul { + margin: 0 0 0 10px; +} +#mediamanager__page .filelist ul.rows { + margin: 0; +} +#mediamanager__page .filelist .panelContent ul li:hover { + background-color: @ini_background_alt; +} + +#mediamanager__page .filelist li dt a { + vertical-align: middle; + display: table-cell; + overflow: hidden; +} + +/* file list as thumbs */ + +#mediamanager__page .filelist .thumbs li { + width: 100px; + min-height: 130px; + display: inline-block; + /* the right margin should visually be 10px, but because of its inline-block nature the whitespace inbetween is about 4px more */ + margin: 0 6px 10px 0; + background-color: @ini_background_neu; + color: @ini_text; + padding: 5px; + vertical-align: top; + text-align: center; + position: relative; + line-height: 1.2; +} +[dir=rtl] #mediamanager__page .filelist .thumbs li { + margin-right: 0; + margin-left: 6px; +} + +#mediamanager__page .filelist .thumbs li dt a { + width: 100px; + height: 90px; +} + +#mediamanager__page .filelist .thumbs li dt a img { + max-width: 90px; + max-height: 90px; +} + +#mediamanager__page .filelist .thumbs li .name, +#mediamanager__page .filelist .thumbs li .size, +#mediamanager__page .filelist .thumbs li .filesize, +#mediamanager__page .filelist .thumbs li .date { + display: block; + overflow: hidden; + text-overflow: ellipsis; + width: 90px; + white-space: nowrap; + font-size: 10pt; +} +#mediamanager__page .filelist .thumbs li .name { + padding: 5px 0; + font-weight: bold; +} +#mediamanager__page .filelist .thumbs li .date { + font-style: italic; + white-space: normal; +} + +/* file list as rows */ + +#mediamanager__page .filelist .rows li { + list-style: none; + display: block; + position: relative; + max-height: 50px; + margin: 0 0 3px 0; + background-color: @ini_background; + color: @ini_text; + overflow: hidden; +} + +#mediamanager__page .filelist .rows li:nth-child(2n+1) { + background-color: @ini_background_neu; +} + +#mediamanager__page .filelist .rows li dt { + float: left; + width: 10%; + height: 40px; + text-align: center; +} +[dir=rtl] #mediamanager__page .filelist .rows li dt { + float: right; +} +#mediamanager__page .filelist .rows li dt a { + width: 100px; + height: 40px; +} + +#mediamanager__page .filelist .rows li dt a img { + max-width: 40px; + max-height: 40px; +} + +#mediamanager__page .filelist .rows li .name, +#mediamanager__page .filelist .rows li .size, +#mediamanager__page .filelist .rows li .filesize, +#mediamanager__page .filelist .rows li .date { + overflow: hidden; + text-overflow: ellipsis; + float: left; + margin-left: 1%; + white-space: nowrap; +} +[dir=rtl] #mediamanager__page .filelist .rows li .name, +[dir=rtl] #mediamanager__page .filelist .rows li .size, +[dir=rtl] #mediamanager__page .filelist .rows li .filesize, +[dir=rtl] #mediamanager__page .filelist .rows li .date { + float: right; + margin-left: 0; + margin-right: 1%; +} + +#mediamanager__page .filelist .rows li .name { + width: 30%; + font-weight: bold; +} +#mediamanager__page .filelist .rows li .size, +#mediamanager__page .filelist .rows li .filesize { + width: 15%; +} +#mediamanager__page .filelist .rows li .date { + width: 20%; + font-style: italic; + white-space: normal; +} + +/* upload form */ + +#mediamanager__page div.upload { + padding-bottom: 0.5em; +} + +/*____________ file panel ____________*/ + +#mediamanager__page .file ul.actions { + text-align: center; + margin: 0 0 5px; + padding: 0; + list-style: none; +} +#mediamanager__page .file ul.actions li { + display: inline; + margin: 0; +} + +#mediamanager__page .file div.image { + margin-bottom: 5px; + text-align: center; +} + +#mediamanager__page .file div.image img { + width: 100%; +} + +#mediamanager__page .file dl { + margin-bottom: 0; +} +#mediamanager__page .file dl dt { + font-weight: bold; + display: block; + background-color: @ini_background_alt; + padding-left: .25em; +} +#mediamanager__page .file dl dd { + display: block; + background-color: @ini_background_neu; + padding-left: 1em; +} + +/* file meta data edit form */ + +#mediamanager__page form.meta div.row { + margin-bottom: 5px; +} + +#mediamanager__page form.meta label span { + display: block; +} + +#mediamanager__page form.meta input { + width: 50%; +} + +#mediamanager__page form.meta button { + width: auto; +} + +#mediamanager__page form.meta textarea.edit { + height: 6em; + width: 95%; + min-width: 95%; + max-width: 95%; +} + +/* file revisions form */ + +#mediamanager__page form.changes ul { + margin-left: 10px; + padding: 0; + list-style-type: none; +} +[dir=rtl] #mediamanager__page form.changes ul { + margin-left: 0; + margin-right: 10px; +} + +#mediamanager__page form.changes ul li div.li div { + font-size: 90%; + color: @ini_text_neu; + padding-left: 18px; +} +[dir=rtl] #mediamanager__page form.changes ul li div.li div { + padding-left: 0; + padding-right: 18px; +} +#mediamanager__page form.changes ul li div.li input { + position: relative; + top: 1px; +} + +/* file diff view */ + +#mediamanager__diff table { + table-layout: fixed; + border-width: 0; +} + +#mediamanager__diff td, +#mediamanager__diff th { + width: 48%; + margin: 0 5px 10px 0; + padding: 0; + vertical-align: top; + text-align: left; + border-color: @ini_background; +} +[dir=rtl] #mediamanager__diff td, +[dir=rtl] #mediamanager__diff th { + margin: 0 0 10px 5px; + text-align: right; +} + +#mediamanager__diff th { + font-weight: normal; + background-color: @ini_background; + line-height: 1.2; +} +#mediamanager__diff th a { + font-weight: bold; +} +#mediamanager__diff th span { + font-size: 90%; +} + +#mediamanager__diff dl dd strong{ + background-color: __highlight__; + color: @ini_text; + font-weight: normal; +} + +/* image diff views */ + +#mediamanager__page .file form.diffView { + margin-bottom: 10px; + display: block; +} + +#mediamanager__diff div.slider { + margin: 10px; + width: 95%; +} + +#mediamanager__diff .imageDiff { + position: relative; +} +#mediamanager__diff .imageDiff .image2 { + position: absolute; + top: 0; + left: 0; +} + +#mediamanager__diff .imageDiff.opacity .image2 { + opacity: 0.5; +} + +#mediamanager__diff .imageDiff.portions .image2 { + border-right: 1px solid red; + overflow: hidden; +} + +#mediamanager__diff .imageDiff.portions img { + float: left; +} + +#mediamanager__diff .imageDiff img { + width: 100%; + max-width: none; +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + body.darkmode #mediamanager__page .panelHeader, + body.darkmode .tabs > ul li a, + body.darkmode ul.tabs li strong, + body.darkmode ul.tabs li a { + background-color: transparent; + border-color: @ini_text_dark; + color: @ini_text_dark; + } + + body.darkmode #mediamanager__page .namespaces h2 { + background-color: @ini_background_dark; + border-color: @ini_text_dark; + border-bottom-color: @ini_background_dark; + color: @ini_headlines_dark; + } + body.darkmode #mediamanager__page .filelist .thumbs li { + background-color: @ini_background_alt_dark; + color: @ini_text_dark; + } + body.darkmode #mediamanager__page .filelist .panelContent ul li:hover { + background-color: rgba(0,0,0,.2); + } + + body.darkmode #mediamanager__page .filelist .rows li { + background-color: @ini_background_dark; + color: @ini_text_dark; + } + body.darkmode #mediamanager__page .filelist .rows li:nth-child(2n+1) { + background-color: @ini_background_alt_dark; + } + + body.darkmode #mediamanager__page .ui-resizable-e { background-color: @ini_background_dark; } + body.darkmode #mediamanager__page .ui-resizable-e:hover, + body.darkmode [dir=rtl] #mediamanager__page .ui-resizable-w:hover { background-color: @ini_background_alt_dark; } + body.darkmode #mediamanager__page .file dl dt { background-color: rgba(0,0,0,.5); } + body.darkmode #mediamanager__page .file dl dd { background-color: rgba(0,0,0,.2); } + body.darkmode #mediamanager__page .namespaces ul .selected { background-color: @ini_background_alt_dark; } + +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_media_popup.css b/templates/55/ad-hominem/css/_media_popup.css new file mode 100644 index 0000000..b75893b --- /dev/null +++ b/templates/55/ad-hominem/css/_media_popup.css @@ -0,0 +1,216 @@ +/** + * This file provides styles for the media manager popup + * (mediamanager.php). + */ + +/*____________ structure ____________*/ + +html.popup { + overflow: auto; +} + +#media__manager { + height: 100%; + overflow: hidden; +} + +#mediamgr__aside { + width: 30%; + height: 100%; + overflow: auto; + position: absolute; + left: 0; + border-right: 1px solid @ini_border; +} +[dir=rtl] #mediamgr__aside { + left: auto; + right: 0; + border-right-width: 0; + border-left: 1px solid @ini_border; +} +#mediamgr__aside .pad { + padding: .5em; +} + +#mediamgr__content { + width: 69.7%; + height: 100%; + overflow: auto; + position: absolute; + right: 0; +} +[dir=rtl] #mediamgr__content { + right: auto; + left: 0; +} +#mediamgr__content .pad { + padding: .5em; +} + +#media__manager h1, +#media__manager h2 { + font-size: 1.5em; + margin-bottom: .5em; + padding-bottom: .2em; + border-bottom: 1px solid @ini_border; +} + +/* left side +********************************************************************/ + +/*____________ options ____________*/ + +#media__opts { + margin-bottom: .5em; +} + +#media__opts input { + margin-right: .3em; +} +[dir=rtl] #media__opts input { + margin-right: 0; + margin-left: .3em; +} +#media__opts label { +} + +/*____________ tree ____________*/ + +#media__tree ul { + padding-left: .2em; +} +[dir=rtl] #media__tree ul { + padding-left: 0; + padding-right: .2em; +} +#media__tree ul li { + clear: left; + list-style-type: none; + list-style-image: none; + margin-left: 0; +} +[dir=rtl] #media__tree ul li { + clear: right; + margin-right: 0; +} +#media__tree ul li img { + float: left; + padding: .5em .3em 0 0; +} +[dir=rtl] #media__tree ul li img { + float: right; + padding: .5em 0 0 .3em; +} +#media__tree ul li div.li { + display: inline; +} +#media__tree ul li li { + margin-left: 1.5em; +} +[dir=rtl] #media__tree ul li li { + margin-left: 0; + margin-right: 1.5em; +} + +/* right side +********************************************************************/ + +/*____________ upload form ____________*/ + +/* upload info */ +#media__content div.upload { + font-size: .9em; + margin-bottom: .5em; +} + +#mediamanager__uploader { + margin-bottom: 1em; +} +#mediamanager__uploader p { + margin-bottom: .5em; +} + +/*____________ file list ____________*/ + +#media__content img.load { + margin: 1em auto; +} + +#media__content .odd, +#media__content .even { + padding: .5em; +} +#media__content .odd { + background-color: @ini_background_alt; +} +#media__content .even { +} +/* highlight newly uploaded or edited file */ +#media__content #scroll__here { + border: 1px dashed @ini_border; +} + +/* link which inserts media file */ +#media__content a.mediafile { + margin-right: 1.5em; + font-weight: bold; + cursor: pointer; +} +[dir=rtl] #media__content a.mediafile { + margin-right: 0; + margin-left: 1.5em; +} +#media__content span.info { +} +#media__content img.btn { + vertical-align: text-bottom; +} + +/* info how to insert media, if JS disabled */ +#media__content div.example { + color: @ini_text_neu; + margin-left: 1em; +} + +#media__content div.detail { + padding: .2em 0; +} +#media__content div.detail div.thumb { + float: left; + margin: 0 .5em 0 18px; +} +[dir=rtl] #media__content div.detail div.thumb { + float: right; + margin: 0 18px 0 .5em; +} +#media__content div.detail div.thumb a { + display: block; + cursor: pointer; +} +#media__content div.detail p { + margin-bottom: 0; +} + + +/*____________ media search ____________*/ + +#dw__mediasearch { +} +#dw__mediasearch p { +} +#dw__mediasearch label { +} +#dw__mediasearch label span { +} +#dw__mediasearch input.edit { +} +#dw__mediasearch button { +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + + body.darkmode #media__content .odd { + background-color: @ini_background_dark; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_modal.css b/templates/55/ad-hominem/css/_modal.css new file mode 100644 index 0000000..5ce1a69 --- /dev/null +++ b/templates/55/ad-hominem/css/_modal.css @@ -0,0 +1,187 @@ +/** + * This file provides styles for modal dialogues. + */ + +.dokuwiki .ui-widget { + font-size: 100%; + /*min-width: 290px; + min-height: 285px; */ +} + + +/* link wizard (opens from the link button in the edit toolbar) +********************************************************************/ + +#link__wiz { + resize: both; + max-width: 80%; + max-height: 512px; + -webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,.5); + -moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,.5); + box-shadow: 2px 2px 3px 2px rgba(0,0,0,.5); +} + +[dir=rtl] #link__wiz_close { + float: left; +} + +#link__wiz .ui-dialog-content { + width: 100%; + height: ~"calc(100% - 22px)"; + overflow: hidden; + color: @ini_text_alt; + font-size: small; +} + +#link__wiz button.ui-dialog-titlebar-close { + width: 16px; + height: 16px; + min-width: 16px; + min-height: 16px; + background-color: @ini_background; + border: @ini_border solid 1px; +} + +#link__wiz #link__wiz_entry { + width: ~"calc(100% - 5em)"; + border-color: @ini_border; + background-color: @ini_background; + color: @ini_text; + font-family: @ini_mono_fonts; + font-size: 11pt; +} +#link__wiz #link__wiz_entry:focus { + outline: @ini_focus_color solid 2px; +} + +#link__wiz_result { + background-color: @ini_background; + width: ~"calc(100% - 2px)"; + height: ~"calc(100% - 68px)"; + overflow: auto; + border: 1px solid @ini_border; + margin: 3px auto; + text-align: left; + font-size: medium; + line-height: 1em; +} +[dir=rtl] #link__wiz_result { + text-align: right; +} + +#link__wiz_result div { + padding: 3px 3px 3px 0; +} + +#link__wiz_result div a { + display: block; + padding-left: 1.3em; + min-height: 16px; + background: transparent 3px center no-repeat; + background-size: 1em; +} +[dir=rtl] #link__wiz_result div a { + padding: 3px 22px 3px 3px; + background-position: 257px 3px; +} + +#link__wiz_result div.type_u a:link, +#link__wiz_result div.type_u a:visited { + background-image: url(./images/editor/browse-parent.svg); + color: @ini_link; +} +#link__wiz_result div.type_f a { + background-image: url(./images/editor/browse-link.svg); +} +#link__wiz_result div.type_d a:link, +#link__wiz_result div.type_d a:visited { + background-image: url(./images/editor/browse-folder.svg); + color: @ini_link; +} + +#link__wiz_result div.even { + background-color: @ini_background_neu; +} + +#link__wiz_result div.selected { + background-color: @ini_background_alt; +} + +#link__wiz_result span { + display: block; + color: @ini_text_neu; + margin-left: 22px; +} + +#link__wiz .ui-button { + background-color: transparent; + border-color: transparent; +} + +#link__wiz .ui-icon-closethick { + background: transparent url(images/editor/close.svg) center no-repeat; + background-size: 16px; +} + +/* media option wizard (opens when inserting media in the media popup) +********************************************************************/ + +#media__popup { + /* for backwards compatibility (not needed since Rincewind) */ + display: none; +} + +#media__popup_content p { + margin: 0 0 .5em; +} + +#media__popup_content label { + margin-right: .5em; + cursor: default; +} + +#media__popup_content button { + margin-right: 1px; + cursor: pointer; +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + + body.darkmode #link__wiz { + background-color: @ini_background_dark; + border-color: @ini_border_dark; + } + body.darkmode #link__wiz .ui-widget-header { + background: @ini_background_alt_dark none; + border-color: @ini_border_dark; + } + body.darkmode #link__wiz .ui-widget-header .ui-dialog-title { + color: @ini_headlines_dark; + } + body.darkmode #link__wiz #link__wiz_entry { + border-color: @ini_border_dark; + background-color: @ini_background_alt_dark; + color: @ini_text_dark; + } + body.darkmode #link__wiz_result div.type_u a:link, + body.darkmode #link__wiz_result div.type_u a:visited, + body.darkmode #link__wiz_result div.type_u a:link, + body.darkmode #link__wiz_result div.type_u a:visited { + color: @ini_link_dark; + } + body.darkmode #link__wiz button.ui-dialog-titlebar-close { + border-color: @ini_border_dark; + } + body.darkmode #link__wiz .ui-icon-closethick { + background-color: @ini_background_dark; + } + + body.darkmode #link__wiz_result { + background-color: rgba(0,0,0,.2); + border-color: @ini_border_dark; + } + body.darkmode #link__wiz_result div.even { + background-color: @ini_background_dark; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_recent.css b/templates/55/ad-hominem/css/_recent.css new file mode 100644 index 0000000..9035a43 --- /dev/null +++ b/templates/55/ad-hominem/css/_recent.css @@ -0,0 +1,91 @@ +/** + * This file provides styles for the recent changes (?do=recent) and + * old revisions (?do=revisions). + */ + +/*____________ list of revisions / recent changes ____________*/ + +/* added dark mode overrides -- SL + +/* select type of revisions (media/pages) */ +.dokuwiki .changeType { + margin-bottom: .5em; +} + +.dokuwiki form.changes ul li { + list-style: none; + margin-left: 0; +} +[dir=rtl] .dokuwiki form.changes ul li { + margin-right: 0; +} +.dokuwiki form.changes ul li span, +.dokuwiki form.changes ul li a { + vertical-align: middle; +} +.dokuwiki form.changes ul li span.user a { + vertical-align: bottom; +} +.dokuwiki form.changes ul li.minor { + opacity: .7; +} + +.dokuwiki form.changes li span.date { +} +.dokuwiki form.changes li a.diff_link { + vertical-align: baseline; +} +.dokuwiki form.changes li a.revisions_link { + vertical-align: baseline; +} +.dokuwiki form.changes li a.wikilink1, +.dokuwiki form.changes li a.wikilink2 { +} +.dokuwiki form.changes li span.sum { + font-weight: bold; +} +.dokuwiki form.changes li span.user { +} + +/*____________ size differences ____________*/ + +.dokuwiki form.changes li .sizechange { + font-size: 80%; + border-radius: .2em; + padding: .1em .2em; + /* cannot use non-guaranteed style.ini colour placeholders, dark templates need to overwrite */ + background-color: #ddd; +} + +.dokuwiki form.changes li .sizechange.positive { + background-color: #cfc;; +} +.dokuwiki form.changes li .sizechange.negative { + background-color: #fdd; +} + +/*____________ page navigator ____________*/ + +.dokuwiki div.pagenav { + text-align: center; + margin: 1.4em 0; +} +.dokuwiki div.pagenav-prev, +.dokuwiki div.pagenav-next { + display: inline; + margin: 0 .5em; +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + .dokuwiki form.changes li .sizechange { + background-color: #0C0C0D; + color: #D0D5DA; + } + .dokuwiki form.changes li .sizechange.positive { + background-color: #0A3A1E; + } + .dokuwiki form.changes li .sizechange.negative { + background-color: #49090F; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/_search.less b/templates/55/ad-hominem/css/_search.less new file mode 100644 index 0000000..fbd8291 --- /dev/null +++ b/templates/55/ad-hominem/css/_search.less @@ -0,0 +1,203 @@ +/** + * This file provides styles for the search results page (?do=search) + * and the AJAX search popup. + */ + +/* general +********************************************************************/ + +/* search hit in normal text */ +.dokuwiki .search_hit { + color: @ini_text; + background-color: __highlight__; +} + +/* "nothing found" at search + media */ +.dokuwiki div.nothing { + margin-bottom: 1.4em; +} + +/* search results page +********************************************************************/ + +/*____________ advanced search form ____________*/ +.dokuwiki .search-results-form fieldset.search-form { + width: 100%; + margin: 1em 0; + + input[name="q"] { + width: 50%; + } + + button.toggleAssistant { + float: right; + } + + .advancedOptions { + padding: 1em 0; + + > div { + display: inline-block; + position: relative; + margin: 0 0.5em; + } + + div.toggle { + // default closed toggle state + div.current { + cursor: pointer; + max-width: 10em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + &::after { + content: 'â–¼'; + font-size: smaller; + color: @ini_text_alt; + } + } + div.changed { + font-weight: bold; + } + ul { + display: none; + position: absolute; + border: 1px solid @ini_border; + background-color: @ini_background; + padding: 0.25em 0.5em; + text-align: left; + min-width: 10em; + max-width: 15em; + max-height: 50vh; + overflow: auto; + z-index: 100; + li { + margin: 0.25em 0; + list-style: none; + + a { + display: block; + } + } + } + + // open toggle state + &.open { + div.current::after { + content: 'â–²'; + } + + ul { + display: block; + } + } + } + } +} + +[dir=rtl] .search-results-form fieldset.search-form .advancedOptions { + div.toggle ul { + text-align: right; + } +} + +/*____________ matching pagenames ____________*/ + +.dokuwiki div.search_quickresult { + margin-bottom: 1.4em; + + ul { + padding: 0; + + li { + float: left; + width: 12em; + margin: 0 1.5em; + } + } +} + +[dir=rtl] .dokuwiki div.search_quickresult ul li { + float: right; +} + +/*____________ search results ____________*/ + +.dokuwiki dl.search_results { + margin-bottom: 1.2em; + + /* search heading */ + dt { + font-weight: normal; + margin-bottom: .2em; + } + + /* last modified line */ + dd.meta { + margin: 0 0 .2em 0; + } + + /* search snippet */ + dd.snippet { + color: @ini_text_alt; + background-color: inherit; + margin: 0 0 1.2em 0; + + /* search hit in search results */ + strong.search_hit { + font-weight: normal; + /* color is set in general */ + } + + /* ellipsis separating snippets */ + .search_sep { + color: @ini_text; + background-color: inherit; + } + } +} + +/* AJAX quicksearch popup +********************************************************************/ + +.dokuwiki form.search { + div.no { + position: relative; + } + + /* .JSpopup */ + div.ajax_qsearch { + position: absolute; + top: 0; + left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */ + width: 12em; + padding: 0.5em; + font-size: .9em; + z-index: 20; + text-align: left; + display: none; + + strong { + display: block; + margin-bottom: .3em; + } + + ul { + margin: 0 !important; + padding: 0 !important; + + li { + margin: 0; + padding: 0; + display: block !important; + } + } + } +} + +[dir=rtl] .dokuwiki form.search div.ajax_qsearch { + left: auto; + /*right: -13.5em;*/ + text-align: right; +} diff --git a/templates/55/ad-hominem/css/_tabs.css b/templates/55/ad-hominem/css/_tabs.css new file mode 100644 index 0000000..507f49e --- /dev/null +++ b/templates/55/ad-hominem/css/_tabs.css @@ -0,0 +1,84 @@ +/** + * This file provides the styles for general tabs. + */ + +.dokuwiki .tabs > ul, +.dokuwiki ul.tabs { + padding: 0; + margin: 0; + overflow: hidden; + position: relative; +} +/* border underneath */ +.dokuwiki .tabs > ul:after, +.dokuwiki ul.tabs:after { + position: absolute; + content: ""; + width: 100%; + bottom: 0; + left: 0; + border-bottom: 1px solid @ini_border; +} + +.dokuwiki .tabs > ul li, +.dokuwiki ul.tabs li { + float: left; + padding: 0; + margin: 0; + list-style: none; +} +[dir=rtl] .dokuwiki .tabs > ul li, +[dir=rtl] .dokuwiki ul.tabs li { + float: right; +} + +.dokuwiki .tabs > ul li a, +.dokuwiki ul.tabs li strong, +.dokuwiki ul.tabs li a { + display: inline-block; + padding: .3em .8em; + margin: 0 0 0 .3em; + background-color: @ini_background_neu; + color: @ini_text; + border: 1px solid @ini_border; + border-radius: .5em .5em 0 0; + position: relative; + z-index: 0; +} +[dir=rtl] .dokuwiki .tabs > ul li a, +[dir=rtl] .dokuwiki ul.tabs li strong, +[dir=rtl] .dokuwiki ul.tabs li a { + margin: 0 .3em 0 0; +} + +.dokuwiki ul.tabs li strong { + font-weight: normal; +} + +.dokuwiki ul.tabs li a:link, +.dokuwiki ul.tabs li a:visited { +} +.dokuwiki .tabs > ul li a:hover, +.dokuwiki .tabs > ul li a:active, +.dokuwiki .tabs > ul li a:focus, +.dokuwiki .tabs > ul li .curid a, +.dokuwiki .tabs > ul .active a, +.dokuwiki ul.tabs li a:hover, +.dokuwiki ul.tabs li a:active, +.dokuwiki ul.tabs li a:focus, +.dokuwiki ul.tabs li.active a, +.dokuwiki ul.tabs li strong { + background-color: @ini_background_alt; + color: @ini_text; + text-decoration: none; + font-weight: normal; +} + +.dokuwiki .tabs > ul li .curid a, +.dokuwiki .tabs > ul li .active a, +.dokuwiki .tabs > ul li .active a, +.dokuwiki ul.tabs li.active a, +.dokuwiki ul.tabs li strong { + z-index: 2; + border-bottom-color: @ini_background_alt; +} diff --git a/templates/55/ad-hominem/css/_toc.css b/templates/55/ad-hominem/css/_toc.css new file mode 100644 index 0000000..469e927 --- /dev/null +++ b/templates/55/ad-hominem/css/_toc.css @@ -0,0 +1,93 @@ +/** + * This file provides styles for the TOC (table of contents), the + * sitemap (?do=index) and backlinks (?do=backlink). + */ + +/* toc +********************************************************************/ + +/* toc container */ +#dw__toc { + float: right; + margin: 0 0 1.4em 1.4em; + width: 12em; + background-color: @ini_background_alt; + color: inherit; +} +[dir=rtl] #dw__toc { + float: left; + margin: 0 1.4em 1.4em 0; +} + +/*____________ toc header ____________*/ + +.dokuwiki h3.toggle { + padding: .2em .5em; + font-weight: bold; +} + +.dokuwiki .toggle strong { + float: right; + margin: 0 .2em; +} +[dir=rtl] .dokuwiki .toggle strong { + float: left; +} + +/*____________ toc list ____________*/ + +#dw__toc > div { + padding: .2em .5em; +} +#dw__toc ul { + padding: 0; + margin: 0; +} +#dw__toc ul li { + list-style: none; + padding: 0; + margin: 0; + line-height: 1.1; +} +#dw__toc ul li div.li { + padding: .15em 0; +} +#dw__toc ul ul { + padding-left: 1em; +} +[dir=rtl] #dw__toc ul ul { + padding-left: 0; + padding-right: 1em; +} +#dw__toc ul ul li { +} +#dw__toc ul li a { +} + +/* in case of toc list jumping one level + (e.g. if heading level 3 follows directly after heading level 1) */ +#dw__toc ul li.clear { +} + + +/* sitemap (and backlinks) +********************************************************************/ + +.dokuwiki ul.idx { + padding-left: 0; +} +[dir=rtl] .dokuwiki ul.idx { + padding-right: 0; +} +.dokuwiki ul.idx li { + list-style-image: url(../../images/bullet.png); +} +.dokuwiki ul.idx li.open { + list-style-image: url(../../images/open.png); +} +.dokuwiki ul.idx li.closed { + list-style-image: url(../../images/closed.png); +} +[dir=rtl] .dokuwiki ul.idx li.closed { + list-style-image: url(../../images/closed-rtl.png); +} diff --git a/templates/55/ad-hominem/css/content.less b/templates/55/ad-hominem/css/content.less new file mode 100644 index 0000000..5c9b0de --- /dev/null +++ b/templates/55/ad-hominem/css/content.less @@ -0,0 +1,436 @@ +/** + * This contains the content styling + * @author Sascha Leib <sascha@leib.be> + */ + +body { + overflow: hidden auto; +} + +.dokuwiki main { + p, + blockquote, + div.table { + margin-bottom: .5em; + margin-top: .5em; + } + +/* headlines: */ + h1, h2, h3, h4, h5, h6 { + font-family: @ini_headline_fonts; + color: @ini_headlines; + margin: 1em 0 1em 0; + line-height: 1.1em; + } + h1 { font-size: 2em; } + h2 { font-size: 1.5em; } + h3 { font-size: 1.125em; } + h4 { font-size: 1em; } + h5 { font-size: .875em; } + h6 { font-size: .75em; } + h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { + font-family: inherit; + font-size: inherit; + color: inherit; + margin: inherit; + line-height: inherit; + } + /* Definition Terms are like Headlines in many ways */ + dl dt { + font-family: @ini_headline_fonts; + color: @ini_headlines; + } + dl.compact dl { /* except in compact mode */ + font-weight: 600; + font-family: inherit; + color: inherit; + } + + /* make strike-through and underline more useful! */ + u { + -webkit-text-decoration-color: #F30; + -webkit-text-decoration-line: underline; + -webkit-text-decoration-style: wavy; + -webkit-text-decoration-thickness: .7pt; + text-decoration: underline #F30 wavy .7pt; + } + s, del { + -webkit-text-decoration-color: rgba(255,0,0,.5); + -webkit-text-decoration-line: line-through; + -webkit-text-decoration-style: solid; + -webkit-text-decoration-thickness: .1em; + text-decoration: line-through rgba(255,0,0,.5) solid .1em; + } + + /* lists: */ + ul, ol { + margin: 0 2em 1em 1em; + padding-left: 1.75em; + } + ul { list-style: square outside; } + ul ul { list-style-type: disc; } + ul ul ul { list-style-type: none; } + ul ul ul li {margin-left: 1em; } + ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; } + ul ul ul ul li:before { content: '\FE63' } + ul ul ul ul ul li:before { content: '\00B7' } + + /* numbered lists vary by nestling: */ + ol { list-style: decimal outside; } + ol ol { list-style-type: lower-alpha; } + ol ol ol { list-style-type: lower-roman; } + ol ol ol ol { list-style-type: lower-greek; } + ol ol ol ol ol { list-style-type: decimal-leading-zero; font-size: .96em;} + ol ol ol ol ol ol { list-style-type: upper-alpha; font-size: .96em;} + ul ul ul ol li { margin-left: 0; } + ul ul ul ol li:before { display: none; content: ''; } + + li::marker { + color: #666; + } + + ul ul, ul ol, + ol ul, ol ol { + margin-bottom: 0; + padding-left: .25em; + } + + /* horizontal rules */ + hr { + border: #666 solid 0; + border-top-width: 1pt; + height: 0; + margin: 3pt 0; + } + + tt, blockquote tt, + pre, pre *, + code, code *, + blockquote code { + font-family: @ini_mono_fonts; + } + code, blockquote code { + border: @ini_border solid 1px; + border-radius: 3pt; + padding: 0 2pt; + } + pre { + overflow-x: auto; + white-space: pre-wrap; + word-wrap: normal; + border: 1px solid @ini_border; + border-radius: 2px; + box-shadow: inset 0 0 .5em @ini_border; + padding: .3em; + } + + /* overwrite pre styling for CodeMirror plugin: */ + .CodeMirror pre { + max-width: 100%; + } + /* quotes: */ + blockquote { + border: @ini_blockquote solid 0; + border-width: 0 0 0 .4em; + border-radius: .5em; + padding: .25em 0 .25em .75em; + margin: 0 2em 1em 1em; + font-family: @ini_alt_fonts; + font-size: @ini_alt_font_size; + hanging-punctuation: first allow-end; + } + blockquote * { + font-family: @ini_alt_fonts; + } + + svg { + display: block; + fill-rule: evenodd; + clip-rule: evenodd; + stroke-linejoin: round; + stroke-miterlimit: 1.5; + } + svg.math { + margin-left: 15px + } + + /* tables */ + div.table { + overflow-x: auto; + } + table { + & { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + font-size: smaller; + border: 1px solid @ini_border; + margin-bottom: 1em; + } + th, td { + padding: .5em .3em; + vertical-align: top; + border: 1px solid @ini_border; + line-height: 1.25em; + } + th.centeralign, td.centeralign { + text-align: center; + } + th.rightalign, td.rightalign { + text-align: right; + } + th { + font-weight: bold; + background-color: @ini_background_alt; + text-align: left; + } + &.inline { + min-width: 50%; + margin-bottom: 0; + } + &.inline tr:hover td { + background-color: @ini_background_alt; + } + &.inline tr:hover th { + background-color: @ini_border; + } + } + + /* asides */ + aside { + & > * { + margin: .25em 0; + } + &.float-left, &.float-right { + width: 50%; + max-width: 220px; + min-width: 150px; + font-size: smaller; + line-height: 1.5em; + } + &.float-left { + clear: left; + float: left; + margin-right: .5em; + } + &.float-right { + clear: right; + float: right; + margin-left: .5em; + } + & footer { + line-height: 1.1em; + } + } + + /* images */ + img { + max-width: 100%; + height: auto; + } + + /* abbbreviations a reslightly widened and made smaller */ + abbr { + letter-spacing: .01em; + font-size: 97%; + } + + /* extra styles for ad-hoc tags: */ + kbd { + padding: .15em .25em; + margin: 0 .1em; + font-size: 85%; + color: @ini_headlines; + border: @ini_border solid 1px; + border-radius: .25em; + display: inline-block; + white-space: nowrap; + line-height: 1.2em; + letter-spacing: .03em; + } + kbd kbd { + background-color: @ini_background_alt; + -webkit-box-shadow: 0 .1em 0 rgba(0,0,0,0.25); + box-shadow: 0 .1em 0 rgba(0,0,0,0.25); + font-weight: bold; + } + samp { + background-color: @ini_background_alt; + font-family: @ini_mono_fonts; + white-space: nowrap; + } + mark { + background-color: @ini_highlight; + } + + /* box / notification classes */ + .box, .wrap_box, + .outline, .wrap_outline { + padding: 1pt .5em; + margin: .5em 0; + } + .box, .wrap_box { + background-color: @ini_background_alt; + } + .rounded, .wrap_rounded { + border-radius: .5em; + } + + /* hyphenation only in the main-content */ + p, li { + word-wrap: break-word; + overflow-wrap: break-word; + hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphenate-limit-chars: 6 2 3; + } + + /* footnotes section */ + div.footnotes { + border-top: transparent 0 none; + margin-top: 1.5em; + font-size: smaller; + } + div.footnotes:before { + content: ' '; + display: block; + width: 33%; + min-width: 5em; + border-top: @ini_border solid 1.5pt; + height: .5em; + } + div.footnotes div.fn { + margin-left: 1em; + } +} + +/* footnotes and similar poups: */ +.JSpopup { + background-color: @ini_background; + color: @ini_text; + border: @ini_border solid 1px; + padding: .25em; + box-shadow: 2px 2px 4px rgba(0, 0, 0, .5); +} + + +/* on the homepage only, reduce the H1 top margin: */ +body.home h1:first-child { margin-top: .5em; } + + +[dir=rtl] { + main { + blockquote { + border-width: 0 .4em 0 0; + padding: .25em .75em .25em 0; + margin: 0 1em 1em 2em; + } + + ul, ol { + margin-left: 0; + margin-right: .5em; + padding-left: 0; + padding-right: .25em; + } + ul li, ol li { + width: 100%; + } + + ul ul ul li:before { + float: right; + margin-left: 0; + margin-right: -1em; + } + + } +} + +/* tablet break point: */ +@media (max-width: @ini_tablet_width) { + + /* tighter hyphenation for narrower screens */ + #main-content p, #main-content li { + hyphenate-limit-chars: 5 2 2; + } +} + +/* phone break point: */ +@media (max-width: @ini_phone_width) { + + .nophone, .wrap_nophone { + display: none !important; + } + + main aside { + width: 100%; + max-width: initial; + float: none; + margin-left: 0; + } +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + + body.darkmode { + main { + h1, h2, h3, h4, h5, h6, dt { color: @ini_headlines_dark; } + table { + & { border-color: @ini_border_dark; } + &.inline tr:hover td, + &.inline tr:hover th { background-color: @ini_border_dark; } + th { background-color: rgba(255,255,255,0.05); } + } + #acl_manager table tr:hover { background-color: rgba(255,255,255,0.1); } + code, + blockquote { border-color: @ini_blockquote_dark } + blockquote code { border-color: @ini_border_dark; } + kbd {color: @ini_headlines_dark;border-color: @ini_border_dark;} + kbd kbd {background-color: @ini_background_alt_dark;} + samp {background-color: @ini_background_alt_dark;} + pre {border-color: @ini_border_dark; box-shadow: inset 0 0 .5em @ini_background_site_dark;} + dl dt { color: @ini_headlines_dark; } + + /* overrides for PRE blocks: */ + pre.code { + .me1 {color: #3C3;} + .kw2 {color: #0C7;} + .kw3 {color: #0CF;} + } + + div.error {background-color: #4B2F36; color: #FFB3D2; border-color: #743E4C;} + div.success {background-color: #28381F; color: #FBE2A1; border-color: #37562E;} + div.notify {background-color: #42381F; color: #FCE2A1; border-color: #56562E;} + + /* colour overrides for Wrap Plugin */ + .wrap_hi {background-color: @ini_highlight; color: #000;} + .wrap_box, .box {background-color: @ini_background_alt_dark; color: inherit;} + .wrap_outline, .outline {border-color: @ini_border_dark; color: inherit} + .red, .wrap_red { color: #E53935; } + .green, .wrap_green { color: #00E676; } + .wrap_tip {background-color: #47391B;} + .wrap_important {background-color: #603000;} + .wrap_alert, .wrap_danger {background-color: #4C0909;} + .wrap_help, .wrap_info {background-color: #112847;} + .wrap_download, .wrap_safety {background-color: #1C3802;} + .wrap_todo, .wrap_notice {background-color: #004A7F;} + .wrap_caution {background-color: #fcffaa;} + .wrap_warning {background-color: #FFC9AA;} + + /* MathML fixes */ + merror { background-color: @ini_highlight; color: red; } + + } + + /* footnote and similar poups: */ + .JSpopup { + background-color: @ini_background_site_dark; + color: @ini_text_dark; + border-color: @ini_border_dark; + box-shadow: 2px 2px 4px #000; + } + } +} + diff --git a/templates/55/ad-hominem/css/design.less b/templates/55/ad-hominem/css/design.less new file mode 100644 index 0000000..be7a190 --- /dev/null +++ b/templates/55/ad-hominem/css/design.less @@ -0,0 +1,374 @@ +/** + * This file provides the main design styles for the + * bits that surround the content. + * + * @author Anika Henke <anika@selfthinker.org> + * @author Andreas Gohr <andi@splitbrain.org> + * @author Clarence Lee <clarencedglee@gmail.com> + */ + +.dokuwiki.export { + background-color: @ini_background; +} + +/* header +********************************************************************/ + +#dokuwiki__header { + padding: 2em 0 1.5em; + + .headings, + .tools { + margin-bottom: 1.5em; + width: 49%; + } + .tools { + margin-top: .2em; + } + + .logo { + margin: 0; + font-size: 1.5em; + font-weight: normal; + line-height: 1.2; + + img { + float: left; + margin-right: .5em; + } + + span { + display: block; + padding-top: 10px; + } + + a { + text-decoration: none; + color: @ini_text; + background-color: inherit; + } + } + + p.claim { + margin-bottom: 0; + font-size: 0.875em; + } + + /* make all links in header (including breadcrumb and interwiki) same colour as the rest */ + a { + color: @ini_link; + background-color: inherit; + } +} + +[dir=rtl] #dokuwiki__header .logo img { + float: right; + margin-left: .5em; + margin-right: 0; +} + +/* tools +********************************************************************/ + +/* highlight selected tool */ +.mode_admin .action.admin a, +.mode_login .action.login a, +.mode_register .action.register a, +.mode_profile .action.profile a, +.mode_recent .action.recent a, +.mode_index .action.index a, +.mode_media .action.media a, +.mode_revisions .action.revs a, +.mode_backlink .action.backlink a, +.mode_subscribe .action.subscribe a { + font-weight: bold; +} + +#dokuwiki__header .tools { + ul { + padding-left: 0; + margin-bottom: 0; + } + + li { + font-size: 0.875em; + margin-left: 1em; + list-style: none; + display: inline; + } + + form.search div.ajax_qsearch li { + font-size: 1em; + margin-left: 0; + display: block; + overflow: hidden; + text-overflow: ellipsis; + } +} + +[dir=rtl] #dokuwiki__header .tools li { + margin-right: 1em; + margin-left: 0; +} + +#dokuwiki__header .mobileTools { + display: none; /* hide mobile tools dropdown to only show in mobile view */ +} + +/*____________ site tools ____________*/ + +#dokuwiki__sitetools { + & { + text-align: right; + } + form.search { + font-size: 0.875em; + } +} + +[dir=rtl] #dokuwiki__sitetools { + text-align: left; +} + +form.search { + display: block; + position: relative; + margin-bottom: 0.5em; + + input { + /* width: 18em; */ + padding: .35em 22px .35em .1em; + } + + button { + background: transparent url(images/search.png) no-repeat 0 0; + background-size: 16px; + border-width: 0; + width: 16px; + height: 16px; + text-indent: -99999px; + margin-left: -28px; + box-shadow: none; + padding: 0; + } +} + +[dir=rtl] form.search { + input { + padding: .35em .1em .35em 22px; + } + + button { + background-position: 5px 0; + margin-left: 0; + margin-right: -20px; + position: relative; + } +} + +/*____________ breadcrumbs ____________*/ + +.dokuwiki div.breadcrumbs { + border-top: 1px solid @ini_border; + border-bottom: 1px solid @ini_background; + margin-bottom: .5em; + font-size: 0.875em; + clear: both; + + div { + padding: .1em .35em; + } + + div:only-child { + border-top: 1px solid @ini_background; + border-bottom: 1px solid @ini_border; + } + + div:first-child { + border-top: 1px solid @ini_background; + } + + div:last-child { + border-bottom: 1px solid @ini_border; + } + + .bcsep { + font-size: 0.75em; + } +} + +/* sidebar +********************************************************************/ + +.dokuwiki .aside { + font-size: 0.875em; + overflow: hidden; + word-wrap: break-word; + + /* make sidebar more condensed */ + + h1 { + font-size: 1.714em; + margin-bottom: .292em; + } + + h2 { + margin-bottom: .333em; + } + + h3 { + margin-bottom: .444em; + } + + h4 { + margin-bottom: .5em; + } + + h5 { + margin-bottom: .5714em; + } + + p, + ul, + ol, + dl, + pre, + table, + fieldset, + hr, + blockquote, + address { + margin-bottom: .7em; + } + + ul, + ol { + padding-left: .5em; + } + + li ul, + li ol { + margin-bottom: 0; + padding: 0; + } + + a:link, + a:visited { + color: @ini_link; + background-color: inherit; + } +} + +[dir=rtl] .dokuwiki .aside ul, +[dir=rtl] .dokuwiki .aside ol { + padding-right: .5em; +} + +/* content +********************************************************************/ + +.dokuwiki .pageId { + float: right; + margin-right: -1em; + margin-bottom: -1px; + margin-top: -1.5em; + overflow: hidden; + padding: 0.5em 1em 0; + + span { + font-size: 0.875em; + border: solid @ini_background_alt; + border-width: 1px 1px 0; + background-color: @ini_background; + color: @ini_text_alt; + padding: .1em .35em; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + box-shadow: 0 0 .5em @ini_text_alt; + display: block; + } +} + +.dokuwiki div.page { + clear: both; + background: @ini_background; + color: inherit; + border: 1px solid @ini_background_alt; + box-shadow: 0 0 .5em @ini_text_alt; + border-radius: 2px; + padding: 1.556em 2em 2em; + margin-bottom: .5em; + overflow: hidden; + word-wrap: break-word; +} + +.dokuwiki .docInfo { + font-size: 0.875em; + text-align: right; + overflow-wrap: break-word; +} + +/* license note under edit window */ +.dokuwiki div.license { + font-size: small; + line-height: 1.5em; + padding: 3pt; + background-color: @ini_background_alt; + border: @ini_border solid 1px; +} + +[dir=rtl] .dokuwiki .docInfo { + text-align: left; +} + +[dir=rtl] .dokuwiki .pageId { + float: left; + margin-left: -1em; + margin-right: 0; +} + +/* footer +********************************************************************/ + +.dokuwiki .wrapper { + margin-bottom: 1.4em; +} + +#dokuwiki__footer { + margin-bottom: 1em; + text-align: center; + + > .pad { + font-size: 0.875em; + } + + div.license { + margin-bottom: 0.5em; + font-size: 100%; + } + + div.buttons a { + img { + opacity: 0.5; + } + + &:hover img, + &:active img, + &:focus img { + opacity: 1; + } + } + +} + +[dir=rtl] #dokuwiki__footer .license img { + margin: 0 0 0 .5em; +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + body.darkmode div.license { + background-color: @ini_background_alt_dark; + border-color: @ini_border_dark; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/layout.less b/templates/55/ad-hominem/css/layout.less new file mode 100644 index 0000000..f034095 --- /dev/null +++ b/templates/55/ad-hominem/css/layout.less @@ -0,0 +1,1308 @@ +/** + * This contains the most basic layouts and styles + * @author Sascha Leib <sascha@leib.be> + */ + +html, body, * { + font-family: @ini_default_fonts; + margin: 0; + padding: 0; + scrollbar-gutter: auto; + scrollbar-width: thin; + scrollbar-color: @ini_blockquote @ini_background_site; +} +html { + scroll-behavior: smooth; +} +body { + background-color: @ini_background_site; + font-size: @ini_default_font_size; +} + +/* scrollbar styles */ +::-webkit-scrollbar { + width: .5rem; +} +::-webkit-scrollbar-track { + background: @ini_background_site; +} +::-webkit-scrollbar-thumb { + border-radius: .25rem; + background: @ini_blockquote; +} +::-webkit-scrollbar-thumb:hover { + background: @ini_separator; +} + +#skip-link { + & { + position: fixed; + left: 4pt; + top: 4pt; + width: auto; + z-index: 9999; + } + a { + position: absolute; + background-color: @ini_background; + font-size: 1.25em; + color: @ini_link; + height: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + } + a:focus { + position: static; + display: inline-block; + padding: 8px; + height: auto; + clip: auto; + overflow: visible; + outline: 2px solid @ini_focus_color; + } + &:focus { + display: block; + } +} + +.sronly { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + display: block; +} +.printonly, +.print-only, +.wrap_print-only { + display: none; +} +div.no { + display: inline; + margin: 0; + padding: 0; +} + +#globalTools { + & { + grid-column: 2 / span 2; + grid-row: 1; + text-align: right; + font-size: 10pt; + } + a:link { + text-decoration: none; + } +} +#gSiteTools { + & { + justify-self: start; + } + & select { + display: none; + } +} +#gUserTools { + & { + justify-self: end; + padding-right: .5rem; + } + ul { + list-style: none inside; + display: block; + } + ul li { + display: inline; + } + ul li::before { + content: '\00B7'; + display: inline-block; + width: .35em; + padding-right: .35em; + } + ul li:first-child::before { + content: ''; + } +} + +#header-layout, +#footer-layout { + width: 100%; +} + +#header-layout > header { + width: 100%; + max-width: @ini_site_width; + margin: 0 auto; + padding-top: .25rem; + display: grid; + grid-template-columns: @ini_sidebar_width auto @ini_sidebar_width; + grid-template-rows: auto auto auto; + justify-items: stretch; +} + +#siteLogo { + & { + grid-column: 1; + grid-row: 1 / span 3; + column-gap: 8px; + padding: 0 .25em 0 .5em; + display: grid; + grid-template-columns: 64px auto; + grid-template-rows: auto auto; + } + .logo { + margin-top: 3pt; + grid-column: 1; + grid-row: 1 / span 2; + } + .logo img { + width: 64px; + height: auto; + } + .title, + .claim { + grid-column: 2; + grid-row: 2; + align-self: start; + font-size: 10pt; + padding-right: .5em; + max-width: e("calc(") @ini_sidebar_width e(" - 80px)") + } + .title { + grid-row: 1; + align-self: center; + font-size: 14pt; + line-height: 1em; + margin: 0; + } + .title * { + /* font-family: @ini_headline_fonts; + font-size: 13pt; */ + } +} + +#phSearch { + & { + grid-column: 2; + grid-row: 2; + padding: .5em 0; + } + form { + + & > div.search-field { + width: 100%; + display: grid; + grid-template-columns: auto 20pt 20pt; + place-items: stretch; + border: @ini_border solid 1pt; + background: @ini_background; + border-radius: 4pt; + -moz-box-shadow: inset 0 0 3pt @ini_border; + -webkit-box-shadow: inset 0 0 3pt @ini_border; + box-shadow: inset 0 0 3pt @ini_border; + outline: transparent solid 2pt; + } + + & .search-popup { + position: absolute; + width: 100%; + height: 5pt; + margin-right: 21pt; + } + + > div { + &.search-field.focus { + outline-color: @ini_focus_color; + } + input { + grid-column: 1; + grid-row: 1; + z-index: 23; + font-size: large; + padding: 2pt 0 2pt 4pt; + border: transparent none 0; + border-radius: 3pt; + background-color: transparent; + } + input:focus { + outline: transparent none 0; + } + button { + color: @ini_text; + border: transparent solid 1pt; + background: transparent none no-repeat center; + background-size: 13pt; + width: 2em; + height: 2em; + border-radius: 3pt; + overflow: hidden; + margin: 1pt 1pt 1pt 0; + height: auto; + outline: transparent solid 2pt; + } + button[type=reset] { + background-image: url('images/delete.svg'); + border-right: @ini_border solid 1pt; + } + button[type=submit] { + background-image: url('images/search.svg'); + } + button:hover { + background-color: @ini_background_neu; + border-color: @ini_border; + } + button:focus { + background-color: @ini_background_neu; + } + } + + } +} +#qsearch__out { + & { + z-index: 20; + position: relative; + left: 0; + width: auto; + padding: 0; + white-space: nowrap; + font-size: 1rem; + background-color: @ini_background_site; + -moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.5); + -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.5); + box-shadow: 2px 2px 2px 0 rgba(0,0,0,.5); + } + strong { + display: none; + padding: 2pt; + font-weight: normal; + } + ul { + border: @ini_border solid 1px; + border-top-width: 0; + max-height: 11em; + } + li { + border-top: @ini_border solid 1px; + } + a { + display: block; + padding: 2pt 0 2pt 4pt; + border: transparent solid 2px; + overflow: hidden; + text-overflow: '\2025'; + } + a:focus { + border-color: @ini_focus_color; + } +} + +#phTools{ } +#phInclude { + grid-column: 2 / span 2; + grid-row: 3; + margin-right: 2pt; +} + +#main-layout { + width: 100%; + max-width: @ini_site_width; + margin: 0 auto; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + align-items: stretch; + align-content: flex-start; +} + +#sidebar { + & { + width: @ini_sidebar_width; + max-width: @ini_sidebar_width; + flex-grow: 0; + } + &.toggle.hide, + &.toggle.alt { + max-width: 1em; + } + p, ul, ol { + padding-left: 1.25em; + } + ul { + list-style: square outside; + } + ul ~ ul, ul ~ ol, + ol ~ ul, ol ~ ol { + margin-top: .5em; + } + ul li, ol li { + color: @ini_text_alt; + padding: .1em 0; + } + dl dt { + font-weight: bold; + } + a:link, a:visited { + color: @ini_link; + } + .home a::before { + content: ' '; + display: inline-block; + width: 10pt; + height: 1em; + background: transparent url('images/home.svg') no-repeat no-repeat 0 4px; + background-size: .8em; + padding-right: 3pt; + } + .curid { + font-weight: bold; + } + h3, h4 { + font-size: 1.1rem; + margin: 0.25em 2pt; + } + & > button.tg_button { + float: right; + display: block; + background-color: transparent; + border: transparent none 0; + margin-right: 2px; + font-size: 1.5rem; + } + & > button:focus { + outline: @ini_focus_color solid 2px; + } + & > button.tg_button span { + display: none; + } + &.hide > button.tg_button, + &.alt > button.tg_button { + margin-left: 0; + width: 11pt; + } + & > button.tg_button::after { + content: '\2039'; + color: @ini_link; + display: inline-block; + width: .75em; + height: 1.25em; + text-align: center; + } + &.hide>button.tg_button span, + &.alt>button.tg_button span { + display: none; + } + &.hide>button.tg_button::after, + &.alt>button.tg_button::after { + content: '\203A'; + width: auto; + } + + .tg_content { + line-height: 1.5em; + font-size: 11.5pt; + } + + hr { + border: 0; + height: 1pt; + background: @ini_text_alt; + background-image: linear-gradient(to right, @ini_background_alt, @ini_text_alt, @ini_background_alt); + margin: .5em 1em .5em 0; + } +} + +#sbNavigation { + margin: 1em .25em 0 1em; +} +#navBreadCrumbs { + margin-left: .5em; +} +#navBreadCrumbs ol { + list-style: decimal outside; + padding-left: 2em; +} + + +#navYouAreHere { + & { + display: flex; + flex-flow: row nowrap; + position: relative; + top: 0; + left: 0; + height: 16pt; + overflow: hidden; + white-space: nowrap; + } + h4 { + display: none /*inline-block */; + font-family: @ini_default_fonts; + font-weight: normal; + font-size: small; + line-height: 1.5em; + margin: 0 .5em 0 0; + } + ol { + & { + list-style: none inside; + display: flex; + line-height: 1.5em; + height: 100pt; + padding-left: 0; + margin: 0 2pt 0 0; + font-size: small; + overflow: scroll hidden; + } + li { + & { + color: @ini_headlines; + display: inline; + margin-bottom: 0; + max-width: 20em; + min-width: 2.2em; + overflow: hidden; + text-overflow: '\202F...'; + } + + &:last-child { flex-shrink: 1; } + &:nth-last-child(2) { flex-shrink: 2; } + &:nth-last-child(3) { flex-shrink: 3; } + &:nth-last-child(4) { flex-shrink: 4; } + &:nth-last-child(5) { flex-shrink: 5; } + &:nth-last-child(6) { flex-shrink: 6; } + + &.home { + min-width: 14px; + flex-shrink: 0 !important; + } + + &::before { + content: '\25B8'; + padding: 0 2pt; + color: @ini_text_alt; + } + &.home::before { + content: ''; + padding: 0; + } + &.home a { + display: inline-block; + width: 14px; + overflow: hidden; + } + &.home a::before { + content: ' '; + display: inline-block; + width: 14px; + height: 1em; + background: transparent url('images/home.svg') no-repeat left bottom; + filter: hue-rotate(-80deg); + } + } + } +} + +/* fix for issue with homepage */ +body.home #navYouAreHere ol li:last-child { + display: none; +} + +/* Table of Contents */ +#toc { + & { + clear: both; + float: right; + width: auto; + min-width: 32px; + padding-left: .25em; + line-height: 1.5em; + text-align: left; + max-width: @ini_toc_width; + background-color: transparent; + border: transparent none 0; + border-left: @ini_border solid 1pt; + } + ol { + list-style: none inside; + padding: 0 0 0 1em; + margin: 0; + } + ol li { + font-size: small; + line-height: 1.25em; + margin: .5em 0; + } + a[href^='#']:link, + a[href^='#']:visited { + color: @ini_inpage; + } +} + +#toc-menubutton { + background: transparent; + margin-left: .5em; + padding: 0 .25em; + width: auto; + height: auto; + overflow: hidden; + border: transparent 0 none; + border-radius: 3pt; +} +#toc-menubutton > span { + font-family: @ini_headline_fonts; + line-height: 1.5em; + font-weight: bold; + color: @ini_headlines; +} +#toc-menubutton::after { + content: '\203A'; + display: inline-block; + width: 1.5em; + text-align: center; +} + +.hide #toc-menubutton::after, +.alt #toc-menubutton::after { + content: '\2630'; +} + +.hide #toc-menubutton>span, +.alt #toc-menubutton>span { + display: none; +} + +main { + & { + width: e("calc(90% - 5px)"); + flex-grow: 100; + background-color: @ini_background; + color: @ini_text; + line-height: 1.5em; + padding: 1.5em 5% .75em 5%; + border: @ini_border solid 1px; + border-radius: 5px; + } + + /* edit buttons */ + .secedit { + float: right; + margin-top: -22pt; + line-height: 0; + } + .secedit button { + border: @ini_border solid 1pt; + background-color: transparent; + color: transparent; + width: 20pt; + height: 20pt; + border-radius: 50%; + font-size: 0; + cursor: pointer; + } + .secedit button::before { + content: ' '; + display: inline-block; + width: 13pt; + height: 13pt; + padding: 2pt; + background: transparent url('images/edit.svg') no-repeat center; + background-size: 10pt; + } + .secedit button:hover { + background-color: @ini_highlight; + border: @ini_text_alt solid 1pt; + } + .secedit button:focus { + background-color: @ini_highlight; + border: @ini_focus_color solid 2px; + outline: transparent none 0; + } + .secedit button:hover::before { + } + + .section_highlight { + border-radius: .5em; + outline: orange dashed 3px; + } + + /* Definition List styles: */ + dt { font-weight: 600; } + dd { margin-left: 1.25em; margin-bottom: .5em; } + dl.compact { + display: grid; + grid-template-columns: minmax(8em,min-content) auto; + } + dl.compact dt { grid-column-start: 1; } + dl.compact dd { grid-column-start: 2; margin-bottom: 0; } + + /* math fonts */ + math, .math, .math *, + .wrap_math, .wrap_math * { + font-family: @ini_math_fonts; + font-size: 12pt; + line-height: 1em; + } + +/* figure block */ + figure { + & { + padding: .5em; + overflow: hidden; + } + figcaption { + clear: left; + margin-top: .5em; + font-size: smaller; + line-height: 1.4em; + } + figcaption p { + margin-bottom: 0; + } + figcaption.centered { + text-align: center; + } + & > *:first-child { + margin-top: .25em; + } + table { + background-color: @ini_background; + margin: 0; + } + div.table { + margin: 0; + } + & > p { + margin: 0; + } + } + + & > footer { + margin-top: 1em; + padding-top: 1em; + text-align: right; + } + & > footer p.docInfo { + display: inline-block; + border-top: @ini_separator solid 1px; + padding-top: .5em; + padding-left: 5%; + font-size: small; + color: @ini_text_alt; + } +} + +body.mediadetail { + figure { + img { + background: transparent url('images/transparency.gif'); + } + table { + &.img_detail, + &.img_detail th, + &.img_detail td { + border: none; + } + &.img_detail th { + text-align: right; + white-space: nowrap; + border: none; + } + } + } +} + +#footer-layout { + & { + padding-top: 1.5em; + } + & > footer { + & { + width: 100%; + max-width: @ini_site_width; + margin: 0 auto; + display: grid; + grid-template-columns: @ini_sidebar_width 1fr 1fr 1fr; + grid-template-rows: auto auto; + grid-gap: 6pt; + align-items: stretch; + } + .ftSection { + padding-left: 1em; + } + .ftSection ul { + list-style: none inside; + padding-left: .5em; + } + .ftSection ul li { + margin-bottom: .5em; + font-size: small; + } + .ftSection ul li a { + white-space: nowrap; + } + h4 { + color: @ini_headlines; + margin: 0 0 1em 0; + font-family: @ini_headline_fonts; + font-size: 1rem; + } + + #ftPlaceholder>* { + display: none; + } + } +} + +#ftLicenseButtons { + & { + grid-row: 2; + grid-column: 2 / span 3; + text-align: center; + font-size: small; + padding-top: 1em; + } + hr { + border: 0; + height: 1pt; + background: #333; + background-image: linear-gradient(to right, @ini_background_alt, @ini_text_alt, @ini_background_alt); + } + p.license { + margin: .5em 0 1em 0; + font-size: small; + color: @ini_text_alt; + } + p.license bdi { + display: block; + width: 100%; + } +} + +/* togglers */ +.toggle .tg_button.active { + color: @ini_link; + cursor: pointer; +} +.toggle .tg_content, +.toggle.auto .tg_content, +.toggle.show .tg_content { + display: initial; +} +.toggle.hide .tg_content, +.toggle.alt .tg_content { + display: none; +} + +/* config overrides */ +#config__manager { + #dw__configform { + + .selectiondefault { + background-color: @ini_background_alt; + } + .selection input { + margin-left: .5em; + } + + & p:last-child { + position: -webkit-sticky; /* Safari */ + position: sticky; + bottom: 0; + box-sizing: border-box; + background-color: rgba(255,255,255,.67); + border: @ini_border solid 2pt; + padding: .5em 0; + z-index: 9; + display: grid; + grid-template-columns: auto auto; + justify-items: center; + } + p:last-child button { + border: @ini_border solid 2pt; + padding: .25em .5em; + } + p:last-child button[type=submit] { + background-color: #ccddff; + } + } + + fieldset { + background-color: transparent; + color: inherit; + } + + table { + th, td { + border: none; + } + td.label span.outkey { + background-color: inherit; + } + + tr.default .input, + tr .input { + background-color: transparent; + } + } +} +#extension__list { + .legend a.info, .legend a.info.close { + width: 22px; + height: 22px; + background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 9H13V7H11M12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20M12 2A10 10 0 0 0 2 12A10 10 0 0 0 12 22A10 10 0 0 0 22 12A10 10 0 0 0 12 2M11 17H13V11H11V17Z' style='fill:%23ADADB3'/%3E%3C/svg%3E") center no-repeat; + background-size: 24px; + border-radius: 50%; + margin-bottom: .5em; + } +} + +/* RTL Overrides */ +[dir=rtl] { + #phSearch form .search-popup { + margin-right: 0; + margin-left: 21pt; + } + #phSearch form > div input { + padding-right: 4pt; + } + + #globalTools { + text-align: left; + } + #gUserTools { + padding: 0 0 0 .5rem; + } + + #toc { + float: left; + border-left: transparent 0; + border-right: #CCC solid 1pt; + } + #toc ol { + padding: 0 1em 0 0; + } + + .secedit { + float: left; + } + + #navYouAreHere ol li::before { + content: '\25C2'; + } + #navYouAreHere ol li.home::before { + content: ''; + } + + #sidebar { + > button.tg_button { + float: left; + } + + p, ul, ol { + padding-left: 0; + padding-right: 1.25em; + } + } + #sbNavigation { + margin: 1em 1em 0 .25em; + } + main { + figure figcaption { + clear: right; + } + + & > footer { + text-align: left; + } + & > footer p.docInfo { + padding-left: 0; + padding-right: 5%; + } + } +} + +/* dark mode overrides */ +@media screen and (prefers-color-scheme: dark) { + + body.darkmode { + + & { background-color: @ini_background_site_dark; color: @ini_text_dark; } + #skip-link a { background-color: @ini_background_dark;color: @ini_link_dark;} + #navYouAreHere ol { + li { color: @ini_headlines_dark;} + li::before { color: @ini_text_alt_dark;} + } + #phSearch form > div { + &.search-field { border-color: @ini_border_dark; background: @ini_background_dark; } + input { color: @ini_text_dark; } + button {color: @ini_text_dark; } + button[type="reset"] {border-right-color: @ini_border_dark; } + } + #qsearch__out { + & { background-color: @ini_background_site_dark; } + ul, li { border-color: @ini_border_dark; } + } + + #config__manager { + #dw__configform { + + .selectiondefault { + background-color: @ini_background_alt_dark; + } + .selectiondefault label { + color: @ini_text_dark; + } + + p:last-child { + & { + background-color: rgba(57,57,61,.67); + border-color: @ini_border_dark; + } + button { + background-color: @ini_background_dark; + border-color: @ini_border_dark; + color: @ini_missing_dark; + } + button[type=submit] { + border-color: @ini_existing_dark; + background-color: @ini_background_dark; + color: @ini_existing_dark; + } + } + } + } + #sbNavigation { + h1, h2, h3, h4, h5, h6 { color: @ini_headlines_dark; } + } + #sidebar { + hr { background-image: linear-gradient(to right, @ini_background_site_dark, @ini_text_alt, @ini_background_site_dark); } + a:link, a:visited { color: @ini_link_dark; } + li::marker { color: @ini_text_dark; } + } + + #toc { + & { border-color: @ini_border_dark; } + #toc-menubutton, + #toc-menubutton span { color: @ini_headlines_dark; } + a[href^='#']:link, a[href^='#']:visited { color: @ini_inpage_dark; } + } + + main { + & { background-color: @ini_background_dark; color: @ini_text_dark; border-color: @ini_background_dark; } + h1, h2, h3, h4, h5, h6 { color: @ini_headlines_dark; } + & > footer p.docInfo { color: @ini_text_alt_dark; } + figure table { background-color: @ini_background_dark; } + } + + #footer-layout > footer h4 { color: @ini_headlines_dark; } + + #ftLicenseButtons { + p.license { color: @ini_text_alt_dark; } + hr { background-image: linear-gradient(to right, @ini_background_site_dark, @ini_text_dark, @ini_background_site_dark); } + } + + /* Extension Manager: */ + #extension__manager{ + .panelHeader { background-color: @ini_background_alt_dark; } + ul.tabs li a { background-color: @ini_background_dark; border-color: @ini_border_dark; color: @ini_text_dark } + ul.tabs li.active a { background-color: @ini_background_alt_dark; border-color: @ini_text_dark; } + tr .input, tr.default .input { color: @ini_text_dark; } + } + #extension__list ul.extensionList li { color: @ini_text_dark; } + } + + /* dark scrollbar styles for webkit browsers: */ + &::-webkit-scrollbar-track { + background: @ini_background_site_dark; + } + &::-webkit-scrollbar-thumb { + background: @ini_background_alt_dark; + } + &::-webkit-scrollbar-thumb:hover { + background: @ini_background_dark; + } + /* dark scrollbars for firefox: */ + * { scrollbar-color: @ini_background_alt_dark @ini_background_site_dark; } +} + +/* tablet break point */ +@media all and (max-width: @ini_tablet_width) { + #header-layout > header { + margin: 0; + grid-template-columns: e("repeat(2, auto)"); + grid-template-rows: e("repeat(4, auto)"); + } + #header-layout > header #siteLogo { + grid-column: 1; + grid-row: 1; + } + #header-layout > header #globalTools { + grid-row: 1; + grid-column: 2; + } + #header-layout>header #globalTools ul li { + display: block; + margin-bottom: .5em; + } + #header-layout>header #globalTools ul li:before { + content: ''; + } + #header-layout>header #phSearch { + grid-row: 2; + grid-column: 1 / span 2; + padding: .5em 1em 0 68px; + } + [dir=rtl] #header-layout>header #phSearch { + padding: .5em 68px 0 1em; + } + #header-layout>header #phTools { + grid-row: 3; + grid-column: 1 / span 2; + } + #header-layout>header #phInclude { + grid-row: 4; + grid-column: 1 / span 2; + margin: 0 6pt 5pt 64px; + } + + #qsearch__out ul { + max-height: 100%; + } + + #main-layout { + display: block; + } + + #sidebar.toggle { + width: auto; + margin-left: .5em; + padding: 0; + position: relative; + top: -2.25em; + height: .25em; + } + #sidebar > button.tg_button, + [dir=rtl] #sidebar > button.tg_button { + float: none; + } + #sidebar.auto > button.tg_button, + #sidebar.hide > button.tg_button, + #sidebar.alt > button.tg_button, + #sidebar.show > button.tg_button { + width: 1.5em; + } + #sidebar > button.tg_button span { + display: none; + } + + #sidebar > button.tg_button::after { + content: '\2630'; + } + #sidebar.hide>button.tg_button::after, + #sidebar.alt>button.tg_button::after { + content: '\2715'; + } + + #sidebar .tg_content { + min-width: @ini_sidebar_width; + padding-right: 0; + margin-top: 10px; + padding-bottom: 1em; + background-color: @ini_background_site; + position: absolute; + z-index: 18; + border: @ini_border solid 1px; + -moz-box-shadow: 2px 2px 2px @ini_border; + -webkit-box-shadow: 2px 2px 2px @ini_border; + box-shadow: 2px 2px 2px @ini_border; + } + + #sidebar .tg_content:before { + content: ' '; + z-index: 19; + width: 0; + height: 0; + position: absolute; + top: -10px; + left: 7px; + border-width: 0 10px 10px; + border-style: solid; + border-color: transparent; + border-bottom-color: @ini_border; + } + #sidebar .tg_content:after { + content: ' '; + z-index: 20; + width: 0; + height: 0; + position: absolute; + top: -8px; + left: 8px; + border-width: 0 9px 8px; + border-style: solid; + border-color: transparent; + border-bottom-color: @ini_background_site; + } + + [dir=rtl] { + #sidebar .tg_content { + right: 5px; + } + #sidebar .tg_content:before { + right: 7px; + } + #sidebar .tg_content:after { + right: 8px; + } + } + + #sbNavigation { + padding-left: .5em; + margin-left: 0; + } + #sidebar h3, + #sidebar h4 { + font-size: 1rem; + padding: .25em 0 .25em 2pt; + } + #sidebar ul, #sidebar ol { + margin-left: .5em; + } + #sidebar ul ul, #sidebar ol ol, + #sidebar ul ol, #sidebar ol ul { + margin-left: 0; + } + #sidebar p, + #sidebar li { + font-size: small; + padding: .25em 0 .25em .25em; + } + + main { + width: auto; + box-shadow: 0 0 0 0 transparent; + } + + .toggle .tg_content, + .toggle.alt .tg_content, + .toggle.show .tg_content { + display: initial; + } + .toggle.auto .tg_content { + display: none; + } + + #toc.hide h3::after, + #toc.auto h3::after { + content: '\2630'; + } + #toc.alt h3::after { + content: '\203A'; + } + + #toc.hide h3 > span, + #toc.auto h3 > span { + display: none; + } + #toc.alt h3 > span { + display: inline-block; + } + + #footer-layout > footer { + grid-template-columns: 12pt 1fr 1fr 1fr; + } +} + +@media all and (max-width: @ini_tablet_width) and (prefers-color-scheme: dark) { + body.darkmode #sidebar { + .tg_content { + & { + background-color: @ini_background_dark; + border-color: @ini_border_dark; + -moz-box-shadow: 3px 3px 3px @ini_background_site_dark; + -webkit-box-shadow: 3px 3px 3px @ini_background_site_dark; + box-shadow: 3px 3px 3px @ini_background_site_dark; + } + &::before { + border-bottom-color: @ini_border_dark; + } + &::after { + border-bottom-color: @ini_background_dark; + } + } + hr { + background: @ini_link_dark; + background-image: linear-gradient(to right, @ini_background_dark, @ini_headlines_dark, @ini_background_dark); + } + } +} + +/* medium break point: */ +@media all and (max-width: @ini_phone_width) { + #footer-layout { + & { + padding-top: .5em; + } + & > footer { + & { + grid-template-columns: 100%; + grid-template-rows: auto auto auto auto auto; + } + .ftSection { + grid-column: 1; + padding: 0 .25em 0 .5em; + white-space: normal; + } + .ftSection ul { + padding-left: 0; + } + .ftSection li { + display: inline-block; + } + .ftSection li::before { + content: '\00B7'; + display: inline; + width: .35em; + padding: 0 .35em; + } + .ftSection li:first-child::before { + content: ''; + padding-left: 0; + } + + #ftPlaceholder { + grid-row: 1; + } + #ftInclude { + grid-row: 2; + } + #ftSiteTools { + grid-row: 3; + } + #ftPageTools { + grid-row: 4; + } + #ftLicenseButtons { + grid-column: 1; + grid-row: 5; + } + + h4 { + margin-bottom: .5em; + } + } + } + + main blockquote { + margin-left: .15em; + margin-right: 0; + } + main ul, main ol { + margin-left: .5em; + margin-right: 0; + padding-left: .75em; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/links.less b/templates/55/ad-hominem/css/links.less new file mode 100644 index 0000000..f97f7ca --- /dev/null +++ b/templates/55/ad-hominem/css/links.less @@ -0,0 +1,59 @@ +/** + * This contains the content styling + * @author Sascha Leib <sascha@leib.be> + */ + +/* general link styles */ +a:link { + color: @ini_link; + text-decoration: none; + border-radius: 2px; +} +a:visited { + color: @ini_link; +} +a:hover { + text-decoration: underline; +} +a:focus { + outline: @ini_focus_color solid 2px; +} +a.wikilink1:link, +a.wikilink1:visited { + color: @ini_existing; +} +a.wikilink2:link, +a.wikilink2:visited { + color: @ini_missing; +} + +a.media:link, +a.media:visited { + display: block; + line-height: 0; +} + +/* in-page links */ +a[href^='#'].wikilink1:link, +a[href^='#'].wikilink1:visited { + color: @ini_inpage; + text-decoration: underline; + text-decoration-style: dotted; + +} + +/* special cases: included section in footer: */ +footer #ftInclude a.wikilink1:link, +footer #ftInclude a.wikilink1:visited { + color: @ini_link; +} + +/* dark mode overrides */ +@media (prefers-color-scheme: dark) { + + body.darkmode a:link, body.darkmode a:visited { color: @ini_link_dark; } + body.darkmode a.wikilink1:link, body.darkmode a.wikilink1:visited { color: @ini_existing_dark; } + body.darkmode a.wikilink2:link, body.darkmode a.wikilink2:visited { color: @ini_missing_dark; } + body.darkmode #ftInclude a.wikilink1:link, body.darkmode #ftInclude a.wikilink1:visited { color: @ini_link_dark; } + body.darkmode a[href^='#'].wikilink1:link, body.darkmode a[href^='#'].wikilink1:visited { color: @ini_inpage_dark; } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/pagetools.less b/templates/55/ad-hominem/css/pagetools.less new file mode 100644 index 0000000..5473594 --- /dev/null +++ b/templates/55/ad-hominem/css/pagetools.less @@ -0,0 +1,124 @@ +/** + * This file provides the styles for the page tools + * (fly out navigation beside the page to edit, etc). + * + * @author Anika Henke <anika@selfthinker.org> + * @author Andreas Gohr <andi@splitbrain.org> + */ + +#dokuwiki__site > .site { + /* give space to the right so the tools won't disappear on smaller screens */ + /* it's 40px because the 30px wide icons will have 5px more spacing to the left and right */ + padding-right: 40px; + /* give the same space to the left to balance it out */ + padding-left: 40px; +} + +.dokuwiki div.page { + height: 190px; + min-height: 190px; /* 30 (= height of icons) x 6 (= maximum number of possible tools) + 2x5 */ + height: auto; +} + +#dokuwiki__pagetools { + @ico-width: 28px; + @ico-margin: 8px; + @item-width: (@ico-width + @ico-margin + @ico-margin); + @item-height: (@ico-width + @ico-margin); + + position: absolute; + right: (-1 * @item-width); + /* on same vertical level as first headline, because .page has 2em padding */ + top: 2em; + width: @item-width; + + div.tools { + position: fixed; + width: @item-width; + + ul { + position: absolute; + right: 0; + text-align: right; + margin: 0; + padding: 0; + /* add transparent border to prevent jumping when proper border is added on hover */ + border: 1px solid transparent; + z-index: 10; + + li { + padding: 0; + margin: 0; + list-style: none; + font-size: 0.875em; + + a { + + display: block; + /* add transparent border to prevent jumping when proper border is added on focus */ + border: 1px solid transparent; + white-space: nowrap; + line-height: @item-height; + vertical-align: middle; + height: @item-height; + + span { + display: none; // hide label until hover + margin: 0 @ico-margin; + } + + svg { + width: @ico-width; + height: @ico-width; + margin: 0 @ico-margin; + display: inline-block; + vertical-align: middle; + fill: @ini_border; + } + } + + // on interaction show the full item + a:active, + a:focus, + a:hover { + background-color: @ini_background_alt; + + span { + display: inline-block; + } + + svg { + fill: @ini_link; + } + } + } + } + } + + [dir=rtl] & { + right: auto; + left: (-1 * @item-width); + + div.tools { + ul { + right: auto; + left: 0; + text-align: left; + } + } + } +} + +// on hover or focus show all items +#dokuwiki__pagetools:hover, #dokuwiki__pagetools:focus-within { + div.tools ul { + background-color: @ini_background; + border-color: @ini_border; + border-radius: 2px; + box-shadow: 2px 2px 2px @ini_text_alt; + + li a span { + display: inline-block; + } + } +} diff --git a/templates/55/ad-hominem/css/plugins.less b/templates/55/ad-hominem/css/plugins.less new file mode 100644 index 0000000..f2f379c --- /dev/null +++ b/templates/55/ad-hominem/css/plugins.less @@ -0,0 +1,28 @@ +/** + * This file contains style overrides for selected plugins + * @author Sascha Leib <sascha@leib.be> + */ + +/* upgrade plugin */ +#plugin__upgrade_meter { + & { + height: 26px; + } + ol li { + .stage { + color: #444; + } + .step { + color: #444; + } + &.active { + height: 26px; + } + } +} +#plugin__upgrade_form { + button { + padding: .25em .5em; + cursor: pointer; + } +}
\ No newline at end of file diff --git a/templates/55/ad-hominem/css/print.less b/templates/55/ad-hominem/css/print.less new file mode 100644 index 0000000..63944ab --- /dev/null +++ b/templates/55/ad-hominem/css/print.less @@ -0,0 +1,596 @@ +/** + * This contains the print layouts and styles + * @author Sascha Leib <sascha@leib.be> + */ + +@page { margin: 2cm 4cm 3cm 2.5cm; } + +.noprint, +.wrap_noprint { + display: none !important; +} +.nobreak, +.wrap_nobreak { + white-space: nowrap !important; +} +.printonly, +.print-only, +.wrap_print-only { + display: initial; +} + +html, body, * { + font-family: @ini_print_default_fonts; + margin: 0; + padding: 0; + background-color: transparent; +} + +body { + font-size: 12pt; + box-decoration-break: clone; +} + +/* hide unneded page elements */ +#globalTools, #phSearch, +#sidebar, #toc, #navYouAreHere, +#footer-layout .ftSection { + display: none; +} +#header-layout { + display: table-header-group; + padding-bottom: .25em; + margin-bottom: 1em; +} +#header-layout > header { + display: block; + padding-bottom: .25em; + border-bottom: #000 solid .5pt; + margin-bottom: 1em; +} +#siteLogo { + display: grid; + grid-template-columns: min-content max-content auto; + align-items: center; +} +#siteLogo .logo { + grid-row: 1; +} +#siteLogo .logo img { + width: 12pt; + height: auto; +} +#siteLogo .title { + font-size: 10pt; + line-height: 1.2em; + font-weight: bold; +} +#siteLogo .title a:link, +#siteLogo .title a:visited { + font-family: @ini_print_title_fonts; + color: @ini_print_title_color; + text-decoration: none; +} +#siteLogo .claim { + grid-row: 1; grid-column: 3; + align-self: center; + max-width: 100%; + font-size: 10pt; + line-height: 1.2em; +} + +#header-layout #phInclude { + display: none; +} + +#main-layout { + padding-top: .5em; + display: table-row-group; +} + +#footer-layout { + display: block; + padding-top: 0; +} +#footer-layout footer { + display: block; + width: auto; +} + +/* reset main borders and margins: */ +main { + display: table-row-group; + padding: 0; + border-width: 0; + line-height: 1.5em; + border: none 0; + word-break: break-word; + -moz-box-shadow: 0 0 0 0 transparent; + -webkit-box-shadow: 0 0 0 0 transparent; + box-shadow: 0 0 0 0 transparent; +} + +/* headlines */ +main h1, main h2, main h3, main h4, main h5, main h6 { + font-family: @ini_print_title_fonts; + color: @ini_print_title_color; + line-height: 1.2em; + margin: 1em 0 .5em 0; + padding: 0 0 .25em 0; + page-break-inside: avoid; + break-inside: avoid; + page-break-after: avoid; + break-after: avoid; + clear: both; + position: relative; +} +main h1 { font-size: 18pt; margin-bottom: .5em; } +main h2 { font-size: 14pt; margin-top: 2em; } +main h3 { font-size: 12pt; } +main h4 { font-size: 12pt; font-style: italic; } +main h5 { font-size: 12pt; font-weight: normal; font-style: italic; } +main h6 { font-size: 11pt; font-weight: normal; font-style: italic; } + +/* workaround: force headlines to keep with the next paragraph: */ +main h1::after, main h2::after, main h3::after, main h4::after, main h5::after, main h6::after, +main dl:not(.compact) dt::after { + content: ''; + display: block; + height: 4.5em; + margin-bottom: -4.5em; + page-break-inside: avoid; + break-inside: avoid; +} + +main h1 + div, main h2 + div, main h3 + div, main h4 + div, main h5 + div, main h6 + div { + page-break-before: avoid; + break-before: avoid; +} + +/* paragraph-level blocks */ +main p, main ul, main ol { + margin: .5em 0; +} +main p, main li { + widows: 2; + orphans: 2; + word-wrap: break-word; + overflow-wrap: break-word; + hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphenate-limit-chars: 6 2 3; +} +main ul { list-style: square outside; } +main ul ul { list-style-type: disc; } +main ul ul ul { list-style-type: none; } +main ol { list-style: decimal outside; } +main ul ul ul li {margin-left: 1em; } +main ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; } +main ul ul ul ul li:before { content: '\FE63' } +main ul ul ul ul ul li:before { content: '\00B7' } + +main ol ol { list-style-type: lower-alpha; } +main ol ol ol { list-style-type: lower-roman; } +main ol ol ol ol { list-style-type: lower-greek; } +main ol ol ol ol ol { list-style-type: decimal-leading-zero; } +main ul ul ul ol li { margin-left: 0; } +main ul ul ul ol li:before { display: none; content: ''; } + +main li { + margin-left: 1.5em; +} +main blockquote { + border-left: @ini_blockquote solid 3pt; + padding: .25em 0 .25em .5em; + margin: 0 .25em 1em .25em; + widows: 2; + orphans: 2; + hyphens: auto; +} +main pre { + white-space: normal; +} +main figure { + break-inside: avoid; + page-break-inside: avoid; + background-color: transparent; + border: #666 solid .5pt; + margin: .5em 0; +} +main figure figcaption { + font-family: @ini_print_title_fonts; + margin-top: .5em; + font-size: small; + text-align: left; +} +main figure figcaption p, +main figure figcaption li { + font-family: @ini_print_title_fonts; +} +body.print-compact main figure figcaption p { + text-indent: 0; +} +body.print-compact main figure table { + max-width: 100%; + border: #000 solid .5pt; +} +main footer { + margin-top: 2em; + border-top: #000 solid .5pt; + page-break-before: avoid; + break-before: avoid; +} +main footer p.docInfo, +body.print-compact main p.docInfo { + display: block; + border: none; + padding: 0; + text-align: right; + color: #000; +} +#ftLicenseButtons p.license { + color: #000; +} + +/* links overrides */ +main a:link, +main a:visited { + text-decoration: underline; + text-decoration-style: dotted; +} +main a:link.text-link, +main a:visited.text-link { + color: #000; +} + +/* add URL after external links - optional! +main a.interwiki:after, +main a.urlextern:after { + content: ' <' attr(href) '>'; + font-size: 90%; + color: #333; +} */ + +/* fixed-width elements: */ +main tt, main code, main pre, +main blockquote tt, main blockquote code, main blockquote pre { + font-family: @ini_mono_fonts; +} + +/* text attributes */ +main s { + text-decoration: line-through rgba(255,0,0,0.5) solid 1pt; + -webkit-text-decoration: line-through rgba(255,0,0,0.5) solid 1pt; +} +main u { + -webkit-text-decoration-color: @ini_missing; + -webkit-text-decoration-line: underline; + -webkit-text-decoration-style: wavy; + -webkit-text-decoration-thickness: .7pt; + text-decoration: underline @ini_missing wavy .7pt; +} +main u.valid { + -webkit-text-decoration-color: @ini_existing; + text-decoration-color: @ini_existing; + text-decoration-style: dashed; +} +main abbr { + text-decoration: none; + font-size: 97%; + letter-spacing: .05em; +} + +/* horizontal rules */ +main hr { + border: #000 solid 0; + border-top-width: 1pt; + height: 0; + margin: 3pt 0; +} + +/* table styles */ +main table { + max-width: 100%; + border: #000 solid .5pt; + border-collapse: collapse; + line-height: 1.25em; + margin: .5em 0; + box-decoration-break: clone; + page-break-inside: avoid; + break-inside: avoid; + font-size: small; +} +main table td, +main table th { + padding: 2pt 3pt; + vertical-align: top; +} +main table th, +main table th * { + font-family: @ini_print_title_fonts; + color: @ini_print_title_color; +} +main table thead { + break-inside: avoid; + break-after: avoid; +} +main table thead tr { + background-color: #EEE; + border-bottom: #000 solid .5pt; + text-align: left; +} +main table thead tr th, +main table thead tr td { + vertical-align: bottom; + border-right: #000 solid .5pt; +} +main table thead tr th:last-child, +main table thead tr td:last-child { + border-right: none 0; +} +main table tbody tr { + border-bottom: #000 dashed .5pt; +} +main table tbody tr:nth-child(even) { + background-color: #EEE; +} +main table tbody th { + vertical-align: top; + border-right: #000 solid .5pt; +} +main table tbody td { + border-right: #000 dashed .5pt; +} +main table a:link { + text-decoration: none; +} + +main table.layout, +main table.layout tr, +main table.layout th, +main table.layout td { + border: none !important; + background: transparent none !important; +} + +main blockquote table { + margin: 0; +} + +/* image-related */ +main aside { + float: none; + width: 100%; + margin: .5em 0; + page-break-inside: avoid; + break-inside: avoid; +} +main img { + width: auto; + max-width: 100%; + height: auto; + break-inside: avoid; + page-break-inside: avoid; +} + +/* footnotes */ +main div.footnotes { + margin-top: 1.5em; + font-size: smaller; +} +main div.footnotes div.fn { + display: grid; + grid-template-columns: 1.5em auto; + grid-gap: .25em; +} +main div.footnotes div.fn > sup { + vertical-align: baseline; + font-size: smaller; + text-align: right; +} + +main div.footnotes:before { + content: ' '; + display: block; + width: 33%; + min-width: 5em; + border-top: @ini_text solid .5pt; + height: .5em; +} + +/* show language code, if configured as menu */ +#tbLanguages { + & { + display: block; + float:right; + position: relative; + top: -1.5rem; + } + button { + & { + border: transparent none 0; + } + svg { + & { + fill: transparent; + stroke: #000; + stroke-width: .5pt; + width: 1.75rem; height: 1.75rem; + } + text { + fill: #000; + text-transform: uppercase; + font-family: Arial, Helvetica, Verdana, sans; + stroke-width: 0; + } + } + } +} + +/* alternative compact style: */ +body.print-compact #main-content { + columns: 2; + column-gap: 1.2em; + column-rule: .25pt solid #666; + font-size: 11pt; +} +body.print-compact main h1, +body.print-compact main h2, +body.print-compact main figure { + column-span: all; +} +body.print-compact main figure.print-narrow { + column-span: none; +} + +#main-content h1 + div > p:first-child { + column-span: all; + font-weight: 600; + margin-bottom: 1.5em; + text-indent: 0; +} + +body.print-compact main p { + margin: 0; + text-align: justify; + text-indent: 1.5em; +} +body.print-compact main h1 + div > p:first-child + p, +body.print-compact main h2 + div > p:first-child, +body.print-compact main h3 + div > p:first-child, +body.print-compact main h4 + div > p:first-child, +body.print-compact main h5 + div > p:first-child, +body.print-compact main h6 + div > p:first-child, +body.print-compact main figure + p + p, +body.print-compact main div.table + p, +body.print-compact main aside + p + p, +body.print-compact main ul + p, +body.print-compact main ol + p, +body.print-compact main blockquote + p, +body.print-compact main p.info-box, +body.print-compact main p.info-box + p + p { + text-indent: 0; +} + +body.print-compact main table { + border: none; +} +body.print-compact main figure { + border: none; + margin: 1em 0 .5em 0; + padding: .5em 0; +} +body.print-compact main blockquote { + margin: .5em 0; + padding: 0 0 0 .5em; +} +body.print-compact main figure blockquote { + margin: 0; +} +body.print-compact main p.info-box { + margin: .5em 0; +} +body.print-compact main ul, +body.print-compact main ol { + margin-left: .5em; + margin: 0; + padding: 0; + list-style-position: inside; +} +body.print-compact main ul > li, +body.print-compact main ol > li { + margin-left: 0; +} +body.print-compact main ul ul, +body.print-compact main ul ol, +body.print-compact main ol ul, +body.print-compact main ol ol, +body.print-compact main ul ul li, +body.print-compact main ul ol li, +body.print-compact main ol ul li, +body.print-compact main ol ol li { + margin-left: .5em; +} +body.print-compact main ul li::marker, +body.print-compact main ol li::marker { + display: inline-block; + float: none; +} +body.print-compact main ul li div.li, +body.print-compact main ol li div.li { + display: inline; +} +body.print-compact main ul div.li, +body.print-compact main ol div.li { + text-align: justify; +} + +/* media detail */ +body.mediadetail figure { + border: none; + background: transparent none; +} +body.mediadetail figure table ul { + margin: 0; +} + +/* allow user to force keep-together rules: */ +.keep-together, +.wrap_keep-together { + page-break-inside: avoid; + break-inside: avoid; +} +.break-before, +.wrap_break-before { + page-break-before: always; + break-before: always; +} +.print-wide, +.wrap_print-wide { + clear: both; + column-span: all; +} +.print-outline { + margin-top: 1em; + border: #666 solid .5pt; + border-radius: 1em; + padding: 0 1em; +} + +/* site-banners */ +.site-banner { + clear: both; + column-span: all; + margin-top: 1em; + border: #666 solid 1pt; + border-radius: 1em; + padding: 0 1em; + page-break-inside: avoid; + break-inside: avoid; + text-align: left; +} +.site-banner h4 { + margin: .75em 0 .15em 0; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 11pt; + font-style: normal; +} +.site-banner p { + font-size: 9pt; + line-height: 13pt; +} +.site-banner img { + margin: 0 .25em .25em .5em; +} + +/* boxes */ +main .box, +main .wrap_box { + border: #666 solid 1px; + background-color: @ini_background_alt; + padding: .5em .25em .5em .5em; + font-size: small; + line-height: 1.5em; +} diff --git a/templates/55/ad-hominem/css/structure.less b/templates/55/ad-hominem/css/structure.less new file mode 100644 index 0000000..3ea2f83 --- /dev/null +++ b/templates/55/ad-hominem/css/structure.less @@ -0,0 +1,89 @@ +/** + * This file provides styles for the general layout structure. + * + * @author Anika Henke <anika@selfthinker.org> + */ +body { + margin: 0 auto; +} + +#dokuwiki__site { + margin: 0 auto; + max-width: @ini_site_width; +} + +#dokuwiki__site > .site { + padding: 0 .5em; +} + +#dokuwiki__header { + width: 100%; + + .headings { + float: left; + } + + .tools { + float: right; + text-align: right; + } +} + +[dir=rtl] #dokuwiki__header { + .headings { + float: right; + text-align: right; + } + + .tools { + float: left; + text-align: left; + } +} + +#dokuwiki__site .wrapper { + position: relative; +} + +#dokuwiki__aside { + width: @ini_sidebar_width; + float: left; + position: relative; + display: block; + + > .pad { + margin: 0 1.5em 0 0; + } +} + +[dir=rtl] #dokuwiki__aside { + float: right; + > .pad { + margin: 0 0 0 1.5em; + } +} + +.showSidebar #dokuwiki__content { + float: right; + margin-left: (-1 * @ini_sidebar_width); + width: 100%; + + > .pad { + margin-left: @ini_sidebar_width; + } +} + +[dir=rtl] .showSidebar #dokuwiki__content { + float: left; + margin-left: 0; + margin-right: (-1 * @ini_sidebar_width); + + > .pad { + margin-left: 0; + margin-right: @ini_sidebar_width; + } +} + +#dokuwiki__footer { + clear: both; +} diff --git a/templates/55/ad-hominem/css/usertools.less b/templates/55/ad-hominem/css/usertools.less new file mode 100644 index 0000000..efdf16c --- /dev/null +++ b/templates/55/ad-hominem/css/usertools.less @@ -0,0 +1,50 @@ +#dokuwiki__usertools { + position: absolute; + top: .5em; + right: 40px; // pagetool width + text-align: right; + width: 100%; + + ul { + margin: 0 auto; + padding: 0; + max-width: @ini_site_width; + } + + li.action a { + display: inline-flex; + flex-direction: row-reverse; + flex-wrap: nowrap; + + svg { + height: 1.4em; + width: 1.4em; + vertical-align: middle; + fill: @ini_border; + margin-right: 0.2em; + } + } + + li.action a:hover, + li.action a:active { + svg { + fill: @ini_link; + } + } + +} + +[dir=rtl] #dokuwiki__usertools { + text-align: left; + left: 40px; // pagetool width + right: auto; + + + li.action a { + + svg { + margin-right: 0; + margin-left: 0.2em; + } + } +} |