Updating ad-hominem to version 2024-10-07+20250317 (9ede6bc).
Signed-off-by: Daniel Baumann <daniel@debian.org>
This commit is contained in:
parent
b79431e56e
commit
2dec6c784b
GPG key ID:
FBB4F0E80A80222F
63 changed files with 2318 additions and 1765 deletions
|
|
@ -1,99 +1,155 @@
|
|||
.dokuwiki div.ui-admin {
|
||||
|
||||
/* indicate special modes by using a different background and border */
|
||||
body.mode_admin {
|
||||
main {
|
||||
& {
|
||||
background-color: @ini_background_alt;
|
||||
border: @ini_text_alt solid 2px;
|
||||
color: @ini_text_alt;
|
||||
}
|
||||
#toc {
|
||||
background-color: @ini_background_alt;
|
||||
}
|
||||
#navYouAreHere {
|
||||
background-color: @ini_background;
|
||||
padding: .25em .25em 0 .25em;
|
||||
border-radius: .25em;
|
||||
border: @ini_text_alt solid 2px;
|
||||
}
|
||||
table th {
|
||||
background-color: @ini_background_neu;
|
||||
}
|
||||
}
|
||||
div.ui-admin {
|
||||
|
||||
& {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
& {
|
||||
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_neu 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;
|
||||
}
|
||||
}
|
||||
|
||||
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;
|
||||
/* user manager: */
|
||||
#user__manager {
|
||||
button {
|
||||
& {
|
||||
background-color: @ini_background;
|
||||
border: @ini_text solid 1px;
|
||||
border-radius: .25em;
|
||||
padding: .25em .5em;
|
||||
cursor: pointer;
|
||||
}
|
||||
&#usrmgr__del {
|
||||
background-color: #fcd;
|
||||
color: @ini_text;
|
||||
}
|
||||
&[name="fn[add]"] {
|
||||
background-color: #cdf;
|
||||
color: @ini_text;
|
||||
}
|
||||
&[name="fn[start]"] {
|
||||
border-radius: .5em 0 0 .5em;
|
||||
}
|
||||
&[name="fn[prev]"],
|
||||
&[name="fn[next]"] {
|
||||
border-radius: 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
&[name="fn[last]"] {
|
||||
border-radius: 0 .5em .5em 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* style the extension manager items: */
|
||||
.dokuwiki #extension__manager {
|
||||
body.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] {
|
||||
|
|
@ -123,16 +179,44 @@
|
|||
|
||||
/* 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] {
|
||||
body.darkmode.mode_admin {
|
||||
main {
|
||||
& {
|
||||
background-color: @ini_background_alt_dark;
|
||||
border-color: @ini_text_alt_dark;
|
||||
color: @ini_text_alt_dark;
|
||||
}
|
||||
#toc {
|
||||
background-color: @ini_background_alt_dark;
|
||||
border-left: @ini_text_alt_dark solid .5pt;;
|
||||
}
|
||||
#navYouAreHere {
|
||||
background-color: @ini_background_dark;
|
||||
border-color: @ini_text_alt_dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.darkmode #extension__manager form.install { background-color: #39393D; }
|
||||
body.darkmode #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; }
|
||||
body.darkmode #extension__manager form.install button[type=submit]::before { filter: invert(.9); }
|
||||
body.darkmode div.ui-admin #admin__version {
|
||||
color: @ini_text_neu_dark;
|
||||
background-color: @ini_background_neu_dark;
|
||||
}
|
||||
|
||||
body.darkmode div.ui-admin ul li a span.icon {
|
||||
svg {
|
||||
& { fill: @ini_link_dark; }
|
||||
path { fill: @ini_link_dark; }
|
||||
}
|
||||
}
|
||||
}
|
||||
/* below tablet size */
|
||||
@media (max-width: @ini_tablet_width) {
|
||||
.dokuwiki div.ui-admin { display: block; }
|
||||
body.dokuwiki div.ui-admin { display: block; }
|
||||
}
|
||||
|
|
@ -32,11 +32,12 @@
|
|||
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_icon svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#cookiebanner .cb_action {
|
||||
margin-top: 6pt;
|
||||
display: grid;
|
||||
|
|
|
|||
|
|
@ -4,77 +4,77 @@
|
|||
*/
|
||||
|
||||
.mode_diff table.diff {
|
||||
width: 100%;
|
||||
border-width: 0;
|
||||
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;
|
||||
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;
|
||||
border-bottom: 1px solid @ini_border;
|
||||
font-size: 110%;
|
||||
font-weight: normal;
|
||||
}
|
||||
.mode_diff table.diff th a {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mode_diff table.diff th span.user {
|
||||
font-size: .9em;
|
||||
font-size: .9em;
|
||||
}
|
||||
.mode_diff table.diff th span.sum {
|
||||
font-size: .9em;
|
||||
font-weight: bold;
|
||||
font-size: .9em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mode_diff table.diff th.minor {
|
||||
color: #999;
|
||||
color: #999;
|
||||
}
|
||||
.mode_diff table.diff_sidebyside th {
|
||||
width: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* table body */
|
||||
.mode_diff table.diff .diff-lineheader {
|
||||
width: .7em;
|
||||
text-align: right;
|
||||
width: .7em;
|
||||
text-align: right;
|
||||
}
|
||||
[dir=rtl] .mode_diff table.diff .diff-lineheader {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
.mode_diff table.diff .diff-lineheader,
|
||||
.mode_diff table.diff td {
|
||||
font-family: @ini_mono_fonts;
|
||||
font-family: @ini_mono_fonts;
|
||||
background-color: #F6F8FA;
|
||||
}
|
||||
.mode_diff table.diff td.diff-blockheader {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mode_diff table.diff .diff-addedline {
|
||||
background-color: #E4FFEE;
|
||||
color: inherit;
|
||||
background-color: #E4FFEE;
|
||||
color: inherit;
|
||||
}
|
||||
.mode_diff table.diff .diff-deletedline {
|
||||
background-color: #FFEEF0;
|
||||
color: inherit;
|
||||
background-color: #FFEEF0;
|
||||
color: inherit;
|
||||
}
|
||||
.mode_diff table.diff td.diff-context {
|
||||
background-color: #FFF;
|
||||
color: inherit;
|
||||
background-color: #FFF;
|
||||
color: inherit;
|
||||
}
|
||||
.mode_diff table.diff td.diff-addedline strong {
|
||||
color: #23292E;
|
||||
color: #23292E;
|
||||
background-color: #A5F2C1;
|
||||
font-weight: normal;
|
||||
}
|
||||
.mode_diff table.diff td.diff-deletedline strong {
|
||||
color: #23292E;
|
||||
color: #23292E;
|
||||
background-color: #FFB7BF;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
|
@ -82,63 +82,63 @@
|
|||
/* diff options */
|
||||
|
||||
.mode_diff .diffoptions form {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
.mode_diff .diffoptions p {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* diff nav */
|
||||
|
||||
.mode_diff table.diff_sidebyside td.diffnav {
|
||||
padding-bottom: .7em;
|
||||
padding-bottom: .7em;
|
||||
}
|
||||
.mode_diff .diffnav a {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mode_diff .diffnav a span {
|
||||
display: none;
|
||||
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;
|
||||
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;
|
||||
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 */
|
||||
content: '\25C0'; /* left triangle */
|
||||
}
|
||||
.mode_diff .diffnav a.diffnextrev:before,
|
||||
.mode_diff .diffnav a.difflastrev:before {
|
||||
content: '\25B6'; /* right triangle */
|
||||
content: '\25B6'; /* right triangle */
|
||||
}
|
||||
.mode_diff .diffnav a.diffbothprevrev:before {
|
||||
content: '\25C0\25C0';
|
||||
content: '\25C0\25C0';
|
||||
}
|
||||
.mode_diff .diffnav a.diffbothnextrev:before {
|
||||
content: '\25B6\25B6';
|
||||
content: '\25B6\25B6';
|
||||
}
|
||||
|
||||
.mode_diff .diffnav select {
|
||||
width: 60%;
|
||||
min-width: 9em;
|
||||
height: 1.5em; /* height is necessary for longer options in Webkit */
|
||||
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;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* dark mode overrides */
|
||||
|
|
|
|||
|
|
@ -10,30 +10,30 @@
|
|||
}
|
||||
|
||||
.mode_edit div.editBox button {
|
||||
border: #666 solid 1px;
|
||||
border-radius: 1px;
|
||||
padding: 3pt 6pt;
|
||||
margin: 0 2px;
|
||||
cursor: pointer;
|
||||
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;
|
||||
outline: @ini_focus_color solid 2px;
|
||||
background-color: @ini_background;
|
||||
}
|
||||
|
||||
/*____________ toolbar ____________*/
|
||||
|
||||
.mode_edit .editBox > .toolbar,
|
||||
.mode_preview .editBox > .toolbar {
|
||||
display: block;
|
||||
display: block;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: @ini_background;
|
||||
background-color: fadeout(@ini_background, 20%);
|
||||
padding-bottom: 2px;
|
||||
z-index: 9;
|
||||
}
|
||||
|
|
@ -41,33 +41,32 @@
|
|||
|
||||
.mode_edit div.toolbar,
|
||||
.mode_preview div.toolbar {
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
#draft__status {
|
||||
font-size: small;
|
||||
color: @ini_text_alt;
|
||||
background-color: inherit;
|
||||
font-size: small;
|
||||
color: @ini_text_alt;
|
||||
background-color: inherit;
|
||||
}
|
||||
[dir=rtl] #draft__status {
|
||||
/* float: left; */
|
||||
/* float: left; */
|
||||
}
|
||||
#tool__bar {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
[dir=rtl] #tool__bar {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* hide the hard-coded button images */
|
||||
#tool__bar button>img {
|
||||
visibility: hidden;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#tool__bar button {
|
||||
background: #E9E9ED url('images/editor/default.svg') center no-repeat;
|
||||
background: @ini_background_alt none center no-repeat;
|
||||
background-size: 20px;
|
||||
padding: 3pt 6pt;
|
||||
padding: 3pt 5pt 1pt 5pt;
|
||||
border: @ini_border solid 1px;
|
||||
margin-right: 2pt;
|
||||
}
|
||||
#tool__bar button:hover {
|
||||
background-color: @ini_background_neu;
|
||||
}
|
||||
#tool__bar button[aria-haspopup=true]:after,
|
||||
#tool__bar button:nth-child(10):after,
|
||||
|
|
@ -83,67 +82,42 @@
|
|||
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;
|
||||
width: 300px;
|
||||
border: 1px solid #CCC;
|
||||
background-color: #EEE;
|
||||
color: inherit;
|
||||
}
|
||||
/* picker for headlines */
|
||||
div.picker.pk_hl {
|
||||
width: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* buttons inside of picker */
|
||||
div.picker button.pickerbutton,
|
||||
div.picker button.toolbutton {
|
||||
padding: .1em .35em;
|
||||
border-width: 0;
|
||||
body.dokuwiki div.picker {
|
||||
button {
|
||||
&:hover {
|
||||
background-color: @ini_background_neu;
|
||||
}
|
||||
&.pickerbutton,
|
||||
&.toolbutton {
|
||||
padding: .1em .35em;
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*____________ edit textarea ____________*/
|
||||
|
||||
.dokuwiki textarea.edit {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
padding: 1px 0 0 2px;
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: .5em;
|
||||
min-height: 52pt;
|
||||
background-color: #EEE;
|
||||
font-family: 'Source Code Pro',Menlo,Consolas,'Courier New',Courier,monospace;
|
||||
|
|
@ -175,20 +149,20 @@ div.picker button.toolbutton {
|
|||
/*____________ below the textarea ____________*/
|
||||
|
||||
.dokuwiki div.editBar {
|
||||
display: grid;
|
||||
display: grid;
|
||||
grid-template-columns: 320px minmax(500px, 1fr) auto;
|
||||
align-items: start;
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
/* size and wrap controls */
|
||||
#size__ctl {
|
||||
grid-row: 1;
|
||||
grid-column: 3;
|
||||
grid-column: 3;
|
||||
min-width: 64px;
|
||||
}
|
||||
#size__ctl img {
|
||||
cursor: pointer;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* edit buttons */
|
||||
|
|
@ -199,8 +173,8 @@ div.picker button.toolbutton {
|
|||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
[dir=rtl] .dokuwiki .editBar .editButtons {
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.dokuwiki .editBar .editButtons button {
|
||||
border: #CCC solid 1.5pt;
|
||||
|
|
@ -242,7 +216,7 @@ div.picker button.toolbutton {
|
|||
.dokuwiki .editBar .summary {
|
||||
grid-row: 1;
|
||||
grid-column: 2;
|
||||
display: grid;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
line-height: 1em;
|
||||
padding-top: 2pt;
|
||||
|
|
@ -259,7 +233,7 @@ div.picker button.toolbutton {
|
|||
}
|
||||
|
||||
.dokuwiki .editBar .summary label {
|
||||
white-space: nowrap;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.dokuwiki .editBar .summary label:last-child {
|
||||
padding: 2pt 0 2pt 4pt;
|
||||
|
|
@ -271,15 +245,15 @@ div.picker button.toolbutton {
|
|||
padding: 2pt 5pt 0 0;
|
||||
}
|
||||
.dokuwiki .editBar .summary label span {
|
||||
font-size: small;
|
||||
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;
|
||||
color: @ini_text;
|
||||
background-color: #ffcccc;
|
||||
}
|
||||
|
||||
/* toolbar popups */
|
||||
|
|
@ -322,10 +296,10 @@ div.picker button.toolbutton {
|
|||
********************************************************************/
|
||||
|
||||
.dokuwiki div.preview {
|
||||
border: dotted #CCC;
|
||||
border-width: .2em 0;
|
||||
padding: 1.4em 0;
|
||||
margin-bottom: 1.4em;
|
||||
border: dotted #CCC;
|
||||
border-width: .2em 0;
|
||||
padding: 1.4em 0;
|
||||
margin-bottom: 1.4em;
|
||||
}
|
||||
|
||||
/* narrow screen overrides: */
|
||||
|
|
@ -370,7 +344,7 @@ div.picker button.toolbutton {
|
|||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body.darkmode .editBox > .toolbar {
|
||||
background-color: @ini_background_dark;
|
||||
background-color: fadeout(@ini_background_dark, 20%);
|
||||
}
|
||||
body.darkmode textarea.edit {
|
||||
background-color: @ini_background_alt_dark;
|
||||
|
|
@ -400,7 +374,7 @@ div.picker button.toolbutton {
|
|||
}
|
||||
body.mode_edit.darkmode .editBar .editButtons button::before,
|
||||
body.mode_preview.darkmode .editBar .editButtons button::before {
|
||||
filter: invert(.9);
|
||||
filter: invert(1) opacity(.67);
|
||||
}
|
||||
body.darkmode .editBar .editButtons button#edbtn__save {
|
||||
background-color: #334466;
|
||||
|
|
@ -417,13 +391,21 @@ div.picker button.toolbutton {
|
|||
|
||||
body.mode_edit.darkmode #tool__bar button,
|
||||
body.mode_preview.darkmode #tool__bar button {
|
||||
background-color: #8C8C8C;
|
||||
border-color: @ini_border_dark;
|
||||
filter: invert(.8);
|
||||
}
|
||||
body.mode_edit.darkmode #tool__bar button:hover,
|
||||
body.mode_preview.darkmode #tool__bar button:hover {
|
||||
background-color: @ini_text_dark;
|
||||
}
|
||||
body.mode_edit.darkmode .editBar .editButtons button,
|
||||
body.mode_preview.darkmode .editBar .editButtons button {
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
body.mode_edit.darkmode #tool__bar button img,
|
||||
body.mode_preview.darkmode #tool__bar button img {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
body.mode_edit.darkmode .editBar .summary #edit__summary,
|
||||
body.mode_preview.darkmode .editBar .summary #edit__summary {
|
||||
|
|
@ -432,6 +414,11 @@ div.picker button.toolbutton {
|
|||
color: @ini_text_dark;
|
||||
}
|
||||
|
||||
body.darkmode #draft__status {
|
||||
color: @ini_text_alt_dark;
|
||||
}
|
||||
|
||||
|
||||
body.darkmode div.picker {
|
||||
& {
|
||||
background-color: @ini_background_dark;
|
||||
|
|
@ -439,8 +426,8 @@ div.picker button.toolbutton {
|
|||
}
|
||||
button {
|
||||
& {
|
||||
color: @ini_text_dark;
|
||||
background-color: @ini_background_alt_dark;
|
||||
color: @ini_text;
|
||||
background-color: #8C8C8C;
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -4,114 +4,160 @@
|
|||
*/
|
||||
|
||||
.qq-uploader {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
#mediamanager__page .qq-upload-list li {
|
||||
display: grid;
|
||||
grid-template-columns: 1.25rem auto 1rem;
|
||||
grid-gap: 5px;
|
||||
align-items: center;
|
||||
}
|
||||
#mediamanager__page .qq-upload-list li::before {
|
||||
content: '\1F5CE';
|
||||
color: @ini_text;
|
||||
font-size: 1.25rem;
|
||||
display: inline-block;
|
||||
width: 1.25rem;
|
||||
height:1.5rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#mediamanager__page .qq-upload-list li input[type="text"] {
|
||||
font-family: @ini_mono_fonts;
|
||||
font-size: @ini_alt_font_size;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
padding: .25em;
|
||||
border-radius: 1.5pt;
|
||||
}
|
||||
#mediamanager__page .qq-upload-list li input[type="text"]:focus {
|
||||
border-color: @ini_border;
|
||||
}
|
||||
|
||||
.qq-uploader .error {
|
||||
color: #f00;
|
||||
background-color: #fff;
|
||||
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;
|
||||
.qq-upload-button,
|
||||
#mediamanager__upload_button {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
font-size: 1rem;
|
||||
cursor: pointer;
|
||||
margin: 1px 1px 5px;
|
||||
padding: 2pt 20pt;
|
||||
border: none 0;
|
||||
color: #FFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
.qq-upload-button {
|
||||
background-color: #15395B;
|
||||
}
|
||||
#mediamanager__upload_button {
|
||||
padding: 3pt 6pt;
|
||||
border: #666 solid 1px;
|
||||
background-color: #B71C1C;
|
||||
padding: .4rem 2.5rem;
|
||||
}
|
||||
|
||||
|
||||
.qq-upload-button-focus {
|
||||
outline: 1px dotted;
|
||||
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;
|
||||
background: @ini_background_neu;
|
||||
color: @ini_text_neu;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.qq-upload-drop-area span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
margin-top: -8px;
|
||||
font-size: 120%;
|
||||
padding: 2em .5em;
|
||||
}
|
||||
|
||||
.qq-upload-drop-area-active {
|
||||
background: @ini_background_alt;
|
||||
position: fixed;
|
||||
top: 0; left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
min-height: 70px;
|
||||
background: fadeout(@ini_background_alt, 10%);;
|
||||
z-index: 99;
|
||||
}
|
||||
.qq-upload-drop-area-active span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
margin-top: -8px;
|
||||
font-size: 120%;
|
||||
color: #15395B;
|
||||
}
|
||||
|
||||
/* list of files to upload */
|
||||
|
||||
div.qq-uploader ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.qq-uploader li {
|
||||
margin: 0 0 5px;
|
||||
color: @ini_text;
|
||||
margin: 0 0 5px;
|
||||
color: @ini_text;
|
||||
}
|
||||
|
||||
.qq-uploader li span,
|
||||
.qq-uploader li input,
|
||||
.qq-uploader li a {
|
||||
margin-right: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.qq-upload-file {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.qq-upload-spinner {
|
||||
display: inline-block;
|
||||
background: url("../../images/throbber.gif");
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
vertical-align: text-bottom;
|
||||
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-size {
|
||||
font-size: 85%;
|
||||
}
|
||||
.qq-upload-cancel {
|
||||
font-size: 1rem;
|
||||
line-height: 1.25;
|
||||
width: 1em; height: 1.5em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.qq-upload-cancel::before {
|
||||
content: '\1F5D9';
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
.qq-upload-failed-text {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
.qq-upload-fail .qq-upload-failed-text {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.qq-action-container * {
|
||||
vertical-align: middle;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.qq-overwrite-check input {
|
||||
margin-left: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* media tree overrides */
|
||||
|
|
@ -120,4 +166,39 @@ div.qq-uploader ul {
|
|||
}
|
||||
#mediamanager__page .ui-resizable-e {
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
/* dark mode overrides */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body.darkmode {
|
||||
.qq-upload-button {
|
||||
background-color: #1976D2;
|
||||
}
|
||||
|
||||
.qq-upload-drop-area {
|
||||
background: @ini_background_neu_dark;
|
||||
color: @ini_text_neu_dark;
|
||||
}
|
||||
|
||||
.qq-upload-drop-area-active {
|
||||
background: fadeout(@ini_background_alt_dark, 10%);;
|
||||
}
|
||||
.qq-upload-drop-area-active span {
|
||||
color: #1976D2;
|
||||
}
|
||||
|
||||
#mediamanager__page .qq-upload-list {
|
||||
li::before {
|
||||
color: @ini_text_dark;
|
||||
}
|
||||
li input[type="text"] {
|
||||
color: @ini_text_dark;
|
||||
}
|
||||
li input[type="text"]:focus {
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -2,30 +2,98 @@
|
|||
* This file provides styles for footnotes.
|
||||
*/
|
||||
|
||||
/* pre-defined custom footnote styles */
|
||||
|
||||
@counter-style: ~"@counter-style";
|
||||
@{counter-style} super-decimal {
|
||||
system: numeric;
|
||||
symbols: '\2070' '\B9' '\B2' '\B3' '\2074' '\2075' '\2076' '\2077' '\2078' '\2079';
|
||||
/* symbols: '⁰' '¹' '²' '³' '⁴' '⁵' '⁶' '⁷' '⁸' '⁹'; */
|
||||
}
|
||||
|
||||
/* create a custom counter for the footnotes: */
|
||||
body, div.footnotes {
|
||||
counter-reset: footnotes;
|
||||
}
|
||||
|
||||
/*____________ footnotes inside the text ____________*/
|
||||
|
||||
/* link to footnote inside the text */
|
||||
|
||||
/* .dokuwiki sup, .dokuwiki sub {ignore subscript and superscript tags!
|
||||
vertical-align: baseline;
|
||||
font-size: inherit;
|
||||
} */
|
||||
.dokuwiki sup a.fn_top {
|
||||
|
||||
& {
|
||||
vertical-align: baseline;
|
||||
font-size: inherit;
|
||||
padding: 0 .5pt;
|
||||
font-size: 0;text-decoration: none;
|
||||
}
|
||||
&::after {
|
||||
content: counter(footnotes, super-decimal);
|
||||
counter-increment: footnotes;
|
||||
font-size: 1.1667rem;
|
||||
font-weight: bold;
|
||||
vertical-align: -.2em;
|
||||
}
|
||||
}
|
||||
|
||||
/* JSpopup */
|
||||
div.insitu-footnote {
|
||||
max-width: 40%;
|
||||
min-width: 5em;
|
||||
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;
|
||||
& {
|
||||
border-top: 1px solid @ini_border;
|
||||
padding: .5em 0 0 0;
|
||||
margin: 1em 0 0 0;
|
||||
clear: both;
|
||||
}
|
||||
> .fn {
|
||||
& {
|
||||
margin: 0 0 0 2.5rem !important;
|
||||
white-space-collapse: discard;
|
||||
text-indent: ~"calc(-2.5rem - .3em)"; /* compensate for the whitespace character! */
|
||||
}
|
||||
sup { /* ignore superscript tags! */
|
||||
vertical-align: baseline;
|
||||
font-size: 1em;
|
||||
}
|
||||
.fn_bot {
|
||||
& {
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
margin: 0 .5rem 0 0;
|
||||
width: 2rem; height: .972rem;
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
font-size: 0;
|
||||
}
|
||||
&::after {
|
||||
content: counter(footnotes, decimal) '.';
|
||||
counter-increment: footnotes;
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
display: inline-block;
|
||||
font-size: .972rem;
|
||||
width: 2rem;
|
||||
}
|
||||
}
|
||||
& > .content {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
.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;
|
||||
|
||||
[dir=rtl] .dokuwiki div.footnotes > .fn {
|
||||
margin: 0 2.5em 0 0;
|
||||
}
|
||||
[dir=rtl] .dokuwiki div.footnotes > .fn .fn_bot {
|
||||
text-align: left;
|
||||
margin: 0 0 0 .5em;
|
||||
}
|
||||
|
|
@ -3,11 +3,11 @@
|
|||
/**
|
||||
* This file provides styles for forms in general and specifically
|
||||
* for ?do=
|
||||
* - login
|
||||
* - resendpwd
|
||||
* - register
|
||||
* - profile
|
||||
* - subscribe
|
||||
* - login
|
||||
* - resendpwd
|
||||
* - register
|
||||
* - profile
|
||||
* - subscribe
|
||||
*/
|
||||
|
||||
/* ---------------- forms ------------------------ */
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
[dir=rtl] .dokuwiki label.block {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dokuwiki label.simple {
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
[dir=rtl] .dokuwiki label.simple {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.dokuwiki label.block select,
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
}
|
||||
|
||||
.dokuwiki label span {
|
||||
vertical-align: middle;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.dokuwiki fieldset {
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
}
|
||||
|
||||
.dokuwiki button {
|
||||
vertical-align: middle;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dokuwiki input:focus,
|
||||
.dokuwiki select:focus,
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
#dw__resendpwd fieldset,
|
||||
#dw__register fieldset {
|
||||
max-width: calc(100% - 1em);
|
||||
padding-bottom: 0.7em;
|
||||
padding-bottom: 0.7em;
|
||||
}
|
||||
|
||||
#dw__login fieldset label.block,
|
||||
|
|
@ -86,12 +86,12 @@
|
|||
max-width: 320px;
|
||||
}
|
||||
#dw__login label[for="remember__me"] {
|
||||
margin: 0 10% 1.4em;
|
||||
margin: 0 10% 1.4em;
|
||||
}
|
||||
|
||||
#dw__profiledelete {
|
||||
display: block;
|
||||
margin-top: 2.8em;
|
||||
display: block;
|
||||
margin-top: 2.8em;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -99,20 +99,20 @@
|
|||
*/
|
||||
|
||||
#subscribe__form {
|
||||
display: block;
|
||||
width: 400px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 400px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#subscribe__form fieldset {
|
||||
text-align: left;
|
||||
margin: 0.5em 0;
|
||||
text-align: left;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
[dir=rtl] #subscribe__form fieldset {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#subscribe__form label {
|
||||
display: block;
|
||||
margin: 0 0.5em 0.5em;
|
||||
display: block;
|
||||
margin: 0 0.5em 0.5em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,25 +3,25 @@
|
|||
*/
|
||||
|
||||
#dokuwiki__detail {
|
||||
padding: 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
#dokuwiki__detail h1 {
|
||||
}
|
||||
|
||||
#dokuwiki__detail img {
|
||||
float: left;
|
||||
margin: 0 1.5em .5em 0;
|
||||
float: left;
|
||||
margin: 0 1.5em .5em 0;
|
||||
}
|
||||
[dir=rtl] #dokuwiki__detail div.content img {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 1.5em;
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
#dokuwiki__detail div.img_detail {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
[dir=rtl] #dokuwiki__detail div.content div.img_detail {
|
||||
float: right
|
||||
float: right
|
||||
}
|
||||
|
||||
#dokuwiki__detail div.img_detail h2 {
|
||||
|
|
@ -34,5 +34,5 @@
|
|||
}
|
||||
|
||||
#dokuwiki__detail p.back {
|
||||
clear: both;
|
||||
clear: both;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -163,7 +163,7 @@
|
|||
ul li a {
|
||||
&::before { border-color: @ini_text_dark; color: @ini_text_dark; }
|
||||
&.wikilink1 { color: @ini_link_dark; }
|
||||
&.wikilink2 bdi { color: @ini_missing_dark; }
|
||||
&.wikilink2 bdi { color: @ini_link_dark; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -9,26 +9,26 @@ a.wikilink1 {
|
|||
}
|
||||
/* not existing wikipage */
|
||||
a.wikilink2 {
|
||||
text-decoration: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.wikilink2:link,
|
||||
a.wikilink2:visited {
|
||||
border-bottom: 1px dashed;
|
||||
border-bottom: 1px dashed;
|
||||
}
|
||||
a.wikilink2:hover,
|
||||
a.wikilink2:active,
|
||||
a.wikilink2:focus {
|
||||
border-bottom-width: 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
/* any link to current page */
|
||||
span.curid a {
|
||||
font-weight: bold;
|
||||
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==");
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgdmlld0JveD0nMCAwIDUxMiA1MTInIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Y2lyY2xlIGN4PScyNTYnIGN5PScyNTYnIHI9JzI1MCcgc3R5bGU9J2ZpbGw6I2ViZWJlYjtzdHJva2U6IzMzMztzdHJva2Utd2lkdGg6MTBweDsnLz48cGF0aCBkPSdNNjUsMTUybDAsOGMwLDIgMSwzIDQsM2MyMCwxIDIwLDUgMjgsMjNsOTAsMTk2YzcsMTQgMTYsMTYgMjUsLTFsNDUsLTg4bDQyLDg4YzgsMTUgMTYsMTYgMjQsMGw4NiwtMTk0YzgsLTE3IDE5LC0yNCAzNiwtMjRjMiwwIDIsLTEgMiwtM2wwLC04bC04MCwwbC0xLDFsMCw3YzAsMiAyLDMgNCwzYzEwLDAgMjksMiAyMSwxOWwtNzAsMTY2bC0zLC0xbC00MywtODhsMzcsLTcyYzgsLTE1IDEwLC0yNCAyNSwtMjRjMiwwIDQsLTEgNCwtM2wwLC03bC0xLC0xbC02NCwwbC0xLDFsMCw3YzAsMyA0LDMgNywzYzE4LDEgMTYsOCAxMCwxOWwtMjcsNTZsLTI1LC01MmMtOSwtMTYgLTExLC0yMSAyLC0yMmMzLC0xIDgsLTEgOCwtNGwwLC03bC0xLC0xbC02OSwwbC0xLDFsMCw4YzAsMiAyLDIgNSwyYzEyLDIgMTIsMyAyMywyNmw0MCw4NGwtMzcsNzVsLTMsLTFsLTc2LC0xNjdjLTgsLTE3IDIsLTE2IDE4LC0xN2MzLDAgMywtMSAzLC0zbDAsLTdsLTEsLTFsLTg2LDBaJyBzdHlsZT0nZmlsbDojMzMzOycvPjwvc3ZnPg==");
|
||||
}
|
||||
|
||||
a.iw_google_de {
|
||||
|
|
@ -46,22 +46,22 @@ a.windows,
|
|||
a.mail,
|
||||
a.mediafile,
|
||||
a.interwiki {
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
background-size: 1.1em;
|
||||
padding: 0 0 0 1.25em;
|
||||
padding: 0 0 0 1.25em;
|
||||
}
|
||||
/* external link */
|
||||
a.urlextern {
|
||||
background-image: url(../../images/external-link.png);
|
||||
background-image: url(../../images/external-link.png);
|
||||
}
|
||||
/* windows share */
|
||||
a.windows {
|
||||
background-image: url(../../images/unc.png);
|
||||
background-image: url(../../images/unc.png);
|
||||
}
|
||||
/* email link */
|
||||
a.mail {
|
||||
background-image: url(../../images/email.png);
|
||||
background-image: url(../../images/email.png);
|
||||
}
|
||||
|
||||
/* icons of the following are set by dokuwiki in lib/exe/css.php */
|
||||
|
|
@ -78,8 +78,8 @@ a.interwiki {
|
|||
[dir=rtl] a.mail,
|
||||
[dir=rtl] a.interwiki,
|
||||
[dir=rtl] a.mediafile {
|
||||
background-position: right center;
|
||||
padding: 0 18px 0 0;
|
||||
background-position: right center;
|
||||
padding: 0 18px 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -89,5 +89,4 @@ a.interwiki {
|
|||
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+");
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -10,161 +10,170 @@
|
|||
/*____________ structure ____________*/
|
||||
|
||||
#mediamanager__page h1 {
|
||||
margin-bottom: .5em;
|
||||
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;
|
||||
/* 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;
|
||||
text-align: right;
|
||||
}
|
||||
#mediamanager__page .panel {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .panel {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#mediamanager__page .namespaces {
|
||||
width: 20%;
|
||||
min-width: 10em; /* @change */
|
||||
left:0 !important; /* overrules jQuery UI resizable in rtl */
|
||||
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 */
|
||||
width: 50%;
|
||||
min-width: 25em; /* @change */
|
||||
left:0 !important; /* overrules jQuery UI resizable in rtl */
|
||||
}
|
||||
#mediamanager__page .file {
|
||||
width: 30%;
|
||||
min-width: 15em; /* @change */
|
||||
width: 30%;
|
||||
min-width: 15em; /* @change */
|
||||
}
|
||||
|
||||
#mediamanager__page .tabs li {
|
||||
white-space: nowrap;
|
||||
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;
|
||||
background-color: @ini_background_alt;
|
||||
margin: 0 10px 10px 0;
|
||||
padding: 10px 10px 8px;
|
||||
text-align: left;
|
||||
min-height: 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .panelHeader {
|
||||
text-align: right;
|
||||
margin: 0 0 10px 10px;
|
||||
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;
|
||||
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;
|
||||
text-align: right;
|
||||
margin: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
#mediamanager__page .file .panelHeader,
|
||||
#mediamanager__page .file .panelContent {
|
||||
margin-right: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .file .panelHeader,
|
||||
[dir=rtl] #mediamanager__page .file .panelContent {
|
||||
margin-left: 0;
|
||||
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-handle.ui-resizable-e,
|
||||
[dir=rtl] #mediamanager__page .ui-resizable-handle.ui-resizable-w {
|
||||
width: 6px;
|
||||
right: 2px;
|
||||
background: @ini_background_neu 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;
|
||||
background-color: @ini_background;
|
||||
}
|
||||
|
||||
#mediamanager__page dd {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#mediamanager__page .panelHeader h3 {
|
||||
float: left;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
float: left;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .panelHeader h3 {
|
||||
float : right
|
||||
float : right
|
||||
}
|
||||
|
||||
|
||||
/*____________ namespaces panel ____________*/
|
||||
|
||||
[dir=rtl] #mediamanager__page .namespaces {
|
||||
text-align: right;
|
||||
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;
|
||||
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;
|
||||
margin: 0 .3em 0 0;
|
||||
position: relative;
|
||||
right: 10px;
|
||||
}
|
||||
#mediamanager__page .namespaces .panelHeader {
|
||||
border-top: 1px solid @ini_border;
|
||||
z-index: 1;
|
||||
border-top: 1px solid @ini_border;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#mediamanager__page .namespaces ul {
|
||||
margin-left: .2em;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
margin: 0 2px 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .namespaces ul {
|
||||
margin-left: 0;
|
||||
margin-right: .2em;
|
||||
margin: 0 0 0 2px;
|
||||
}
|
||||
#mediamanager__page .namespaces ul ul {
|
||||
margin-left: 1em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .namespaces ul ul {
|
||||
margin-left: 0;
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
margin-right: 1em;
|
||||
}
|
||||
#mediamanager__page .namespaces ul ul li {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#mediamanager__page .namespaces ul a {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#mediamanager__page .namespaces ul li::before {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#mediamanager__page .namespaces ul .selected {
|
||||
background-color: __highlight__;
|
||||
font-weight: bold;
|
||||
background-color: __highlight__;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -173,387 +182,404 @@
|
|||
/* file list header */
|
||||
|
||||
#mediamanager__page .panelHeader form.options {
|
||||
float: right;
|
||||
margin-top: -3px;
|
||||
float: right;
|
||||
margin-top: .25rem;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .panelHeader form.options {
|
||||
float : left
|
||||
float : left
|
||||
}
|
||||
#mediamanager__page .panelHeader ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#mediamanager__page .panelHeader ul li {
|
||||
color: @ini_text;
|
||||
float: left;
|
||||
line-height: 1;
|
||||
padding-left: 3px;
|
||||
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;
|
||||
padding-right: 3px;
|
||||
padding-left: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal {
|
||||
padding-left: 2px;
|
||||
margin: 0 0 0 5px;
|
||||
padding-left: 2px;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
/* #mediamanager__page .panelHeader ul li.listType {
|
||||
background: url('../../images/icon-list.png') 3px 1px no-repeat;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
padding: 0;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .filelist ul {
|
||||
margin: 0 0 0 10px;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
#mediamanager__page .filelist ul.rows {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#mediamanager__page .filelist .panelContent ul li:hover {
|
||||
background-color: @ini_background_alt;
|
||||
background-color: @ini_background_alt;
|
||||
}
|
||||
|
||||
#mediamanager__page .filelist li dt a {
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
overflow: hidden;
|
||||
}
|
||||
#mediamanager__page .filelist ul dl dt {
|
||||
display: block;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 1px 1px 2px 1px #00000066;
|
||||
background: @ini_background_alt url("data:image/gif;base64,R0lGODlhEAAQAHAAACwAAAAAEAAQAIHd3d3u7u4AAAAAAAACH4RvoauIzNyBSyYaLMDZcv15HAaSIlWiJ5Sya/RWVgEAOw==") center;
|
||||
}
|
||||
#mediamanager__page .filelist ul dl dt img {
|
||||
-webkit-filter: drop-shadow(2px 2px 2px #00000066);
|
||||
filter: drop-shadow(2px 2px 2px #00000066);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
width: 114px;
|
||||
min-height: 132px;
|
||||
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;
|
||||
margin-right: 0;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
#mediamanager__page .filelist .thumbs li dt a {
|
||||
width: 100px;
|
||||
height: 90px;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
#mediamanager__page .filelist .thumbs li dt a img {
|
||||
max-width: 90px;
|
||||
max-height: 90px;
|
||||
display: block;
|
||||
max-width: 150px;
|
||||
max-height: 150px;
|
||||
padding: 5px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#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;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 10pt;
|
||||
}
|
||||
#mediamanager__page .filelist .thumbs li .name {
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
#mediamanager__page .filelist .thumbs li .date {
|
||||
font-style: italic;
|
||||
white-space: normal;
|
||||
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;
|
||||
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;
|
||||
background-color: @ini_background_neu;
|
||||
}
|
||||
|
||||
#mediamanager__page .filelist .rows li dt {
|
||||
float: left;
|
||||
width: 10%;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
width: 10%;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page .filelist .rows li dt {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
#mediamanager__page .filelist .rows li dt a {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#mediamanager__page .filelist .rows li dt a img {
|
||||
max-width: 40px;
|
||||
max-height: 40px;
|
||||
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;
|
||||
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%;
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
#mediamanager__page .filelist .rows li .name {
|
||||
width: 30%;
|
||||
font-weight: bold;
|
||||
width: 30%;
|
||||
font-weight: bold;
|
||||
}
|
||||
#mediamanager__page .filelist .rows li .size,
|
||||
#mediamanager__page .filelist .rows li .filesize {
|
||||
width: 15%;
|
||||
width: 15%;
|
||||
}
|
||||
#mediamanager__page .filelist .rows li .date {
|
||||
width: 20%;
|
||||
font-style: italic;
|
||||
white-space: normal;
|
||||
width: 20%;
|
||||
font-style: italic;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* upload form */
|
||||
|
||||
#mediamanager__page div.upload {
|
||||
padding-bottom: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/*____________ file panel ____________*/
|
||||
|
||||
#mediamanager__page .file ul.actions {
|
||||
text-align: center;
|
||||
margin: 0 0 5px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
margin: 0 0 5px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#mediamanager__page .file ul.actions li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#mediamanager__page .file div.image {
|
||||
margin-bottom: 5px;
|
||||
text-align: center;
|
||||
margin-bottom: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#mediamanager__page .file div.image img {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#mediamanager__page .file dl {
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#mediamanager__page .file dl dt {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
background-color: @ini_background_alt;
|
||||
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;
|
||||
display: block;
|
||||
background-color: @ini_background_neu;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
/* file meta data edit form */
|
||||
|
||||
#mediamanager__page form.meta div.row {
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#mediamanager__page form.meta label span {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#mediamanager__page form.meta input {
|
||||
width: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#mediamanager__page form.meta button {
|
||||
width: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#mediamanager__page form.meta textarea.edit {
|
||||
height: 6em;
|
||||
width: 95%;
|
||||
min-width: 95%;
|
||||
max-width: 95%;
|
||||
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;
|
||||
margin-left: 10px;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
[dir=rtl] #mediamanager__page form.changes ul {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
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;
|
||||
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;
|
||||
padding-left: 0;
|
||||
padding-right: 18px;
|
||||
}
|
||||
#mediamanager__page form.changes ul li div.li input {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
/* file diff view */
|
||||
|
||||
#mediamanager__diff table {
|
||||
table-layout: fixed;
|
||||
border-width: 0;
|
||||
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;
|
||||
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;
|
||||
margin: 0 0 10px 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#mediamanager__diff th {
|
||||
font-weight: normal;
|
||||
background-color: @ini_background;
|
||||
line-height: 1.2;
|
||||
font-weight: normal;
|
||||
background-color: @ini_background;
|
||||
line-height: 1.2;
|
||||
}
|
||||
#mediamanager__diff th a {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
#mediamanager__diff th span {
|
||||
font-size: 90%;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
#mediamanager__diff dl dd strong{
|
||||
background-color: __highlight__;
|
||||
color: @ini_text;
|
||||
font-weight: normal;
|
||||
background-color: __highlight__;
|
||||
color: @ini_text;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* image diff views */
|
||||
|
||||
#mediamanager__page .file form.diffView {
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#mediamanager__diff div.slider {
|
||||
margin: 10px;
|
||||
width: 95%;
|
||||
margin: 10px;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
#mediamanager__diff .imageDiff {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
#mediamanager__diff .imageDiff .image2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#mediamanager__diff .imageDiff.opacity .image2 {
|
||||
opacity: 0.5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#mediamanager__diff .imageDiff.portions .image2 {
|
||||
border-right: 1px solid red;
|
||||
overflow: hidden;
|
||||
border-right: 1px solid red;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#mediamanager__diff .imageDiff.portions img {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#mediamanager__diff .imageDiff img {
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
/* dark mode overrides */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body.darkmode #mediamanager__page .panelHeader,
|
||||
body.darkmode ul.tabs li strong {
|
||||
background-color: transparent;
|
||||
border-color: @ini_text_alt_dark;
|
||||
color: @ini_text_alt_dark;
|
||||
font-weight: bold;
|
||||
border-bottom-color: @ini_background_alt_dark;
|
||||
}
|
||||
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;
|
||||
background-color: transparent;
|
||||
border-color: @ini_text_dark;
|
||||
color: @ini_text_dark;
|
||||
}
|
||||
|
||||
body.darkmode #mediamanager__page .namespaces h2 {
|
||||
background-color: @ini_background_dark;
|
||||
background-color: @ini_background_alt_dark;
|
||||
border-color: @ini_text_dark;
|
||||
border-bottom-color: @ini_background_dark;
|
||||
border-bottom-color: @ini_background_alt_dark;
|
||||
color: @ini_headlines_dark;
|
||||
}
|
||||
body.darkmode #mediamanager__page .filelist .thumbs li {
|
||||
background-color: @ini_background_alt_dark;
|
||||
background-color: @ini_background_neu_dark;
|
||||
color: @ini_text_dark;
|
||||
}
|
||||
body.darkmode #mediamanager__page .filelist .panelContent ul li:hover {
|
||||
|
|
@ -568,9 +594,18 @@
|
|||
background-color: @ini_background_alt_dark;
|
||||
}
|
||||
|
||||
body.darkmode #mediamanager__page .ui-resizable-e { background-color: @ini_background_dark; }
|
||||
#mediamanager__page .filelist ul dl dt {
|
||||
background: @ini_background_alt_dark url("data:image/gif;base64,R0lGODlhEAAQAHAAACwAAAAAEAAQAIFeXmJISEwAAAAAAAACH4RvoauIzNyBSyYaLMDZcv15HAaSIlWiJ5Sya/RWVgEAOw==") center;
|
||||
}
|
||||
|
||||
|
||||
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 [dir=rtl] #mediamanager__page .ui-resizable-w:hover {
|
||||
background-color: @ini_background_neu_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; }
|
||||
|
|
|
|||
|
|
@ -6,53 +6,53 @@
|
|||
/*____________ structure ____________*/
|
||||
|
||||
html.popup {
|
||||
overflow: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#media__manager {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#mediamgr__aside {
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
border-right: 1px solid @ini_border;
|
||||
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;
|
||||
left: auto;
|
||||
right: 0;
|
||||
border-right-width: 0;
|
||||
border-left: 1px solid @ini_border;
|
||||
}
|
||||
#mediamgr__aside .pad {
|
||||
padding: .5em;
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
#mediamgr__content {
|
||||
width: 69.7%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 69.7%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
[dir=rtl] #mediamgr__content {
|
||||
right: auto;
|
||||
left: 0;
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
#mediamgr__content .pad {
|
||||
padding: .5em;
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
#media__manager h1,
|
||||
#media__manager h2 {
|
||||
font-size: 1.5em;
|
||||
margin-bottom: .5em;
|
||||
padding-bottom: .2em;
|
||||
border-bottom: 1px solid @ini_border;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: .5em;
|
||||
padding-bottom: .2em;
|
||||
border-bottom: 1px solid @ini_border;
|
||||
}
|
||||
|
||||
/* left side
|
||||
|
|
@ -61,15 +61,15 @@ html.popup {
|
|||
/*____________ options ____________*/
|
||||
|
||||
#media__opts {
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
#media__opts input {
|
||||
margin-right: .3em;
|
||||
margin-right: .3em;
|
||||
}
|
||||
[dir=rtl] #media__opts input {
|
||||
margin-right: 0;
|
||||
margin-left: .3em;
|
||||
margin-right: 0;
|
||||
margin-left: .3em;
|
||||
}
|
||||
#media__opts label {
|
||||
}
|
||||
|
|
@ -77,39 +77,39 @@ html.popup {
|
|||
/*____________ tree ____________*/
|
||||
|
||||
#media__tree ul {
|
||||
padding-left: .2em;
|
||||
padding-left: .2em;
|
||||
}
|
||||
[dir=rtl] #media__tree ul {
|
||||
padding-left: 0;
|
||||
padding-right: .2em;
|
||||
padding-left: 0;
|
||||
padding-right: .2em;
|
||||
}
|
||||
#media__tree ul li {
|
||||
clear: left;
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
margin-left: 0;
|
||||
clear: left;
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir=rtl] #media__tree ul li {
|
||||
clear: right;
|
||||
margin-right: 0;
|
||||
clear: right;
|
||||
margin-right: 0;
|
||||
}
|
||||
#media__tree ul li img {
|
||||
float: left;
|
||||
padding: .5em .3em 0 0;
|
||||
float: left;
|
||||
padding: .5em .3em 0 0;
|
||||
}
|
||||
[dir=rtl] #media__tree ul li img {
|
||||
float: right;
|
||||
padding: .5em 0 0 .3em;
|
||||
float: right;
|
||||
padding: .5em 0 0 .3em;
|
||||
}
|
||||
#media__tree ul li div.li {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
#media__tree ul li li {
|
||||
margin-left: 1.5em;
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
[dir=rtl] #media__tree ul li li {
|
||||
margin-left: 0;
|
||||
margin-right: 1.5em;
|
||||
margin-left: 0;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
/* right side
|
||||
|
|
@ -119,76 +119,76 @@ html.popup {
|
|||
|
||||
/* upload info */
|
||||
#media__content div.upload {
|
||||
font-size: .9em;
|
||||
margin-bottom: .5em;
|
||||
font-size: .9em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
#mediamanager__uploader {
|
||||
margin-bottom: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#mediamanager__uploader p {
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
/*____________ file list ____________*/
|
||||
|
||||
#media__content img.load {
|
||||
margin: 1em auto;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
#media__content .odd,
|
||||
#media__content .even {
|
||||
padding: .5em;
|
||||
padding: .5em;
|
||||
}
|
||||
#media__content .odd {
|
||||
background-color: @ini_background_alt;
|
||||
background-color: @ini_background_alt;
|
||||
}
|
||||
#media__content .even {
|
||||
}
|
||||
/* highlight newly uploaded or edited file */
|
||||
#media__content #scroll__here {
|
||||
border: 1px dashed @ini_border;
|
||||
border: 1px dashed @ini_border;
|
||||
}
|
||||
|
||||
/* link which inserts media file */
|
||||
#media__content a.mediafile {
|
||||
margin-right: 1.5em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
margin-right: 1.5em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
[dir=rtl] #media__content a.mediafile {
|
||||
margin-right: 0;
|
||||
margin-left: 1.5em;
|
||||
margin-right: 0;
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
#media__content span.info {
|
||||
}
|
||||
#media__content img.btn {
|
||||
vertical-align: text-bottom;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* info how to insert media, if JS disabled */
|
||||
#media__content div.example {
|
||||
color: @ini_text_neu;
|
||||
margin-left: 1em;
|
||||
color: @ini_text_neu;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#media__content div.detail {
|
||||
padding: .2em 0;
|
||||
padding: .2em 0;
|
||||
}
|
||||
#media__content div.detail div.thumb {
|
||||
float: left;
|
||||
margin: 0 .5em 0 18px;
|
||||
float: left;
|
||||
margin: 0 .5em 0 18px;
|
||||
}
|
||||
[dir=rtl] #media__content div.detail div.thumb {
|
||||
float: right;
|
||||
margin: 0 18px 0 .5em;
|
||||
float: right;
|
||||
margin: 0 18px 0 .5em;
|
||||
}
|
||||
#media__content div.detail div.thumb a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
#media__content div.detail p {
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -199,18 +199,42 @@ html.popup {
|
|||
#dw__mediasearch p {
|
||||
}
|
||||
#dw__mediasearch label {
|
||||
width: 100%;
|
||||
}
|
||||
#dw__mediasearch label span {
|
||||
display: block;
|
||||
}
|
||||
#dw__mediasearch input.edit {
|
||||
#dw__mediasearch input[type="text"] {
|
||||
background-color: @ini_background;
|
||||
color: @ini_text;
|
||||
border: @ini_border solid 1px;
|
||||
font-family: @ini_mono_fonts;
|
||||
font-size: @ini_alt_font_size;
|
||||
padding: .15em; margin: 0 .25rem;
|
||||
width: ~"calc(100% - 1.25rem)";
|
||||
}
|
||||
#dw__mediasearch button {
|
||||
background-color: #004D40;
|
||||
color: #FFF;
|
||||
padding: .25rem 1rem;
|
||||
border: transparent none 0;
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
margin-top: .5em;
|
||||
}
|
||||
|
||||
/* dark mode overrides */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body.darkmode #media__content .odd {
|
||||
background-color: @ini_background_dark;
|
||||
body.darkmode {
|
||||
#media__content .odd {
|
||||
background-color: @ini_background_dark;
|
||||
}
|
||||
|
||||
#dw__mediasearch input[type="text"] {
|
||||
background-color: @ini_background_site_dark;
|
||||
color: @ini_text_dark;
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3,11 +3,73 @@
|
|||
*/
|
||||
|
||||
.dokuwiki .ui-widget {
|
||||
font-size: 100%;
|
||||
font-size: 100%;
|
||||
/*min-width: 290px;
|
||||
min-height: 285px; */
|
||||
}
|
||||
|
||||
element {
|
||||
}
|
||||
@media screen {
|
||||
#mediamanager__page .panelHeader form.options .ui-controlgroup-horizontal label {
|
||||
font-size: 90%;
|
||||
margin-right: -0.4em;
|
||||
padding: .3em .5em;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
.dokuwiki .ui-widget {
|
||||
font-size: 100%;
|
||||
min-width: 290px;
|
||||
min-height: 285px;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
.ui-controlgroup > .ui-controlgroup-item {
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
|
||||
color: #555555;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default,
|
||||
.ui-button,
|
||||
html .ui-button.ui-state-disabled:hover,
|
||||
html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid @ini_border;
|
||||
background: @ini_background_neu none;
|
||||
color: @ini_text_neu;
|
||||
}
|
||||
|
||||
.dokuwiki .ui-state-active,
|
||||
.dokuwiki .ui-widget-content .ui-state-active,
|
||||
.dokuwiki .ui-widget-header .ui-state-active,
|
||||
.dokuwiki a.ui-button:active,
|
||||
.dokuwiki .ui-button:active,
|
||||
.dokuwiki .ui-button.ui-state-active:hover {
|
||||
border: 1px solid @ini_border;
|
||||
background: @ini_background_alt none;
|
||||
color: @ini_text_alt;
|
||||
}
|
||||
|
||||
|
||||
/* link wizard (opens from the link button in the edit toolbar)
|
||||
********************************************************************/
|
||||
|
|
@ -22,7 +84,7 @@
|
|||
}
|
||||
|
||||
[dir=rtl] #link__wiz_close {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#link__wiz .ui-dialog-content {
|
||||
|
|
@ -55,62 +117,62 @@
|
|||
}
|
||||
|
||||
#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;
|
||||
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;
|
||||
line-height: 1em;
|
||||
}
|
||||
[dir=rtl] #link__wiz_result {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#link__wiz_result div {
|
||||
padding: 3px 3px 3px 0;
|
||||
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;
|
||||
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;
|
||||
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);
|
||||
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);
|
||||
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);
|
||||
background-image: url(./images/editor/browse-folder.svg);
|
||||
color: @ini_link;
|
||||
}
|
||||
|
||||
#link__wiz_result div.even {
|
||||
background-color: @ini_background_neu;
|
||||
background-color: @ini_background_neu;
|
||||
}
|
||||
|
||||
#link__wiz_result div.selected {
|
||||
background-color: @ini_background_alt;
|
||||
background-color: @ini_background_alt;
|
||||
}
|
||||
|
||||
#link__wiz_result span {
|
||||
display: block;
|
||||
color: @ini_text_neu;
|
||||
margin-left: 22px;
|
||||
display: block;
|
||||
color: @ini_text_neu;
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
#link__wiz .ui-button {
|
||||
|
|
@ -127,61 +189,85 @@
|
|||
********************************************************************/
|
||||
|
||||
#media__popup {
|
||||
/* for backwards compatibility (not needed since Rincewind) */
|
||||
display: none;
|
||||
/* for backwards compatibility (not needed since Rincewind) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
#media__popup_content p {
|
||||
margin: 0 0 .5em;
|
||||
margin: 0 0 .5em;
|
||||
}
|
||||
|
||||
#media__popup_content label {
|
||||
margin-right: .5em;
|
||||
cursor: default;
|
||||
margin-right: .5em;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#media__popup_content button {
|
||||
margin-right: 1px;
|
||||
cursor: pointer;
|
||||
margin-right: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* dark mode overrides */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body.darkmode {
|
||||
|
||||
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;
|
||||
}
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default,
|
||||
.ui-button,
|
||||
html .ui-button.ui-state-disabled:hover,
|
||||
html .ui-button.ui-state-disabled:active {
|
||||
border-color: @ini_text_alt_dark;
|
||||
background: @ini_background_dark;
|
||||
color: @ini_text_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;
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active,
|
||||
a.ui-button:active,
|
||||
.ui-button:active,
|
||||
.ui-button.ui-state-active:hover {
|
||||
border-color: @ini_text_alt_dark;
|
||||
background-color: @ini_background_alt_dark;
|
||||
color: @ini_text_alt_dark;
|
||||
}
|
||||
|
||||
#link__wiz {
|
||||
background-color: @ini_background_dark;
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
#link__wiz .ui-widget-header {
|
||||
background: @ini_background_alt_dark none;
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
#link__wiz .ui-widget-header .ui-dialog-title {
|
||||
color: @ini_headlines_dark;
|
||||
}
|
||||
#link__wiz #link__wiz_entry {
|
||||
border-color: @ini_border_dark;
|
||||
background-color: @ini_background_alt_dark;
|
||||
color: @ini_text_dark;
|
||||
}
|
||||
#link__wiz_result div.type_u a:link,
|
||||
#link__wiz_result div.type_u a:visited,
|
||||
#link__wiz_result div.type_u a:link,
|
||||
#link__wiz_result div.type_u a:visited {
|
||||
color: @ini_link_dark;
|
||||
}
|
||||
#link__wiz button.ui-dialog-titlebar-close {
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
#link__wiz .ui-icon-closethick {
|
||||
background-color: @ini_background_dark;
|
||||
}
|
||||
|
||||
#link__wiz_result {
|
||||
background-color: rgba(0,0,0,.2);
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
#link__wiz_result div.even {
|
||||
background-color: @ini_background_dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -9,40 +9,40 @@
|
|||
|
||||
/* select type of revisions (media/pages) */
|
||||
.dokuwiki .changeType {
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
.dokuwiki form.changes ul li {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir=rtl] .dokuwiki form.changes ul li {
|
||||
margin-right: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.dokuwiki form.changes ul li span,
|
||||
.dokuwiki form.changes ul li a {
|
||||
vertical-align: middle;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dokuwiki form.changes ul li span.user a {
|
||||
vertical-align: bottom;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.dokuwiki form.changes ul li.minor {
|
||||
opacity: .7;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.dokuwiki form.changes li span.date {
|
||||
}
|
||||
.dokuwiki form.changes li a.diff_link {
|
||||
vertical-align: baseline;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.dokuwiki form.changes li a.revisions_link {
|
||||
vertical-align: baseline;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.dokuwiki form.changes li a.wikilink1,
|
||||
.dokuwiki form.changes li a.wikilink2 {
|
||||
}
|
||||
.dokuwiki form.changes li span.sum {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dokuwiki form.changes li span.user {
|
||||
}
|
||||
|
|
@ -50,30 +50,30 @@
|
|||
/*____________ 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;
|
||||
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;;
|
||||
background-color: #cfc;;
|
||||
}
|
||||
.dokuwiki form.changes li .sizechange.negative {
|
||||
background-color: #fdd;
|
||||
background-color: #fdd;
|
||||
}
|
||||
|
||||
/*____________ page navigator ____________*/
|
||||
|
||||
.dokuwiki div.pagenav {
|
||||
text-align: center;
|
||||
margin: 1.4em 0;
|
||||
text-align: center;
|
||||
margin: 1.4em 0;
|
||||
}
|
||||
.dokuwiki div.pagenav-prev,
|
||||
.dokuwiki div.pagenav-next {
|
||||
display: inline;
|
||||
margin: 0 .5em;
|
||||
display: inline;
|
||||
margin: 0 .5em;
|
||||
}
|
||||
|
||||
/* dark mode overrides */
|
||||
|
|
|
|||
|
|
@ -8,13 +8,13 @@
|
|||
|
||||
/* search hit in normal text */
|
||||
.dokuwiki .search_hit {
|
||||
color: @ini_text;
|
||||
background-color: __highlight__;
|
||||
color: @ini_text;
|
||||
background-color: __highlight__;
|
||||
}
|
||||
|
||||
/* "nothing found" at search + media */
|
||||
.dokuwiki div.nothing {
|
||||
margin-bottom: 1.4em;
|
||||
margin-bottom: 1.4em;
|
||||
}
|
||||
|
||||
/* search results page
|
||||
|
|
@ -22,182 +22,182 @@
|
|||
|
||||
/*____________ advanced search form ____________*/
|
||||
.dokuwiki .search-results-form fieldset.search-form {
|
||||
width: 100%;
|
||||
margin: 1em 0;
|
||||
width: 100%;
|
||||
margin: 1em 0;
|
||||
|
||||
input[name="q"] {
|
||||
width: 50%;
|
||||
}
|
||||
input[name="q"] {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
button.toggleAssistant {
|
||||
float: right;
|
||||
}
|
||||
button.toggleAssistant {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.advancedOptions {
|
||||
padding: 1em 0;
|
||||
.advancedOptions {
|
||||
padding: 1em 0;
|
||||
|
||||
> div {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
> 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;
|
||||
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;
|
||||
&::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;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// open toggle state
|
||||
&.open {
|
||||
div.current::after {
|
||||
content: '▲';
|
||||
}
|
||||
// open toggle state
|
||||
&.open {
|
||||
div.current::after {
|
||||
content: '▲';
|
||||
}
|
||||
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] .search-results-form fieldset.search-form .advancedOptions {
|
||||
div.toggle ul {
|
||||
text-align: right;
|
||||
}
|
||||
div.toggle ul {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/*____________ matching pagenames ____________*/
|
||||
|
||||
.dokuwiki div.search_quickresult {
|
||||
margin-bottom: 1.4em;
|
||||
margin-bottom: 1.4em;
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
ul {
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
width: 12em;
|
||||
margin: 0 1.5em;
|
||||
}
|
||||
}
|
||||
li {
|
||||
float: left;
|
||||
width: 12em;
|
||||
margin: 0 1.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] .dokuwiki div.search_quickresult ul li {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*____________ search results ____________*/
|
||||
|
||||
.dokuwiki dl.search_results {
|
||||
margin-bottom: 1.2em;
|
||||
margin-bottom: 1.2em;
|
||||
|
||||
/* search heading */
|
||||
dt {
|
||||
font-weight: normal;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
/* search heading */
|
||||
dt {
|
||||
font-weight: normal;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
|
||||
/* last modified line */
|
||||
dd.meta {
|
||||
margin: 0 0 .2em 0;
|
||||
}
|
||||
/* 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 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 */
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
/* ellipsis separating snippets */
|
||||
.search_sep {
|
||||
color: @ini_text;
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* AJAX quicksearch popup
|
||||
********************************************************************/
|
||||
|
||||
.dokuwiki form.search {
|
||||
div.no {
|
||||
position: relative;
|
||||
}
|
||||
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;
|
||||
/* .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;
|
||||
}
|
||||
strong {
|
||||
display: block;
|
||||
margin-bottom: .3em;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
ul {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block !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;
|
||||
}
|
||||
left: auto;
|
||||
/*right: -13.5em;*/
|
||||
text-align: right;
|
||||
}
|
||||
|
|
@ -4,55 +4,55 @@
|
|||
|
||||
.dokuwiki .tabs > ul,
|
||||
.dokuwiki ul.tabs {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
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;
|
||||
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;
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
[dir=rtl] .dokuwiki .tabs > ul li,
|
||||
[dir=rtl] .dokuwiki ul.tabs li {
|
||||
float: right;
|
||||
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;
|
||||
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;
|
||||
margin: 0 .3em 0 0;
|
||||
}
|
||||
|
||||
.dokuwiki ul.tabs li strong {
|
||||
font-weight: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.dokuwiki ul.tabs li a:link,
|
||||
|
|
@ -68,10 +68,10 @@
|
|||
.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;
|
||||
background-color: @ini_background_alt;
|
||||
color: @ini_text;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.dokuwiki .tabs > ul li .curid a,
|
||||
|
|
@ -79,6 +79,6 @@
|
|||
.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;
|
||||
z-index: 2;
|
||||
border-bottom-color: @ini_background_alt;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,56 +8,56 @@
|
|||
|
||||
/* toc container */
|
||||
#dw__toc {
|
||||
float: right;
|
||||
margin: 0 0 1.4em 1.4em;
|
||||
width: 12em;
|
||||
background-color: @ini_background_alt;
|
||||
color: inherit;
|
||||
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;
|
||||
float: left;
|
||||
margin: 0 1.4em 1.4em 0;
|
||||
}
|
||||
|
||||
/*____________ toc header ____________*/
|
||||
|
||||
.dokuwiki h3.toggle {
|
||||
padding: .2em .5em;
|
||||
font-weight: bold;
|
||||
padding: .2em .5em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dokuwiki .toggle strong {
|
||||
float: right;
|
||||
margin: 0 .2em;
|
||||
float: right;
|
||||
margin: 0 .2em;
|
||||
}
|
||||
[dir=rtl] .dokuwiki .toggle strong {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/*____________ toc list ____________*/
|
||||
|
||||
#dw__toc > div {
|
||||
padding: .2em .5em;
|
||||
padding: .2em .5em;
|
||||
}
|
||||
#dw__toc ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#dw__toc ul li {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1.1;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1.1;
|
||||
}
|
||||
#dw__toc ul li div.li {
|
||||
padding: .15em 0;
|
||||
padding: .15em 0;
|
||||
}
|
||||
#dw__toc ul ul {
|
||||
padding-left: 1em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
[dir=rtl] #dw__toc ul ul {
|
||||
padding-left: 0;
|
||||
padding-right: 1em;
|
||||
padding-left: 0;
|
||||
padding-right: 1em;
|
||||
}
|
||||
#dw__toc ul ul li {
|
||||
}
|
||||
|
|
@ -74,20 +74,20 @@
|
|||
********************************************************************/
|
||||
|
||||
.dokuwiki ul.idx {
|
||||
padding-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
[dir=rtl] .dokuwiki ul.idx {
|
||||
padding-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.dokuwiki ul.idx li {
|
||||
list-style-image: url(../../images/bullet.png);
|
||||
list-style-image: url(../../images/bullet.png);
|
||||
}
|
||||
.dokuwiki ul.idx li.open {
|
||||
list-style-image: url(../../images/open.png);
|
||||
list-style-image: url(../../images/open.png);
|
||||
}
|
||||
.dokuwiki ul.idx li.closed {
|
||||
list-style-image: url(../../images/closed.png);
|
||||
list-style-image: url(../../images/closed.png);
|
||||
}
|
||||
[dir=rtl] .dokuwiki ul.idx li.closed {
|
||||
list-style-image: url(../../images/closed-rtl.png);
|
||||
list-style-image: url(../../images/closed-rtl.png);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -62,6 +62,20 @@ body {
|
|||
text-decoration: line-through rgba(255,0,0,.5) solid .1em;
|
||||
}
|
||||
|
||||
/* subscript and superscript */
|
||||
sup, sub {
|
||||
line-height: 1;
|
||||
font-size: .6em;
|
||||
font-weight: 600;
|
||||
margin: 0 .1em;
|
||||
}
|
||||
sup {
|
||||
vertical-align: .5em;
|
||||
}
|
||||
sub {
|
||||
vertical-align: -.15em;
|
||||
}
|
||||
|
||||
/* lists: */
|
||||
ul, ol {
|
||||
margin: 0 2em 1em 1em;
|
||||
|
|
@ -122,6 +136,7 @@ body {
|
|||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 .5em @ini_border;
|
||||
padding: .3em;
|
||||
font-variant-numeric: slashed-zero;
|
||||
}
|
||||
|
||||
/* overwrite pre styling for CodeMirror plugin: */
|
||||
|
|
|
|||
|
|
@ -8,63 +8,63 @@
|
|||
*/
|
||||
|
||||
.dokuwiki.export {
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background;
|
||||
}
|
||||
|
||||
/* header
|
||||
********************************************************************/
|
||||
|
||||
#dokuwiki__header {
|
||||
padding: 2em 0 1.5em;
|
||||
padding: 2em 0 1.5em;
|
||||
|
||||
.headings,
|
||||
.tools {
|
||||
margin-bottom: 1.5em;
|
||||
width: 49%;
|
||||
}
|
||||
.tools {
|
||||
margin-top: .2em;
|
||||
}
|
||||
.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;
|
||||
.logo {
|
||||
margin: 0;
|
||||
font-size: 1.5em;
|
||||
font-weight: normal;
|
||||
line-height: 1.2;
|
||||
|
||||
img {
|
||||
float: left;
|
||||
margin-right: .5em;
|
||||
}
|
||||
img {
|
||||
float: left;
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: @ini_text;
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: @ini_text;
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
p.claim {
|
||||
margin-bottom: 0;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
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;
|
||||
}
|
||||
/* 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;
|
||||
float: right;
|
||||
margin-left: .5em;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* tools
|
||||
|
|
@ -81,294 +81,294 @@
|
|||
.mode_revisions .action.revs a,
|
||||
.mode_backlink .action.backlink a,
|
||||
.mode_subscribe .action.subscribe a {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#dokuwiki__header .tools {
|
||||
ul {
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 0.875em;
|
||||
margin-left: 1em;
|
||||
list-style: none;
|
||||
display: inline;
|
||||
}
|
||||
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;
|
||||
}
|
||||
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;
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#dokuwiki__header .mobileTools {
|
||||
display: none; /* hide mobile tools dropdown to only show in mobile view */
|
||||
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;
|
||||
}
|
||||
form.search {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] #dokuwiki__sitetools {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
form.search {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
input {
|
||||
/* width: 18em; */
|
||||
padding: .35em 22px .35em .1em;
|
||||
}
|
||||
input {
|
||||
/* width: 18em; */
|
||||
padding: .35em 22px .35em .1em;
|
||||
}
|
||||
|
||||
button {
|
||||
background: transparent url(images/search.png) no-repeat 0 0;
|
||||
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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
input {
|
||||
padding: .35em .1em .35em 22px;
|
||||
}
|
||||
|
||||
button {
|
||||
background-position: 5px 0;
|
||||
margin-left: 0;
|
||||
margin-right: -20px;
|
||||
position: relative;
|
||||
}
|
||||
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;
|
||||
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 {
|
||||
padding: .1em .35em;
|
||||
}
|
||||
|
||||
div:only-child {
|
||||
border-top: 1px solid @ini_background;
|
||||
border-bottom: 1px solid @ini_border;
|
||||
}
|
||||
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:first-child {
|
||||
border-top: 1px solid @ini_background;
|
||||
}
|
||||
|
||||
div:last-child {
|
||||
border-bottom: 1px solid @ini_border;
|
||||
}
|
||||
div:last-child {
|
||||
border-bottom: 1px solid @ini_border;
|
||||
}
|
||||
|
||||
.bcsep {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
.bcsep {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
/* sidebar
|
||||
********************************************************************/
|
||||
|
||||
.dokuwiki .aside {
|
||||
font-size: 0.875em;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
font-size: 0.875em;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
|
||||
/* make sidebar more condensed */
|
||||
/* make sidebar more condensed */
|
||||
|
||||
h1 {
|
||||
font-size: 1.714em;
|
||||
margin-bottom: .292em;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.714em;
|
||||
margin-bottom: .292em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: .333em;
|
||||
}
|
||||
h2 {
|
||||
margin-bottom: .333em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: .444em;
|
||||
}
|
||||
h3 {
|
||||
margin-bottom: .444em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
h4 {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin-bottom: .5714em;
|
||||
}
|
||||
h5 {
|
||||
margin-bottom: .5714em;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
dl,
|
||||
pre,
|
||||
table,
|
||||
fieldset,
|
||||
hr,
|
||||
blockquote,
|
||||
address {
|
||||
margin-bottom: .7em;
|
||||
}
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
dl,
|
||||
pre,
|
||||
table,
|
||||
fieldset,
|
||||
hr,
|
||||
blockquote,
|
||||
address {
|
||||
margin-bottom: .7em;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding-left: .5em;
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
padding-left: .5em;
|
||||
}
|
||||
|
||||
li ul,
|
||||
li ol {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li ul,
|
||||
li ol {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited {
|
||||
color: @ini_link;
|
||||
background-color: inherit;
|
||||
}
|
||||
a:link,
|
||||
a:visited {
|
||||
color: @ini_link;
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] .dokuwiki .aside ul,
|
||||
[dir=rtl] .dokuwiki .aside ol {
|
||||
padding-right: .5em;
|
||||
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;
|
||||
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;
|
||||
}
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
[dir=rtl] .dokuwiki .pageId {
|
||||
float: left;
|
||||
margin-left: -1em;
|
||||
margin-right: 0;
|
||||
float: left;
|
||||
margin-left: -1em;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* footer
|
||||
********************************************************************/
|
||||
|
||||
.dokuwiki .wrapper {
|
||||
margin-bottom: 1.4em;
|
||||
margin-bottom: 1.4em;
|
||||
}
|
||||
|
||||
#dokuwiki__footer {
|
||||
margin-bottom: 1em;
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
text-align: center;
|
||||
|
||||
> .pad {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
> .pad {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
div.license {
|
||||
margin-bottom: 0.5em;
|
||||
font-size: 100%;
|
||||
}
|
||||
div.license {
|
||||
margin-bottom: 0.5em;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
div.buttons a {
|
||||
img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
div.buttons a {
|
||||
img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&:hover img,
|
||||
&:active img,
|
||||
&:focus img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&:hover img,
|
||||
&:active img,
|
||||
&:focus img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
[dir=rtl] #dokuwiki__footer .license img {
|
||||
margin: 0 0 0 .5em;
|
||||
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;
|
||||
}
|
||||
body.darkmode div.license {
|
||||
background-color: @ini_background_alt_dark;
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
}
|
||||
76
templates/55/ad-hominem/css/geshi.less
Normal file
76
templates/55/ad-hominem/css/geshi.less
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
/**
|
||||
* This file overrides syntax highlighting colours
|
||||
*
|
||||
* @author Sascha Leib <ad@hominem.info>
|
||||
**/
|
||||
|
||||
main .code {
|
||||
.co0 { color: #545454 }
|
||||
.co4 { color: #AD0000 }
|
||||
.es5 { color: #005C8A }
|
||||
.es6 { color: #006120 }
|
||||
.kw2 { color: #000000 } /* no change */
|
||||
.kw5 { color: #006600 }
|
||||
.kw6 { color: #A8005A }
|
||||
.me0 { color: #004000 } /* no change */
|
||||
.nu0 { color: #8A2E8A }
|
||||
.re0 { color: #0000ff }
|
||||
.re3 { color: #AD0000 }
|
||||
.re4 { color: #006161 }
|
||||
.re5 { color: #660033 } /* no change */
|
||||
.re7 { color: #991111 } /* no change */
|
||||
.re8 { color: #005200 }
|
||||
.sc-2 { color: #404040 } /* no change */
|
||||
.sy3 { color: #000040 } /* no change */
|
||||
.br0, .sy0 { color: #216321; }
|
||||
.co1, .coMULTI, .sc-1 { color: #545454 }
|
||||
.co2, .sy1 { color: #216321 }
|
||||
.co3, .sy4 { color: #006161 }
|
||||
.es0, .es1, .esHARD { color: #000099 } /* no change */
|
||||
.es2, .es3, .es4 { color: #660099 } /* no change */
|
||||
.kw1, .kw8 { color: #855c0d }
|
||||
.kw10, .kw11, .kw12, .kw9 { color: #003399 }
|
||||
.kw13, .kw14, .kw15, .kw16, .me1, .me2 { color: #006600 } /* no change */
|
||||
.kw3, .kw7, .sy2 { color: #000066 } /* no change */
|
||||
.kw4, .re2 { color: #993333 } /* no change */
|
||||
.re1, .st0, .st_h { color: #E60000 }
|
||||
.ln-xtra { background-color: @ini_highlight }
|
||||
}
|
||||
|
||||
/* dark mode overrides */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body.darkmode main .code {
|
||||
|
||||
.co0 { color: #A6A6A6 }
|
||||
.co4 { color: #FF8080 }
|
||||
.es5 { color: #0FAFFF }
|
||||
.es6 { color: #00C241 }
|
||||
.kw2 { color: #EEEEEE }
|
||||
.kw5 { color: #52FF52 }
|
||||
.kw6 { color: #FF99CC }
|
||||
.me0 { color: #00C200 }
|
||||
.nu0 { color: #D98CD9 }
|
||||
.re0 { color: #9E9EFF }
|
||||
.re3 { color: #FF8080 }
|
||||
.re4 { color: #00CCCC }
|
||||
.re5 { color: #FF7ABD }
|
||||
.re7 { color: #F28888 }
|
||||
.re8 { color: #38FF38 }
|
||||
.sc-2 { color: #A6A6A6 }
|
||||
.sy3 { color: #9E9EFF }
|
||||
.br0, .sy0 { color: #66cc66 } /* no change */
|
||||
.co1, .coMULTI, .sc-1 { color: #DDDDDD }
|
||||
.co2, .sy1 { color: #94DB94 }
|
||||
.co3, .sy4 { color: #00EBEB }
|
||||
.es0, .es1, .esHARD { color: #A8A8FF }
|
||||
.es2, .es3, .es4 { color: #D685FF }
|
||||
.kw1, .kw8 { color: #D6D600 }
|
||||
.kw10, .kw11, .kw12, .kw9 { color: #B8CEFF }
|
||||
.kw13, .kw14, .kw15, .kw16, .me1, .me2 { color: #00FF00 }
|
||||
.kw3, .kw7, .sy2 { color: #CCCCFF }
|
||||
.kw4, .re2 { color: #ECC5C5 }
|
||||
.re1, .st0, .st_h { color: #FF8080 }
|
||||
.ln-xtra { background-color: @ini_highlight_dark }
|
||||
}
|
||||
}
|
||||
|
|
@ -418,7 +418,7 @@ div.no {
|
|||
margin: 1em .25em 0 1em;
|
||||
}
|
||||
#navBreadCrumbs {
|
||||
margin-left: .5em;
|
||||
margin: 1em .25em 0 1em;
|
||||
}
|
||||
#navBreadCrumbs ol {
|
||||
list-style: decimal outside;
|
||||
|
|
@ -521,7 +521,7 @@ body.home #navYouAreHere ol li:last-child {
|
|||
line-height: 1.5em;
|
||||
text-align: left;
|
||||
max-width: @ini_toc_width;
|
||||
background-color: transparent;
|
||||
background-color: @ini_background;
|
||||
border: transparent none 0;
|
||||
border-left: @ini_border solid 1pt;
|
||||
}
|
||||
|
|
@ -929,6 +929,11 @@ body.mediadetail {
|
|||
|
||||
body.darkmode {
|
||||
|
||||
#toc {
|
||||
background-color: @ini_background_dark;
|
||||
border-left: @ini_border_dark solid 1pt;
|
||||
}
|
||||
|
||||
& { background-color: @ini_background_site_dark; color: @ini_text_dark; }
|
||||
#skip-link a { background-color: @ini_background_dark;color: @ini_link_dark;}
|
||||
#navYouAreHere ol {
|
||||
|
|
@ -1033,7 +1038,7 @@ body.mediadetail {
|
|||
#header-layout > header {
|
||||
margin: 0;
|
||||
grid-template-columns: e("repeat(2, auto)");
|
||||
grid-template-rows: e("repeat(4, auto)");
|
||||
grid-template-rows: e("repeat(4, auto)");
|
||||
}
|
||||
#header-layout > header #siteLogo {
|
||||
grid-column: 1;
|
||||
|
|
@ -1044,11 +1049,11 @@ body.mediadetail {
|
|||
grid-column: 2;
|
||||
}
|
||||
#header-layout>header #globalTools ul li {
|
||||
display: block;
|
||||
margin-bottom: .5em;
|
||||
display: block;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
#header-layout>header #globalTools ul li:before {
|
||||
content: '';
|
||||
content: '';
|
||||
}
|
||||
#header-layout>header #phSearch {
|
||||
grid-row: 2;
|
||||
|
|
@ -1192,7 +1197,7 @@ body.mediadetail {
|
|||
display: initial;
|
||||
}
|
||||
.toggle.auto .tg_content {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toc.hide h3::after,
|
||||
|
|
@ -1220,22 +1225,22 @@ body.mediadetail {
|
|||
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;
|
||||
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;
|
||||
border-bottom-color: @ini_border_dark;
|
||||
}
|
||||
&::after {
|
||||
border-bottom-color: @ini_background_dark;
|
||||
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);
|
||||
background: @ini_link_dark;
|
||||
background-image: linear-gradient(to right, @ini_background_dark, @ini_headlines_dark, @ini_background_dark);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1297,12 +1302,12 @@ body.mediadetail {
|
|||
}
|
||||
|
||||
main blockquote {
|
||||
margin-left: .15em;
|
||||
margin-right: 0;
|
||||
margin-left: .15em;
|
||||
margin-right: 0;
|
||||
}
|
||||
main ul, main ol {
|
||||
margin-left: .5em;
|
||||
margin-right: 0;
|
||||
padding-left: .75em;
|
||||
margin-left: .5em;
|
||||
margin-right: 0;
|
||||
padding-left: .75em;
|
||||
}
|
||||
}
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
* This contains the content styling
|
||||
* @author Sascha Leib <sascha@leib.be>
|
||||
*/
|
||||
|
||||
|
||||
/* general link styles */
|
||||
a:link {
|
||||
color: @ini_link;
|
||||
|
|
@ -30,7 +30,7 @@ a.wikilink2:visited {
|
|||
a.media:link,
|
||||
a.media:visited {
|
||||
display: block;
|
||||
line-height: 0;
|
||||
line-height: initial;
|
||||
}
|
||||
|
||||
/* in-page links */
|
||||
|
|
@ -56,4 +56,4 @@ footer #ftInclude a.wikilink1:visited {
|
|||
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; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,118 +7,118 @@
|
|||
*/
|
||||
|
||||
#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;
|
||||
/* 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;
|
||||
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);
|
||||
@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;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
font-size: 0.875em;
|
||||
|
||||
a {
|
||||
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;
|
||||
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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
}
|
||||
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;
|
||||
// on interaction show the full item
|
||||
a:active,
|
||||
a:focus,
|
||||
a:hover {
|
||||
background-color: @ini_background_alt;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: @ini_link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
svg {
|
||||
fill: @ini_link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] & {
|
||||
right: auto;
|
||||
left: (-1 * @item-width);
|
||||
[dir=rtl] & {
|
||||
right: auto;
|
||||
left: (-1 * @item-width);
|
||||
|
||||
div.tools {
|
||||
ul {
|
||||
right: auto;
|
||||
left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
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;
|
||||
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;
|
||||
}
|
||||
}
|
||||
li a span {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,4 +25,67 @@
|
|||
padding: .25em .5em;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/* redirect plugin (dark mode override): */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body.darkmode div.noteredirect {
|
||||
background-color: #2A4456;
|
||||
}
|
||||
}
|
||||
|
||||
/* move plugin: */
|
||||
|
||||
main #plugin_move__progress #plugin_move__preview span {
|
||||
color: @ini_link;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body.darkmode #plugin_move__progress #plugin_move__preview span {
|
||||
color: @ini_link_dark;
|
||||
}
|
||||
body.darkmode #plugin_move__tree ul.tree_list li div:hover {
|
||||
background-color: @ini_background_alt_dark;
|
||||
}
|
||||
|
||||
body.darkmode .ui-widget-content {
|
||||
border-color: @ini_border_dark;
|
||||
background-color: @ini_background_site_dark;
|
||||
color: @ini_text_alt_dark;
|
||||
}
|
||||
|
||||
body.darkmode .ui-widget.ui-widget-content {
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
body.darkmode .ui-widget-header {
|
||||
color: @ini_text_dark;
|
||||
background: @ini_background_alt_dark none 50% 50% repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
/* searchIndex Manager plugin (dark mode overrides): */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body.darkmode #plugin__searchindex_msg {
|
||||
background-color: @ini_background_site_dark;
|
||||
color: @ini_text_alt_dark;
|
||||
border-color: @ini_border_dark;
|
||||
}
|
||||
}
|
||||
|
||||
/* Translations plugin: */
|
||||
|
||||
table#outdated_translations {
|
||||
td.missing { background-color: #fdd; }
|
||||
td.current { background-color: #dfd; }
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body.darkmode table#outdated_translations {
|
||||
td.missing { background-color: #300; }
|
||||
td.current { background-color: #030; }
|
||||
}
|
||||
}
|
||||
|
|
@ -108,6 +108,7 @@ main {
|
|||
-moz-box-shadow: 0 0 0 0 transparent;
|
||||
-webkit-box-shadow: 0 0 0 0 transparent;
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
font-variant-ligatures: common-ligatures discretionary-ligatures;
|
||||
}
|
||||
|
||||
/* headlines */
|
||||
|
|
@ -376,27 +377,35 @@ main img {
|
|||
}
|
||||
|
||||
/* footnotes */
|
||||
main div.footnotes {
|
||||
margin-top: 1.5em;
|
||||
.dokuwiki div.footnotes {
|
||||
border-top: transparent 0 none;
|
||||
font-size: smaller;
|
||||
}
|
||||
main div.footnotes div.fn {
|
||||
display: grid;
|
||||
grid-template-columns: 1.5em auto;
|
||||
grid-gap: .25em;
|
||||
|
||||
.dokuwiki sup a.fn_top {
|
||||
color: #000;
|
||||
}
|
||||
main div.footnotes div.fn > sup {
|
||||
vertical-align: baseline;
|
||||
font-size: smaller;
|
||||
text-align: right;
|
||||
.dokuwiki sup a.fn_top::after {
|
||||
font-size: 1.0rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
#main-content h1 + div > p:first-child sup a.fn_top::after {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dokuwiki div.footnotes > .fn .fn_bot {
|
||||
color: #000;
|
||||
}
|
||||
.dokuwiki div.footnotes > .fn .fn_bot::after {
|
||||
font-size: .833rem;
|
||||
}
|
||||
|
||||
main div.footnotes:before {
|
||||
content: ' ';
|
||||
display: block;
|
||||
width: 33%;
|
||||
width: 50%;
|
||||
min-width: 5em;
|
||||
border-top: @ini_text solid .5pt;
|
||||
border-top: #000 solid .5pt;
|
||||
height: .5em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,86 +4,86 @@
|
|||
* @author Anika Henke <anika@selfthinker.org>
|
||||
*/
|
||||
body {
|
||||
margin: 0 auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#dokuwiki__site {
|
||||
margin: 0 auto;
|
||||
max-width: @ini_site_width;
|
||||
margin: 0 auto;
|
||||
max-width: @ini_site_width;
|
||||
}
|
||||
|
||||
#dokuwiki__site > .site {
|
||||
padding: 0 .5em;
|
||||
padding: 0 .5em;
|
||||
}
|
||||
|
||||
#dokuwiki__header {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
|
||||
.headings {
|
||||
float: left;
|
||||
}
|
||||
.headings {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tools {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.tools {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] #dokuwiki__header {
|
||||
.headings {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.headings {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.tools {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.tools {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
#dokuwiki__site .wrapper {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#dokuwiki__aside {
|
||||
width: @ini_sidebar_width;
|
||||
float: left;
|
||||
position: relative;
|
||||
display: block;
|
||||
width: @ini_sidebar_width;
|
||||
float: left;
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
> .pad {
|
||||
margin: 0 1.5em 0 0;
|
||||
}
|
||||
> .pad {
|
||||
margin: 0 1.5em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] #dokuwiki__aside {
|
||||
float: right;
|
||||
> .pad {
|
||||
margin: 0 0 0 1.5em;
|
||||
}
|
||||
float: right;
|
||||
> .pad {
|
||||
margin: 0 0 0 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.showSidebar #dokuwiki__content {
|
||||
float: right;
|
||||
margin-left: (-1 * @ini_sidebar_width);
|
||||
width: 100%;
|
||||
float: right;
|
||||
margin-left: (-1 * @ini_sidebar_width);
|
||||
width: 100%;
|
||||
|
||||
> .pad {
|
||||
margin-left: @ini_sidebar_width;
|
||||
}
|
||||
> .pad {
|
||||
margin-left: @ini_sidebar_width;
|
||||
}
|
||||
}
|
||||
|
||||
[dir=rtl] .showSidebar #dokuwiki__content {
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
margin-right: (-1 * @ini_sidebar_width);
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
margin-right: (-1 * @ini_sidebar_width);
|
||||
|
||||
> .pad {
|
||||
margin-left: 0;
|
||||
margin-right: @ini_sidebar_width;
|
||||
}
|
||||
> .pad {
|
||||
margin-left: 0;
|
||||
margin-right: @ini_sidebar_width;
|
||||
}
|
||||
}
|
||||
|
||||
#dokuwiki__footer {
|
||||
clear: both;
|
||||
clear: both;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,50 +1,50 @@
|
|||
#dokuwiki__usertools {
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
right: 40px; // pagetool width
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
right: 40px; // pagetool width
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
|
||||
ul {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: @ini_site_width;
|
||||
}
|
||||
ul {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: @ini_site_width;
|
||||
}
|
||||
|
||||
li.action a {
|
||||
display: inline-flex;
|
||||
flex-direction: row-reverse;
|
||||
flex-wrap: nowrap;
|
||||
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;
|
||||
}
|
||||
}
|
||||
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;
|
||||
}
|
||||
}
|
||||
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;
|
||||
text-align: left;
|
||||
left: 40px; // pagetool width
|
||||
right: auto;
|
||||
|
||||
|
||||
li.action a {
|
||||
li.action a {
|
||||
|
||||
svg {
|
||||
margin-right: 0;
|
||||
margin-left: 0.2em;
|
||||
}
|
||||
}
|
||||
svg {
|
||||
margin-right: 0;
|
||||
margin-left: 0.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue