diff --git a/css/area_content.less b/css/area_content.less index 6aa15ba..2ec99a3 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -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, diff --git a/css/area_footer.less b/css/area_footer.less index 57114e3..62dafe5 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -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 { diff --git a/css/area_footnotes.less b/css/area_footnotes.less index c669420..db8fb85 100644 --- a/css/area_footnotes.less +++ b/css/area_footnotes.less @@ -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%; } - - diff --git a/css/area_forms.less b/css/area_forms.less index 996bd68..9efaee0 100644 --- a/css/area_forms.less +++ b/css/area_forms.less @@ -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, diff --git a/css/area_header.less b/css/area_header.less index 60293a3..50588a8 100755 --- a/css/area_header.less +++ b/css/area_header.less @@ -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; } - } - - } } diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less index 6101952..f341f80 100644 --- a/css/area_main-content-secedit.less +++ b/css/area_main-content-secedit.less @@ -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; diff --git a/css/area_main-content.less b/css/area_main-content.less index c851248..738ff65 100755 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -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 { +// } diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index d25b720..37e1602 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -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 { diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less index a217291..f2a4c03 100644 --- a/css/area_main-sidebar-search.less +++ b/css/area_main-sidebar-search.less @@ -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 diff --git a/css/area_main-sidebar-tabs.less b/css/area_main-sidebar-tabs.less index 0dc889d..399e601 100644 --- a/css/area_main-sidebar-tabs.less +++ b/css/area_main-sidebar-tabs.less @@ -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; } diff --git a/css/area_msg.less b/css/area_msg.less index 6edc5c7..41fe08b 100644 --- a/css/area_msg.less +++ b/css/area_msg.less @@ -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, diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 1c3818c..7c7ac0c 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -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; diff --git a/css/area_nav-direct.less b/css/area_nav-direct.less index 5defc3b..62bbe63 100755 --- a/css/area_nav-direct.less +++ b/css/area_nav-direct.less @@ -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; diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 684fce5..6d4af22 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -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; diff --git a/css/area_nav-page-attributes.less b/css/area_nav-page-attributes.less index 9074226..4484f4f 100644 --- a/css/area_nav-page-attributes.less +++ b/css/area_nav-page-attributes.less @@ -2,9 +2,7 @@ * Page Attribute Icons in the breadcrumb bar */ - /* + + + + + icons in breadcrumb area + + + + + */ - .page-attributes { list-style: none; float: right; diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index 49c2dff..58df991 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -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; diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index c3e382b..fdba9c3 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -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 @@ } } } - diff --git a/css/area_recent.less b/css/area_recent.less index 0722639..78e97dd 100644 --- a/css/area_recent.less +++ b/css/area_recent.less @@ -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; diff --git a/css/area_search.less b/css/area_search.less index 9fddb00..503570e 100644 --- a/css/area_search.less +++ b/css/area_search.less @@ -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; diff --git a/css/area_tabs.less b/css/area_tabs.less index 6574645..0912399 100644 --- a/css/area_tabs.less +++ b/css/area_tabs.less @@ -2,9 +2,7 @@ * This file provides styles for tab boxes */ - /* + + + + + tabs + + + + + */ - #dokuwiki__content { ul.tabs { li:not([class~="active"]) { diff --git a/css/area_togglelink.less b/css/area_togglelink.less index 5b09625..10a47bc 100755 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -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; diff --git a/css/base.less b/css/base.less index ba4e2f0..898e813 100755 --- a/css/base.less +++ b/css/base.less @@ -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; diff --git a/css/base_design.less b/css/base_design.less index 97c8f84..a04049a 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -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 { diff --git a/css/base_fontello-icons.less b/css/base_fontello-icons.less index bb31646..2bd1a37 100644 --- a/css/base_fontello-icons.less +++ b/css/base_fontello-icons.less @@ -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'; } diff --git a/css/base_mixins.less b/css/base_mixins.less index 1e9af0a..6d3b840 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -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); diff --git a/css/base_structure.less b/css/base_structure.less index db637bd..bf8a96b 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -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; diff --git a/css/print.less b/css/print.less index 2b02270..96d0157 100755 --- a/css/print.less +++ b/css/print.less @@ -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 { diff --git a/css/template_admin.less b/css/template_admin.less index 6f4659d..b912bc2 100644 --- a/css/template_admin.less +++ b/css/template_admin.less @@ -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 { diff --git a/css/template_detail.less b/css/template_detail.less index 97ef1ce..f425221 100644 --- a/css/template_detail.less +++ b/css/template_detail.less @@ -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 */ diff --git a/css/toollist.less b/css/toollist.less index 1cd2459..c2f69d5 100644 --- a/css/toollist.less +++ b/css/toollist.less @@ -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;