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
parent cbc7dfe5f0
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.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.content .row {
@ -31,23 +29,20 @@
}
}
.main-content > .level2,
.main-content > .level1,
.main-content > .level3,
.main-content > .level4,
.main-content > .level5,
.main-content > .level6 {
//padding-bottom: 1rem;
> p, > ul > li .li {
> p,
> ul > li .li {
a {
font-size: inherit;
}
}
}
.level1,
.level2,
.level3,

12
css/area_footer.less
View file

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

5
css/area_footnotes.less
View file

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

12
css/area_forms.less
View file

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

31
css/area_header.less
View file

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

15
css/area_main-content.less
View file

@ -1,10 +1,7 @@
/**
* This file provides the design styles for the main-content.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__content.main-content {
div[class^="level"] {
p a.media {
@ -43,16 +40,12 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
}
// @media @screen_min-xlg {
// }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 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
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
* @author Andreas Gohr <gohr@cosmocode.de>
*/
#dokuwiki__aside {
@icon-size: @font-size-big;
@menu-margin: @icon-size + @margin-small * 2;
@ -62,7 +58,7 @@
padding: .15em 0;
/* + + + + + active + + + + + */
/* + + + + + active + + + + + */
span.curid {
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 {
min-height: @icon-size + @margin-small;
border: 1px solid transparent;
@ -137,13 +132,12 @@
}
}
/* + + + submenu entry is active + + + */
/* + + + submenu entry is active + + + */
&.is-active {
font-weight: bold;
}
/* + + + toggle: open + + + */
/* + + + toggle: open + + + */
&.is-open {
background-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 {
display: none;
margin-top: .5rem;
@ -277,10 +270,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
#dokuwiki__aside {
nav {
@ -301,10 +292,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1440px */
@media @screen_max-xlg {
#dokuwiki__aside {
div.nav {
@ -315,10 +304,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */
@media @screen_max-md {
#dokuwiki__aside {
div.nav {
@ -366,10 +353,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 768px */
@media @screen_max-xs {
body.show-mobile-sidebar {
.page-wrapper > .tools {
@ -386,10 +371,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 480px */
@media @screen_max-xxs {
body.show-mobile-sidebar {
#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.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.search.main-sidebar {
@main-ico-dummy: @font-size-big + @margin-small*2; //FIXME copied from area_main-sidebar-nav
@icon-size: @page-header_height;
@ -108,8 +105,7 @@
}
}
/* + + + form + + + */
/* + + + form + + + */
form {
position: relative;
display: block;
@ -177,8 +173,7 @@
}
}
/* + + + + + suggestionlist + + + + + */
/* + + + + + suggestionlist + + + + + */
#qsearch__out {
left: auto;
top: auto;
@ -187,10 +182,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1024px */
@media @screen_min-md {
// wide page content
@ -224,10 +217,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */
@media @screen_max-md {
// 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 {
margin-top: 0;
margin-bottom: @nav-margin;
@ -22,6 +27,7 @@
}
}
/* wide content view */
.wide-content #dokuwiki__aside ul.sidebar-tabs {
visibility: hidden;
}

5
css/area_msg.less
View file

@ -1,10 +1,7 @@
/**
* This file provides the design styles for message block
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.msg-area {
clear: both;
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.error,
div.info,

3
css/area_nav-breadcrumb.less
View file

@ -1,10 +1,7 @@
/**
* This file provides the design styles for the breadcrumb
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.breadcrumbs {
position: relative;
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.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.nav-direct {
background-color: @nav_direct_background;
margin-top: -1px;

17
css/area_nav-metabox.less
View file

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

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

@ -2,9 +2,7 @@
* Page Attribute Icons in the breadcrumb bar
*/
/* + + + + + icons in breadcrumb area + + + + + */
.page-attributes {
list-style: none;
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.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/*
@ -21,7 +19,6 @@
.pagetools-item(img_backto, 12);
*/
#dokuwiki__aside {
@media @screen_max-md {
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.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__usertools.nav-usertools {
@media @screen_min-md {
right: 1.25rem;
@ -26,8 +23,7 @@
}
}
/* + + + + + icon list + + + + + */
/* + + + + + icon list + + + + + */
ul {
float: right;
padding: 0;
@ -76,8 +72,7 @@
}
}
/* !!! &.user-task FIND in plugins/do_tasks.less !!! */
/* !!! &.user-task FIND in plugins/do_tasks.less !!! */
&.user {
position: relative;
display: table-cell;
@ -221,11 +216,9 @@
}
}
} // user
} // li
/* + + + icons + + + */
/* + + + icons + + + */
.menuitem, button {
padding: 2px 0 0 2px;
min-height: @toggle-size; // overrides button[type="submit"] styles
@ -245,10 +238,8 @@
span {
display: none;
}
}
a { // Pre-Greebo backwards compatibility, remove after transitioning to Greebo
.fontello();
.hide-text-show-before();
@ -298,7 +289,6 @@
} // ul
} // nav-usertools
/* + + + + + layout option compact + + + + + */
.header-compact {
#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
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.dokuwiki {
/* + + + + + list of changes + + + + + */
/* + + + + + list of changes + + + + + */
form.changes {
li {
.sizechange {
@ -59,8 +56,7 @@
}
}
/* + + + + + view of differents + + + + + */
/* + + + + + view of differents + + + + + */
a.difflink {
color: @ini_existing;

3
css/area_search.less
View file

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

2
css/area_tabs.less
View file

@ -2,9 +2,7 @@
* This file provides styles for tab boxes
*/
/* + + + + + tabs + + + + + */
#dokuwiki__content {
ul.tabs {
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).
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.togglelink {
&.page_main-content {
position: absolute;
@ -70,7 +67,7 @@
}
}
/* + + + toggle out + + + */
/* + + + toggle out + + + */
.wide-content & {
left: 0;

40
css/base.less
View file

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

12
css/base_design.less
View file

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

10
css/base_fontello-icons.less
View file

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

12
css/base_mixins.less
View file

@ -1,14 +1,10 @@
/**
* This file provides less mixins for all other style modules
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Fonts */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) {
@font-face {
font-family: @fontFamily;
@ -102,11 +98,9 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Screenreader / Hide */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.sr-out() {
display: block;
width: 1px;
@ -140,7 +134,6 @@
}
}
/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */
.btn-hover {
background-color: @ini_nav_menu_hover_bg;
@ -288,10 +281,8 @@
-ms-flex-wrap: wrap;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* positioning */
.center-middle() {
position: absolute;
top: 50%;
@ -301,11 +292,9 @@
-webkit-transform: translateX(-50%) translateY(-50%);
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Screenreader / Hide */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.reset() {
background: transparent;
border: none 0; outline: 0; vertical-align: baseline;
@ -329,7 +318,6 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Col Grid */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.make-grid(@class) {
.float-grid-columns(@class);
.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.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Col Grid */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.make-grid(xs);
@media screen {
@ -125,7 +121,6 @@
}
}
/* + + + + + end of z-indices + + + + + */
@media @screen_min-md {
.content .row > .col-xs-12 {
@ -227,7 +222,6 @@
}
}
@media @screen_md-lg {
.wide-content.showSidebar {
.content {
@ -238,7 +232,6 @@
}
}
@media @screen_max-md {
.container {
margin: 0 1.25rem;

20
css/print.less
View file

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

7
css/template_admin.less
View file

@ -1,10 +1,7 @@
/**
* This file provides the design styles for the admin tools
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.do-admin {
#admin__version {
font-size: @font-size-default;
@ -85,10 +82,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 1024px */
@media @screen_max-md {
.do-admin {
div.ui-admin {
@ -113,10 +108,8 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 768px */
@media @screen_max-xs {
.do-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
* (media details)
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__detail {
/* + + + + + linked image + + + + + */
/* + + + + + linked image + + + + + */
@media screen {
.img-link {
text-align: center;
text-align: center;
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;
a {
position: relative;
}
&:hover,
&:focus,
&:active {
text-decoration: none;
left: 0;
display: inline-block;
max-width: 100%;
color: @ini_button_color;
margin: 0 auto 1.4em;
&::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 {
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 {
@media screen {
/* 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
*
* Using BEM methodology as far as possible
*/
.toollist {
}
//.toollist {
//}
.toollist__listitem {
list-style: none;