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

improve less formating - part 2 (template area and base modules)

Browse source 
- remove @author from comments
- adjust the spacing
This commit is contained in:
Jana Deutschländer 2019-04-10 17:04:57 +02:00
commit 5e01750458
30 changed files with 90 additions and 297 deletions

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;

40
css/base.less
View file

@ -1,14 +1,10 @@
/** /**
* This file provides the basic vars and reset styles. * This file provides the basic vars and reset styles.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global vars */ /* global vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@font_family_screen: arial, sans-serif; @font_family_screen: arial, sans-serif;
@font_family_print: "Times New Roman", serif; @font_family_print: "Times New Roman", serif;
@ -39,9 +35,7 @@
@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
@ -57,35 +51,29 @@
@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%); //@nolinkedicon-ini_background: fade(@ini_background_site, 10%);
//@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%); //@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;
@ -108,10 +96,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);
@ -133,10 +120,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)";
@ -164,10 +150,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%;
@ -187,7 +172,6 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */ /* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
html, html,
body { body {
.reset(); .reset();
@ -259,10 +243,9 @@ nav > ul {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* css behaviour */ /* css behaviour */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.sr-out { .sr-out {
.sr-out(); .sr-out();
} }
@ -304,7 +287,6 @@ nav > ul {
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* screen only */ /* screen only */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@ -441,11 +423,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);

7
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 {
@ -125,7 +121,6 @@
} }
} }
/* + + + + + end of z-indices + + + + + */ /* + + + + + end of z-indices + + + + + */
@media @screen_min-md { @media @screen_min-md {
.content .row > .col-xs-12 { .content .row > .col-xs-12 {
@ -227,7 +222,6 @@
} }
} }
@media @screen_md-lg { @media @screen_md-lg {
.wide-content.showSidebar { .wide-content.showSidebar {
.content { .content {
@ -238,7 +232,6 @@
} }
} }
@media @screen_max-md { @media @screen_max-md {
.container { .container {
margin: 0 1.25rem; margin: 0 1.25rem;

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;