EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'master' into pageattributes

Browse source 
Adjusted some more files to account for changes in the over 100 commits
in master since the creation of this branch.

SPR-869
This commit is contained in:
Michael Große 2017-04-11 16:13:02 +02:00
commit 3f9d4d521a
No known key found for this signature in database
GPG key ID: 7E31028FBFEACC79
85 changed files with 4162 additions and 1910 deletions
Download patch file Download diff file Expand all files Collapse all files

26
css/area_content.less
View file

@ -21,8 +21,8 @@
height: @page-header_height;
box-sizing: border-box;
width: 100%;
background-color: @background_page-header;
border-bottom: 1px solid @color-border-light;
background-color: @ini_background_page_header;
border-bottom: 1px solid @ini_border_light;
}
#plugin__highlightparent {
@ -33,28 +33,6 @@
}
.structaggregation {
td,
th {
line-height: @line-height-default;
a {
line-height: @line-height-default;
}
}
> a.export {
line-height: 135%;
padding-top: .5em;
}
}
.dokuwiki .structaggregation a.export {
padding-top: .3em;
}
.main-content > .level2,
.main-content > .level1,
.main-content > .level3,

69
css/area_footer.less
View file

@ -11,48 +11,69 @@
@media screen {
.page-footer {
min-height: @page-header_height;
background-color: @background_page-header;
border-top: 1px solid @color-border-light;
background-color: @ini_background_page_header;
border-top: 1px solid @ini_border_light;
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_background_page_footer;
font-size: @font-size-default;
text-align: right;
padding: @margin-small @margin-default;
*,
a:link,
a:visited {
color: inherit;
}
bdi {
font-weight: bold;
}
}
#dokuwiki__footer {
.main-footer {
position: relative;
z-index: 2;
box-sizing: border-box;
background-color: @color-site-bg;
background-color: @ini_background;
}
p {
color: @ini_text_webframe;
font-size: @font-size-default;
margin: 0;
}
a {
color: @ini_nav_menu_color;
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1024px */
@media @screen_min-md {
#dokuwiki__footer {
.col-xs-12 {
float: right;
width: 100%;
}
.main-footer {
padding: @margin-default 0;
}
}
.showSidebar {
#dokuwiki__footer {
.col-xs-12 {
width: 73%;
width: @ini_site_width;
}
}
}
.wide-content {
&.showSidebar {
#dokuwiki__footer {
@ -63,8 +84,11 @@
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */
@media @screen_max-md {
#dokuwiki__footer {
.main-footer {
@ -73,3 +97,38 @@
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 768px */
@media @screen_max-xs {
.page-footer {
padding-left: @margin-small;
padding-right: @margin-small;
}
#dokuwiki__footer {
.main-footer {
> * {
padding-left: 0;
padding-right: 0;
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 480px */
@media @screen_max-xxs {
#dokuwiki__footer {
.main-footer {
> * {
padding-left: @margin-small;
padding-right: @margin-small;
}
}
}
}

336
css/area_forms.less Normal file
View file

@ -0,0 +1,336 @@
/**
* This file provides the design styles for forms.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
form {
display: inline;
margin: 0;
padding: 0;
// multiline label
fieldset > label.block > span:first-child {
display: inline-block;
@media @screen_min-lg {
width: 48.8%;
}
@media @screen_max-lg {
width: 48.5%;
}
}
// older version (history)
.dokuwiki & > .no > ul > li {
min-height: 2rem;
vertical-align: baseline;
a,
span,
img {
vertical-align: baseline;
}
img {
margin-left: 4px;
margin-right: 4px;
}
input[type="checkbox"] {
margin-bottom: .2rem;
}
span.user bdi {
a {
vertical-align: baseline;
}
}
}
}
fieldset {
font-size: @font-size-default;
line-height: 140%;
border: 1px solid @ini_text_alt;
padding: .7rem 1rem;
> :last-child {
margin-bottom: 0;
}
+ p {
padding-top: 1rem;
}
}
legend {
margin: 0;
padding: 0 .1em;
}
label {
vertical-align: baseline;
cursor: pointer;
}
input,
textarea,
button,
select,
optgroup,
option,
keygen,
output,
meter,
progress {
font: inherit;
font-weight: normal;
color: #333;
background-color: #fff;
line-height: normal;
margin: 0;
vertical-align: middle;
box-sizing: border-box;
}
select {
max-width: 100%;
}
textarea.edit {
font-size: @font-size-default;
}
optgroup {
font-style: italic;
font-weight: bold;
}
option {
font-style: normal;
font-weight: normal;
}
input,
textarea,
select,
keygen {
min-height: @formfield_min-height;
border: 1px solid @ini_border;
box-shadow: inset 0 0 1px #eee;
border-radius: @fix_border-radius;
padding-left: .3rem;
padding-right: .3rem;
}
input:active,
input:focus,
textarea:active,
textarea:focus,
select:active,
select:focus,
keygen:active,
keygen:focus {
border-color: #999;
}
input[type="radio"],
input[type="checkbox"],
input[type="image"] {
padding: 0;
border-style: none;
box-shadow: none;
}
input[type="file"] {
padding-top: .1rem;
padding-bottom: .1rem;
}
/* + + + + + buttons + + + + + */
button {
background-color: #eee;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
border: 1px solid #ccc;
border-radius: @fix_border-radius;
color: #333;
padding: .1em .5em;
cursor: pointer;
transition: @transition background-color, @transition color;
&:hover,
&:focus,
&:active {
background-color: #ddd;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
border-color: #999;
}
}
/* + + + all types of submit-buttons + + + */
form input[type=submit], // heredity 'adnewpage'
a.button,
input[type=submit],
input[type=reset],
button[type=submit],
.qq-upload-button {
cursor: pointer;
box-shadow: none;
background-image: none;
background-color: @ini_button_background;
border: 1px solid @ini_button_background;
border-radius: @fix_border-radius;
color: @ini_button_color;
vertical-align: top;
padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: @ini_button_color;
color: @ini_button_background;
}
}
button[type='reset'] {
min-height: 2rem;
vertical-align: middle;
padding: .3em 1rem;
}
input[type=submit],
button[type=submit] {
min-height: 2rem;
vertical-align: middle;
&[disabled] {
cursor: default;
&:hover,
&:active,
&:focus {
box-shadow: none;
background-image: none;
background-color: @ini_button_background;
color: @ini_button_color;
border-color: @ini_button_background;
}
}
+ span {
display: block;
margin-top: @grid;
}
}
/* + + + all types of buttons not being submit-buttons + + + */
input.button,
input[type=button] {
cursor: pointer;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
background-color: #eee;
border: 1px solid #ccc;
border-radius: @fix_border-radius;
color: #333;
padding: .1em .5em;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: #ddd;
border-color: #999;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
}
}
/* + + + all disabled buttons + + + */
input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
option[disabled],
input[readonly],
button[readonly],
select[readonly],
textarea[readonly] {
cursor: auto;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
background-color: #eee;
opacity: .5;
border: 1px solid @ini_border;
border-radius: @fix_border-radius;
color: #333;
font-weight: normal;
padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: #ddd;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
border-color: #999;
color: #333;
}
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries - Styles for auth forms */
@media @screen_max-xs {
.tpl_sprintdoc {
#dw__login,
#dw__register,
#dw__resendpwd {
fieldset {
width: 100%;
label.block {
text-align: left;
> span:first-child {
width: 100%;
}
input.edit {
width: 100%;
margin-top: .5rem;
}
}
}
}
#dw__login {
label[for="remember__me"] {
width: 100%;
margin-left: 0;
}
}
}
}

170
css/area_header.less
View file

@ -3,45 +3,151 @@
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__header {
@header-font-opacity: 1;
.menu-togglelink {
border: 1px solid @color-border;
border-radius: @border-radius;
text-align: center;
margin: @very-small-spacing -(@very-small-spacing) 0 0;
font-size: @font-size-small;
min-height: 2em;
min-width: 2em;
box-sizing: border-box;
line-height: 2em;
cursor: pointer;
background-color: #fff;
text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color;
svg {
height: @font-size-default + (@font-scale-factor * 4);
width: @font-size-default + (@font-scale-factor * 4);
/* + + + wiki logo + + + */
@media @screen_min-md {
div.claim {
display: table-cell;
height: 100%;
vertical-align: middle;
path {
fill: @color-nav
}
}
&:hover,
&:active,
&:focus {
background-color: @button_color;
border-color: @button_background;
svg path {
fill: @button_background;
.logo {
padding: 1rem 0 .3rem;
img {
height: 4.6rem;
width: auto;
border-style: solid;
border-color: transparent;
border-width: 2px 0;
}
a:hover,
a:focus,
a:active {
img {
border-width: 0;
}
}
}
}
@media @screen_max-md {
.logo {
display: table-cell;
.mobile-only {
margin: .8rem 1rem .6rem 0;
}
}
}
/* + + + wiki title + claim + + + */
.main-title.desktop-only {
@media @screen_min-md {
display: table-cell;
vertical-align: middle;
}
@media @screen_max-md {
display: block;
}
p.title {
@media @screen_max-md {
display: none;
}
}
p.claim {
@media @screen_max-md {
display: block;
padding-bottom: 1rem;
}
}
}
.main-title:not([class*="desktop-only"]) {
@media @screen_max-md {
display: table-cell;
vertical-align: middle;
}
}
/* + + + wiki title + + + */
p.title {
background-color: @ini_background;
opacity: @header-font-opacity;
color: @ini_text_webframe;
line-height: @line-height-default;
margin-bottom: .5rem;
@media @screen_min-md {
font-size: @font-size-big;
}
@media @screen_max-md {
font-size: (@font-size-default + .25);
padding-top: .5rem;
padding-left: 1rem;
}
}
/* + + + wiki claim + + + */
p.claim {
opacity: @header-font-opacity;
color: @ini_text_webframe;
font-size: @font-size-default;
margin-bottom: 0;
@media @screen_max-md {
padding-top: .5rem;
}
}
/* + + + mobile nav togglelink + + + */
.menu-togglelink {
margin: .45rem -(@very-small-spacing) 0 0;
a {
.fontello();
.icon-menu();
display: block;
min-height: @toggle-size;
min-width: @toggle-size;
box-sizing: border-box;
background-color: #fff;
border: 1px solid @ini_border;
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_nav_menu_color;
font-size: 1rem;
text-align: center;
text-decoration: none;
line-height: 1;
transition: @transition color, @transition background-color, @transition border-color;
&::before {
font-size: 1.5rem;
margin: .1rem 0 0;
}
&:hover,
&:active,
&:focus {
background-color: @ini_nav_menu_hover_bg;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_color;
}
}
}
}

52
css/area_main-content-secedit.less
View file

@ -1,33 +1,33 @@
/**
* This styles the section editing buttons and highlighting
*/
#dokuwiki__content.main-content {
@button-margin: .5rem; // FIXME shouldn't we have something in our base.less for this?
#dokuwiki__content.main-content {
div.section_highlight {
clear: right; // FIXME why?
clear: right;
background: repeating-linear-gradient(
-45deg,
transparent,
transparent 10px,
@ini_background_alt 10px,
@ini_background_alt 20px,
@highlight-odd-ini_text,
@highlight-odd-ini_text 10px,
@highlight-even-ini_text 10px,
@highlight-even-ini_text 20px,
);
}
.secedit button {
clear: both;
font-size: 100%;
margin-top: @button-margin;
margin-bottom: @button-margin;
border-color: @ini_background_page_header;
}
.editbutton_section {
float: right;
margin-top: 0;
position: relative;
z-index: 2;
top: 0;
float: right;
margin-top: 0;
form div.no {
button {
padding-right: 0;
}
}
button {
background-color: transparent;
@ -36,20 +36,30 @@
&::after {
content: '';
float: right;
display: inline-block;
background: transparent url("svg.php?svg=pencil.svg&f=link") center center no-repeat;
background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
height: 1em;
width: 1em;
background-size: contain;
margin-left: @button-margin;
border: solid 2px transparent;
border-radius: @ini_default_border_radius;
margin-left: @small-spacing;
margin-top: -1px;
}
&:hover,
&:active,
&:focus {
background-color: @button_color;
color: @button_background;
border-color: @button_background;
//background-color: @ini_existing;
color: @ini_existing;
//border-color: @ini_existing;
&::after {
background-color: @ini_existing;
background-image: url("svg.php?svg=pencil.svg&f=background_content");
border-color: @ini_existing;
}
}
}
}

25
css/area_main-content.less
View file

@ -4,39 +4,52 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__content.main-content {
#dokuwiki__content.main-content {
.level2 {
p a.media {
img {
border: 1px dotted @color-site-bg;
border: 1px dotted @ini_background;
}
&:hover, &:focus, &:active {
&:hover,
&:focus,
&:active {
img {
border: 1px solid @color-link;
border: 1px solid @ini_existing;
}
}
}
}
> div,
.section_highlight > div {
> ul,
> ol {
&:not([class="tabs"]) > li {
margin-bottom: @small-spacing;
}
}
}
.wikipagefooter {
> hr {
margin-top: 3em;
margin-bottom: 0.5em;
border-top: dashed @color-border-light 2px;
margin-bottom: .5em;
border-top: dashed @ini_border_light 2px;
border-bottom: none;
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */

46
css/area_main-sidebar-content.less
View file

@ -1,14 +1,18 @@
/**
* This file provides the design styles the non-navigational elements in the sidebar
*/
#dokuwiki__aside {
// do not indent the first level of lists
// and use less indention in deeper levels
ul, ol {
ul,
ol {
padding-left: 0;
ul, ol {
ul,
ol {
padding-left: @margin-small;
li {
@ -17,3 +21,41 @@
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */
@media @screen_max-md {
#dokuwiki__aside {
display: none;
}
body.show-mobile-sidebar {
#dokuwiki__aside {
display: block !important;
position: absolute;
left: 1.25rem; //left margin of content container
z-index: 200; // above all
box-shadow: @box-shadow-right-bottom;
min-width: 45%;
max-width: 90%;
height: auto;
&:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: @ini_background;
background: -webkit-linear-gradient(left, @ini_background, @ini_background_content);
background: linear-gradient(left, @ini_background, @ini_background_content);
z-index: 0;
}
}
}
}

292
css/area_main-sidebar-nav.less
View file

@ -4,36 +4,101 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
* @author Andreas Gohr <gohr@cosmocode.de>
*/
#dokuwiki__aside {
@icon-size: @font-size-big;
@menu-margin: @icon-size + @margin-small*2; // FIXME this is still wrong
nav > p,
.mmissuelist li,
.mmissuelist div {
color: @ini_nav_menu_color;
&.noissue {
color: @ini_text_webframe;
* {
color: inherit;
}
}
}
nav {
li {
color: @ini_nav_menu_color;
> div {
color: @ini_text_webframe;
}
}
}
/* jira itemlist */
.mmissuelist {
li {
&.noissue {
list-style-type: none;
margin-left: 0;
}
a {
display: inline-block;
}
}
img {
vertical-align: bottom;
margin-right: .3rem;
}
.mm__status {
padding-left: .3rem;
padding-right: .3rem;
}
form {
vertical-align: text-top;
}
}
> * {
margin-left: @menu-margin; // moves *all* sidebar content to the right
}
a {
&:link,
&:visited {
opacity: .9;
color: @ini_nav_menu_color;
}
* {
color: inherit;
}
}
// the toggle element
a.nav {
font-size: @font-size-head6;
margin: 0 0 @font-size-head6;
.display-flex();
.align-items();
cursor: pointer;
font-weight: normal;
margin-left: (@menu-margin * -1); // moves the toggles back to the left
color: @color-nav;
height: @icon-size + @margin-small;
opacity: 1;
border: 1px solid transparent;
border-radius: @fix_border-radius;
color: @ini_nav_menu_color;
font-size: @font-size-head6;
font-weight: normal;
margin: -1px 0 (@font-size-head6 / 2) (@menu-margin * -1); // moves the toggles back to the left
transition: @transition color, @transition background-color, @transition border-color;
height: @icon-size + @margin-small;
display: flex;
display: -ms-flexbox;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
span {
display: inline-block;
vertical-align: middle;
color: inherit;
}
span.lbl {
@ -44,10 +109,10 @@
width: @menu-margin;
height: @icon-size;
flex-grow: 0;
border-right: 1px solid @color-border;
border-right: 1px solid @ini_nav_menu_color;
text-align: center;
margin-right: @margin-small;
color: @color-nav;
color: inherit;
// simple fake icon
strong {
@ -59,19 +124,21 @@
margin: @icon-size * 0.05;
vertical-align: baseline;
text-align: center;
color: @color-nav;
border: 2px solid @color-nav;
color: inherit;
border: 2px solid @ini_nav_menu_color;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
transition: @transition border-color;
}
// real icon
svg {
width: @icon-size;
height: @icon-size;
path {
fill: @color-nav;
fill: @ini_nav_menu_color;
transition: @transition all;
}
}
}
@ -79,18 +146,23 @@
&:hover,
&:focus,
&:active {
background-color: @button_color;
border-color: @button_background;
color: @button_background;
background-color: @ini_nav_menu_hover_bg;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_color;
text-decoration: none;
span.ico strong {
color: @button_background;
border-color: @button_background;
}
span.ico {
border-color: inherit;
span.ico svg path {
fill: @button_background;
strong {
border-color: inherit;
}
svg {
path {
fill: @ini_nav_menu_hover_color;
}
}
}
}
}
@ -98,53 +170,97 @@
// the panel (hidden by default)
div.nav-panel {
display: none;
margin-top: .5rem;
ul {
margin-bottom: 1rem;
ul {
margin-bottom: 0;
}
}
}
}
/**
* Sidebar handling in mobile view
*/
@media @screen_max-md {
// hide on medium and smaller screens
/* + + + + + + wide page content border-bottom between a.nav (short width) + + + + +
.wide-content {
#dokuwiki__aside {
display: none;
}
a.nav {
position: relative;
// show when toggled
body.show-mobile-sidebar {
#dokuwiki__aside {
display: block;
position: absolute;
left: 1.25rem;//left margin of content container
z-index: 200; // above all
box-shadow: @box-shadow-right-bottom;
min-width: 45%;
max-width: 90%;
height: auto;
&:after{
content: "";
&::after {
content: '';
position: absolute;
top: 0;
left:0;
bottom:0;
right:0;
bottom: -1px;
left: 0;
width: 100%;
height: 100%;
background: @ini_background;
background: -webkit-linear-gradient(left, @ini_background, @color-content-bg);
background: linear-gradient(left, @ini_background, @color-content-bg);
z-index: 0;
height: 1px;
border-bottom: solid 1px @ini_border;
}
> nav{
&:hover,
&:focus,
&:active {
&::after {
display: none;
}
}
}
}
} */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
#dokuwiki__aside {
nav {
li:not([class]),
.li {
font-size: @font-size-head6;
padding: .15em 0;
* {
font-size: inherit;
font-weight: inherit;
}
a {
font-size: (@font-size-head6 - .05);
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */
@media @screen_max-md {
// show when toggled
body.show-mobile-sidebar {
.search.main-sidebar {
display: block !important;
position: relative;
form {
margin-bottom: 1rem;
.no {
display: block;
}
}
}
#dokuwiki__aside {
> nav {
position: relative;
//display: block;
z-index: 2;
&:first-child{
&:first-child {
margin-top: 1.2rem;
}
}
@ -154,53 +270,23 @@
border-right-width: 0;
border-left-width: 0;
}
.nav-panel,
a.nav{
a.nav {
padding-right: .8em;
}
}
}
}
// FIXME check if the stuff below is still relevant
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
#dokuwiki__aside.main-sidebar {
.nav-main {
.li {
font-size: @font-size-default;
padding: .1em 0;
* {
font-size: inherit;
font-weight: inherit;
}
}
> ul > li > .li {
font-size: @font-size-default;
* {
font-size: inherit;
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */
/* max-width: 1439px */
@media @screen_max-xlg {
#dokuwiki__aside.main-sidebar {
.nav-main {
#dokuwiki__aside {
nav {
li:not([class]),
.li {
font-size: @font-size-default;
padding: .15em 0 .15em .25rem;
@ -210,14 +296,6 @@
font-weight: inherit;
}
}
> ul > li > .li {
font-size: @font-size-default;
> * {
font-size: inherit;
}
}
}
}
}

36
css/area_msg.less
View file

@ -1,11 +1,39 @@
.msg-area{
.msg-area {
clear: both;
padding-top: 1.6rem;
div{
//font-size: .88rem;
div {
line-height: 135%;
}
&:empty{
&:empty {
display: none;
}
}
/* short fix: SPR-891 - Icons für Notifications in Message Area werden gekachelt */
div.success, div.error, div.info, div.notify {
background-repeat: no-repeat;
background-position: 8px 50%;
border: 1px solid #eeb;
font-size: 90%;
margin: 0 0 .5em;
padding: .4em;
padding-left: 32px;
overflow: hidden;
border-radius: 5px;
* {
color: inherit;
}
a {
text-decoration: underline;
&:hover,
&:focus,
&:active {
text-decoration: none;
}
}
}

36
css/area_nav-breadcrumb.less
View file

@ -1,19 +1,35 @@
/**
* This file provides the design styles for the direct / menu jump links.
* This file provides the design styles for the breadcrumb
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.breadcrumbs {
position: relative;
border-bottom: 1px solid @color-border-light;
padding: 1rem 1.8rem .2rem;
min-height: @page-header_height;
box-sizing: border-box;
background-color: @ini_background_content;
border-bottom: 1px solid @ini_border_light;
padding: 1rem 1.8rem .2rem;
@media @screen_max-md {
background-color: @ini_background_page_header;
}
@media @screen_max-xs {
padding-left: @margin-small;
padding-right: .75rem;
}
@media @screen_xs-lg {
background-color: @ini_background_content;
}
> p {
font-size: @font-size-small;
margin: 0;
@media @screen_max-xs{
width: 1px;
position: relative;
@ -31,9 +47,11 @@
span.home {
margin-left: -.2rem; // reverse spacing in home icon --> content text and home icon aligned
.wide-content &{
.wide-content & {
margin-left: .4rem; //toggle link has position absolute, hover on home icon needs more space than left padding of breadcrumb
}
a {
.fontello();
.hide-text-show-before();
@ -44,7 +62,7 @@
width: auto;
box-sizing: border-box;
border: solid 1px transparent;
border-radius: @border-radius;
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
vertical-align: middle;
text-decoration: none;
margin-top: -.2em;
@ -58,7 +76,7 @@
&:hover,
&:focus,
&:active {
border-color: @color-link;
border-color: @ini_existing;
}
}
}
@ -68,9 +86,3 @@
}
}
}
/* + + + + + ? + + + + + */
.mode_admin {
}

11
css/area_nav-direct.less
View file

@ -4,8 +4,9 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.nav-direct {
background-color: __nav_direct_background__;
background-color: @nav_direct_background;
margin-top: -1px;
p {
@ -21,12 +22,12 @@
a:visited {
.sr-out();
box-shadow: __box_shadow__;
box-shadow: @box-shadow;
display: block;
width: 100%;
background-color: __nav_direct_background__;
border-bottom: 1px solid __shadow_color__;
color: __nav_direct_color__;
background-color: @nav_direct_background;
border-bottom: 1px solid @ini_border_light;
color: @nav_direct_color;
line-height: @line-height-default;
text-decoration: none;
padding: 1em;

212
css/area_nav-metabox.less
View file

@ -1,20 +1,48 @@
/**
* This file provides the design styles for the metatabbox
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#spr__meta-box {
.display-flex();
.flex-direction();
.justify-content(flex-end);
position: relative;
z-index: 10;
display: inline-block;
min-height: @page-header_height;
max-width: 40%;
float: right;
margin-top: @page_padding-top * -1; // reverse padding-top of .page container
padding-top: 1rem;
border: 1px solid transparent;
max-width: 40%;
margin-top: -(@page_padding-top); // reverse padding-top of .page container
margin-right: -1px;
// >= 1024
@media @screen_min-md {
height: @page-header_height;
border: 1px solid transparent;
}
// < 1024
@media @screen_max-md {
position: relative;
top: .2rem;
right: auto;
float: none;
display: block;
max-width: 100%;
min-height: @page-header_height;
height: auto;
border: 0 none;
}
.tab-container {
display: table;
@media @screen_max-md{
@media @screen_max-md {
display: block;
width: 100%;
}
}
.box-content {
@ -23,21 +51,25 @@
overflow-y: visible;
}
/* + + + + + tab controlls + + + + + */
ul.meta-tabs {
list-style: none;
background-color: @background_page-header;
@media @screen_max-md{
background-color: #fff;
}
line-height: 160%;
margin: 0;
padding: 0;
@media @screen_min-md {
white-space: nowrap;
text-align: right;
}
&::before,
&::after {
display: table;
content: " ";
box-sizing: border-box;
content: '';
clear: both;
display: table;
box-sizing: border-box;
}
> li:first-child {
@ -47,27 +79,45 @@
}
> li {
margin: 0 0 -1px;
position: relative;
display: inline-block;
vertical-align: bottom;
margin: 0;
@media @screen_min-md {
margin-left: .3rem;
}
@media @screen_max-md {
margin-right: .4rem;
margin-bottom: .2rem;
}
> a {
cursor: pointer;
position: relative;
display: block;
background-color: @color-site-bg;
border: 1px solid @color-border-light;
border-bottom-color: @color-site-bg;
border-radius: @fix_border-radius @fix_border-radius 0 0;
color: @color-nav;
font-size: @font-size-small;
line-height: 1.42857143;
padding: .3em 1rem .1em;
margin-left: 4px;
transition: @transition color, @transition background-color, @transition border-color;
@media @screen_max-xs{
padding: .3em .3rem .1em;
transition: @transition background-color, @transition border-color, @transition color;
@media @screen_min-md {
background-color: @ini_background;
border: 1px solid @noopentasks-border;
border-bottom-color: @ini_background;
border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_nav_menu_color;
margin-left: 4px;
padding: .3em 1rem .1em;
}
@media @screen_max-md {
top: 0;
border: 1px solid @ini_existing;
color: @ini_existing;
margin-top: .2rem;
margin-left: 0;
padding: .2em .3rem;
}
* {
@ -77,20 +127,25 @@
.prefix {
position: relative;
transition: @transition color;
color: inherit;
font-size: @font-size-small;
}
&:hover,
&:focus,
&:active {
background-color: @color-content-bg;
border-color: @color-link;
color: @color-link;
text-decoration: none;
.prefix {
color: inherit;
@media @screen_min-md {
background-color: @ini_background_content;
border-color: @ini_existing;
color: @ini_existing;
}
@media @screen_max-md {
background-color: @ini_existing;
border-color: @ini_background_content;
color: @ini_background_content;
}
}
}
@ -100,43 +155,56 @@
> a {
cursor: default;
background-color: @color-content-bg;
border-color: @color-link;
border-bottom-color: @color-content-bg;
color: @color-link;
background-color: @ini_background_content;
border-color: @ini_existing;
border-bottom-color: @ini_background_content;
color: @ini_existing;
@media @screen_max-md {
background-color: @ini_existing;
border-bottom-color: @ini_existing;
border-radius: 0;
color: @ini_background_content;
}
}
}
}
}
/* + + + + + toggle content + + + + + */
.meta-content {
margin-right: 1px;
margin-top: -1px;
@media @screen_max-md {
clear: both;
margin-top: 2px;
}
.tab-pane {
position: absolute;
top: 0;
right: 0;
display: none;
width: 100%;
min-width: 20em;
background-color: @color-content-bg;
border: 1px solid @color-link;
border-top-color: transparent;
border-radius: 0 0 @fix_border-radius @fix_border-radius;
background-color: @ini_background_content;
border: 1px solid @ini_existing;
&::before {
content: '';
position: absolute;
top: -1px;
left: 0;
z-index: 0;
width: 100%;
height: 1px;
background-color: @color-link;
@media @screen_min-xs {
min-width: 20em;
}
@media @screen_min-md {
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
}
&.active {
display: block;
overflow: hidden;
}
a {
color: @ini_existing;
}
> div {
@ -162,6 +230,16 @@
}
}
&#spr__tab-tags {
> div {
ul {
li {
padding-left: 0;
}
}
}
}
#dw__toc {
width: auto;
float: none;
@ -189,23 +267,20 @@
position: relative;
}
li {
}
div.li {
position: relative;
padding: .15em 0;
&::before {
content: '';
position: absolute;
top: .3em;
content: "";
top: .6em;
left: 0;
display: inline-block;
width: 4px;
height: 4px;
background-color: #ccc;
overflow: hidden;
left: 0;
background-color: @ini_existing;
}
}
}
@ -221,25 +296,4 @@
clear: right;
margin-top: 20px;
}
@media @screen_max-md{
max-width: 100%;
float: none;
display: block;
top: -1.1rem;
position: relative;
right: auto;
.tab-container{
display: block;
}
ul.meta-tabs{
> li > a{
margin-left: 0;
}
}
.meta-content{
clear: both;
}
}
}

19
css/area_nav-page-attributes.less
View file

@ -20,11 +20,20 @@
float: left;
display: block;
width: auto;
min-height: 2em;
border: 1px solid @color-border;
border-radius: @border-radius;
color: @color-nav;
min-height: @toggle-size;
border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius;
text-align: center;
margin: 0;
margin: 0 .25rem;
.prefix {
.btn-prefix ();
.icon-clipboard();
display: block;
font-size: 1.2rem;
line-height: 1;
}
}
}

278
css/area_nav-pagetools.less
View file

@ -18,200 +18,142 @@
.pagetools-item(subscribe, 9, subscribe);
.pagetools-item(mediaManager, 11);
.pagetools-item(back, 12);
.pagetools-item(img_backto, 12);*/
.pagetools-item(img_backto, 12);
*/
#dokuwiki__aside {
@media @screen_max-md {
display: none !important;
}
}
nav#dokuwiki__pagetools {
@toolbox-size: 30px;
nav#dokuwiki__pagetools{
right: -(@margin-default);
top: 3.05rem;
z-index: 100;
@media @screen_min-md {
right: -2.5rem;
}
@media @screen_max-md {
right: 8px;
}
ul {
li {
@page-tools_svg-size: 25px;
@page-tools_svg-space: (@toolbox-size - @page-tools_svg-size) / 2;
*{
* {
font-size: @font-size-default;
}
&.plugin_move_page{
a{
opacity: .6;
color: @color-nav;
*{
color: @color-nav;
}
background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9InJnYigxMDUsMTA1LDEwNSkiIGQ9Ik05NDYuNCAyMTQuM3EyMi40IDAgMzggMTUuNnQxNS42IDM4djY3OC41cTAgMjIuMyAtMTUuNiAzOHQtMzggMTUuNkg0MTAuN3EtMjIuMyAwIC0zNy45IC0xNS42dC0xNS43IC0zOFY3ODUuN0g1My42cS0yMi40IDAgLTM4IC0xNS42VDAgNzMyLjF2LTM3NVEwIDMzNC44IDExLjIgMzA4dDI2LjcgLTQyLjRMMjY1LjYgMzcuOVEyODEuMyAyMi4zIDMwOCAxMS4yVDM1Ny4xIDBoMjMyLjJxMjIuMyAwIDM3LjkgMTUuNnQxNS43IDM4djE4M3EzNy45IC0yMi4zIDcxLjQgLTIyLjNoMjMyLjF6TTY0Mi45IDMzMy4xTDQ3NiA1MDBoMTY2LjlWMzMzLjF6TTI4NS43IDExOC45TDExOC45IDI4NS43aDE2Ni44VjExOC45em0xMDkuNCAzNjFMNTcxLjQgMzAzLjZWNzEuNEgzNTcuMXYyMzIuMnEwIDIyLjMgLTE1LjYgMzcuOXQtMzcuOSAxNS42SDcxLjR2MzU3LjJoMjg1LjdWNTcxLjRxMCAtMjIuMyAxMS4yIC00OS4xdDI2LjggLTQyLjR6bTUzMy41IDQ0OC43VjI4NS43SDcxNC4zdjIzMi4ycTAgMjIuMyAtMTUuNiAzNy45dC0zOCAxNS42SDQyOC42djM1Ny4yaDUwMHoiLz48L3N2Zz4=) 95% center no-repeat;
background-size: @font-size-head2 auto;
&:before{
visibility: hidden;
}
a {
.fontello-double();
&:hover, &:focus, &:active{
opacity: 1;
color: @color-nav-hover;
background-color: #fff;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9InJnYig0MCwxMDksMTY4KSIgZD0iTTk0Ni40IDIxNC4zcTIyLjQgMCAzOCAxNS42dDE1LjYgMzh2Njc4LjVxMCAyMi4zIC0xNS42IDM4dC0zOCAxNS42SDQxMC43cS0yMi4zIDAgLTM3LjkgLTE1LjZ0LTE1LjcgLTM4Vjc4NS43SDUzLjZxLTIyLjQgMCAtMzggLTE1LjZUMCA3MzIuMXYtMzc1UTAgMzM0LjggMTEuMiAzMDh0MjYuNyAtNDIuNEwyNjUuNiAzNy45UTI4MS4zIDIyLjMgMzA4IDExLjJUMzU3LjEgMGgyMzIuMnEyMi4zIDAgMzcuOSAxNS42dDE1LjcgMzh2MTgzcTM3LjkgLTIyLjMgNzEuNCAtMjIuM2gyMzIuMXpNNjQyLjkgMzMzLjFMNDc2IDUwMGgxNjYuOVYzMzMuMXpNMjg1LjcgMTE4LjlMMTE4LjkgMjg1LjdoMTY2LjhWMTE4Ljl6bTEwOS40IDM2MUw1NzEuNCAzMDMuNlY3MS40SDM1Ny4xdjIzMi4ycTAgMjIuMyAtMTUuNiAzNy45dC0zNy45IDE1LjZINzEuNHYzNTcuMmgyODUuN1Y1NzEuNHEwIC0yMi4zIDExLjIgLTQ5LjF0MjYuOCAtNDIuNHptNTMzLjUgNDQ4LjdWMjg1LjdINzE0LjN2MjMyLjJxMCAyMi4zIC0xNS42IDM3Ljl0LTM4IDE1LjZINDI4LjZ2MzU3LjJoNTAweiIvPjwvc3ZnPg==);
*{
color: @color-nav-hover;
}
background-position: 95% center;
&::before{
visibility: visible;
}
}
}
}
a{
position: relative;
height: auto;
min-height: @toolbox-size; // for nav:hover
width: @toolbox-size; // for nav:hover
font-size: @font-size-default;
&.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{
opacity: .6;
color: @color-nav;
*{
color: @color-nav;
padding: 2px @toolbox-size 2px 2px;
@media @screen_min-md {
color: @ini_nav_menu_color;
}
@media @screen_max-md {
color: @ini_existing;
}
* {
color: inherit;
}
&::before {
display: none;
}
&:hover,
&:focus,
&:active {
background-color: transparent;
}
span {
.sr-only();
padding-right: .5rem;
padding-left: .3rem;
}
svg {
display: inline-block;
width: @page-tools_svg-size;
height: @page-tools_svg-size;
vertical-align: middle;
border: solid 1px transparent;
margin: @page-tools_svg-space;
@media @screen_min-md {
fill: @ini_nav_menu_color;
}
background-position: 95% center;
background-size: @font-size-head2 auto;
&:before{
visibility: hidden;
}
&:hover, &:focus, &:active{
opacity: 1;
color: @color-nav-hover;
background-color: #fff;
*{
color: @color-nav-hover;
}
background-position: 95% center;
&::before{
visibility: visible;
}
@media @screen_max-md {
fill: @ini_existing;
}
}
&.source{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTM0NC4zIDc4MC43bC0yNy45IDI3LjlxLTUuNiA1LjYgLTEyLjggNS42dC0xMi45IC01LjZMMzAuNyA1NDguNVEyNS4xIDU0MyAyNS4xIDUzNS43dDUuNiAtMTIuOGwyNjAgLTI2MC4xcTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNy45IDI3LjlxNS42IDUuNiA1LjYgMTIuOXQtNS42IDEyLjhMMTI1IDUzNS43IDM0NC4zIDc1NXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOHpNNjc0LjEgMTg1LjNMNDY2IDkwNS43cS0yLjMgNy4yIC04LjcgMTAuOXQtMTMuMSAxLjRsLTM0LjYgLTkuNXEtNy4zIC0yLjIgLTEwLjkgLTguN3QtMS40IC0xMy42TDYwNS41IDE2NS43cTIuMiAtNy4yIDguNiAtMTAuOHQxMy4xIC0xLjRsMzQuNiA5LjRxNy4zIDIuMyAxMC45IDguN3QxLjQgMTMuN3ptMzY2LjYgMzYzLjJsLTI2MCAyNjAuMXEtNS42IDUuNiAtMTIuOCA1LjZUNzU1IDgwOC42bC0yNy45IC0yNy45cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw5NDYuNCA1MzUuNyA3MjcuMSAzMTYuNHEtNS42IC01LjYgLTUuNiAtMTIuOHQ1LjYgLTEyLjlMNzU1IDI2Mi44cTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNjAgMjYwLjFxNS42IDUuNiA1LjYgMTIuOHQtNS42IDEyLjh6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNMzQ0LjMgNzgwLjdsLTI3LjkgMjcuOXEtNS42IDUuNiAtMTIuOCA1LjZ0LTEyLjkgLTUuNkwzMC43IDU0OC41UTI1LjEgNTQzIDI1LjEgNTM1Ljd0NS42IC0xMi44bDI2MCAtMjYwLjFxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI3LjkgMjcuOXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOEwxMjUgNTM1LjcgMzQ0LjMgNzU1cTUuNiA1LjYgNS42IDEyLjl0LTUuNiAxMi44ek02NzQuMSAxODUuM0w0NjYgOTA1LjdxLTIuMyA3LjIgLTguNyAxMC45dC0xMy4xIDEuNGwtMzQuNiAtOS41cS03LjMgLTIuMiAtMTAuOSAtOC43dC0xLjQgLTEzLjZMNjA1LjUgMTY1LjdxMi4yIC03LjIgOC42IC0xMC44dDEzLjEgLTEuNGwzNC42IDkuNHE3LjMgMi4zIDEwLjkgOC43dDEuNCAxMy43em0zNjYuNiAzNjMuMmwtMjYwIDI2MC4xcS01LjYgNS42IC0xMi44IDUuNlQ3NTUgODA4LjZsLTI3LjkgLTI3LjlxLTUuNiAtNS42IC01LjYgLTEyLjh0NS42IC0xMi45TDk0Ni40IDUzNS43IDcyNy4xIDMxNi40cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw3NTUgMjYyLjhxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI2MCAyNjAuMXE1LjYgNS42IDUuNiAxMi44dC01LjYgMTIuOHoiLz48L3N2Zz4=);
}
}
&.edit{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+);
}
}
&.revs{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNNTAwIDMwMy42djI1MHEwIDcuOCAtNSAxMi44dC0xMi45IDVIMzAzLjZxLTcuOCAwIC0xMi45IC01dC01IC0xMi44di0zNS43cTAgLTcuOSA1IC0xMi45dDEyLjkgLTVoMTI1VjMwMy42cTAgLTcuOCA1IC0xMi45dDEyLjggLTVoMzUuN3E3LjkgMCAxMi45IDV0NSAxMi45ek03MzIuMSA1MDBxMCAtODIuNiAtNDAuNyAtMTUyLjNUNTgwLjkgMjM3LjIgNDI4LjYgMTk2LjR0LTE1Mi40IDQwLjhUMTY1LjcgMzQ3LjcgMTI1IDUwMHQ0MC43IDE1Mi4zIDExMC41IDExMC41IDE1Mi40IDQwLjggMTUyLjMgLTQwLjhUNjkxLjQgNjUyLjMgNzMyLjEgNTAwem0xMjUgMHEwIDExNi42IC01Ny40IDIxNS4xdC0xNTYgMTU2IC0yMTUuMSA1Ny41VDIxMy40IDg3MS4xIDU3LjUgNzE1LjEgMCA1MDAgNTcuNSAyODQuOXQxNTUuOSAtMTU2VDQyOC42IDcxLjR0MjE1LjEgNTcuNSAxNTYgMTU2VDg1Ny4xIDUwMHoiLz48L3N2Zz4=);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik01MDAgMzAzLjZ2MjUwcTAgNy44IC01IDEyLjh0LTEyLjkgNUgzMDMuNnEtNy44IDAgLTEyLjkgLTV0LTUgLTEyLjh2LTM1LjdxMCAtNy45IDUgLTEyLjl0MTIuOSAtNWgxMjVWMzAzLjZxMCAtNy44IDUgLTEyLjl0MTIuOCAtNWgzNS43cTcuOSAwIDEyLjkgNXQ1IDEyLjl6TTczMi4xIDUwMHEwIC04Mi42IC00MC43IC0xNTIuM1Q1ODAuOSAyMzcuMiA0MjguNiAxOTYuNHQtMTUyLjQgNDAuOFQxNjUuNyAzNDcuNyAxMjUgNTAwdDQwLjcgMTUyLjMgMTEwLjUgMTEwLjUgMTUyLjQgNDAuOCAxNTIuMyAtNDAuOFQ2OTEuNCA2NTIuMyA3MzIuMSA1MDB6bTEyNSAwcTAgMTE2LjYgLTU3LjQgMjE1LjF0LTE1NiAxNTYgLTIxNS4xIDU3LjVUMjEzLjQgODcxLjEgNTcuNSA3MTUuMSAwIDUwMCA1Ny41IDI4NC45dDE1NS45IC0xNTZUNDI4LjYgNzEuNHQyMTUuMSA1Ny41IDE1NiAxNTZUODU3LjEgNTAweiIvPjwvc3ZnPg==);
}
}
&.backlink{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODEyLjUgNjc4LjZxMCAtMjIuMyAtMTUuNiAtMzhsLTExNi4xIC0xMTZxLTE1LjYgLTE1LjcgLTM3LjkgLTE1LjcgLTIzLjUgMCAtNDAuMiAxNy45IDEuNyAxLjcgMTAuNiAxMC4zdDEyIDEyIDguMyAxMC42IDcuMyAxNC4yIDIgMTUuNHEwIDIyLjMgLTE1LjcgMzcuOXQtMzcuOSAxNS43cS04LjQgMCAtMTUuNCAtMnQtMTQuMiAtNy4zIC0xMC42IC04LjMgLTEyIC0xMiAtMTAuMyAtMTAuNnEtMTguNCAxNy4zIC0xOC40IDQwLjcgMCAyMi4zIDE1LjYgMzhsMTE1IDExNS41cTE1IDE1IDM3LjkgMTUgMjIuMyAwIDM3LjkgLTE0LjVMNzk2LjkgNzE2cTE1LjYgLTE1LjcgMTUuNiAtMzcuNHpNNDIwLjIgMjg1LjJxMCAtMjIuNCAtMTUuNiAtMzhsLTExNSAtMTE1LjVRMjc0IDExNi4xIDI1MS43IDExNi4xcS0yMS44IDAgLTM4IDE1bC04MiA4MS41cS0xNS42IDE1LjYgLTE1LjYgMzcuNCAwIDIyLjMgMTUuNiAzNy45TDI0Ny44IDQwNHExNSAxNS4xIDM3LjkgMTUuMSAyMy41IDAgNDAuMiAtMTcuMyAtMS43IC0xLjcgLTEwLjYgLTEwLjN0LTEyIC0xMiAtOC40IC0xMC42IC03LjIgLTE0LjMgLTIgLTE1LjNxMCAtMjIuMyAxNS42IC0zOHQzOCAtMTUuNnE4LjQgMCAxNS4zIDJ0MTQuMyA3LjIgMTAuNiA4LjQgMTIgMTIgMTAuMyAxMC42cTE4LjQgLTE3LjMgMTguNCAtNDAuN3ptNDk5LjQgMzkzLjRxMCA2Ni45IC00Ny40IDExMy4zbC04MiA4MS40cS00Ni4zIDQ2LjMgLTExMy4zIDQ2LjMgLTY3LjUgMCAtMTEzLjggLTQ3LjRsLTExNSAtMTE1LjVRNDAxLjggNzEwLjQgNDAxLjggNjQzLjRxMCAtNjguNiA0OS4xIC0xMTYuNmwtNDkuMSAtNDkuMXEtNDggNDkuMSAtMTE2LjEgNDkuMSAtNjYuOSAwIC0xMTMuOCAtNDYuOUw1NS44IDM2My44UTguOSAzMTcgOC45IDI1MFQ1Ni40IDEzNi43bDgyIC04MS41UTE4NC43IDguOSAyNTEuNyA4LjlxNjcuNSAwIDExMy44IDQ3LjVsMTE1IDExNS41cTQ2LjMgNDYuMyA0Ni4zIDExMy4zIDAgNjguNiAtNDkuMSAxMTYuNmw0OS4xIDQ5LjFxNDggLTQ5LjEgMTE2LjEgLTQ5LjEgNjYuOSAwIDExMy44IDQ2LjlsMTE2LjEgMTE2cTQ2LjggNDYuOSA0Ni44IDExMy45eiIvPjwvc3ZnPg==);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTIuNSA2NzguNnEwIC0yMi4zIC0xNS42IC0zOGwtMTE2LjEgLTExNnEtMTUuNiAtMTUuNyAtMzcuOSAtMTUuNyAtMjMuNSAwIC00MC4yIDE3LjkgMS43IDEuNyAxMC42IDEwLjN0MTIgMTIgOC4zIDEwLjYgNy4zIDE0LjIgMiAxNS40cTAgMjIuMyAtMTUuNyAzNy45dC0zNy45IDE1LjdxLTguNCAwIC0xNS40IC0ydC0xNC4yIC03LjMgLTEwLjYgLTguMyAtMTIgLTEyIC0xMC4zIC0xMC42cS0xOC40IDE3LjMgLTE4LjQgNDAuNyAwIDIyLjMgMTUuNiAzOGwxMTUgMTE1LjVxMTUgMTUgMzcuOSAxNSAyMi4zIDAgMzcuOSAtMTQuNUw3OTYuOSA3MTZxMTUuNiAtMTUuNyAxNS42IC0zNy40ek00MjAuMiAyODUuMnEwIC0yMi40IC0xNS42IC0zOGwtMTE1IC0xMTUuNVEyNzQgMTE2LjEgMjUxLjcgMTE2LjFxLTIxLjggMCAtMzggMTVsLTgyIDgxLjVxLTE1LjYgMTUuNiAtMTUuNiAzNy40IDAgMjIuMyAxNS42IDM3LjlMMjQ3LjggNDA0cTE1IDE1LjEgMzcuOSAxNS4xIDIzLjUgMCA0MC4yIC0xNy4zIC0xLjcgLTEuNyAtMTAuNiAtMTAuM3QtMTIgLTEyIC04LjQgLTEwLjYgLTcuMiAtMTQuMyAtMiAtMTUuM3EwIC0yMi4zIDE1LjYgLTM4dDM4IC0xNS42cTguNCAwIDE1LjMgMnQxNC4zIDcuMiAxMC42IDguNCAxMiAxMiAxMC4zIDEwLjZxMTguNCAtMTcuMyAxOC40IC00MC43em00OTkuNCAzOTMuNHEwIDY2LjkgLTQ3LjQgMTEzLjNsLTgyIDgxLjRxLTQ2LjMgNDYuMyAtMTEzLjMgNDYuMyAtNjcuNSAwIC0xMTMuOCAtNDcuNGwtMTE1IC0xMTUuNVE0MDEuOCA3MTAuNCA0MDEuOCA2NDMuNHEwIC02OC42IDQ5LjEgLTExNi42bC00OS4xIC00OS4xcS00OCA0OS4xIC0xMTYuMSA0OS4xIC02Ni45IDAgLTExMy44IC00Ni45TDU1LjggMzYzLjhROC45IDMxNyA4LjkgMjUwVDU2LjQgMTM2LjdsODIgLTgxLjVRMTg0LjcgOC45IDI1MS43IDguOXE2Ny41IDAgMTEzLjggNDcuNWwxMTUgMTE1LjVxNDYuMyA0Ni4zIDQ2LjMgMTEzLjMgMCA2OC42IC00OS4xIDExNi42bDQ5LjEgNDkuMXE0OCAtNDkuMSAxMTYuMSAtNDkuMSA2Ni45IDAgMTEzLjggNDYuOWwxMTYuMSAxMTZxNDYuOCA0Ni45IDQ2LjggMTEzLjl6Ii8+PC9zdmc+);
}
}
&.top{
&.top {
margin-top: 1em;
position: relative;
background-size: @font-size-default;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=);
}
}
&.plugin_bookcreator_addtobook{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=);
}
}
&.export_pdf{
background-size: @font-size-default auto;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=);
}
}
&.show{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNMjE0LjMgNDQ2LjRxMCAtNy44IDUgLTEyLjh0MTIuOCAtNUg2MjVxNy44IDAgMTIuOCA1dDUuMSAxMi44djM1LjdxMCA3LjkgLTUuMSAxMi45dC0xMi44IDVIMjMyLjFxLTcuOCAwIC0xMi44IC01dC01IC0xMi45di0zNS43em00MTAuNyAxMjVxNy44IDAgMTIuOCA1LjF0NS4xIDEyLjhWNjI1cTAgNy44IC01LjEgMTIuOHQtMTIuOCA1LjFIMjMyLjFxLTcuOCAwIC0xMi44IC01LjF0LTUgLTEyLjh2LTM1LjdxMCAtNy44IDUgLTEyLjh0MTIuOCAtNS4xSDYyNXptMCAxNDIuOXE3LjggMCAxMi44IDV0NS4xIDEyLjh2MzUuOHEwIDcuOCAtNS4xIDEyLjh0LTEyLjggNUgyMzIuMXEtNy44IDAgLTEyLjggLTV0LTUgLTEyLjh2LTM1LjhxMCAtNy44IDUgLTEyLjh0MTIuOCAtNUg2MjV6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek0yMTQuMyA0NDYuNHEwIC03LjggNSAtMTIuOHQxMi44IC01SDYyNXE3LjggMCAxMi44IDV0NS4xIDEyLjh2MzUuN3EwIDcuOSAtNS4xIDEyLjl0LTEyLjggNUgyMzIuMXEtNy44IDAgLTEyLjggLTV0LTUgLTEyLjl2LTM1Ljd6bTQxMC43IDEyNXE3LjggMCAxMi44IDUuMXQ1LjEgMTIuOFY2MjVxMCA3LjggLTUuMSAxMi44dC0xMi44IDUuMUgyMzIuMXEtNy44IDAgLTEyLjggLTUuMXQtNSAtMTIuOHYtMzUuN3EwIC03LjggNSAtMTIuOHQxMi44IC01LjFINjI1em0wIDE0Mi45cTcuOCAwIDEyLjggNXQ1LjEgMTIuOHYzNS44cTAgNy44IC01LjEgMTIuOHQtMTIuOCA1SDIzMi4xcS03LjggMCAtMTIuOCAtNXQtNSAtMTIuOHYtMzUuOHEwIC03LjggNSAtMTIuOHQxMi44IC01SDYyNXoiLz48L3N2Zz4=);
}
}
}
}
}
&:hover{
ul{
background-color: #fff;
box-shadow: @box-shadow-offset;
li{
&.plugin_move_page{
a{
color: @color-nav;
background-position: 95% center;
opacity: .8;
&:hover, &:focus, &:active{
opacity: 1;
*{
opacity: 1;
}
color: @color-nav-hover;
background-color: #fff;
}
}
}
a{
&.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.show {
color: @color-nav;
background-position: 95% center;
opacity: .8;
&:hover, &:focus, &:active{
opacity: 1;
*{
opacity: 1;
}
color: @color-nav-hover;
background-color: #fff;
}
}
&.plugin_bookcreator_addtobook{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=);
}
&:hover {
ul {
box-shadow: @box-shadow; // @box-shadow-offset;
background-color: @ini_background_content;
border-color: @wikiicons-border;
}
&.export_pdf{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=);
}
li {
color: @ini_existing;
}
a {
box-shadow: none;
background-image: none;
border-color: transparent;
color: inherit;
padding: 2px 0 2px 2px;
}
}
}
}
}
svg {
border: solid 1px transparent;
border-radius: @ini_default_border_radius;
fill: @ini_existing;
transition: @transition background-color, @transition border-color, @transition fill;
}
/* overwrite do:backlink */
.mode_backlink #dokuwiki__pagetools ul li a.backlink{
background-position: 95% center;
}
&:hover,
&:focus,
&:active {
svg {
background-color: @ini_existing;
border-color: @ini_existing;
fill: @ini_background_content;
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */
@media @screen_max-md {
nav#dokuwiki__pagetools {
right: 8px;
span {
position: static;
width: auto;
height: auto;
margin: auto;
}
}
}
}
}
}

212
css/area_nav-usertools.less
View file

@ -16,60 +16,172 @@
ul {
float: right;
padding: 0;
margin: @very-small-spacing -(@very-small-spacing) 0 0;
margin: (@very-small-spacing * 2) -.25rem 0 0;
li {
.btn-usertools-wrapper(); // uniform li
.btn-usertools-num();
float: right;
min-height: 28px;
> strong,
> a {
display: block;
width: auto;
min-height: 2em;
border: 1px solid @color-border;
border-radius: @border-radius;
color: @color-nav;
min-height: @toggle-size;
overflow: hidden;
border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
text-align: center;
margin: 0;
}
&.noopentasks {
strong {
background-color: @color-site-bg;
@media @screen_only-lg {
padding-top: .14rem;
}
.num {
background-color: @color-border;
color: @color-nav;
@media @screen_max-xxlg {
min-height: 28px;
}
@media @screen_max-md {
min-height: @toggle-size;
}
}
&.user {
border: 1px solid @color-border;
border-radius: @border-radius;
padding: .3em .25rem;
@space-min-xxlg: .35rem;
@space-max-xxlg: .4rem;
@space-max-xlg: .5rem;
@space-max-md: .35rem;
bdi {
color: @color-nav;
display: inline-block;
padding-top: 1px;
position: relative;
display: table-cell;
background-color: @ini_background;
border: solid 1px @noopentasks-border;//@ini_border_light;
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_text_webframe;
padding-right: .3rem;
@media @screen_min-xxlg {
padding-top: @space-min-xxlg;
}
> bdi:first-of-type {
.fontello();
.icon-user();
@media @screen_max-xxlg {
padding-top: @space-max-xxlg;
}
@media @screen_max-xlg {
padding-top: @space-max-xlg;
}
@media @screen_max-md {
min-height: @toggle-size;
padding-top: @space-max-md;
}
> a {
.display-flex();
.align-items();
position: relative;
min-height: 26px;
overflow: visible;
background: @ini_nav_menu_hover_bg; // for removing bg-image
border: 0 none;
color: @ini_nav_menu_hover_color;
text-indent: 0;
font-size: inherit;
margin-right: -.3rem;
padding: 0 .2em 0 0;
@media @screen_min-xxlg {
margin-top: -(@space-min-xxlg);
}
@media @screen_max-xxlg {
margin-top: -(@space-max-xxlg);
}
@media @screen_max-xlg {
margin-top: -(@space-max-xlg);
}
@media @screen_max-md {
min-height: (@toggle-size - .1);
margin-top: -(@space-max-md);
}
&::before {
float: left;
background: @color-nav;
border: 4px solid @color-nav;
border-radius: 50%;
color: #fff;
font-size: @font-size-small;
margin: -2px 6px -2px 0;
content: '';
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
width: auto;
opacity: 0;
border: solid 1px @ini_nav_menu_hover_color;
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
color: inherit;
transform: none;
//transition: @transition opacity;
}
&:hover,
&:focus,
&:active {
background-color: @ini_nav_menu_hover_color;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_bg;
&::before {
opacity: 1;
}
bdi,
bdi:first-of-type {
color: @ini_nav_menu_hover_bg;
//&::before {
// color: inherit;
//}
}
}
}
bdi {
display: inline-block;
color: inherit;
transition: @transition color;
}
bdi:first-of-type {
.fontello();
.icon-user-circle();
position: relative;
margin: 0 0 0 .25rem;
padding: 0 .1rem 0 1.3rem;
&::before {
position: absolute;
left: -2px;
font-size: 1.4rem;
margin: 0;
transition: @transition color;
@media @screen_min-xxlg {
top: -.25rem;
}
@media @screen_max-xxlg {
top: -.2rem;
}
@media @screen_max-xxs {
top: -.25rem;
}
}
}
} // user
@ -92,8 +204,27 @@
.prefix {
.btn-prefix();
.icon-clipboard();
display: block;
font-size: 1.2rem;
text-align: center;
margin-bottom: -1px;
}
} // user-task
&.noopentasks {
strong {
background-color: @ini_background;
border-color: @noopentasks-border;
color: @ini_text_webframe;
}
.num {
background-color: @noopentasks-border; // fix
color: @noopentasks-color; // fix
margin-top: 1px;
}
}
} // li
@ -101,30 +232,27 @@
a {
.fontello();
.hide-text-show-before();
.btn-hover();
cursor: pointer;
background-color: #fff;
position: relative;
line-height: 1;
text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color;
&:hover,
&:active,
&:focus {
background-color: @button_color;
border-color: @button_background;
//-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
//box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
color: @button_background;
@media @screen_only-lg {
min-width: 2rem;
}
&::before {
.center-middle();
content: "?";
cursor: pointer;
display: block;
width: 100%;
box-sizing: border-box;
font-size: @font-size-default + (@font-scale-factor * 4);
cursor: pointer;
margin: .2em 0 0;
line-height: 1;
}
/* icon register new user */
@ -147,7 +275,7 @@
.icon-cog();
&::before {
margin-top: .18rem;
vertical-align: top;
}
}
} // a

12
css/area_search.less Normal file
View file

@ -0,0 +1,12 @@
/**
* This file provides the design styles for the search results
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* search hit in normal text */
.dokuwiki .search_hit {
background-color: @ini_highlight;
color: @ini_highlight_text;
}

113
css/area_sidebar-search.less
View file

@ -5,35 +5,38 @@
*/
.search.main-sidebar {
;
@main-ico-dummy: @font-size-big + @margin-small*2; //FIXME copied from area_main-sidebar-nav
@icon-size: @page-header_height;
@icon-search_font-size: @font-size-big;
p.toggleSearch a,
button[type="submit"] {
.fontello();
.hide-text-show-before();
.icon-search();
position: relative;
width: @icon-size;
min-height: @icon-size;
overflow: visible;
background-image: none;
background-color: transparent;
color: @color-nav;
background-color: transparent; // fix
border: solid 1px transparent;
padding: 0;
transition: @transition color, @transition background-color, @transition border-color;
&:hover,
&:focus,
&:active {
background-color: @button_color;
border: solid 1px @button_background;
color: @button_background;
min-height: @icon-size;
background-color: @ini_button_color;
border: solid 1px @ini_button_background;
&::after {
background-color: @button_background;
background-color: @ini_button_background;
}
}
&::before {
width: 100%;
color: inherit;
@ -42,51 +45,91 @@
margin: 0;
}
}
p.toggleSearch {
display: none;
margin: -2px 0 0; // reverse transparent border and box-sizing of a child
padding: 0;
@media @screen_max-xxlg {
margin-top: -1px;
}
a {
min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */
width: @main-ico-dummy;
border: solid 1px transparent;
border-bottom: solid 1px @color-border;
border-radius: @fix_border-radius 0 0 0;
border-radius: @fix_border-radius;
color: @ini_nav_menu_color;
text-decoration: none;
box-sizing: border-box;
&:hover,
&:focus,
&:active {
border-radius: @fix_border-radius 0 0 @fix_border-radius;
}
&::before {
position: absolute;
top: 50%;
left: 0;
color: inherit;
text-align: center;
margin-top: -(@icon-search_font-size / 2);
}
&:hover,
&:focus,
&:active {
background-color: @ini_nav_menu_hover_bg;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_color;
}
}
}
/* + + + form + + + */
button[type="submit"] {
position: absolute;
top: 1px;
bottom: 1px;
right: 0;
height: auto;
min-height: (@icon-size - .2);
color: @quicksearch-button-color;
&:hover,
&:focus,
&:active {
top: 0;
bottom: 0;
min-height: @icon-size;
background-color: @ini_button_color;
border: solid 1px @ini_button_background;
color: @ini_button_background;
}
}
/* + + + form + + + */
form {
position: relative;
display: block;
margin: 0 0 @margin-default;
.no {
display: block;
#qsearch__in {
width: 100%;
padding-left: 10px;
padding-right: (@icon-size + 10);
padding-right: @icon-size;
}
}
input {
min-height: @icon-size;
box-sizing: border-box;
}
button[type="submit"] {
border: solid 1px transparent;
border-right-color: @color-border;
border-right-color: @ini_border;
margin-left: -(@icon-size);
&::after {
content: '';
position: absolute;
@ -94,10 +137,32 @@
bottom: 15%;
width: 1px;
left: -1px;
background-color: @color-border;
background-color: @ini_border;
transition: @transition background-color;
}
}
div.ajax_qsearch {
box-shadow: none;
background-color: #FFF;
padding: 0;
strong,
ul li {
color: @quicksearch-button-color;
padding: .25rem .5rem;
* {
color: inherit;
}
}
ul li {
&:nth-child(odd) {
background-color: @suggestion-zebra;
}
}
}
}
#qsearch__out {
@ -106,23 +171,31 @@
width: 100%;
}
}
/* + + + + + wide page content + + + + + */
.wide-content {
.search.main-sidebar {
p.toggleSearch {
position: relative;
z-index: 1;
display: block;
float: left;
width: 100%;
}
form {
input {
border: 0 none;
}
.no {
#qsearch__in {
width: 0;
padding: 0;
margin: 0;
}
button[type="submit"] {
display: none;
}

39
css/area_tabs.less Normal file
View file

@ -0,0 +1,39 @@
/**
* This file provides styles for tab boxes
*/
/* + + + + + tabs + + + + + */
#dokuwiki__content {
ul.tabs {
li:not([class~="active"]) {
strong,
a {
color: @ini_text_neu;
transition: @transition background-color, @transition color;
}
a:hover,
a:focus,
a:active {
color: @ini_text;
}
}
}
.tabs > ul {
li:not([class~="active"]) {
a {
color: @ini_text_neu;
transition: @transition background-color, @transition color;
}
a:hover,
a:focus,
a:active {
color: @ini_text;
}
}
}
}

93
css/area_togglelink.less
View file

@ -8,81 +8,102 @@
.togglelink {
&.page_main-content {
position: absolute;
top: 0px;
top: 0;
bottom: -1px;
width: 2rem;
left: -(@margin-default);
z-index: 1;
@media @screen_max-md{
@media @screen_max-md {
display: none;
}
a {
.fontello-double();
.icon-right-bold();
.icon-left-bold();
.display-flex();
.flex-direction();
.justify-content();
width: (@margin-default);
width: @margin-default;
height: 100%;
background-color: @button_background;
border: solid 1px @button_background;
border-radius: @fix_border-radius 0 0 @fix_border-radius;
color: @button_color;
background-color: @ini_button_background;
border: solid 1px @ini_button_background;
border-radius: @ini_default_border_radius 0 0 @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_button_color;
text-decoration: none;
text-align: center;
transition: @transition color, @transition background-color, @transition border-color;
&::before,
&::after {
width: 100%;
opacity: .6;
font-size: 1rem;
line-height: 1;
text-align: center;
margin: 0;
transition: @transition opacity;
}
&::before {
opacity: 1;
font-size: 1.25rem;
}
&:hover,
&:focus,
&:active {
background-color: @button_color;
border-color: @button_background;
color: @button_background;
background-color: @ini_button_color;
border-color: @ini_button_background;
color: @ini_button_background;
text-decoration: none;
* {
color: inherit;
text-decoration: none;
}
&::after {
opacity: 0;
}
}
}
/* + + + toggle out + + + */
.wide-content & {
left: -1px;
a {
background-color: @button_background;
border-color: @button_background;
border-radius: 0 @fix_border-radius @fix_border-radius 0;
background-color: @ini_button_background;
border-color: @ini_button_background;
border-radius: 0 @ini_default_border_radius @ini_default_border_radius 0; // @ini_default_border_radius vs. @fix_border-radius
&::before {
opacity: .6;
font-size: 1rem;
}
&::after {
opacity: 1;
font-size: 1.25rem;
}
&:hover,
&:focus,
&:active {
background-color: @button_color;
background-color: @ini_button_color;
&::before {
opacity: 0;
}
&::after {
opacity: 1;
}
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
.togglelink {
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */
@media @screen_max-xlg {
.togglelink {
}
}

145
css/base.less
View file

@ -5,92 +5,102 @@
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* converted vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@background_page-header: __background_page-header__;
@border-radius: __default_border_radius__;
@font_family_screen: __font_family_screen__;
@color-text: __text__;
@color-border: __border__;
@color-border-light: __border_light__;
@color-nav: __nav_menu_color__;
@color-nav-hover: __nav_menu_hover_color__;
@color-nav-hover-bg: __nav_menu_hover_bg__;
@color-content-bg: __background_content__;
@color-site-bg: __background_site__;
@color-link: __existing__;
@color-link-hover: @color-nav;
@button_color: __button_color__;
@button_background: __button_background__;
@box-shadow-offset: __box_shadow_offset__;
@box-shadow: __box_shadow__;
@box-shadow-colored: __box_shadow_colored__;
@box-shadow-right-bottom:__box_shadow_right_bottom__;
@box-shadow-bottom: __box_shadow_bottom__;
@th_background: __background_alt__;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@height-context-bar: 50px;
@font_family_screen: arial, sans-serif;
@font_family_print: "Times New Roman", serif;
@margin-small: 1rem;
@margin-default: 2rem;
@margin-big: 3.07rem;
@nav_direct_background: @ini_background_content;
@nav_direct_color: @ini_existing;
@small-spacing: .3rem;
@very-small-spacing: .2rem;
@ini_sidebar_width: (100 - @ini_site_width) - 4;
@grid: @margin-small;
@height-context-bar: 50px;
@margin-small: 1rem;
@margin-default: 2rem;
@margin-big: 3.07rem;
@small-spacing: .3rem;
@very-small-spacing: .2rem;
@grid: @margin-small;
@toggle-size: 1.75rem;
@transition: ease-out .30s;
@box-shadow-offset: .1em .1em .1em rgba(153,153,153,.5); // pagetools, tabinclude
@box-shadow: 0 0 .5em rgba(153,153,153,.5);
@box-shadow-colored: 0 0 .5em fade(@ini_existing, 50%);
@box-shadow-right-bottom: 0.1em 0.3rem 0.5em rgba(153,153,153,.5);
@box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper - breadcrumb
@transition: ease-out .30s;
/* + + + for programmers customizing + + + */
@fix_border-radius: 3px;
@toggle-showsidebar_width: 3.07rem; // shown sidebar after toggle
@page_padding-top: @margin-small; // padding-top for 'dokuwiki__content'
@page-header_height: 2.8rem; // minimum: 2.8rem (height for breadcrumb, page-header, page-footer)
@meta-box_height: (@page-header_height - @page_padding-top);
@breadcrumb_height: @page-header_height;
@formfield_min-height: 2rem; // min-height for input, textarea, select, keygen
//@metanav-ini_background: rgba(0, 0, 0, .1);
/* icons */
@noopentasks-background: #ECECEC; /* metabox tabs + num in icons + tabinclude + code, pre, samp, kbd */
@noopentasks-border: #BBB; /* metabox tabs + num in icons + code, pre, samp, kbd */
@noopentasks-color: #666; /* metabox tabs + num in icons + code, pre, samp, kbd */
@wikiicons-border: #CCC; /* usertools, breadcrumbs icons, pagetools box-hover */
/* navigation left */
@quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */
@suggestion-zebra: #EEE;
/* edit mode */
@highlight-odd-ini_text: fade(@ini_background_content, 95%);
@highlight-even-ini_text: fade(@ini_text, 5%);
@color-editBox: #252525; // editmode for tables
//@nolinkedicon-ini_background: fade(@ini_background, 10%);
//@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* fonts */
@font-size-very-small: .73rem;
@font-size-small: .88rem;
@font-size-default: 1rem;
@font-size-big: 1.5rem;
@font-size-bigger: 1.75rem;
@font-size-very-small: .73rem;
@font-size-small: .88rem;
@font-size-default: 1rem;
@font-size-big: 1.5rem;
@font-size-bigger: 1.75rem;
@line-height-default: 125%;
@line-height-big: 135%;
@line-height-bigger: 140%;
@line-height-default: 125%;
@line-height-big: 135%;
@line-height-bigger: 140%;
@font-weight-bold: 800;
@font-weight-normal: 400;
@font-weight-bold: 800;
@font-weight-normal: 400;
@font-scale-factor: .0769;
@font-scale-factor: .0769;
@font-size-head6: @font-size-default;
@font-size-head5: @font-size-default + @font-scale-factor;
@font-size-head4: @font-size-default + (@font-scale-factor * 2);
@font-size-head3: @font-size-default + (@font-scale-factor * 3);
@font-size-head2: @font-size-default + (@font-scale-factor * 4);
@font-size-head1: @font-size-default + (@font-scale-factor * 5);
@font-size-head4: @font-size-default + (@font-scale-factor * 3);
@font-size-head3: @font-size-default + (@font-scale-factor * 5);
@font-size-head2: @font-size-default + (@font-scale-factor * 7);
@font-size-head1: @font-size-default + (@font-scale-factor * 9);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* breakpoints */
@ -114,7 +124,7 @@
@break-max-xlg: (@break-min-xlg - 1);
@break-min-xxlg: 1600;
@break-max-xxlg: (@break-min-xlg - 1);
@break-max-xxlg: (@break-min-xxlg - 1);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
@ -131,7 +141,6 @@
@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)";
@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)";
@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)";
@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)";
@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)";
@ -142,6 +151,10 @@
@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)";
@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)";
@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)";
@screen_only-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)";
@screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)";
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* col width */
@ -201,7 +214,7 @@ q {
acronym {
cursor: help;
border-bottom: dotted 1px #333;
border-bottom: dotted 1px @ini_text;
}
*:focus {
@ -244,7 +257,7 @@ nav > ul {
&::before,
&::after {
display: table;
content: " ";
content: ' ';
clear: both;
}
}
@ -273,6 +286,7 @@ nav > ul {
.mobile-only {
display: none;
@media @screen_max-md {
display: inline-block;
}
@ -286,6 +300,13 @@ nav > ul {
}
}
.desktop-only {
display: none;
@media @screen_min-md {
display: inline-block;
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* screen only */

497
css/base_design.less
View file

@ -7,11 +7,7 @@
html, body {
background-color: @color-site-bg;
}
a {
color: @color-link;
background-color: @ini_background;
}
@ -30,73 +26,93 @@ a {
font-weight: bold;
}
.dokuwiki .pageId {
float: right;
margin-right: -1em;
margin-bottom: -1px;
margin-top: -1.5em;
overflow: hidden;
padding: 0.5em 1em 0;
.dokuwiki {
.page ol li,
.page ul li,
.aside ul li {
color: @ini_text;
}
span {
.pageId {
float: right;
margin-right: -1em;
margin-bottom: -1px;
margin-top: -1.5em;
overflow: hidden;
padding: 0.5em 1em 0;
span {
font-size: @font-size-small;
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;
}
}
div.page {
clear: both;
overflow: hidden;
word-wrap: break-word;
background: @ini_background_content;
color: inherit;
padding: @page_padding-top @margin-default @margin-default;
@media @screen_max-md {
padding-right: (@margin-default * 1.6);
}
@media @screen_max-xs {
padding-left: @margin-small;
}
}
.content #dokuwiki__pagetools {
@media @screen_max-md {
top: 4rem;
}
}
.docInfo {
font-size: @font-size-small;
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;
text-align: right;
}
}
.dokuwiki div.page {
clear: both;
overflow: hidden;
word-wrap: break-word;
background: @color-content-bg;
color: inherit;
// margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border
padding: @page_padding-top @margin-default @margin-default;
/* license note under edit window */
div.license {
font-size: @font-size-small;
line-height: @line-height-default;
padding-top: 1rem;
@media @screen_max-md{
padding-right: (@margin-default *1.6);
@media @screen_max-lg {
font-size: @font-size-default;
}
@media @screen_max-md {
font-size: @font-size-small;
}
* {
font-size: inherit;
}
}
}
.content #dokuwiki__pagetools{
@media @screen_max-md{
top: 4rem;
[dir=rtl] & .docInfo {
text-align: left;
}
}
.dokuwiki .docInfo {
font-size: @font-size-small;
text-align: right;
}
/* license note under edit window */
.dokuwiki div.license {
font-size: @font-size-small;
line-height: @line-height-default;
padding-top: 1rem;
* {
font-size: inherit;
[dir=rtl] & .pageId {
float: left;
margin-left: -1em;
margin-right: 0;
}
}
[dir=rtl] .dokuwiki .docInfo {
text-align: left;
}
[dir=rtl] .dokuwiki .pageId {
float: left;
margin-left: -1em;
margin-right: 0;
}
caption,
figcaption,
summary,
@ -136,27 +152,77 @@ h1 {
h2 {
font-size: @font-size-head2;
margin: 0 0 @font-size-head2;
padding-top: (@font-size-head2 / 2);
.secedit + &,
.section_highlight &:first-child {
padding-top: 0;
}
.section_highlight + & {
padding-top: (@font-size-head2 / 2);
}
}
h3 {
font-size: @font-size-head3;
margin: 0 0 @font-size-head3;
padding-top: (@font-size-head3 / 2);
.secedit + &,
.section_highlight &:first-child {
padding-top: 0;
}
.section_highlight + & {
padding-top: (@font-size-head3 / 2);
}
}
h4 {
font-size: @font-size-head4;
margin: 0 0 @font-size-head4;
padding-top: (@font-size-head4 / 2);
.secedit + &,
.section_highlight &:first-child {
padding-top: 0;
}
.section_highlight + & {
padding-top: (@font-size-head4 / 2);
}
}
h5 {
font-size: @font-size-head5;
margin: 0 0 @font-size-head5;
padding-top: (@font-size-head5 / 2);
.secedit + &,
.section_highlight &:first-child {
padding-top: 0;
}
.section_highlight + & {
padding-top: (@font-size-head5 / 2);
}
}
h6 {
font-size: @font-size-head6;
font-weight: @font-weight-bold;
margin: 0 0 @font-size-head6;
padding-top: (@font-size-head6 / 2);
.secedit + &,
.section_highlight &:first-child {
padding-top: 0;
}
.section_highlight + & {
padding-top: (@font-size-head6 / 2);
}
}
p {
@ -297,11 +363,31 @@ ol ol ol ol ol {
list-style-type: lower-roman;
}
/*____________ tables ____________*/
.dokuwiki {
table.inline tr:hover {
th {
background-color: fade(@ini_background_alt, 50%);
}
td {
background-color: fade(@ini_background_alt, 80%);
color: @ini_text_alt;
*:not(button,a) {
color: @ini_text_alt;
}
}
}
}
table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1px solid @color-border;
border: 1px solid @ini_border;
font-size: @font-size-default;
line-height: 140%;
}
@ -320,12 +406,13 @@ td {
padding: .3em .5em;
margin: 0;
vertical-align: top;
border: 1px solid @color-border;
border: 1px solid @ini_border;
}
th {
font-weight: bold;
background-color: @ini_background_alt;
color: @ini_text_alt;
text-align: left;
}
@ -335,18 +422,18 @@ th {
a {
outline: none;
}
a:link,
a:visited {
text-decoration: none;
color: @color-link;
}
&:link,
&:visited {
text-decoration: none;
color: @ini_link; // links to non wikipages (external links)
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
&:hover,
&:focus,
&:active {
text-decoration: underline;
}
}
img {
@ -373,7 +460,7 @@ button img {
}
hr {
border-top: solid @color-border;
border-top: solid @ini_border;
border-bottom: solid @ini_background;
border-width: 1px 0;
height: 0;
@ -395,7 +482,7 @@ em abbr {
mark {
background-color: @ini_highlight;
color: inherit;
color: @ini_highlight_text;
}
pre,
@ -407,25 +494,28 @@ kbd {
font-size: @font-size-default;
direction: ltr;
text-align: left;
background-color: @color-site-bg;
color: @color-text;
box-shadow: inset 0 0 .3em @color-border;
background-color: @noopentasks-background;
color: @noopentasks-color;
box-shadow: inset 0 0 .3em @noopentasks-border;
border-radius: @fix_border-radius;
padding-left: @small-spacing;
padding-right: @small-spacing;
}
pre {
overflow: auto;
word-wrap: normal;
border: 1px solid @color-border;
background-color: @noopentasks-background;
border: 1px solid @noopentasks-border;
border-radius: @fix_border-radius;
box-shadow: inset 0 0 .5em @color-border;
box-shadow: inset 0 0 .5em @noopentasks-border;
font-size: @font-size-default;
line-height: 140%;
padding: .7em 1em;
}
blockquote {
border: solid @color-border;
border: solid @ini_border;
border-width: 0 0 0 .25em;
font-size: @font-size-default;
line-height: 140%;
@ -458,248 +548,3 @@ sup {
small {
font-size: .9em;
}
/*____________ forms ____________*/
/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
form {
display: inline;
margin: 0;
padding: 0;
}
fieldset {
font-size: @font-size-default;
line-height: 140%;
border: 1px solid @ini_text_alt;
padding: .7rem 1rem;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
margin: 0;
padding: 0 .1em;
}
label {
vertical-align: middle;
cursor: pointer;
}
input,
textarea,
button,
select,
optgroup,
option,
keygen,
output,
meter,
progress {
font: inherit;
font-weight: normal;
color: #333;
background-color: #fff;
line-height: normal;
margin: 0;
vertical-align: middle;
box-sizing: border-box;
}
select {
max-width: 100%;
}
textarea.edit {
font-size: @font-size-default;
}
optgroup {
font-style: italic;
font-weight: bold;
}
option {
font-style: normal;
font-weight: normal;
}
input,
textarea,
select,
keygen {
min-height: @formfield_min-height;
border: 1px solid @color-border;
box-shadow: inset 0 0 1px #eee;
border-radius: @fix_border-radius;
padding-left: .3rem;
padding-right: .3rem;
}
input:active,
input:focus,
textarea:active,
textarea:focus,
select:active,
select:focus,
keygen:active,
keygen:focus {
border-color: #999;
}
input[type=radio],
input[type=checkbox],
input[type=image] {
padding: 0;
border-style: none;
box-shadow: none;
}
/* + + + + + buttons + + + + + */
button {
background-color: #eee;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
border: 1px solid #ccc;
border-radius: @fix_border-radius;
color: #333;
padding: .1em .5em;
cursor: pointer;
transition: @transition background-color, @transition color;
&:hover,
&:focus,
&:active {
background-color: #ddd;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
border-color: #999;
}
}
/* + + + all types of submit-buttons + + + */
form input[type=submit], // heredity 'adnewpage'
a.button,
input[type=submit],
input[type=reset],
button[type=submit],
.qq-upload-button {
cursor: pointer;
box-shadow: none;
background-image: none;
background-color: @button_background;
border: 1px solid @button_background;
border-radius: @fix_border-radius;
color: @button_color;
padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: @button_color;
color: @button_background;
}
}
input[type=submit],
button[type=submit] {
&[disabled] {
cursor: default;
&:hover,
&:active,
&:focus {
box-shadow: none;
background-image: none;
background-color: @button_background;
color: @button_color;
border-color: @button_background;
}
}
+ span {
display: block;
margin-top: @grid;
}
}
/* + + + all types of buttons not being submit-buttons + + + */
input.button,
input[type=button] {
cursor: pointer;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
background-color: #eee;
border: 1px solid #ccc;
border-radius: @fix_border-radius;
color: #333;
padding: .1em .5em;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: #ddd;
border-color: #999;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
}
}
/* + + + all disabled buttons + + + */
input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
option[disabled],
input[readonly],
button[readonly],
select[readonly],
textarea[readonly] {
cursor: auto;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
background-color: #eee;
opacity: .5;
border: 1px solid @color-border;
border-radius: @fix_border-radius;
color: #333;
font-weight: normal;
padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: #ddd;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
border-color: #999;
color: #333;
}
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries */
@media @screen_max-lg {
.dokuwiki div.license {
font-size: @font-size-default;
}
}
@media @screen_max-md {
.dokuwiki div.license {
font-size: @font-size-small;
}
}

149
css/base_fontello-icons.less Normal file
View file

@ -0,0 +1,149 @@
/**
* This file provides styles for web fonts and icon fonts
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* icon font */
.setIconFontFace('fontello','fontello');
.icon, [class^="icon-"], [class*=" icon-"]{
.fontello();
}
/* + + + + + fontello codes + + + + + */
/**
* If in the Fontello-Packet an icon is added, the code should be supplemented here:
*/
.icon-emo-happy { &::before { content: '\e804'; } } /* '' */
.icon-emo-wink { &::before { content: '\e805'; } } /* '' */
.icon-emo-unhappy { &::before { content: '\e806'; } } /* '' */
.icon-emo-sleep { &::before { content: '\e807'; } } /* '' */
.icon-emo-thumbsup { &::before { content: '\e808'; } } /* '' */
.icon-emo-grin { &::before { content: '\e80c'; } } /* '' */
.icon-emo-angry { &::before { content: '\e80d'; } } /* '' */
.icon-emo-cry { &::before { content: '\e80f'; } } /* '' */
.icon-emo-squint { &::before { content: '\e811'; } } /* '' */
.icon-emo-laugh { &::before { content: '\e812'; } } /* '' */
.icon-emo-wink2 { &::before { content: '\e813'; } } /* '' */
.icon-up { &::before { content: '\e853'; } } /* '' */
.icon-up-small { &::before { content: '\e82f'; } } /* '' */
.icon-up-thick { &::before { content: '\e831'; } } /* '' */
.icon-up-open-big { &::before { content: '\e848'; } } /* '' */
.icon-down { &::before { content: '\e859'; } } /* '' */
.icon-down-small { &::before { content: '\e834'; } } /* '' */
.icon-down-thick { &::before { content: '\e835'; } } /* '' */
.icon-down-bold { &::before { content: '\e883'; } } /* '' */
.icon-right-small { &::before { content: '\e82d'; } } /* '' */
.icon-right-thick { &::before { content: '\e82e'; } } /* '' */
.icon-left-small { &::before { content: '\e836'; } } /* '' */
.icon-left-thick { &::before { content: '\e82c'; } } /* '' */
.icon-left-bold { &::before { content: '\e837'; } } /* '' */
.icon-smile { &::before { content: '\e85e'; } } /* '' */
.icon-frown { &::before { content: '\e84b'; } } /* '' */
.icon-meh { &::before { content: '\e85f'; } } /* '' */
.icon-help { &::before { content: '\e83c'; } } /* '' */
.icon-menu { &::before { content: '\e854'; } } /* '' */
.icon-home { &::before { content: '\e842'; } } /* '' */
.icon-search { &::before { content: '\e855'; } } /* '' */
.icon-user { &::before { content: '\e833'; } } /* '' */
.icon-user-circle { &::before { content: '\e86c'; } } /* '' */
.icon-login { &::before { content: '\e845'; } } /* '' */
.icon-logout { &::before { content: '\e847'; } } /* '' */
.icon-dividers { &::before { content: '\e801'; } } /* '' */
.icon-cog { &::before { content: '\e84e'; } } /* '' */
.icon-cog-alt { &::before { content: '\e818'; } } /* '' */
.icon-attachment { &::before { content: '\e832'; } } /* '' */
.icon-revert-replay { &::before { content: '\e839'; } } /* '' */
.icon-bell { &::before { content: '\e83a'; } } /* '' */
.icon-bookmark-empty { &::before { content: '\e83b'; } } /* '' */
.icon-check { &::before { content: '\e841'; } } /* '' */
.icon-checkbox-marked { &::before { content: '\e844'; } } /* '' */
.icon-down-open-big { &::before { content: '\e846'; } } /* '' */
.icon-star { &::before { content: '\e860'; } } /* '' */
.icon-star-outline { &::before { content: '\e84c'; } } /* '' */
.icon-sitemap { &::before { content: '\e84d'; } } /* '' */
.icon-puzzle { &::before { content: '\e84f'; } } /* '' */
.icon-plus { &::before { content: '\e850'; } } /* '' */
.icon-minus { &::before { content: '\e852'; } } /* '' */
.icon-pencil-1 { &::before { content: '\e851'; } } /* '' */
.icon-clipboard { &::before { content: '\e857'; } } /* '' */
.icon-clipboard-empty { &::before { content: '\e856'; } } /* '' */
.icon-clock { &::before { content: '\e858'; } } /* '' */
.icon-cloud { &::before { content: '\e85a'; } } /* '' */
.icon-mail { &::before { content: '\e85d'; } } /* '' */
.icon-folder-image { &::before { content: '\e809'; } } /* '' */
.icon-file-new { &::before { content: '\e83d'; } } /* '' */
.icon-file { &::before { content: '\e83e'; } } /* '' */
.icon-file-export { &::before { content: '\e80a'; } } /* '' */
.icon-files { &::before { content: '\e849'; } } /* '' */
.icon-comment-question { &::before { content: '\e880'; } } /* '' */
.icon-jira { &::before { content: '\e881'; } } /* '' */
/* + + + + + additional "after" for nav-pagetools + + + + + */
.icon-pencil {
&::before,
&::after { content: '\e840'; }
}
.icon-pencil-add {
&::before,
&::after { content: '\e800'; }
}
.icon-revisions-history {
&::before,
&::after { content: '\e803'; }
}
.icon-link {
&::before,
&::after { content: '\e843'; }
}
.icon-file-pdf {
&::before,
&::after { content: '\e838'; }
}
.icon-file-xml {
&::before,
&::after { content: '\e802'; }
}
.icon-up-bold {
&::before,
&::after { content: '\e830'; }
}
.icon-disk {
&::before,
&::after{ content: '\e85c'; }
}
.icon-file-text {
&::before,
&::after{ content: '\e84a'; }
}
.icon-book-open {
&::before,
&::after { content: '\e83f'; }
}
.icon-code-braces {
&::before,
&::after { content: '\e85b'; }
}
.icon-code {
&::before,
&::after { content: '\e861'; }
}
.icon-right-bold {
&::before,
&::after { content: '\e882'; }
}

277
css/base_fonts.less
View file

@ -1,277 +0,0 @@
/**
* This file provides styles for web fonts and icon fonts
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* icon font */
.setIconFontFace('fontello','fontello');
.icon, [class^="icon-"], [class*=" icon-"]{
.fontello();
}
/* custom icon font */
.icon-user{
&::before {
content: '\e800';
}
}
.icon-logout{
&::before {
content: '\e801';
}
}
.icon-login{
&::before {
content: '\e802';
}
}
.icon-clipboard{
&::before {
content: '\e803';
}
}
.icon-emo-happy {
&::before {
content: '\e804';
}
}
.icon-emo-wink {
&::before {
content: '\e805';
}
}
.icon-emo-unhappy {
&::before {
content: '\e806';
}
}
.icon-emo-sleep{
&::before {
content: '\e807';
}
}
.icon-emo-thumbsup {
&::before {
content: '\e808';
}
}
.icon-clock{
&::before {
content: '\e809';
}
}
.icon-link{
&::before {
content: '\e80a';
}
}
.icon-link-after{
&::after {
content: '\e80a';
}
}
.icon-bell{
&::before {
content: '\e80b';
}
}
.icon-emo-grin{
:before {
content: '\e80c';
}
}
.icon-emo-angry{
&::before {
content: '\e80d';
}
}
.icon-mail{
&::before {
content: '\e80e';
}
}
.icon-emo-cry {
&::before {
content: '\e80f';
}
}
.icon-cloud{
&::before {
content: '\e810';
}
}
.icon-emo-squint{
&::before {
content: '\e811';
}
}
.icon-emo-laugh{
&::before {
content: '\e812';
}
}
.icon-emo-wink2{
&::before {
content: '\e813';
}
}
.icon-cloud-1{
&::before {
content: '\e814';
}
}
.icon-home-outline{
&::before {
content: '\e815';
}
}
.icon-home() {
&::before {
content: '\e816';
}
}
.icon-search() {
&::before {
content: '\e81f';
}
}
.icon-puzzle-1{
&::before {
content: '\e817';
}
}
.icon-cog-alt{
&::before {
content: '\e818';
}
}
.icon-cog{
&::before {
content: '\e819';
}
}
.icon-help{
&::before {
content: '\e81a';
}
}
.icon-bookmark-empty{
&::before {
content: '\f097';
}
}
.icon-menu{
&::before {
content: '\f0c9';
}
}
.icon-sitemap{
&::before {
content: '\f0e8';
}
}
.icon-doc-text{
&::before {
content: '\f0f6';
}
}
.icon-doc-text-after{
&::after {
content: '\f0f6';
}
}
.icon-smile{
&::before {
content: '\f118';
}
}
.icon-frown{
&::before {
content: '\f119';
}
}
.icon-meh {
&::before {
content: '\f11a';
}
}
.icon-puzzle {
&::before {
content: '\f12e';
}
}
.icon-puzzle-after {
&::after {
content: '\f12e';
}
}
.icon-file-pdf{
&::before {
content: '\f1c1';
}
}
.icon-doc-new{
&::before {
content: '\e81d';
}
}
.icon-book-open{
&::before {
content: '\e81c';
}
}
.icon-plus{
&::before {
content: '\e81e';
}
}
.icon-doc{
&::before {
content: '\e81b';
}
}

119
css/base_mixins.less
View file

@ -142,15 +142,33 @@
/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */
.btn-usertools-wrapper(@elem:2em) {
.btn-hover {
background-color: @ini_nav_menu_hover_bg;
color: @ini_nav_menu_hover_color;
transition: @transition color, @transition background-color, @transition border-color;
&:hover,
&:active,
&:focus {
background-color: @ini_nav_menu_hover_color;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_bg;
.prefix {
color: inherit;
}
}
}
.btn-usertools-wrapper(@elem:@toggle-size) {
display: inline-block;
min-height: @elem;
min-width: @elem;
box-sizing: border-box;
color: @color-nav;
color: @ini_text_webframe;
font-size: @font-size-small;
padding: 0;
margin: 0 @very-small-spacing;
margin: 0 .25rem;
* {
font-size: @font-size-small;
@ -161,28 +179,17 @@
.num {
position: absolute;
right: -.4rem;
top: -.4em;
background-color: @button_background;
top: -.5em;
background-color: @ini_nav_menu_hover_color;
border-radius: 2px;
color: @button_color;
color: @ini_nav_menu_hover_bg;
font-size: @font-size-very-small;
font-weight: 400;
text-align: center;
line-height: 1;
padding: @very-small-spacing @very-small-spacing .1em;
padding: .1em @very-small-spacing;
transition: @transition color, @transition background-color;
}
a {
&:hover,
&:active,
&:focus {
.num {
background-color: @button_background;
color: @button_color;
}
}
}
}
.btn-prefix () {
@ -191,55 +198,53 @@
color: inherit;
font-size: @font-size-default;
margin-top: .35rem;
@media @screen_min-xxlg {
margin-top: .25rem;
}
@media @screen_max-xxlg {
margin-top: .3rem;
}
@media @screen_max-md {
margin-top: .25rem;
}
}
.btn-default-size() {
height: 1rem;
width: 1rem;
min-height: 1.2em;
min-width: 1.4em;
}
.btn-default-height() {
height: 1rem;
min-height: 1.2em;
min-width: 1.4em;
}
.hide-text-show-before(){
.hide-text-show-before() {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-indent: -9999px;
.btn-default-size();
&::before{
text-indent: 0;
&::before {
float: left;
width: 100%;
text-indent: 0;
margin: 0;
}
&::after{
text-indent: 0;
&::after {
float: left;
text-indent: 0;
}
}
.hide-text-show-after() {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-indent: -9999px;
&::before{
text-indent: 0;
&::before {
float: right;
text-indent: 0;
}
&::after{
text-indent: 0;
&::after {
float: right;
text-indent: 0;
}
}
@ -259,13 +264,37 @@
-webkit-flex-direction: @elem;
}
// default "center"
.justify-content(@elem:center) {
justify-content: @elem;
-ms-justify-content: @elem;
-webkit-justify-content: @elem;
}
.align-items(@elem:center) {
align-items: @elem;
-ms-align-items: @elem;
-webkit-align-items: @elem;
}
.flex(@elem:1 0 auto) {
flex: @elem;
-ms-flex: @elem;
-webkit-flex: @elem;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* positioning */
.center-middle() {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Screenreader / Hide */

95
css/base_structure.less
View file

@ -39,7 +39,8 @@
@media @screen_min-md {
.make-grid(md);
html {
font-size: 81.25%; //13px
font-size: 87.5%; //14px
//font-size: 81.25%; //13px
}
}
@ -82,6 +83,7 @@
.content .row > .col-xs-12 {
z-index: 3;
border-radius: 0 @ini_default_border_radius @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
}
.top-header {
@ -97,7 +99,7 @@
position: relative;
> .col-xs-12 {
width: 23%;
width: @ini_sidebar_width;
box-sizing: border-box;
}
}
@ -109,6 +111,12 @@
height: 150px;
min-height: 6rem;
display: table;
+ .col-xs-12 {
float: right;
width: @ini_site_width;
box-sizing: border-box;
}
}
}
@ -126,62 +134,30 @@
}
}
.claim {
display: table-cell;
height: 100%;
vertical-align: middle;
.logo {
/*position: absolute;
bottom: 1em;
overflow: visible;*/
padding: 1rem 0 .3rem;
img {
height: 4.6rem;
width: auto;
border-style: solid;
border-color: transparent;
border-width: 2px 0;
}
a:hover,
a:focus,
a:active {
img {
border-width: 0;
}
}
}
}
.showSidebar {
.content {
.row > .col-xs-12 {
width: 73%;
width: @ini_site_width;
float: right;
}
}
}
.wide-content{
.logo{ }
.wide-content {
.content {
.row > .col-xs-12 {
width: auto;
float: none;
}
}
&.showSidebar{
&.showSidebar {
.content {
.row > .col-xs-12 {
margin-left: @toggle-showsidebar_width;
}
}
}
}
.main-sidebar {
@ -220,14 +196,6 @@
}
}
#dokuwiki__header {
.logo {
/*width: 200px;
max-width: 33%;
margin: .8rem 0;*/
}
}
.tools {
.main-sidebar {
display: none;
@ -235,40 +203,27 @@
}
}
@media @screen_max-md{
.claim{
min-height: 3rem;
.logo{
.mobile-only{
margin: .8rem 1rem .6rem 0;
}
}
}
}
@media @screen_max-xxs{
@media @screen_max-xxs {
@mobileMargin: 4px;
.container{
.container {
margin: 0 @mobileMargin;
}
body.show-mobile-sidebar #dokuwiki__aside{
body.show-mobile-sidebar #dokuwiki__aside {
left: @mobileMargin;
}
#dokuwiki__usertools{
#dokuwiki__usertools {
right: @mobileMargin;
}
#dokuwiki__footer{
.main-footer{
> *{
#dokuwiki__footer {
.main-footer {
> * {
padding-left: 2rem;
padding-right: 2rem;
}
}
}
.page-footer{
}
}

17
css/plugins/bureaucracy.less
View file

@ -1,6 +1,9 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/**
* This file provides styles for bureaucracy plugin
*/
/* + + + + + global + + + + + */
.dokuwiki form.bureaucracy__plugin {
fieldset {
@ -42,7 +45,6 @@
select {
float: left;
width: 50%;
//min-height: 2em;
text-align: left;
padding: .1em .2em;
}
@ -95,13 +97,6 @@
}
#icke__page .content ul.autocompletion {}
ul.autocompletion li {}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */

27
css/plugins/configmanager.less Normal file
View file

@ -0,0 +1,27 @@
/**
* This file provides styles for config manager
*/
/* + + + + + config__manager + + + + + */
#dokuwiki__content {
#config__manager {
.selectiondefault {
background-color: transparent;
}
tr {
.input {
background-color: transparent;
color: inherit;
}
}
tr.default {
.input {
background-color: transparent;
}
}
}
}

27
css/plugins/do_tasks.less
View file

@ -1,9 +1,28 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/**
* This file provides styles for do-task plugin
*/
/* + + + + + global + + + + + */
ul.page-attributes {
.plugin__do_pagetasks {
&.do_none { }
&.do_none {
position: relative;
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
strong {
overflow: hidden;
background-color: @ini_background;
border-color: @noopentasks-border;
color: @ini_text_webframe;
}
.num {
margin-top: 1px;
background-color: @noopentasks-border; // fix
color: @noopentasks-color; // fix
}
}
}
}

31
css/plugins/edit.less
View file

@ -2,15 +2,39 @@
* This file provides styles for the edit view (?do=edit), preview
* and section edit buttons.
*/
/* + + + + + edit view + + + + + */
.dokuwiki {
.editBox {
/* + + + + + edit view + + + + + */
#dokuwiki__content {
div.section_highlight {
clear: right;
}
.secedit button {
clear: both;
font-size: 100%;
margin-top: .5rem;
margin-bottom: .5rem;
}
div.editBox {
background-color: #FFF;
border: solid 2px #FFF;
border-radius: @ini_default_border_radius;
.editButtons {
display: inline-block;
padding-bottom: 1rem;
}
* {
&:not(button) {
color: @color-editBox;
}
}
}
}
@ -21,6 +45,7 @@
margin-bottom: 1.5rem;
clear: both;
}
#spr__meta-box {
display: none;
}

46
css/plugins/edittable.less
View file

@ -1,12 +1,46 @@
/**
* Style Adjustments for the edittable plugin
* This file provides styles for qc edittable plugin
*/
/* + + + + + global + + + + + */
#dokuwiki__content.main-content {
div.editbutton_table form div.no {
button,
input.button {
margin-top: 0;
font-size: @font-size-very-small;
div.editbutton_table {
position: relative; // for IE
z-index: 1; // for IE
float: left;
margin-top: -1.46rem !important; // overwrite inline stales
form div.no {
button,
input.button {
min-height: 1rem;
background-color: @ini_background_content;
border-top: solid 1px @ini_button_background;
border-color: @ini_border;
color: @ini_existing;
font-size: @font-size-small;
margin-top: 0;
padding-right: .3em;
transition: @transition background-color, @transition border-color, @transition color;
&:hover,
&:focus,
&:active {
background-color: @ini_existing;
border-color: @ini_existing;
color: @ini_background_content;
}
}
}
+ * {
clear: left;
}
+ div.editbutton_table {
clear: none;
}
}
}

20
css/plugins/extension__manager.less Normal file
View file

@ -0,0 +1,20 @@
/**
* This file provides styles for extension manager
*/
/* + + + + + global + + + + + */
.dokuwiki #extension__manager {
.actions {
font-size: 0;
> button {
font-size: .92rem;
margin-left: .3rem;
padding-left: .3rem;
padding-right: .3rem;
}
}
}

35
css/plugins/folded.less Normal file
View file

@ -0,0 +1,35 @@
/**
* This file provides styles for the toggle "folded"
*/
/* + + + + + global + + + + + */
#dokuwiki__content {
a.folder {
background: transparent url("svg.php?svg=down.svg&f=existing") right center no-repeat;
color: @ini_existing;
padding-right: 20px;
&.open {
background-image: url("svg.php?svg=up.svg&f=existing");
}
}
div.folded {
box-shadow: @box-shadow-colored;
border: 1px solid fade(@ini_existing, 50%);
border-radius: 0;
margin-top: -.7rem;
margin-bottom: .7rem;
padding: .5em;
p {
margin: .5rem 0;
}
}
span.folded {
border: 1px dotted @ini_border;
}
}

11
css/plugins/hightlight_parent.less
View file

@ -1,5 +1,12 @@
@media @screen_max-md{
#plugin__highlightparent{
/**
* This file provides styles for highlight plugin
*/
/* + + + + + global + + + + + */
@media @screen_max-md {
#plugin__highlightparent {
clear: both;
margin-top: 1rem;
}

19
css/plugins/include.less
View file

@ -4,23 +4,30 @@
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__content .plugin_include_content {
> h1 {
> h1,
> .section_highlight h1 {
padding-top: @font-size-head1;
}
> h2 {
> h2,
> .section_highlight h2 {
padding-top: @font-size-head2;
}
> h3 {
> h3,
> .section_highlight h3 {
padding-top: @font-size-head3;
}
> h4 {
> h4,
> .section_highlight h4 {
padding-top: @font-size-head4;
}
> h5 {
> h5,
> .section_highlight h5 {
padding-top: @font-size-head5;
}
> h6 {
> h6,
> .section_highlight h6 {
padding-top: @font-size-head6;
}
}

32
css/plugins/magic-matcher.less
View file

@ -1,6 +1,6 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/**
* This file provides styles for magic matcher plugin
*/
/* + + + + + + + + + + + + + + + + + + + + + + + */
@ -21,9 +21,9 @@
right: 0;
top: 0;
border: 0;
border-bottom: 1px solid @color-border;
border-left: 1px solid @color-border;
color: @color-nav;
border-bottom: 1px solid @ini_border;
border-left: 1px solid @ini_border;
color: @ini_nav_menu_color;
background: #fff;
border-radius: 0;
border-bottom-left-radius: 5px;
@ -31,8 +31,8 @@
&:hover,
&:focus,
&:active {
border-color: @button_background;
color: @button_background;
border-color: @ini_button_background;
color: @ini_button_background;
}
}
@ -42,9 +42,9 @@
width: 100%;
min-height: @height-context-bar;
box-sizing: border-box;
box-shadow: __box_shadow__;
background-color: __nav_direct_background__;
border-radius: 0 0 __default_border_radius__ __default_border_radius__;
box-shadow: @box-shadow;
background-color: @ini_background_content;
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
font-size: @font-size-default;
padding: .8em 1em .5em;
margin-bottom: 0;
@ -76,6 +76,16 @@
}
}
/* + + + + + in meta box + + + + + */
#spr__tab-issues {
ul.mmissuelist {
padding-left: 0;
margin-top: 1rem;
}
}
/* + + + + + in content + + + + + */
a.jiralink {
font-size: @font-size-default;

16
css/plugins/mediamanager.less
View file

@ -1,20 +1,30 @@
/**
* This file provides styles for the edit view (?do=edit), preview
* and section edit buttons.
* This file provides styles for mediamanager
*/
/* + + + + + mediamanager + + + + + */
/* + + + + + global + + + + + */
#mediamanager__page {
.namespaces h2 {
bottom: 0;
line-height: 100%;
margin-bottom: -1px;
}
#media__tree ul li img {
padding-top: .3em;
}
ul.tabs li a {
border-bottom-color: transparent;
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries */
@media @screen_max-md {
#mediamanager__page {
min-width: 100%;

12
css/plugins/move.less
View file

@ -1,6 +1,14 @@
#dokuwiki__site > .plugin_move_dialog{
/**
* This file provides styles for move plugin
*/
/* + + + + + global + + + + + */
#dokuwiki__site > .plugin_move_dialog {
font-size: @font-size-default;
*{
* {
font-size: @font-size-default;
}
}

5
css/plugins/popupviewer.less
View file

@ -1,5 +1,10 @@
/**
* This file provides styles for popupviewer plugin
*/
/* + + + + + global + + + + + */
#popupviewer {
> .controls > .content {

2
css/plugins/qc.less
View file

@ -6,8 +6,6 @@
.page-attributes .plugin_qc {
.qc_icon {
margin: 0;
width: 2em;
height: 2em;
svg {
margin-top: 0.1em;

10
css/plugins/starred.less Normal file
View file

@ -0,0 +1,10 @@
/**
* This file provides styles for starred plugin
*/
/* + + + + + global + + + + + */
#dokuwiki__site {
}

118
css/plugins/struct.less
View file

@ -1,6 +1,9 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/**
* This file provides styles for struct plugin
*/
/* + + + + + global + + + + + */
#dokuwiki__content {
.structaggregation {
@ -10,9 +13,26 @@
padding-bottom: @link-height;
margin-bottom: @grid;
table th input:focus {
width: 100%;
box-sizing: border-box;
td,
th {
line-height: @line-height-default;
a {
color: @ini_existing;
line-height: @line-height-default;
}
}
// search button in table (f.i. "All products")
table th input {
&:not(:focus) {
cursor: pointer;
}
&:focus {
width: 100%;
box-sizing: border-box;
}
}
.table {
@ -26,22 +46,106 @@
margin-bottom: 0;
&.export {
bottom: 1px;
background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat;
background-size: auto 20px;
border: solid 1px @ini_border;
color: @ini_existing;
font-size: @font-size-small;
line-height: 1;
padding-top: .3em;
margin-top: -1px;
padding-top: .4em;
transition: @transition background-color, @transition border-color, @transition color;
&:hover,
&:focus,
&:active {
background-color: @ini_existing;
background-image: url("svg.php?svg=file-export.svg&f=background_content");
border-color: @ini_existing;
color: @ini_background_content;
text-decoration: none;
}
}
}
}
#plugin__struct_output{
margin-right: 0;
}
.struct_entry_form {
margin-bottom: 2rem;
> fieldset {
margin-top: 1.5rem;
}
}
textarea + .struct_entry_form {
margin-top: -.5rem;
}
div.editBox {
.struct_entry_form {
label span.label {
color: @color-editBox;
}
}
}
}
.dokuwiki .struct_inlineditor {
z-index: 3;
}
/* + + + + + form - Struct Schema Editor + + + + + */
form {
&.doku_form.struct_newschema {
fieldset {
> label {
> span:first-child {
display: inline-block;
@media @screen_min-lg {
width: 48.8%;
}
@media @screen_max-lg {
width: 48.5%;
}
}
> input[type="text"] {
width: 50%;
}
}
button {
cursor: pointer;
box-shadow: none;
background-image: none;
background-color: @ini_button_background;
border: 1px solid @ini_button_background;
border-radius: @fix_border-radius;
color: @ini_button_color;
vertical-align: top;
margin-top: .3em;
padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: @ini_button_color;
color: @ini_button_background;
}
+ p {
padding-top: 1rem;
}
}
}
}
}

46
css/plugins/tabinclude.less
View file

@ -1,39 +1,57 @@
/**
* This file provides styles for the edit view (?do=edit), preview
* and section edit buttons.
* This file provides styles for the tabinclude
*/
/* + + + + + plugin tabinclude + + + + + */
div#dwpl-ti-container {
/* + + + tabnav + + + */
li.dwpl-ti-tab {
box-shadow: none;
border-color: @color-site-bg;
background-color: @ini_background_page_header;
border-color: @ini_border;
border-radius: @fix_border-radius @fix_border-radius 0 0;
color: @ini_background_page_footer;
padding: 0;
&:hover {
background-color: @ini_background_page_header;
text-decoration: none;
div {
text-decoration: underline;
&.selected {
color: @ini_text;
}
}
}
div {
background-color: @background_page-header;
border-radius: inherit;
color: inherit;
padding: .1em .35em;
&.selected {
background-color: @color-site-bg;
position: relative;
z-index: 1;
background-color: @ini_background_content;
color: @ini_text;
}
}
}
/* + + + box + + + */
/* + + + content box + + + */
div.dwpl-ti-content-box {
position: relative;
z-index: 0;
overflow: auto;
box-shadow: none;
background-color: @color-site-bg;
border: solid 1px @color-site-bg;
box-shadow: @box-shadow;
background-color: @ini_background_content;
border: solid 1px @ini_border;
border-radius: 0;
margin-top: -1px;
}
}
@ -42,7 +60,5 @@ div#dwpl-ti-container {
/* media queries */
@media @screen_max-md {
div#dwpl-ti-container {
}
div#dwpl-ti-container { }
}

117
css/plugins/tagging.less Normal file
View file

@ -0,0 +1,117 @@
/**
* This file provides styles for the form in tagcloud
*/
/* + + + + + plugin tagging + + + + + */
#spr__meta-box {
ul.tagging_cloud {
width: 100%;
padding-right: 0;
li {
&.t0 a {
font-size: .9rem;
}
&.t1 a {
font-size: 1rem;
}
&.t2 a {
font-size: 1.1rem;
}
&.t3 a {
font-size: 1.2rem;
}
&.t4 a {
font-size: 1.3rem;
}
&.t5 a {
font-size: 1.4rem;
}
&.t6 a {
font-size: 1.5rem;
}
&.t7 a {
font-size: 1.6rem;
}
&.t8 a {
font-size: 1.7rem;
}
&.t9 a {
font-size: 1.8rem;
}
&.t10 a {
font-size: 1.9rem;
}
}
}
form#tagging__edit {
width: 100%;
label {
display: block;
}
input.edit {
width: 100%;
margin-bottom: .5rem;
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries */
@media @screen_max-md {
#spr__meta-box {
form {
&#tagging__edit {
label {
display: inline-block;
min-width: 50%;
vertical-align: top;
margin-bottom: .5rem;
}
input.edit {
margin-bottom: 0;
}
}
}
}
}
@media @screen_max-xs {
#spr__meta-box {
form {
div > button[type="submit"] {
width: 49%;
padding: 0;
}
&#tagging__edit {
&::after {
content: '';
clear: both;
display: block;
}
label {
display: block;
width: 100%;
}
button[type="submit"] {
float: right;
&:first-of-type {
float: left;
}
}
}
}
}
}

139
css/template_admin.less
View file

@ -1,42 +1,129 @@
/**
* This file provides the design styles for the admin tools
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.do-admin {
#admin__version {
font-size: @font-size-default;
}
.main-content ul {
> li{
> li {
font-size: @font-size-default;
div.li{
font-size: @font-size-default;
div.li {
font-size: @font-size-default;
a{
font-size: @font-size-default;
line-height: 125%;
cursor: pointer;
}
}
}
}
ul.admin_tasks {
padding: 0;
li {
background-size: auto 1rem;
margin: 0 0 .6em 0;
a {
font-weight: 400;
a {
font-size: @font-size-default;
line-height: 125%;
cursor: pointer;
}
}
}
}
@media @screen_max-md {
ul.admin_tasks {
float: none;
width: auto;
}
div.ui-admin {
ul.admin_tasks,
ul.admin_plugins {
padding: 0;
li {
background-size: auto 1rem;
margin: 0 0 .6em 0;
a {
color: @ini_existing;
font-weight: 400;
* {
color: inherit;
}
span.icon {
width: 1.6em;
min-height: 1.6em;
margin-top: -.3rem;
margin-bottom: .3rem;
svg {
width: 26px;
height: 26px;
border: solid 1px @ini_background_content;
border-radius: @ini_default_border_radius;
fill: @ini_existing;
transition: @transition background-color, @transition border-color, @transition fill;
path {
fill: @ini_existing;
transition: @transition fill;
}
}
}
&:hover,
&:focus,
&:active {
span.icon {
svg {
background-color: @ini_existing;
border-color: @ini_existing;
fill: @ini_background_content;
path {
fill: @ini_background_content;
}
}
}
}
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 1024px */
@media @screen_max-md {
.do-admin {
div.ui-admin {
ul.admin_tasks {
width: 50%;
padding-top: 1rem;
li {
white-space: normal;
a {
.display-flex(); // for better position with line breaks (white-space)
span.icon {
margin-top: -.3rem;
margin-bottom: .3rem;
}
}
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 768px */
@media @screen_max-xs {
.do-admin {
div.ui-admin {
ul.admin_tasks {
width: auto;
padding-top: 1rem;
}
}
}
}