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

Merge pull request #33 from cosmocode/improve-less-formatting

Browse source 
Improve less formatting
This commit is contained in:
Andreas Gohr 2019-04-11 16:39:36 +02:00 • committed by GitHub
commit e8647cb75c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
51 changed files with 298 additions and 378 deletions
Download patch file Download diff file Expand all files Collapse all files

9
css/area_content.less
View file

@ -1,7 +1,5 @@
/** /**
* This file provides the design styles for the page content. * This file provides the design styles for the page content.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.content .row { .content .row {
@ -31,23 +29,20 @@
} }
} }
.main-content > .level2, .main-content > .level2,
.main-content > .level1, .main-content > .level1,
.main-content > .level3, .main-content > .level3,
.main-content > .level4, .main-content > .level4,
.main-content > .level5, .main-content > .level5,
.main-content > .level6 { .main-content > .level6 {
//padding-bottom: 1rem; > p,
> ul > li .li {
> p, > ul > li .li {
a { a {
font-size: inherit; font-size: inherit;
} }
} }
} }
.level1, .level1,
.level2, .level2,
.level3, .level3,

12
css/area_footer.less
View file

@ -1,13 +1,9 @@
/** /**
* This file provides the design styles for the page footer * This file provides the design styles for the page footer
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* no print */ /* no print */
@media screen { @media screen {
.page-footer { .page-footer {
min-height: @page-header_height; min-height: @page-header_height;
@ -55,10 +51,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1024px */ /* min-width: 1024px */
@media @screen_min-md { @media @screen_min-md {
#dokuwiki__footer { #dokuwiki__footer {
.col-xs-12 { .col-xs-12 {
@ -91,10 +85,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */ /* max-width: 1023px */
@media @screen_max-md { @media @screen_max-md {
#dokuwiki__footer { #dokuwiki__footer {
.main-footer { .main-footer {
@ -104,10 +96,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 768px */ /* max-width: 768px */
@media @screen_max-xs { @media @screen_max-xs {
.page-footer { .page-footer {
padding-left: @margin-small; padding-left: @margin-small;
@ -124,10 +114,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 480px */ /* max-width: 480px */
@media @screen_max-xxs { @media @screen_max-xxs {
#dokuwiki__footer { #dokuwiki__footer {
.main-footer { .main-footer {

5
css/area_footnotes.less
View file

@ -1,6 +1,5 @@
/** /**
* This file provides the design styles for the footnotes. * This file provides the design styles for the footnotes.
*
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
@ -38,8 +37,6 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* footnotes in content */ /* footnotes in content */
.main-content sup, .main-content sup,
@ -55,5 +52,3 @@
.insitu-footnote { .insitu-footnote {
line-height: 130%; line-height: 130%;
} }

12
css/area_forms.less
View file

@ -1,18 +1,13 @@
/** /**
* This file provides the design styles for forms. * 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) */ /* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
form { form {
display: inline; display: inline;
margin: 0; margin: 0;
padding: 0; padding: 0;
// multiline label // multiline label
fieldset > label.block > span:first-child { fieldset > label.block > span:first-child {
display: inline-block; display: inline-block;
@ -115,7 +110,6 @@ input[type="image"] {
//box-shadow: none; :in ie picture and checkbox disappear //box-shadow: none; :in ie picture and checkbox disappear
} }
input:active, input:active,
input:focus, input:focus,
textarea:active, textarea:active,
@ -132,7 +126,6 @@ input[type="file"] {
padding-bottom: .1rem; padding-bottom: .1rem;
} }
/* + + + + + buttons + + + + + */ /* + + + + + buttons + + + + + */
button { button {
background-color: #eee; background-color: #eee;
@ -155,7 +148,6 @@ button {
} }
} }
/* + + + all types of submit-buttons + + + */ /* + + + all types of submit-buttons + + + */
form input[type=submit], // heredity 'adnewpage' form input[type=submit], // heredity 'adnewpage'
a.button, a.button,
@ -213,7 +205,6 @@ button[type=submit] {
} }
} }
/* + + + all types of buttons not being submit-buttons + + + */ /* + + + all types of buttons not being submit-buttons + + + */
input.button, input.button,
input[type=button] { input[type=button] {
@ -237,7 +228,6 @@ input[type=button] {
} }
} }
/* + + + all disabled buttons + + + */ /* + + + all disabled buttons + + + */
input[disabled], input[disabled],
button[disabled], button[disabled],
@ -277,10 +267,8 @@ button::-moz-focus-inner {
padding: 0; padding: 0;
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries - Styles for auth forms */ /* media queries - Styles for auth forms */
@media @screen_max-xs { @media @screen_max-xs {
.tpl_sprintdoc { .tpl_sprintdoc {
#dw__login, #dw__login,

31
css/area_header.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the page header. * This file provides the design styles for the page header.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
#dokuwiki__header { #dokuwiki__header {
@header-font-opacity: 1; @header-font-opacity: 1;
@ -12,8 +9,7 @@
min-height: 120px; min-height: 120px;
} }
/* + + + wiki logo + + + */
/* + + + wiki logo + + + */
@media @screen_min-md { @media @screen_min-md {
.logo { .logo {
padding: 1rem 0 .3rem; padding: 1rem 0 .3rem;
@ -46,8 +42,7 @@
} }
} }
/* + + + + + DESKTOP - wiki title + claim + + + + + */
/* + + + + + DESKTOP - wiki title + claim + + + + + */
.main-title.desktop-only { .main-title.desktop-only {
@media @screen_min-md { @media @screen_min-md {
display: table-cell; display: table-cell;
@ -76,8 +71,7 @@
} }
} }
/* + + + + + MOBILE - wiki title wrapper + + + + + */
/* + + + + + MOBILE - wiki title wrapper + + + + + */
.main-title:not([class*="desktop-only"]) { .main-title:not([class*="desktop-only"]) {
@media @screen_max-md { @media @screen_max-md {
display: table-cell; display: table-cell;
@ -89,8 +83,7 @@
} }
} }
/* + + + wiki title + + + */
/* + + + wiki title + + + */
p.title { p.title {
background-color: @ini_background_site; background-color: @ini_background_site;
opacity: @header-font-opacity; opacity: @header-font-opacity;
@ -109,8 +102,7 @@
} }
} }
/* + + + + + DESKTOP - wiki claim, logo, title wrapper + + + + + */
/* + + + + + DESKTOP - wiki claim, logo, title wrapper + + + + + */
@media @screen_min-md { @media @screen_min-md {
div.claim { div.claim {
display: table-cell; display: table-cell;
@ -119,8 +111,7 @@
} }
} }
/* + + + wiki claim + + + */
/* + + + wiki claim + + + */
p.claim { p.claim {
opacity: @header-font-opacity; opacity: @header-font-opacity;
color: @ini_text_webframe; color: @ini_text_webframe;
@ -132,8 +123,7 @@
} }
} }
/* + + + mobile nav togglelink + + + */
/* + + + mobile nav togglelink + + + */
.menu-togglelink { .menu-togglelink {
position: relative; position: relative;
margin: @headericons-margin-xxs -(@very-small-spacing) 0 0; margin: @headericons-margin-xxs -(@very-small-spacing) 0 0;
@ -176,8 +166,7 @@
} }
} }
/* + + + + + with magic matcher + + + + + */
/* + + + + + with magic matcher + + + + + */
&.has-magicmatcher { &.has-magicmatcher {
.logo { .logo {
@media @screen_min-md { @media @screen_min-md {
@ -208,7 +197,6 @@
} }
} }
/* + + + + + layout option compact + + + + + */ /* + + + + + layout option compact + + + + + */
.header-compact { .header-compact {
#dokuwiki__header { #dokuwiki__header {
@ -284,9 +272,6 @@
.menu-tool-select { .menu-tool-select {
padding-top: .3rem; padding-top: .3rem;
} }
} }
} }
} }

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

@ -2,7 +2,6 @@
* This styles the "section editing button" (if not added by data-plugin) * This styles the "section editing button" (if not added by data-plugin)
*/ */
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
.secedit:not([class*="plugin"]):not([class*="table"]) { .secedit:not([class*="plugin"]):not([class*="table"]) {
position: relative; position: relative;

15
css/area_main-content.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the main-content. * This file provides the design styles for the main-content.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
div[class^="level"] { div[class^="level"] {
p a.media { p a.media {
@ -43,16 +40,12 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */ /* min-width: 1440px */
// @media @screen_min-xlg {
@media @screen_min-xlg { // }
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */ /* max-width: 1199px */
// @media @screen_max-xlg {
@media @screen_max-xlg { // }
}

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

@ -1,11 +1,7 @@
/** /**
* This file provides the design styles the navigational elements in the sidebar * This file provides the design styles the navigational elements in the sidebar
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
* @author Andreas Gohr <gohr@cosmocode.de>
*/ */
#dokuwiki__aside { #dokuwiki__aside {
@icon-size: @font-size-big; @icon-size: @font-size-big;
@menu-margin: @icon-size + @margin-small * 2; @menu-margin: @icon-size + @margin-small * 2;
@ -62,7 +58,7 @@
padding: .15em 0; padding: .15em 0;
/* + + + + + active + + + + + */ /* + + + + + active + + + + + */
span.curid { span.curid {
font-weight: bold; font-weight: bold;
} }
@ -81,8 +77,7 @@
} }
} }
/* + + + the wrapper around the toggle to reserve space + + + */
/* + + + the wrapper around the toggle to reserve space + + + */
div.nav { div.nav {
min-height: @icon-size + @margin-small; min-height: @icon-size + @margin-small;
border: 1px solid transparent; border: 1px solid transparent;
@ -137,13 +132,12 @@
} }
} }
/* + + + submenu entry is active + + + */ /* + + + submenu entry is active + + + */
&.is-active { &.is-active {
font-weight: bold; font-weight: bold;
} }
/* + + + toggle: open + + + */
/* + + + toggle: open + + + */
&.is-open { &.is-open {
background-color: @ini_nav_menu_hover_color; background-color: @ini_nav_menu_hover_color;
border-color: @ini_nav_menu_hover_color; border-color: @ini_nav_menu_hover_color;
@ -259,8 +253,7 @@
} }
} }
/* + + + + + the panel (hidden by default) + + + + + */
/* + + + + + the panel (hidden by default) + + + + + */
div.nav-panel { div.nav-panel {
display: none; display: none;
margin-top: .5rem; margin-top: .5rem;
@ -277,10 +270,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */ /* min-width: 1440px */
@media @screen_min-xlg { @media @screen_min-xlg {
#dokuwiki__aside { #dokuwiki__aside {
nav { nav {
@ -301,10 +292,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1440px */ /* max-width: 1440px */
@media @screen_max-xlg { @media @screen_max-xlg {
#dokuwiki__aside { #dokuwiki__aside {
div.nav { div.nav {
@ -315,10 +304,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */ /* max-width: 1023px */
@media @screen_max-md { @media @screen_max-md {
#dokuwiki__aside { #dokuwiki__aside {
div.nav { div.nav {
@ -366,10 +353,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 768px */ /* max-width: 768px */
@media @screen_max-xs { @media @screen_max-xs {
body.show-mobile-sidebar { body.show-mobile-sidebar {
.page-wrapper > .tools { .page-wrapper > .tools {
@ -386,10 +371,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 480px */ /* max-width: 480px */
@media @screen_max-xxs { @media @screen_max-xxs {
body.show-mobile-sidebar { body.show-mobile-sidebar {
#dokuwiki__aside { #dokuwiki__aside {

13
css/area_main-sidebar-search.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the quick search. * This file provides the design styles for the quick search.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.search.main-sidebar { .search.main-sidebar {
@main-ico-dummy: @font-size-big + @margin-small*2; //FIXME copied from area_main-sidebar-nav @main-ico-dummy: @font-size-big + @margin-small*2; //FIXME copied from area_main-sidebar-nav
@icon-size: @page-header_height; @icon-size: @page-header_height;
@ -108,8 +105,7 @@
} }
} }
/* + + + form + + + */
/* + + + form + + + */
form { form {
position: relative; position: relative;
display: block; display: block;
@ -177,8 +173,7 @@
} }
} }
/* + + + + + suggestionlist + + + + + */
/* + + + + + suggestionlist + + + + + */
#qsearch__out { #qsearch__out {
left: auto; left: auto;
top: auto; top: auto;
@ -187,10 +182,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1024px */ /* min-width: 1024px */
@media @screen_min-md { @media @screen_min-md {
// wide page content // wide page content
@ -224,10 +217,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */ /* max-width: 1023px */
@media @screen_max-md { @media @screen_max-md {
// show when toggled // show when toggled

6
css/area_main-sidebar-tabs.less
View file

@ -1,3 +1,8 @@
/**
* This file provides the design styles for tab list in sidebar
*/
/* default view */
#dokuwiki__aside ul.sidebar-tabs { #dokuwiki__aside ul.sidebar-tabs {
margin-top: 0; margin-top: 0;
margin-bottom: @nav-margin; margin-bottom: @nav-margin;
@ -22,6 +27,7 @@
} }
} }
/* wide content view */
.wide-content #dokuwiki__aside ul.sidebar-tabs { .wide-content #dokuwiki__aside ul.sidebar-tabs {
visibility: hidden; visibility: hidden;
} }

5
css/area_msg.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for message block * This file provides the design styles for message block
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.msg-area { .msg-area {
clear: both; clear: both;
padding-top: 1.6rem; padding-top: 1.6rem;
@ -18,7 +15,7 @@
} }
} }
/* short fix: SPR-891 - Icons für Notifications in Message Area werden gekachelt */ /* short fix: SPR-891 - icons for notifications in message area are repeated */
div.success, div.success,
div.error, div.error,
div.info, div.info,

3
css/area_nav-breadcrumb.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the breadcrumb * This file provides the design styles for the breadcrumb
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.breadcrumbs { .breadcrumbs {
position: relative; position: relative;
min-height: @page-header_height; min-height: @page-header_height;

3
css/area_nav-direct.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the direct / menu jump links. * This file provides the design styles for the direct / menu jump links.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.nav-direct { .nav-direct {
background-color: @nav_direct_background; background-color: @nav_direct_background;
margin-top: -1px; margin-top: -1px;

17
css/area_nav-metabox.less
View file

@ -1,11 +1,7 @@
/** /**
* This file provides the design styles for the metatabbox * This file provides the design styles for the metatabbox
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
* @author Silke Pisulla <pisulla@cosmocode.de>
*/ */
#spr__meta-box { #spr__meta-box {
.display-flex(); .display-flex();
.flex-direction(); .flex-direction();
@ -57,7 +53,7 @@
} }
/* + + + + + tab controlls + + + + + */ /* + + + + + tab controls + + + + + */
ul.meta-tabs { ul.meta-tabs {
list-style: none; list-style: none;
line-height: 160%; line-height: 160%;
@ -175,8 +171,7 @@
} }
} }
/* + + + + + toggle content + + + + + */
/* + + + + + toggle content + + + + + */
.meta-content { .meta-content {
margin-top: -1px; margin-top: -1px;
@ -297,8 +292,7 @@
} }
} }
/* + + + + + tab issues + + + + + */
/* + + + + + tab issues + + + + + */
#spr__tab-issues { #spr__tab-issues {
ul.mmissuelist { ul.mmissuelist {
padding-left: 0; padding-left: 0;
@ -337,9 +331,8 @@
} }
} }
/* + + + + + tab issues + + + + + */
/* + + + + + tab issues + + + + + */ /* see plugins/magic-matcher.less */
/* see plugins/magic-matcher.less */
#spr__tab-issues { #spr__tab-issues {
ul.mmissuelist { ul.mmissuelist {
padding-left: 0; padding-left: 0;

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

@ -2,9 +2,7 @@
* Page Attribute Icons in the breadcrumb bar * Page Attribute Icons in the breadcrumb bar
*/ */
/* + + + + + icons in breadcrumb area + + + + + */ /* + + + + + icons in breadcrumb area + + + + + */
.page-attributes { .page-attributes {
list-style: none; list-style: none;
float: right; float: right;

3
css/area_nav-pagetools.less
View file

@ -1,7 +1,5 @@
/** /**
* This file provides the design styles for the page specific tool bar. * This file provides the design styles for the page specific tool bar.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* /*
@ -21,7 +19,6 @@
.pagetools-item(img_backto, 12); .pagetools-item(img_backto, 12);
*/ */
#dokuwiki__aside { #dokuwiki__aside {
@media @screen_max-md { @media @screen_max-md {
display: none !important; display: none !important;

17
css/area_nav-usertools.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the direct / menu jump links. * This file provides the design styles for the direct / menu jump links.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
#dokuwiki__usertools.nav-usertools { #dokuwiki__usertools.nav-usertools {
@media @screen_min-md { @media @screen_min-md {
right: 1.25rem; right: 1.25rem;
@ -26,8 +23,7 @@
} }
} }
/* + + + + + icon list + + + + + */
/* + + + + + icon list + + + + + */
ul { ul {
float: right; float: right;
padding: 0; padding: 0;
@ -76,8 +72,7 @@
} }
} }
/* !!! &.user-task FIND in plugins/do_tasks.less !!! */ /* !!! &.user-task FIND in plugins/do_tasks.less !!! */
&.user { &.user {
position: relative; position: relative;
display: table-cell; display: table-cell;
@ -221,11 +216,9 @@
} }
} }
} // user } // user
} // li } // li
/* + + + icons + + + */
/* + + + icons + + + */
.menuitem, button { .menuitem, button {
padding: 2px 0 0 2px; padding: 2px 0 0 2px;
min-height: @toggle-size; // overrides button[type="submit"] styles min-height: @toggle-size; // overrides button[type="submit"] styles
@ -245,10 +238,8 @@
span { span {
display: none; display: none;
} }
} }
a { // Pre-Greebo backwards compatibility, remove after transitioning to Greebo a { // Pre-Greebo backwards compatibility, remove after transitioning to Greebo
.fontello(); .fontello();
.hide-text-show-before(); .hide-text-show-before();
@ -298,7 +289,6 @@
} // ul } // ul
} // nav-usertools } // nav-usertools
/* + + + + + layout option compact + + + + + */ /* + + + + + layout option compact + + + + + */
.header-compact { .header-compact {
#dokuwiki__usertools.nav-usertools { #dokuwiki__usertools.nav-usertools {
@ -366,4 +356,3 @@
} }
} }
} }

8
css/area_recent.less
View file

@ -1,13 +1,10 @@
/** /**
* This file provides the design styles for page revisions * This file provides the design styles for page revisions
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.dokuwiki { .dokuwiki {
/* + + + + + list of changes + + + + + */ /* + + + + + list of changes + + + + + */
form.changes { form.changes {
li { li {
.sizechange { .sizechange {
@ -59,8 +56,7 @@
} }
} }
/* + + + + + view of differents + + + + + */
/* + + + + + view of differents + + + + + */
a.difflink { a.difflink {
color: @ini_existing; color: @ini_existing;

3
css/area_search.less
View file

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

2
css/area_tabs.less
View file

@ -2,9 +2,7 @@
* This file provides styles for tab boxes * This file provides styles for tab boxes
*/ */
/* + + + + + tabs + + + + + */ /* + + + + + tabs + + + + + */
#dokuwiki__content { #dokuwiki__content {
ul.tabs { ul.tabs {
li:not([class~="active"]) { li:not([class~="active"]) {

5
css/area_togglelink.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the sidebar (navmain). * This file provides the design styles for the sidebar (navmain).
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.togglelink { .togglelink {
&.page_main-content { &.page_main-content {
position: absolute; position: absolute;
@ -70,7 +67,7 @@
} }
} }
/* + + + toggle out + + + */ /* + + + toggle out + + + */
.wide-content & { .wide-content & {
left: 0; left: 0;

179
css/base.less
View file

@ -1,13 +1,178 @@
/** /**
* This file provides the basic/reset styles. * This file provides the basic/reset styles.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@font_family_screen: arial, sans-serif;
@font_family_print: "Times New Roman", serif;
@nav_direct_background: @ini_background;
@nav_direct_color: @ini_existing;
@background_darker: rgba(230,230,230, .2);
@ini_sidebar_width: (100 - @ini_site_width) - 4;
@height-context-bar: 50px;
@margin-small: 1rem;
@margin-default: 2rem;
@margin-big: 3.07rem;
@nav-margin: 1.3rem;
@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); // tabinclude
@box-shadow: 0 0 .5em rgba(153,153,153,.5); // pagetoolbox hover
@box-shadow-colored: 0 0 .5em fade(@ini_existing, 50%);
@box-shadow-right-bottom: .1em .3rem .5em rgba(153,153,153,.5);
@box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper (breadcrumb), struct inline-editor
/* + + + for programmers customizing + + + */
@fix_border-radius: 3px; // inputs, editbox (textarea), buttons, content, code, quicksearch, msg
@toggle-showsidebar_width: 3.47rem; // shown sidebar after toggle
@headericons-margin-xxs: .45rem; // screen xxs margin-top for header icons
@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
@code-background: #F6F6F6; /* code, pre, samp, kbd */
/* icons */
@noopentasks-background: #ECECEC; /* metabox tabs + num in icons + tabinclude */
@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 */
@menu-margin-lg: 1.3rem;
@quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */
@suggestion-zebra: #EEE;
/* edit mode */
@highlight-odd-ini_text: fade(@ini_background, 95%);
@highlight-even-ini_text: fade(@ini_text, 5%);
@color-editBox: #252525; // editmode for tables, revision states
//@nolinkedicon-ini_background: fade(@ini_background_site, 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;
@line-height-default: 125%;
@line-height-big: 135%;
@line-height-bigger: 140%;
@font-weight-bold: 800;
@font-weight-normal: 400;
@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 * 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 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@break-min-xxs: 480;
@break-max-xxs: (@break-min-xxs - 1);
@break-min-xs: 768;
@break-max-xs: (@break-min-xs - 1);
@break-min-sm: 992;
@break-max-sm: (@break-min-sm - 1);
@break-min-md: 1024;
@break-max-md: (@break-min-md - 1);
@break-min-lg: 1200;
@break-max-lg: (@break-min-lg - 1);
@break-min-xlg: 1440;
@break-max-xlg: (@break-min-xlg - 1);
@break-min-xxlg: 1600;
@break-max-xxlg: (@break-min-xxlg - 1);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries for breakpoints */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)";
@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)";
@screen_min-xs: ~"only screen and (min-width: " ~"@{break-min-xs}px)";
@screen_max-xs: ~"only screen and (max-width: " ~"@{break-max-xs}px)";
@screen_min-sm: ~"only screen and (min-width: " ~"@{break-min-sm}px)";
@screen_max-sm: ~"only screen and (max-width: " ~"@{break-max-sm}px)";
@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_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)";
@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)";
@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)";
@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)";
@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-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px) and (max-width: " ~"@{break-max-xxlg}px)";
@screen_md-xlg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)";
@screen_md-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-lg}px)";
@screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)";
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* col width */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@c12: 100%;
@c11: 91.66666667%;
@c10: 83.33333333%;
@c9: 75%;
@c8: 66.66666667%;
@c7: 58.33333333%;
@c6: 50%;
@c5: 41.66666667%;
@c4: 33.33333333%;
@c3: 25%;
@c2: 16.66666667%;
@c1: 8.33333333%;
@grid-columns: 12;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */ /* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
html, html,
body { body {
.reset(); .reset();
@ -79,10 +244,9 @@ nav > ul {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* css behaviour */ /* css behaviour */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.sr-out { .sr-out {
.sr-out(); .sr-out();
} }
@ -124,7 +288,6 @@ nav > ul {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* screen only */ /* screen only */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@ -261,11 +424,9 @@ nav > ul {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* print only */ /* print only */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media print { @media print {
body { body {
font-size: 12pt; font-size: 12pt;

12
css/base_design.less
View file

@ -1,8 +1,6 @@
/** /**
* This file provides the main design styles * This file provides the main design styles
* across all template elements (typo, colors etc.) * across all template elements (typo, colors etc.)
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
@ -10,9 +8,7 @@ html, body {
background-color: @ini_background_site; background-color: @ini_background_site;
} }
/* highlight selected tool */ /* highlight selected tool */
.mode_admin a.action.admin, .mode_admin a.action.admin,
.mode_login a.action.login, .mode_login a.action.login,
.mode_register a.action.register, .mode_register a.action.register,
@ -346,9 +342,7 @@ small,
} }
} }
/* + + + lists + + + */
/*____________ lists ____________*/
ul, ul,
ol { ol {
font-size: @font-size-default; font-size: @font-size-default;
@ -426,9 +420,7 @@ ol ol ol ol ol {
list-style-type: lower-roman; list-style-type: lower-roman;
} }
/* + + + tables + + + */
/*____________ tables ____________*/
.dokuwiki { .dokuwiki {
table.inline tr:hover { table.inline tr:hover {
th { th {

10
css/base_fontello-icons.less
View file

@ -1,10 +1,8 @@
/** /**
* This file provides styles for web fonts and icon fonts * This file provides styles for web fonts and icon fonts
* * (If you add new icons in the fontello set you have to add the icon class and associated character encoding here)
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* icon font */ /* icon font */
.setIconFontFace('fontello','fontello'); .setIconFontFace('fontello','fontello');
@ -12,12 +10,7 @@
.fontello(); .fontello();
} }
/* + + + + + fontello codes + + + + + */ /* + + + + + 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-happy { &::before { content: '\e804'; } } /* '' */
.icon-emo-wink { &::before { content: '\e805'; } } /* '' */ .icon-emo-wink { &::before { content: '\e805'; } } /* '' */
.icon-emo-unhappy { &::before { content: '\e806'; } } /* '' */ .icon-emo-unhappy { &::before { content: '\e806'; } } /* '' */
@ -94,7 +87,6 @@
/* + + + + + additional "after" for nav-pagetools + + + + + */ /* + + + + + additional "after" for nav-pagetools + + + + + */
.icon-pencil { .icon-pencil {
&::before, &::before,
&::after { content: '\e840'; } &::after { content: '\e840'; }

12
css/base_mixins.less
View file

@ -1,14 +1,10 @@
/** /**
* This file provides less mixins for all other style modules * This file provides less mixins for all other style modules
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Fonts */ /* Fonts */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { .setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) {
@font-face { @font-face {
font-family: @fontFamily; font-family: @fontFamily;
@ -102,11 +98,9 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Screenreader / Hide */ /* Screenreader / Hide */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.sr-out() { .sr-out() {
display: block; display: block;
width: 1px; width: 1px;
@ -140,7 +134,6 @@
} }
} }
/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ /* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */
.btn-hover { .btn-hover {
background-color: @ini_nav_menu_hover_bg; background-color: @ini_nav_menu_hover_bg;
@ -288,10 +281,8 @@
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* positioning */ /* positioning */
.center-middle() { .center-middle() {
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -301,11 +292,9 @@
-webkit-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Screenreader / Hide */ /* Screenreader / Hide */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.reset() { .reset() {
background: transparent; background: transparent;
border: none 0; outline: 0; vertical-align: baseline; border: none 0; outline: 0; vertical-align: baseline;
@ -329,7 +318,6 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Col Grid */ /* Col Grid */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.make-grid(@class) { .make-grid(@class) {
.float-grid-columns(@class); .float-grid-columns(@class);
.grid-columns(1, @class, width); .grid-columns(1, @class, width);

22
css/base_structure.less
View file

@ -1,14 +1,10 @@
/** /**
* This file provides styles for the general layout structure. * This file provides styles for the general layout structure.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Col Grid */ /* col grid */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.make-grid(xs); .make-grid(xs);
@media screen { @media screen {
@ -17,6 +13,9 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* font sizing */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media @screen_min-xxs { @media @screen_min-xxs {
html { html {
font-size: 100%; //16px font-size: 100%; //16px
@ -62,7 +61,9 @@
} }
} }
/* + + + + + z-indices + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* z-indices */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media screen { @media screen {
.nav-direct p { .nav-direct p {
z-index: 1000; // keyboard-navigation overlays always on top z-index: 1000; // keyboard-navigation overlays always on top
@ -124,8 +125,12 @@
z-index: 200; // mobile sidebar above all except nav-direct z-index: 200; // mobile sidebar above all except nav-direct
} }
} }
/* + + + + + end of z-indices + + + + + */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* screen sizing */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
// >= 1024
@media @screen_min-md { @media @screen_min-md {
.content .row > .col-xs-12 { .content .row > .col-xs-12 {
@ -226,7 +231,7 @@
} }
} }
// > 1024
@media @screen_md-lg { @media @screen_md-lg {
.wide-content.showSidebar { .wide-content.showSidebar {
.content { .content {
@ -237,7 +242,6 @@
} }
} }
@media @screen_max-md { @media @screen_max-md {
.container { .container {
margin: 0 1.25rem; margin: 0 1.25rem;

36
css/base_vars.less
View file

@ -1,7 +1,5 @@
/** /**
* This file provides the basic vars * This file provides the basic vars
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
@font_family_screen: arial, sans-serif; @font_family_screen: arial, sans-serif;
@ -34,9 +32,9 @@
@box-shadow-right-bottom: .1em .3rem .5em rgba(153,153,153,.5); @box-shadow-right-bottom: .1em .3rem .5em rgba(153,153,153,.5);
@box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper (breadcrumb), struct inline-editor @box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper (breadcrumb), struct inline-editor
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + for programmers customizing + + + */ /* for programmers customizing */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@fix_border-radius: 3px; // inputs, editbox (textarea), buttons, content, code, quicksearch, msg @fix_border-radius: 3px; // inputs, editbox (textarea), buttons, content, code, quicksearch, msg
@toggle-showsidebar_width: 3.47rem; // shown sidebar after toggle @toggle-showsidebar_width: 3.47rem; // shown sidebar after toggle
@ -52,35 +50,26 @@
@code-background: #F6F6F6; /* code, pre, samp, kbd */ @code-background: #F6F6F6; /* code, pre, samp, kbd */
/* icons */ /* icons */
@noopentasks-background: #ECECEC; /* metabox tabs + num in icons + tabinclude */ @noopentasks-background: #ECECEC; /* metabox tabs + num in icons + tabinclude */
@noopentasks-border: #BBB; /* metabox tabs + num in icons + 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 */ @noopentasks-color: #666; /* metabox tabs + num in icons + code, pre, samp, kbd */
@wikiicons-border: #CCC; /* usertools, breadcrumbs icons, pagetools box-hover */ @wikiicons-border: #CCC; /* usertools, breadcrumbs icons, pagetools box-hover */
/* navigation left */ /* navigation left */
@menu-margin-lg: 1.3rem; @menu-margin-lg: 1.3rem;
@quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */ @quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */
@suggestion-zebra: #EEE; @suggestion-zebra: #EEE;
/* edit mode */ /* edit mode */
@highlight-odd-ini_text: fade(@ini_background, 95%); @highlight-odd-ini_text: fade(@ini_background, 95%);
@highlight-even-ini_text: fade(@ini_text, 5%); @highlight-even-ini_text: fade(@ini_text, 5%);
@color-editBox: #252525; // editmode for tables, revision states @color-editBox: #252525; // editmode for tables, revision states
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
//@nolinkedicon-ini_background: fade(@ini_background_site, 10%);
//@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* fonts */ /* fonts */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@font-size-very-small: .73rem; @font-size-very-small: .73rem;
@font-size-small: .88rem; @font-size-small: .88rem;
@font-size-default: 1rem; @font-size-default: 1rem;
@ -103,10 +92,9 @@
@font-size-head2: @font-size-default + (@font-scale-factor * 7); @font-size-head2: @font-size-default + (@font-scale-factor * 7);
@font-size-head1: @font-size-default + (@font-scale-factor * 9); @font-size-head1: @font-size-default + (@font-scale-factor * 9);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* breakpoints */ /* breakpoints */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@break-min-xxs: 480; @break-min-xxs: 480;
@break-max-xxs: (@break-min-xxs - 1); @break-max-xxs: (@break-min-xxs - 1);
@ -128,10 +116,9 @@
@break-min-xxlg: 1600; @break-min-xxlg: 1600;
@break-max-xxlg: (@break-min-xxlg - 1); @break-max-xxlg: (@break-min-xxlg - 1);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries for breakpoints */ /* media queries for breakpoints */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; @screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)";
@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; @screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)";
@ -159,10 +146,9 @@
@screen_md-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-lg}px)"; @screen_md-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-lg}px)";
@screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)"; @screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)";
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* col width */ /* col width */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@c12: 100%; @c12: 100%;
@c11: 91.66666667%; @c11: 91.66666667%;
@c10: 83.33333333%; @c10: 83.33333333%;

7
css/plugins/bureaucracy.less
View file

@ -2,9 +2,7 @@
* This file provides styles for bureaucracy plugin * This file provides styles for bureaucracy plugin
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
.dokuwiki form.bureaucracy__plugin { .dokuwiki form.bureaucracy__plugin {
fieldset { fieldset {
width: 100%; width: 100%;
@ -95,10 +93,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */ /* min-width: 1440px */
@media @screen_min-xlg { @media @screen_min-xlg {
.dokuwiki form.bureaucracy__plugin { .dokuwiki form.bureaucracy__plugin {
p { p {
@ -107,10 +103,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1439px */ /* max-width: 1439px */
@media @screen_max-xlg { @media @screen_max-xlg {
.dokuwiki form.bureaucracy__plugin { .dokuwiki form.bureaucracy__plugin {
p, p,
@ -120,4 +114,3 @@
} }
} }
} }

6
css/plugins/configmanager.less
View file

@ -2,9 +2,7 @@
* This file provides styles for config manager * This file provides styles for config manager
*/ */
/* + + + + + config__manager + + + + + */ /* + + + + + config__manager + + + + + */
#dokuwiki__content { #dokuwiki__content {
#config__manager { #config__manager {
fieldset { fieldset {
@ -62,10 +60,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1024px */ /* max-width: 1024px */
@media @screen_max-md { @media @screen_max-md {
#dokuwiki__content { #dokuwiki__content {
#config__manager { #config__manager {
@ -100,10 +96,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 768px */ /* max-width: 768px */
@media @screen_max-sm { @media @screen_max-sm {
#dokuwiki__content { #dokuwiki__content {
#config__manager { #config__manager {

2
css/plugins/data.less
View file

@ -3,9 +3,7 @@
* after importing struct data this can be deleted * after importing struct data this can be deleted
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__content { #dokuwiki__content {
.dataplugin_entry { .dataplugin_entry {
dl { dl {

2
css/plugins/do_tasks.less
View file

@ -3,7 +3,6 @@
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
ul.page-attributes { ul.page-attributes {
.plugin_do_pagetasks { .plugin_do_pagetasks {
position: relative; position: relative;
@ -25,7 +24,6 @@ ul.page-attributes {
} }
} }
/* + + + + + usertool icon in header + + + + + */ /* + + + + + usertool icon in header + + + + + */
#dokuwiki__usertools.nav-usertools { #dokuwiki__usertools.nav-usertools {
ul { ul {

5
css/plugins/edit.less
View file

@ -3,9 +3,7 @@
* and "section edit button" and "editbutton_table edit button". * and "section edit button" and "editbutton_table edit button".
*/ */
/* + + + + + edit view + + + + + */ /* + + + + + edit view + + + + + */
#dokuwiki__content { #dokuwiki__content {
div.section_highlight { div.section_highlight {
clear: right; clear: right;
@ -54,12 +52,9 @@
} }
} }
} }
} }
} }
.mode_edit { .mode_edit {
.content { .content {
.msg-area { .msg-area {

2
css/plugins/edittable.less
View file

@ -2,9 +2,7 @@
* This file provides styles for "edittable plugin" * This file provides styles for "edittable plugin"
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
div.editbutton_table { div.editbutton_table {
position: relative; // for IE position: relative; // for IE

2
css/plugins/extension__manager.less
View file

@ -2,9 +2,7 @@
* This file provides styles for extension manager * This file provides styles for extension manager
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
.dokuwiki #extension__manager { .dokuwiki #extension__manager {
.actions { .actions {
font-size: 0; font-size: 0;

2
css/plugins/folded.less
View file

@ -2,9 +2,7 @@
* This file provides styles for the toggle "folded" * This file provides styles for the toggle "folded"
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__content { #dokuwiki__content {
a.folder { a.folder {
background: transparent url("svg.php?svg=down.svg&f=existing") right center no-repeat; background: transparent url("svg.php?svg=down.svg&f=existing") right center no-repeat;

2
css/plugins/highlight_parent.less
View file

@ -2,9 +2,7 @@
* This file provides styles for highlight plugin * This file provides styles for highlight plugin
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#plugin__highlightparent { #plugin__highlightparent {
clear: none; clear: none;
display: block; display: block;

2
css/plugins/include.less
View file

@ -1,8 +1,6 @@
/** /**
* This file provides the main design styles * This file provides the main design styles
* across all template elements (typo, colors etc.) * across all template elements (typo, colors etc.)
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
#dokuwiki__content .plugin_include_content { #dokuwiki__content .plugin_include_content {

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

@ -1,14 +1,9 @@
/** /**
* This file provides styles for magic matcher plugin * This file provides styles for magic matcher plugin
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
* @author Silke Pisulla <pisulla@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + */
/* magic matcher bar with form on top of page */ /* magic matcher bar with form on top of page */
#spr__magic-matcher { #spr__magic-matcher {
position: fixed; position: fixed;
top: 0; top: 0;
@ -88,7 +83,6 @@
} }
} }
/* + + + + + in content + + + + + */ /* + + + + + in content + + + + + */
a.jiralink { a.jiralink {
font-size: @font-size-default; font-size: @font-size-default;
@ -108,7 +102,6 @@ a.jiralink {
} }
} }
/* + + + + + tooltip in metabox + + + + + */ /* + + + + + tooltip in metabox + + + + + */
.dokuwiki { .dokuwiki {
.serverToolTip { .serverToolTip {
@ -190,10 +183,8 @@ a.jiralink {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */ /* max-width: 1023px */
@media @screen_max-lg { @media @screen_max-lg {
#spr__magic-matcher { #spr__magic-matcher {
#magicmatcher__context { #magicmatcher__context {
@ -214,11 +205,9 @@ a.jiralink {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* print */ /* print */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media print { @media print {
#spr__magic-matcher { #spr__magic-matcher {
display: none; display: none;

4
css/plugins/mediamanager.less
View file

@ -2,9 +2,7 @@
* This file provides styles for mediamanager * This file provides styles for mediamanager
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#mediamanager__page { #mediamanager__page {
.namespaces h2 { .namespaces h2 {
bottom: 0; bottom: 0;
@ -21,10 +19,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries */ /* media queries */
@media @screen_max-md { @media @screen_max-md {
#mediamanager__page { #mediamanager__page {
min-width: 100%; min-width: 100%;

2
css/plugins/move.less
View file

@ -2,9 +2,7 @@
* This file provides styles for move plugin * This file provides styles for move plugin
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__site > .plugin_move_dialog { #dokuwiki__site > .plugin_move_dialog {
font-size: @font-size-default; font-size: @font-size-default;

4
css/plugins/popupviewer.less
View file

@ -2,12 +2,9 @@
* This file provides styles for popupviewer plugin * This file provides styles for popupviewer plugin
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#popupviewer { #popupviewer {
> .controls > .content { > .controls > .content {
padding: 1.5rem 1rem 1rem; padding: 1.5rem 1rem 1rem;
td, td,
@ -19,6 +16,7 @@
line-height: @line-height-default; line-height: @line-height-default;
} }
} }
.li, .li,
li { li {
font-size: @font-size-default; font-size: @font-size-default;

12
css/plugins/qc.less
View file

@ -2,9 +2,7 @@
* Styles for the QC plugin * Styles for the QC plugin
*/ */
/* + + + + + icon in breadcrumb + + + + + */ /* + + + + + icon in breadcrumb + + + + + */
.page-attributes .plugin_qc { .page-attributes .plugin_qc {
.qc_icon { .qc_icon {
margin: 0; margin: 0;
@ -28,7 +26,6 @@
} }
} }
/* + + + + + slideout output + + + + + */ /* + + + + + slideout output + + + + + */
.qc-output { .qc-output {
position: relative; position: relative;
@ -71,13 +68,18 @@
padding-top: 0; padding-top: 0;
} }
} }
h2 { h2 {
font-size: 1.3rem; font-size: 1.3rem;
} }
h3 { h3 {
font-size: 1.1rem; font-size: 1.1rem;
} }
h4, h5, h6 {
h4,
h5,
h6 {
font-size: 1rem; font-size: 1rem;
} }
@ -110,7 +112,6 @@
} }
} }
/* + + + + + admin settings + + + + + */ /* + + + + + admin settings + + + + + */
.do-admin #dokuwiki__content { .do-admin #dokuwiki__content {
#plugin__qc_admin { #plugin__qc_admin {
@ -120,7 +121,6 @@
padding-left: .2em; padding-left: .2em;
text-align: left; text-align: left;
display: inline-block; display: inline-block;
} }
} }
} }

10
css/plugins/sitemapnavi.less
View file

@ -1,3 +1,7 @@
/**
* This file provides styles for the sitemapnavi plugin
*/
#plugin__sitemapnavi { #plugin__sitemapnavi {
padding-bottom: @nav-margin; padding-bottom: @nav-margin;
margin-bottom: @nav-margin; margin-bottom: @nav-margin;
@ -9,10 +13,10 @@
li { li {
line-height: @line-height-bigger; line-height: @line-height-bigger;
}
li li { li {
margin-left: 0.75em; margin-left: 0.75em;
}
} }
} }

3
css/plugins/struct.less
View file

@ -2,9 +2,7 @@
* This file provides styles for struct plugin * This file provides styles for struct plugin
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__content { #dokuwiki__content {
.structaggregation { .structaggregation {
@link-height: 1.5rem; @link-height: 1.5rem;
@ -107,7 +105,6 @@
} }
} }
/* + + + + + struct inline-editor + + + + + */ /* + + + + + struct inline-editor + + + + + */
.dokuwiki { .dokuwiki {
.struct_inlineditor { .struct_inlineditor {

2
css/plugins/structstatus.less
View file

@ -2,9 +2,7 @@
* This file provides styles for structstatus plugin * This file provides styles for structstatus plugin
*/ */
/* + + + + + global + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__content { #dokuwiki__content {
.struct_status { .struct_status {
border-color: @ini_border; border-color: @ini_border;

5
css/plugins/tabinclude.less
View file

@ -2,9 +2,7 @@
* This file provides styles for the tabinclude * This file provides styles for the tabinclude
*/ */
/* + + + + + plugin tabinclude + + + + + */ /* + + + + + plugin tabinclude + + + + + */
div#dwpl-ti-container { div#dwpl-ti-container {
li.dwpl-ti-tab { li.dwpl-ti-tab {
box-shadow: none; box-shadow: none;
@ -40,7 +38,6 @@ div#dwpl-ti-container {
} }
} }
/* + + + content box + + + */ /* + + + content box + + + */
div.dwpl-ti-content-box { div.dwpl-ti-content-box {
position: relative; position: relative;
@ -53,10 +50,8 @@ div#dwpl-ti-container {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries */ /* media queries */
@media @screen_max-md { @media @screen_max-md {
div#dwpl-ti-container { } div#dwpl-ti-container { }
} }

14
css/plugins/tagging.less
View file

@ -2,9 +2,7 @@
* This file provides styles for the form in tagcloud * This file provides styles for the form in tagcloud
*/ */
/* + + + + + plugin tagging + + + + + */ /* + + + + + plugin tagging + + + + + */
#spr__meta-box { #spr__meta-box {
ul.tagging_cloud { ul.tagging_cloud {
width: 100%; width: 100%;
@ -14,33 +12,43 @@
&.t0 a { &.t0 a {
font-size: .88rem; font-size: .88rem;
} }
&.t1 a { &.t1 a {
font-size: 1rem; font-size: 1rem;
} }
&.t2 a { &.t2 a {
font-size: 1.1rem; font-size: 1.1rem;
} }
&.t3 a { &.t3 a {
font-size: 1.2rem; font-size: 1.2rem;
} }
&.t4 a { &.t4 a {
font-size: 1.3rem; font-size: 1.3rem;
} }
&.t5 a { &.t5 a {
font-size: 1.4rem; font-size: 1.4rem;
} }
&.t6 a { &.t6 a {
font-size: 1.5rem; font-size: 1.5rem;
} }
&.t7 a { &.t7 a {
font-size: 1.6rem; font-size: 1.6rem;
} }
&.t8 a { &.t8 a {
font-size: 1.7rem; font-size: 1.7rem;
} }
&.t9 a { &.t9 a {
font-size: 1.8rem; font-size: 1.8rem;
} }
&.t10 a { &.t10 a {
font-size: 1.9rem; font-size: 1.9rem;
} }
@ -61,10 +69,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries */ /* media queries */
@media @screen_max-md { @media @screen_max-md {
#spr__meta-box { #spr__meta-box {
form { form {

20
css/print.less
View file

@ -1,21 +1,14 @@
/** /**
* This file provides the styles for printing. * This file provides the styles for printing.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>,
Silke Pisulla <pisulla@cosmocode.de>
*/ */
/* + + + + + variables + + + + + */ /* + + + + + variables + + + + + */
@color-print: #000; @color-print: #000;
@background-print: transparent; @background-print: transparent;
@border-color-print: #ccc; @border-color-print: #ccc;
@border-dark-print: #777; @border-dark-print: #777;
/* + + + + + print styles + + + + + */ /* + + + + + print styles + + + + + */
html, html,
body { body {
background: @background-print; background: @background-print;
@ -55,7 +48,6 @@ a:visited {
padding: 20pt 20pt 0; padding: 20pt 20pt 0;
} }
/* + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + */
/* + + + + + admin + + + + + */ /* + + + + + admin + + + + + */
@ -73,7 +65,6 @@ a:visited {
} }
} }
/* + + + Extension Manager + + + */ /* + + + Extension Manager + + + */
#extension__manager { #extension__manager {
form.search { form.search {
@ -224,8 +215,6 @@ a:visited {
} }
} }
/* + + + Configuration Settings + + + */ /* + + + Configuration Settings + + + */
#dokuwiki__content #config__manager { #dokuwiki__content #config__manager {
fieldset { fieldset {
@ -347,12 +336,8 @@ a:visited {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + Template Style Settings + + + + + */ /* + + + + + Template Style Settings + + + + + */
.page-footer { .page-footer {
border-top: 1pt solid @border-color-print; border-top: 1pt solid @border-color-print;
margin-top: 13pt; margin-top: 13pt;
@ -369,7 +354,6 @@ a:visited {
} }
} }
/* + + + data plugin + + + */ /* + + + data plugin + + + */
.dataplugin_entry dl { .dataplugin_entry dl {
border: 1pt solid @border-color-print; border: 1pt solid @border-color-print;
@ -386,7 +370,6 @@ a:visited {
} }
} }
#dokuwiki__detail { #dokuwiki__detail {
div.img_detail dl { div.img_detail dl {
dt { dt {
@ -401,7 +384,6 @@ a:visited {
} }
} }
/* + + + tabbox + + + */ /* + + + tabbox + + + */
div#dwpl-ti-container .dwpl-ti, div#dwpl-ti-container .dwpl-ti,
.dwpl-ti-permalink-header, .dwpl-ti-permalink-header,
@ -414,7 +396,6 @@ div#dwpl-ti-container div.dwpl-ti-content-box {
border: 0 none; border: 0 none;
} }
/* + + + media nmanager + + + */ /* + + + media nmanager + + + */
#mediamanager__page { #mediamanager__page {
.namespaces, .namespaces,
@ -470,7 +451,6 @@ div#dwpl-ti-container div.dwpl-ti-content-box {
} }
} }
/* + + + forms + + + */ /* + + + forms + + + */
form { form {
button { button {

7
css/template_admin.less
View file

@ -1,10 +1,7 @@
/** /**
* This file provides the design styles for the admin tools * This file provides the design styles for the admin tools
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.do-admin { .do-admin {
#admin__version { #admin__version {
font-size: @font-size-default; font-size: @font-size-default;
@ -85,10 +82,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 1024px */ /* 1024px */
@media @screen_max-md { @media @screen_max-md {
.do-admin { .do-admin {
div.ui-admin { div.ui-admin {
@ -113,10 +108,8 @@
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 768px */ /* 768px */
@media @screen_max-xs { @media @screen_max-xs {
.do-admin { .do-admin {
div.ui-admin { div.ui-admin {

75
css/template_detail.less
View file

@ -1,64 +1,61 @@
/** /**
* This file provides the design styles for the the detail template * This file provides the design styles for the the detail template
* (media details) * (media details)
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
#dokuwiki__detail { #dokuwiki__detail {
/* + + + + + linked image + + + + + */ /* + + + + + linked image + + + + + */
@media screen { @media screen {
.img-link { .img-link {
text-align: center; text-align: center;
a { a {
position: relative;
left: 0;
display: inline-block;
max-width: 100%;
color: @ini_button_color;
margin: 0 auto 1.4em;
&::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
box-sizing: border-box;
background: @ini_button_background;
line-height: @line-height-default;
padding: @margin-small;
}
img {
margin: 0;
display: block;
border: 1px dotted @ini_background_site;
position: relative; position: relative;
} left: 0;
display: inline-block;
&:hover, max-width: 100%;
&:focus, color: @ini_button_color;
&:active { margin: 0 auto 1.4em;
text-decoration: none;
&::before { &::before {
content: attr(title); position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
box-sizing: border-box;
background: @ini_button_background;
line-height: @line-height-default;
padding: @margin-small;
} }
img { img {
border: 1px solid @ini_button_background; margin: 0;
display: block;
border: 1px dotted @ini_background_site;
position: relative;
}
&:hover,
&:focus,
&:active {
text-decoration: none;
&::before {
content: attr(title);
}
img {
border: 1px solid @ini_button_background;
}
} }
} }
} }
} }
}
/* + + + + + meta data + + + + + */ /* + + + + + meta data + + + + + */
div.img_detail { div.img_detail {
@media screen { @media screen {
/* vertical minus margin of .img-detail corresponds to the padding of .page */ /* vertical minus margin of .img-detail corresponds to the padding of .page */

5
css/toollist.less
View file

@ -1,11 +1,10 @@
/** /**
* Styles for site tools and user tools in sidebar * Styles for site tools and user tools in sidebar
*
* Using BEM methodology as far as possible * Using BEM methodology as far as possible
*/ */
.toollist { //.toollist {
} //}
.toollist__listitem { .toollist__listitem {
list-style: none; list-style: none;