diff --git a/Template.php b/Template.php index 1cd2739..03f4bb7 100644 --- a/Template.php +++ b/Template.php @@ -264,16 +264,35 @@ class Template { $title = tpl_getLang('adjunct_start_logo_text') . $conf['title']; } - $logo = << -EH22 DEMO -HTML; + $desktop = self::getResizedImgTag( + 'img', + array( + 'class' => 'mobile-hide', + 'src' => array('wiki:logo-wide.svg', 'wiki:logo.svg', 'wiki:logo-wide.png', 'wiki:logo.png'), + 'alt' => $title, + ), + 0, 250, false + ); + $mobile = self::getResizedImgTag( + 'img', + array( + 'class' => 'mobile-only', + 'src' => array( + 'wiki:logo-32x32.svg', 'wiki:favicon.svg', 'wiki:logo-square.svg', 'wiki:logo.svg', + 'wiki:logo-32x32.png', 'wiki:favicon.png', 'wiki:logo-square.png', 'wiki:logo.png' + ), + 'alt' => $title, + ), + 32, 32 + ); // homepage logo should not link to itself (BITV accessibility requirement) if($linkit) { - tpl_link(wl(), $logo, 'accesskey="h" title="[H]"'); + tpl_link(wl(), $desktop, 'accesskey="h" title="[H]"'); + tpl_link(wl(), $mobile, 'accesskey="h" title="[H]"'); } else { - echo $logo; + echo $desktop; + echo $mobile; } } diff --git a/conf/metadata.php b/conf/metadata.php index 863b778..ff5023f 100755 --- a/conf/metadata.php +++ b/conf/metadata.php @@ -20,4 +20,4 @@ $meta['header_layout'] = array( $meta['autocollapse'] = array('onoff'); $meta['closedwiki'] = array('onoff'); -$meta['copyright'] = array(''); +$meta['copyright'] = []; diff --git a/css/area_content.less b/css/area_content.less index 67f2840..0390921 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -2,20 +2,25 @@ * This file provides the design styles for the page content. */ -.picker { - z-index: 2; // position over .content -} - .content .row { > .col-xs-12 { - z-index: 1; - - background-color: var(--color-background); - + box-shadow: @box-shadow; #dokuwiki__content { position: relative; + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + height: @page-header_height; + box-sizing: border-box; + width: 100%; + background-color: @ini_background_page_header; + border-bottom: 1px solid @ini_border_light; + } + .page-content { padding-top: @page-header_height; @@ -26,12 +31,6 @@ } } } - @media @screen_min-md { - > .col-xs-12 { - border-left: dashed 0.25em var(--color-shade-4); - border-radius: 0; - } - } } .main-content > .level2, diff --git a/css/area_footer.less b/css/area_footer.less index 7e103bd..bc11b5a 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -7,10 +7,10 @@ @media screen { .page-footer { min-height: @page-header_height; - background-color: var(--color-background); - border-top: 1px solid var(--color-shade-4); + background-color: @ini_background_page_header; + border-top: 1px solid @ini_border_light; border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius - color: var(--color-shade-4); + color: @ini_background_page_footer; font-size: @font-size-default; text-align: right; padding: @margin-small @margin-default; @@ -35,16 +35,20 @@ .main-footer { position: relative; box-sizing: border-box; - background-color: var(--color-background); + background-color: @ini_background_site; margin-top: 5px; // for box-shadow of content text-align: center; } p { - color: var(--color-shade-4); + color: @ini_text_webframe; font-size: @font-size-default; margin: 0; } + + a { + color: @ini_nav_menu_color; + } } } diff --git a/css/area_forms.less b/css/area_forms.less index d7be3cf..9efaee0 100644 --- a/css/area_forms.less +++ b/css/area_forms.less @@ -59,8 +59,8 @@ meter, progress { font: inherit; font-weight: normal; - color: var(--color-foreground); - background-color: var(--color-background); + color: #333; + background-color: #fff; line-height: normal; margin: 0; vertical-align: middle; @@ -90,7 +90,8 @@ textarea, select, keygen { min-height: @formfield_min-height; - border: 1px solid var(--color-shade-4); + border: 1px solid @ini_border; + box-shadow: inset 0 0 1px #eee; border-radius: @fix_border-radius; padding-left: .3rem; padding-right: .3rem; @@ -117,7 +118,7 @@ select:active, select:focus, keygen:active, keygen:focus { - border-color: var(--color-shade-4); + border-color: #999; } input[type="file"] { @@ -157,21 +158,19 @@ button[type=submit], cursor: pointer; box-shadow: none; background-image: none; - background-color: var(--color-shade-1); - border: solid 0.1rem var(--color-shade-2); - border-radius: 0.5rem; - color: var(--color-foreground); + background-color: @ini_button_background; + border: 1px solid @ini_button_background; + border-radius: @fix_border-radius; + color: @ini_button_color; vertical-align: top; padding: .3em @grid; + transition: @transition background-color, @transition color; &:hover, &:active, &:focus { - background-color: transparent; - color: var(--color-glow-primary); - border-color: var(--color-glow-primary); - transition: var(--transition-glow); - filter: var(--filter-glow-primary); + background-color: @ini_button_color; + color: @ini_button_background; } } @@ -240,11 +239,13 @@ button[readonly], select[readonly], textarea[readonly] { cursor: auto; - background-color: var(--color-background); + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background-color: #eee; opacity: .5; border: 1px solid @ini_border; border-radius: @fix_border-radius; - color: var(--color-shade-4); + color: #333; font-weight: normal; padding: .3em @grid; transition: @transition background-color, @transition color; diff --git a/css/area_header.less b/css/area_header.less index b041641..50588a8 100755 --- a/css/area_header.less +++ b/css/area_header.less @@ -13,19 +13,20 @@ @media @screen_min-md { .logo { padding: 1rem 0 .3rem; - text-align: center; img { - height: 200px; + height: 4.6rem; width: auto; - transition: transform 200ms ease-in-out; + border-style: solid; + border-color: transparent; + border-width: 2px 0; } a:hover, a:focus, a:active { img { - transform: scale(1.05); + border-width: 0; } } } @@ -33,13 +34,7 @@ @media @screen_max-md { .logo { - //display: table-cell; - text-align: center; - width: 100%; - - img { - max-height: 200px; - } + display: table-cell; .mobile-only { margin: .8rem 1rem .6rem 0; @@ -90,7 +85,7 @@ /* + + + wiki title + + + */ p.title { - background-color: var(--color-background); + background-color: @ini_background_site; opacity: @header-font-opacity; color: @ini_text_webframe; line-height: @line-height-default; diff --git a/css/area_main-content-anchor.less b/css/area_main-content-anchor.less index c5e55dc..0644f4a 100644 --- a/css/area_main-content-anchor.less +++ b/css/area_main-content-anchor.less @@ -9,27 +9,13 @@ svg { width: 1em; height: 1em; - fill: var(--color-foreground); + fill: @ini_link; } } &:hover { a.anchor { display: inline-block; - transition-property: filter, border-color; - transition-duration: 200ms; - transition-timing-function: ease-out; - - &:hover { - color: var(--color-glow-primary); - filter: var(--filter-glow-primary); - transition: var(--transition-glow); - - svg { - fill: var(--color-glow-primary); - } - } - } } } diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less index 1d26e34..f341f80 100644 --- a/css/area_main-content-secedit.less +++ b/css/area_main-content-secedit.less @@ -12,21 +12,19 @@ form div.no { button { margin-top: -.4rem; - margin-right: -0.4rem; - padding: 0.2rem 0.4rem; + padding-right: 0; } } // "section editing button" button { - display: flex; - align-items: center; background-color: transparent; color: transparent; border-color: transparent; &::after { content: ''; + float: right; display: inline-block; background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat; height: 1em; @@ -36,20 +34,20 @@ border-radius: @ini_default_border_radius; margin-left: @small-spacing; margin-top: -1px; - - color: var(--color-foreground); - mask-size: contain; - mask-position: center; - mask-repeat: no-repeat; - background: currentColor !important; - - mask-image: url('img/pencil.svg'); } &:hover, &:active, &:focus { - .fnActiveButton(); + //background-color: @ini_existing; + color: @ini_existing; + //border-color: @ini_existing; + + &::after { + background-color: @ini_existing; + background-image: url("svg.php?svg=pencil.svg&f=background"); + border-color: @ini_existing; + } } } } diff --git a/css/area_main-content.less b/css/area_main-content.less index 6058c8c..ccd1ccc 100755 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -6,7 +6,7 @@ div[class^="level"] { p a.media { img { - border: 1px dotted var(--color-background); + border: 1px dotted @ini_background_site; } &:hover, diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index 8363b35..2006df4 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -19,16 +19,12 @@ } nav { - display: flex; - flex-direction: column; - gap: 0.75rem; - &.nav-main { margin-bottom: @nav-margin; } > p { - color: var(--color-foreground); + color: @ini_nav_menu_color; &.noissue { color: @ini_text_webframe; @@ -45,7 +41,7 @@ } li { - color: var(--color-foreground); + color: @ini_nav_menu_color; > div { color: @ini_text_webframe; @@ -63,63 +59,45 @@ /* + + + + + active + + + + + */ - span.curid { font-weight: bold; } } } - a, label { + a { &:link, &:visited { opacity: .9; - color: var(--color-foreground); + color: @ini_nav_menu_color; } * { - color: var(--color-foreground); + color: inherit; } } /* + + + the wrapper around the toggle to reserve space + + + */ - div.nav { min-height: @icon-size + @margin-small; - background-color: var(--color-background); - border-radius: 0.5rem; - - &.themeToggle input { - width: 0; - height: 0; - margin: 0; - padding: 0; - display: block; - opacity: 0; - } + border: 1px solid transparent; // the toggle element - a, label { - border-radius: 0.5rem; - background-color: var(--color-shade-1); - transition: background-color 150ms; - color: var(--color-foreground); - font-size: 1.2em; - border: solid 0.1em var(--color-shade-1); - transition-property: filter, border-color; - transition-duration: 200ms; - transition-timing-function: ease-out; - - + a { cursor: pointer; - display: flex; - align-items: center; + display: table; width: 100%; + min-height: @icon-size + @margin-small; opacity: 1; + border: 1px solid transparent; + border-radius: @fix_border-radius; + color: @ini_nav_menu_color; + font-size: @font-size-head6; font-weight: normal; - margin: 0 0 @very-small-spacing; - padding: 0.4rem 0.1rem; - text-decoration: none; + margin: -1px 0 @very-small-spacing; + padding-bottom: .4rem; + padding-top: .4rem; + transition: @transition color, @transition background-color, @transition border-color; span { display: inline-block; @@ -127,61 +105,19 @@ color: inherit; } - span.ico { - display: flex; - align-items: center; - justify-content: center; - i[data-icon] { - font-size: 1.5rem; - } - } - - - /* + + + submenu entry is active + + + */ - /* + + + toggle: open + + + */ - - &.is-active, &.is-open { - background-color: var(--color-shade-2); - border-color: var(--color-shade-4); - color: var(--color-foreground); - - span.ico { - &:after { - background-color: currentColor; - } - - strong { - border-color: currentColor; - } - - svg { - path { - fill: currentColor; - } - } - } - } - } - - &:hover, - &:focus-within { - position: relative; // always show label, even with collapsed sidebar - z-index: 100; - - a, label { - + &:hover, + &:focus, + &:active { + position: relative; // always show label, even with collapsed sidebar width: 100%; - background-color: transparent; - border: solid 0.1em var(--color-glow-primary); + background-color: @ini_nav_menu_hover_bg; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_color; text-decoration: none; - color: var(--color-glow-primary); - filter: var(--filter-glow-primary); - transition: var(--transition-glow); - span.ico { &:after { - background-color: currentColor; + background-color: @ini_nav_menu_hover_color; } strong { @@ -190,12 +126,63 @@ svg { path { - fill: currentColor; + fill: @ini_nav_menu_hover_color; } } } } + /* + + + submenu entry is active + + + */ + &.is-active { + font-weight: bold; + } + + /* + + + toggle: open + + + */ + &.is-open { + background-color: @ini_nav_menu_hover_color; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_bg; + + span.ico { + &:after { + background-color: @ini_nav_menu_hover_bg; + } + + strong { + border-color: @ini_nav_menu_hover_bg; + } + + svg { + path { + fill: @ini_nav_menu_hover_bg; + } + } + } + + &:hover, + &:focus, + &:active { + background-color: @ini_nav_menu_hover_bg; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_color; + + span.ico { + &:after { + background-color: @ini_nav_menu_hover_color; + } + + strong { + border-color: inherit; + } + + svg { + path { + fill: @ini_nav_menu_hover_color; + } + } + } + } + } } span.ico { @@ -218,7 +205,7 @@ bottom: auto; height: @border-height; width: 1px; - background-color: currentColor; + background-color: @ini_nav_menu_color; margin-top: -(@border-height / 2); // wordbreak too late in IE 10 @@ -235,7 +222,7 @@ display: inline-block; width: @icon-size * 0.98; height: @icon-size * 0.98; - border: 2px solid currentColor; + border: 2px solid fade(@ini_nav_menu_color, 80%); border-top-right-radius: 50%; border-bottom-left-radius: 50%; color: inherit; @@ -253,7 +240,7 @@ height: @icon-size; path { - fill: currentColor; + fill: @ini_nav_menu_color; transition: @transition all; } } @@ -267,7 +254,6 @@ } /* + + + + + the panel (hidden by default) + + + + + */ - div.nav-panel { display: none; margin-top: .5rem; @@ -316,7 +302,7 @@ #dokuwiki__aside { div.nav { a { - margin-left: 0; + margin-left: 1px; } } } @@ -342,7 +328,7 @@ min-width: 45%; max-width: 90%; height: auto; - background: var(--color-background); + background: @ini_background_site; > nav { position: relative; @@ -351,8 +337,7 @@ margin-top: 1.2rem; } - a, - label { + a { font-size: @font-size-small; } } diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less index a14fbc6..f2a4c03 100644 --- a/css/area_main-sidebar-search.less +++ b/css/area_main-sidebar-search.less @@ -13,7 +13,9 @@ p.toggleSearch a, button[type="submit"] { + .fontello(); .hide-text-show-before(); + .icon-search(); position: relative; width: @icon-size; @@ -24,65 +26,60 @@ border: solid 1px transparent; padding: 0; transition: @transition color, @transition background-color, @transition border-color; - display: flex; - align-items: center; &:hover, &:focus, &:active { - .fnActiveButton(); + min-height: @icon-size; + background-color: @ini_button_color; + border: solid 1px @ini_button_background; - &::after{ - background-color: var(--color-glow-primary); + &::after { + background-color: @ini_button_background; } } &::before { - width: @icon-size; - height: 0.8em; + width: 100%; + color: inherit; font-size: @icon-search_font-size; text-align: center; margin: 0; - color: var(--color-foreground); - content: ''; - display: block; - mask-size: contain; - mask-position: center; - mask-repeat: no-repeat; - background-color: currentColor; - - - mask-image: url('img/search.svg'); } } p.toggleSearch { display: none; + margin: -2px 0 0; // reverse transparent border and box-sizing of a child padding: 0; + @media @screen_max-xxlg { + margin-top: -1px; + } + a { min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */ width: @main-ico-dummy; - border-radius: 0.5rem 0 0 0.5rem; - border-right: none; - background-color: var(--color-shade-1); - color: var(--color-foreground); + border-radius: @fix_border-radius; + color: @ini_nav_menu_color; text-decoration: none; box-sizing: border-box; &::before { - width: 100%; + position: absolute; + top: 50%; + left: 0; color: inherit; text-align: center; + margin-top: -(@icon-search_font-size / 2); } &:hover, &:focus, &:active { - border-right: none; - background-color: transparent; - border-color: var(--color-glow-primary); - color: var(--color-glow-primary); + background-color: @ini_nav_menu_hover_bg; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_color; } } } @@ -95,6 +92,17 @@ height: auto; min-height: (@icon-size - .2); color: @quicksearch-button-color; + + &:hover, + &:focus, + &:active { + top: 0; + bottom: 0; + min-height: @icon-size; + background-color: @ini_button_color; + border: solid 1px @ini_button_background; + color: @ini_button_background; + } } /* + + + form + + + */ @@ -120,6 +128,7 @@ button[type="submit"] { border: solid 1px transparent; + border-right-color: @ini_border; margin-left: -(@icon-size); &::after { @@ -129,27 +138,23 @@ bottom: 15%; width: 1px; left: -1px; - background-color: var(--color-shade-4); + background-color: @ini_border; transition: @transition background-color; } } div.ajax_qsearch { box-shadow: none; - background-color: var(--color-shade-1); + background-color: #FFF; padding: 0; - z-index: 300; // otherwise hidden behind sidebar in mobile view - border: solid 0.1em var(--color-shade-4); - border-radius: 0.5rem; - > strong { - color: var(--color-foreground); - padding: 0.25rem 0.5rem; - border-bottom: solid 0.1em var(--color-shade-4); + strong { + color: @quicksearch-button-color; + padding: 0.25rem 0.5rem } ul li { - color: var(--color-foreground); + color: @quicksearch-button-color; a { display: block; @@ -157,12 +162,12 @@ overflow: hidden; color: inherit; text-overflow: ellipsis; + } + } - &:hover, - &:focus, - &:active { - background-color: var(--color-shade-2); - } + ul li { + &:nth-child(odd) { + background-color: @suggestion-zebra; } } } @@ -218,11 +223,6 @@ // show when toggled body.show-mobile-sidebar { - #dokuwiki__aside { - padding: 0 1rem; - border-radius: 0.5rem; - } - p.toggleSearch { display: none !important; } diff --git a/css/area_main-sidebar-tabs.less b/css/area_main-sidebar-tabs.less index f2fdefd..399e601 100644 --- a/css/area_main-sidebar-tabs.less +++ b/css/area_main-sidebar-tabs.less @@ -21,7 +21,7 @@ border-top-left-radius: @fix_border-radius; &.active { - border-bottom: 1px solid var(--color-background); + border-bottom: 1px solid @ini_background_site; font-weight: bold; } } diff --git a/css/area_msg.less b/css/area_msg.less index 8697293..41fe08b 100644 --- a/css/area_msg.less +++ b/css/area_msg.less @@ -15,65 +15,23 @@ } } +/* short fix: SPR-891 - icons for notifications in message area are repeated */ div.success, div.error, div.info, div.notify { - display: block; - border: none; - border-left: solid 0.5rem var(--color-shade-4); - border-radius: 0.5rem; - padding: 1em; - background-image: none; - background-color: var(--color-shade-1); + background-repeat: no-repeat; + background-position: 8px 50%; + border: 1px solid #eeb; + font-size: 90%; + margin: 0 0 .5em; + padding: .4em; + padding-left: 32px; + overflow: hidden; + border-radius: @fix_border-radius; - &::before { - display: inline-block; - content: ""; - margin: 0.3em 0.2em 0 0; - width: 1em; - height: 1em; - mask-size: contain; - mask-position: center top; - mask-repeat: no-repeat; - background-color: currentColor; - vertical-align: top; - } - - &.success { - color: var(--color-success); - - &::before { - mask-image: url(img/tick_small.svg); - } - } - - &.error { - border-left-color: var(--color-error); - color: var(--color-foreground); - - &::before { - background-color: var(--color-error); - mask-image: url(img/power.svg); - } - } - - &.info { - color: var(--color-foreground); - - &::before { - mask-image: url(img/info.svg); - } - } - - &.notify { - border-left-color: var(--color-warning); - color: var(--color-foreground); - - &::before { - background-color: var(--color-warning); - mask-image: url(img/warning.svg); - } + * { + color: inherit; } a { diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 4200172..7c7ac0c 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -6,21 +6,29 @@ position: relative; min-height: @page-header_height; box-sizing: border-box; - background-color: var(--color-background); - border-bottom: 1px solid var(--color-shade-4); + background-color: @ini_background; + border-bottom: 1px solid @ini_border_light; padding: 1rem 1.8rem .2rem; + @media @screen_max-md { + background-color: @ini_background_page_header; + } + @media @screen_max-xs { padding-left: @margin-small; padding-right: .75rem; } + @media @screen_xs-lg { + background-color: @ini_background; + } + > p { font-size: @font-size-small; margin: 0; @media @screen_max-xs{ - width: 0; + width: 1px; position: relative; overflow: hidden; height: 1.6rem; @@ -50,16 +58,14 @@ min-width: 1.9em; width: auto; box-sizing: border-box; - background-color: var(--color-shade-1); - border: solid .1em transparent; - border-radius: 0.5rem; + border: solid 1px transparent; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius vertical-align: middle; text-decoration: none; margin-top: -.2em; - transition: var(--transition-glow); + transition: @transition border-color; &:before { - color: var(--color-foreground); font-size: @font-size-default + (@font-scale-factor * 2); margin-top: .17rem; } @@ -67,14 +73,7 @@ &:hover, &:focus, &:active { - &:before { - color: var(--color-glow-primary); - } - - background-color: transparent; - border-color: var(--color-glow-primary); - color: var(--color-glow-primary); - filter: var(--filter-glow-primary); + border-color: @ini_existing; } } } diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 1e16a28..fbc1c48 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -7,22 +7,16 @@ .flex-direction(); .justify-content(flex-end); - clear: none; - display: block; position: relative; float: right; - - box-sizing: border-box; max-width: 40%; - padding-bottom: 0.5rem; - height: 4rem !important; - - color: var(--color-foreground); + margin-top: -(@page_padding-top); // reverse padding-top of .page container + margin-right: -1px; // >= 1024 @media @screen_min-md { height: @page-header_height; - border: 0 none; + border: 1px solid transparent; } // < 1024 @@ -42,8 +36,8 @@ top: 0; ul.meta-tabs > li > a { - border-top-color: var(--color-background); - border-bottom-color: var(--color-shade-4); + border-top-color: @ini_background_site; + border-bottom-color: @noopentasks-border; border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; } @@ -121,17 +115,26 @@ position: relative; display: block; font-size: @font-size-small; - transition: var(--transition-glow); - background-color: var(--color-shade-1); - border: solid 0.1em transparent; - border-radius: 0.5rem; - color: var(--color-foreground); - padding: .25em; - margin-left: 0; + transition: @transition background-color, @transition border-color, @transition color; + + @media @screen_min-md { + background-color: @ini_background_site; + border: 1px solid @noopentasks-border; + border-bottom-color: @ini_background_site; + border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius + color: @ini_nav_menu_color; + margin-left: 4px; + padding: .3em 1rem .1em; + } @media @screen_max-md { + background-color: @ini_background; top: 0; + border: 1px solid @ini_existing; + color: @ini_existing; margin-top: .2rem; + margin-left: 0; + padding: .2em .3rem; } * { @@ -150,16 +153,35 @@ &:focus, &:active { text-decoration: none; - background-color: transparent; - border-color: var(--color-glow-secondary); - color: var(--color-glow-secondary); - filter: var(--filter-glow-secondary); + + @media @screen_min-md { + background-color: @ini_background; + border-color: @ini_existing; + color: @ini_existing; + } + + @media @screen_max-md { + background-color: @ini_existing; + border-color: @ini_background; + color: @ini_background; + } } } &.active { > a { cursor: default; + background-color: @ini_background; + border-color: @ini_existing; + border-bottom-color: @ini_background; + color: @ini_existing; + + @media @screen_max-md { + background-color: @ini_existing; + border-bottom-color: @ini_existing; + border-radius: 0; + color: @ini_background; + } } } } @@ -180,16 +202,15 @@ right: 0; display: none; width: 100%; - background-color: var(--color-shade-1); - border: solid .1em transparent; - border-radius: 0.5rem; + background-color: @ini_background; + border: 1px solid @ini_existing; @media @screen_min-xs { min-width: 20em; } @media @screen_min-md { - margin-top: 0.5rem; + border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius } &.active { @@ -197,7 +218,7 @@ } a { - color: var(--color-foreground); + color: @ini_existing; } > div { @@ -239,10 +260,8 @@ float: none; margin: 0; padding: .6rem .5rem .5rem .8rem; - background-color: transparent; - color: var(--color-foreground); - border: solid .1em var(--color-shade-4); - border-radius: 0.5rem; + background: transparent; + border: 0 none; h3 { display: none; @@ -276,7 +295,7 @@ width: 4px; height: 4px; overflow: hidden; - background-color: var(--color-shade-4); + background-color: @ini_existing; } } } diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index 7172ae1..58df991 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -100,11 +100,10 @@ nav#dokuwiki__pagetools { } &:focus { - box-shadow: none; + box-shadow: @box-shadow; background-image: none; - color: var(--color-glow-primary); - transition: var(--transition-glow); - filter: var(--filter-glow-primary); + background-color: @ini_background; + color: @ini_existing; span { position: relative; @@ -114,7 +113,7 @@ nav#dokuwiki__pagetools { } svg { - fill: var(--color-glow-primary); + fill: @ini_existing; } } @@ -132,7 +131,14 @@ nav#dokuwiki__pagetools { vertical-align: middle; border: solid 1px transparent; margin: @page-tools_svg-space; - fill: var(--color-foreground); + + @media @screen_min-md { + fill: @ini_nav_menu_color; + } + + @media @screen_max-md { + fill: @ini_existing; + } } &.top { @@ -145,12 +151,11 @@ nav#dokuwiki__pagetools { &:hover { ul { box-shadow: @box-shadow; // @box-shadow-offset; - background-color: var(--color-shade-1); - border-color: var(--color-shade-4); - border-radius: 0.5rem; + background-color: @ini_background; + border-color: @wikiicons-border; li { - color: var(--color-foreground); + color: @ini_existing; a { box-shadow: none; @@ -161,21 +166,17 @@ nav#dokuwiki__pagetools { svg { border: solid 1px transparent; border-radius: @ini_default_border_radius; - fill: var(--color-foreground); + fill: @ini_existing; transition: @transition background-color, @transition border-color, @transition fill; } &:hover, &:focus, &:active { - color: var(--color-glow-primary); - transition: var(--transition-glow); - filter: var(--filter-glow-primary); - svg { - background-color: transparent; - border: none; - fill: var(--color-glow-primary); + background-color: @ini_existing; + border-color: @ini_existing; + fill: @ini_background; } } diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 2762329..fdba9c3 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -76,14 +76,23 @@ &.user { position: relative; display: table-cell; - background-color: var(--color-shade-1); - border: solid 1px var(--color-shade-2); + background-color: @ini_background_site; + border: solid 1px @wikiicons-border; border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius - color: var(--color-foreground); + color: @ini_text_webframe; padding-right: .3rem; + @media @screen_min-md { + padding-top: .35rem; + } + @media @screen_max-md { min-height: @toggle-size; + padding-top: .3rem; + } + + @media @screen_max-sm { + padding-top: .35rem; } @media @screen_max-xs { @@ -93,12 +102,14 @@ overflow: hidden; white-space: nowrap; margin: -1px 0 0; + padding-top: .4rem; } @media @screen_max-xxs { left: -10px; right: 0; width: auto; + padding-top: .35rem; } > a { @@ -108,9 +119,9 @@ position: relative; height: 1rem; // for IE11 overflow: visible; - background: var(--color-shade-1); // for removing bg-image + background: @ini_nav_menu_hover_bg; // for removing bg-image border: 0 none; - color: var(--color-foreground); + color: @ini_nav_menu_hover_color; text-indent: 0; font-size: inherit; margin-right: -.3rem; @@ -147,7 +158,7 @@ right: -1px; width: auto; opacity: 0; - border: solid 1px var(--color-shade-2); + border: solid 1px @ini_nav_menu_hover_color; border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius color: inherit; transform: none; @@ -156,15 +167,12 @@ &:hover, &:focus, &:active { - background-color: transparent; - color: var(--color-glow-secondary); - filter: var(--filter-glow-secondary); - transition: var(--transition-glow); + background-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_bg; &::before { opacity: 1; - filter: var(--filter-glow-secondary); - border-color: var(--color-glow-secondary); + border-color: @ini_nav_menu_hover_color; } bdi, @@ -189,10 +197,22 @@ &::before { position: absolute; - top: 2px; left: -2px; - font-size: @font-size-default + (@font-scale-factor * 4); + font-size: 1.4rem; margin: 0; + + @media @screen_min-xxlg { + top: -.25rem; + } + + @media @screen_max-xxlg { + top: -.2rem; + } + + @media @screen_max-xs { + top: -.25rem; + + } } } } // user @@ -202,29 +222,16 @@ .menuitem, button { padding: 2px 0 0 2px; min-height: @toggle-size; // overrides button[type="submit"] styles - background-color: var(--color-shade-1); - color: var(--color-foreground); - border: solid 1px var(--color-shade-2); // overrides button[type="submit"] styles + border: solid 1px @wikiicons-border; // overrides button[type="submit"] styles .btn-hover(); - &:hover, - &:active, - &:focus { - background-color: transparent; - border-color: var(--color-glow-secondary); - color: var(--color-glow-secondary); - filter: var(--filter-glow-secondary); - } - - &:hover svg, - &:active svg, - &:focus svg { + &:hover svg, &:focus svg { transition: @transition fill; - fill: var(--color-glow-secondary); + fill: @ini_nav_menu_hover_bg; } svg { - fill: var(--color-shade-1); + fill: @ini_nav_menu_hover_color; height: @font-size-default + (@font-scale-factor * 4); } @@ -238,7 +245,6 @@ .hide-text-show-before(); .btn-hover(); - background-color: var(--color-shade-1); cursor: pointer; position: relative; line-height: 1; @@ -295,7 +301,7 @@ overflow: hidden; li.user { - color: var(--color-background); + color: @ini_background_site; bdi { position: absolute; @@ -305,8 +311,8 @@ &:before { transition: @transition background-color; - background-color: var(--color-shade-1); - color: var(--color-foreground); + background-color: @ini_background_site; + color: @ini_nav_menu_color; text-indent: 0; } } @@ -317,18 +323,18 @@ bdi { &:before { - background-color: var(--color-shade-1); - color: var(--color-foreground); + background-color: @ini_nav_menu_hover_bg; + color: @ini_nav_menu_hover_color; } } &:hover { - color: var(--color-glow-secondary); + color: @ini_nav_menu_hover_color; bdi { &:before { - background-color: transparent; - color: var(--color-glow-secondary); + background-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_bg; } } } diff --git a/css/area_recent.less b/css/area_recent.less index 9583da8..78e97dd 100644 --- a/css/area_recent.less +++ b/css/area_recent.less @@ -11,13 +11,11 @@ color: @color-editBox; &.positive { - background-color: var(--color-success); - color: var(--color-background); + background-color: #cfc; } &.negative { - background-color: var(--color-error); - color: var(--color-foreground); + background-color: #fdd; } } } @@ -69,10 +67,11 @@ .diffnav { a { - background-color: var(--color-background); - border: solid 1px var(--color-background); - border-radius: 0.5rem; - color: var(--color-foreground); + background-color: @ini_background_site; + border: solid 1px @ini_background_site; + border-radius: @ini_default_border_radius; + color: @ini_nav_menu_color; + transition: @transition background-color, @transition color, @transition border-color; &::before { background-color: inherit; @@ -83,11 +82,9 @@ &:hover, &:focus, &:active { - background-color: transparent; - border-color: var(--color-glow-primary); - color: var(--color-glow-primary); - transition: var(--transition-glow); - filter: var(--filter-glow-primary); + background-color: @ini_nav_menu_color; + border: solid 1px @ini_nav_menu_color; + color: @ini_background_site; &::before { background-color: inherit; @@ -98,8 +95,10 @@ } table.diff { - background-color: var(--color-background); - border: none; + background-color: #fff; + border: solid 1px #fff; + border-top-width: 10px; + border-bottom-width: 10px; &.diff_inline { border-top-width: 0; @@ -111,8 +110,8 @@ } th { - background-color: var(--color-background); - color: var(--color-foreground); + background-color: @ini_background; + color: @ini_text; padding-top: 10px; padding-bottom: 10px; @@ -122,33 +121,30 @@ } td { - background-color: transparent; - color: var(--color-text-1); - &.diff-blockheader { - background-color: transparent; - color: var(--color-foreground); + background-color: #cfc; + color: @color-editBox; } &.diff-context { - background-color: transparent; - color: var(--color-text-1); + background-color: #eee; + color: @color-editBox; } } .diff-addedline { - background-color: var(--color-success-highlight); - color: var(--color-foreground); + background-color: #cfc; + color: @color-editBox; strong { background-color: transparent; - color: var(--color-success) !important; + color: #f00; } } .diff-deletedline { - background-color: var(--color-error-highlight); - color: var(--color-foreground); + background-color: #fdd; + color: @color-editBox; * { color: inherit; @@ -156,12 +152,8 @@ strong { background-color: transparent; - color: var(--color-error) !important; + color: #f00; } } - - .diff-lineheader { - background-color: transparent; - } } } diff --git a/css/area_tabs.less b/css/area_tabs.less index 8b98f02..0912399 100644 --- a/css/area_tabs.less +++ b/css/area_tabs.less @@ -8,22 +8,14 @@ li:not([class~="active"]) { strong, a { + color: @ini_text_neu; transition: @transition background-color, @transition color; } - a { - background-color: var(--color-shade-2); - color: var(--color-accent-1); - } - strong { - background-color: var(--color-shade-3); - color: inherit; - } - a:hover, a:focus, a:active { - color: var(--color-accent-3); + color: @ini_text; } } } diff --git a/css/area_togglelink.less b/css/area_togglelink.less index 9a12b47..10a47bc 100755 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -8,44 +8,52 @@ top: 0; bottom: -1px; width: 2rem; - left: -(@margin-default + 0.25rem); + left: -(@margin-default); @media @screen_max-md { display: none; } a { - position: absolute; - inset: 0; + .fontello-double(); + .icon-right-bold(); + .icon-left-bold(); + + .display-flex(); + .flex-direction(); + .justify-content(); width: @margin-default; height: 100%; - background-color: transparent; - border: solid 1px var(--color-shade-4); - border-right-style: none; - border-radius: 0.5rem 0 0 0.5rem; - color: var(--color-shade-4); + background-color: @ini_button_background; + border: solid 1px @ini_button_background; + border-radius: @ini_default_border_radius 0 0 @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius + color: @ini_button_color; text-decoration: none; transition: @transition color, @transition background-color, @transition border-color; - &::before { - content: ''; - display: block; - position: absolute; - inset: 0.3rem; - mask-size: contain; - mask-position: center; - mask-repeat: no-repeat; - background-color: currentColor; - mask-image: url('img/arrow_left.svg'); + &::before, + &::after { + width: 100%; + opacity: .6; + font-size: 1rem; + line-height: 1; + text-align: center; + margin: 0; + transition: @transition opacity; + } + &::before { + opacity: 1; + font-size: 1.25rem; } &:hover, &:focus, &:active { - border-color: var(--color-glow-primary); - color: var(--color-glow-primary); + background-color: @ini_button_color; + border-color: @ini_button_background; + color: @ini_button_background; text-decoration: none; * { @@ -53,24 +61,43 @@ text-decoration: none; } - filter: var(--filter-glow-primary); - transition: var(--transition-glow); - + &::after { + opacity: 0; + } } } /* + + + toggle out + + + */ - .wide-content & { left: 0; a { - border-radius: 0 0.5rem 0.5rem 0; - border-style: solid; - border-left-style: none; + background-color: @ini_button_background; + border-color: @ini_button_background; + border-radius: 0 @ini_default_border_radius @ini_default_border_radius 0; // @ini_default_border_radius vs. @fix_border-radius &::before { - mask-image: url('img/arrow_right.svg'); + opacity: .6; + font-size: 1rem; + } + + &::after { + opacity: 1; + font-size: 1.25rem; + } + + &:hover, + &:focus, + &:active { + background-color: @ini_button_color; + + &::before { + opacity: 0; + } + + &::after { + opacity: 1; + } } } } diff --git a/css/base.less b/css/base.less index 5b50fb6..752d451 100755 --- a/css/base.less +++ b/css/base.less @@ -5,10 +5,10 @@ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* global vars */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -@font_family_screen: "Athiti", ui-sans, sans-serif; -@font_family_print: "Athiti", ui-sans, sans-serif; +@font_family_screen: arial, sans-serif; +@font_family_print: "Times New Roman", serif; -@nav_direct_background: var(--color-background); +@nav_direct_background: @ini_background; @nav_direct_color: @ini_existing; @background_darker: rgba(230,230,230, .2); @@ -36,7 +36,7 @@ @box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper (breadcrumb), struct inline-editor /* + + + for programmers customizing + + + */ -@fix_border-radius: 0.5rem; // 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 @@ -66,7 +66,7 @@ /* edit mode */ @highlight-odd-ini_text: fade(@ini_background, 95%); @highlight-even-ini_text: fade(@ini_text, 5%); -@color-editBox: var(--color-foreground); // editmode for tables, revision states +@color-editBox: #252525; // editmode for tables, revision states //@nolinkedicon-ini_background: fade(@ini_background_site, 10%); //@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%); @@ -170,100 +170,6 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* fonts */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@font-face { - font-family: "Athiti"; - font-weight: 700; - src: url("fonts/athiti/Athiti-Bold.woff2") format("woff2"); -} - -@font-face { - font-family: "Athiti"; - font-weight: 600; - src: url("fonts/athiti/Athiti-SemiBold.woff2") format("woff2"); -} - -@font-face { - font-family: "Athiti"; - font-weight: 500; - src: url("fonts/athiti/Athiti-Medium.woff2") format("woff2"); -} - -@font-face { - font-family: "Athiti"; - font-weight: 400; - src: url("fonts/athiti/Athiti-Regular.woff2") format("woff2"); -} - -@font-face { - font-family: "Athiti"; - font-weight: 300; - src: url("fonts/athiti/Athiti-Light.woff2") format("woff2"); -} - -@font-face { - font-family: "Athiti"; - font-weight: 200; - src: url("fonts/athiti/Athiti-ExtraLight.woff2") format("woff2"); -} - -@font-face { - font-family: "Departure Mono"; - src: url("fonts/departuremono/DepartureMono-Regular.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - font-weight: 100; - src: url("fonts/argonglow/ArgonGlow-Thin.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - font-weight: 200; - src: url("fonts/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - font-weight: 300; - src: url("fonts/argonglow/ArgonGlow-Light.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - font-weight: 400; - src: url("fonts/argonglow/ArgonGlow-Regular.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - font-weight: 500; - src: url("fonts/argonglow/ArgonGlow-Medium.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - font-weight: 600; - src: url("fonts/argonglow/ArgonGlow-SemiBold.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - font-weight: 700; - src: url("fonts/argonglow/ArgonGlow-Bold.woff2") format("woff2"); -} - -@font-face { - font-family: "Argon Glow"; - src: url("fonts/argonglow/ArgonGlow-VariableVF.woff2") format("woff2"); - font-weight: 100 900; -} - - /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* all media */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @@ -382,303 +288,11 @@ nav > ul { } } -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* variables */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -:root { - --color-neutral-50: #F2F0F5; - --color-neutral-100: #D1C6E0; - --color-neutral-200: #B2A0CB; - --color-neutral-300: #957EB5; - --color-neutral-400: #7A60A0; - --color-neutral-500: #61468B; - --color-neutral-600: #4B3176; - --color-neutral-700: #371F60; - --color-neutral-800: #26114B; - --color-neutral-900: #180736; - --color-neutral-950: #0C011F; - --color-argon-50: #E1ABC9; - --color-argon-100: #DA87B5; - --color-argon-200: #D464A1; - --color-argon-300: #CD448F; - --color-argon-400: #C6257D; - --color-argon-500: #B0166F; - --color-argon-600: #9A0A61; - --color-argon-700: #830755; - --color-argon-800: #6D0449; - --color-argon-900: #56023C; - --color-argon-950: #3F012D; - --color-krypton-50: #B2D9EA; - --color-krypton-100: #8CC9E4; - --color-krypton-200: #69BADE; - --color-krypton-300: #4BADD8; - --color-krypton-400: #2493C2; - --color-krypton-500: #167FAC; - --color-krypton-600: #0A6C96; - --color-krypton-700: #075C81; - --color-krypton-800: #044C6B; - --color-krypton-900: #023C55; - --color-krypton-950: #012C3F; - --color-green-50: #C0F49A; - --color-green-100: #A7E57A; - --color-green-200: #8FD75D; - --color-green-300: #7AC843; - --color-green-400: #66B92D; - --color-green-500: #54AA18; - --color-green-600: #47990F; - --color-green-700: #397E0A; - --color-green-800: #2B6206; - --color-green-900: #1F4703; - --color-green-950: #122B01; - --color-red-50: #E6AFAF; - --color-red-100: #DD9090; - --color-red-200: #D57272; - --color-red-300: #CC5757; - --color-red-400: #C33D3D; - --color-red-500: #BB2626; - --color-red-600: #B21010; - --color-red-700: #950808; - --color-red-800: #780404; - --color-red-900: #5C0202; - --color-red-950: #3F0101; - - --color-white: #FFFFFF; - - --color-dark-foreground: var(--color-neutral-50); - --color-dark-background: var(--color-neutral-950); - --color-dark-shade-1: var(--color-neutral-900); - --color-dark-shade-2: var(--color-neutral-800); - --color-dark-shade-3: var(--color-neutral-700); - --color-dark-shade-4: var(--color-neutral-600); - --color-dark-text-1: var(--color-neutral-200); - --color-dark-text-2: var(--color-neutral-300); - --color-dark-text-3: var(--color-neutral-400); - --color-dark-text-4: var(--color-neutral-500); - --color-dark-primary: var(--color-argon-400); - --color-dark-secondary: var(--color-krypton-300); - --color-dark-error: var(--color-red-500); - --color-dark-error-highlight: var(--color-red-950); - --color-dark-success: var(--color-green-500); - --color-dark-success-highlight: var(--color-green-950); - --color-dark-warning: #efb100; - --color-dark-highlight: #efb10060; - --color-dark-accent-1: #60a5f9; - --color-dark-accent-2: #d381f7; - --color-dark-accent-3: #ff7975; - - --color-light-foreground: var(--color-neutral-950); - --color-light-background: var(--color-neutral-50); - --color-light-shade-1: var(--color-neutral-100); - --color-light-shade-2: var(--color-neutral-200); - --color-light-shade-3: var(--color-neutral-300); - --color-light-shade-4: var(--color-neutral-400); - --color-light-text-1: var(--color-neutral-800); - --color-light-text-2: var(--color-neutral-700); - --color-light-text-3: var(--color-neutral-600); - --color-light-text-4: var(--color-neutral-500); - --color-light-primary: var(--color-argon-600); - --color-light-secondary: var(--color-krypton-500); - --color-light-error: var(--color-red-600); - --color-light-error-highlight: var(--color-red-50); - --color-light-success: var(--color-green-600); - --color-light-success-highlight: var(--color-green-50); - --color-light-warning: #d08700; - --color-light-highlight: #d0870060; - --color-light-accent-1: #303EC0; - --color-light-accent-2: #6c366c; - --color-light-accent-3: #932f0a; - - --color-cmyk-primary: var(--color-dark-primary); - --color-cmyk-secondary: var(--color-dark-secondary); - - --text-xs: 0.75rem; - --text-sm: 0.875rem; - --text-base: 1rem; - --text-lg: 1.125rem; - --text-xl: 1.25rem; - --text-2xl: 1.5rem; - --text-3xl: 1.875rem; - --text-4xl: 2.25rem; - --text-5xl: 3rem; - - --container-3xs: 16rem; - --container-2xs: 18rem; - --container-xs: 20rem; - --container-sm: 24rem; - --container-md: 28rem; - --container-lg: 32rem; - --container-xl: 36rem; - --container-2xl: 42rem; - --container-3xl: 48rem; - --container-4xl: 56rem; - --container-5xl: 64rem; - --container-6xl: 72rem; - --container-7xl: 80rem; -} - -.fnButton { - border-radius: 0.5rem; - background-color: var(--color-shade-1); - transition: background-color 150ms; - color: var(--color-foreground); - font-size: 1.2em; - border: solid 0.1em var(--color-shade-1); - transition-property: filter, border-color; - transition-duration: 200ms; - transition-timing-function: ease-out; - - &:hover, &.active{ - .fnActiveButton(); - } -} - -.fnButtonSecondary { - &:hover, &.active{ - .fnActiveButtonSecondary(); - } -} - -.fnActiveButton { - background-color: transparent; - border: solid 0.1em var(--color-glow-primary); - text-decoration: none; - color: var(--color-glow-primary); - filter: var(--filter-glow-primary); - transition: var(--transition-glow); -} - -.fnActiveButtonSecondary { - background-color: transparent; - border: solid 0.1em var(--color-glow-secondary); - text-decoration: none; - color: var(--color-glow-secondary); - filter: var(--filter-glow-secondary); - transition: var(--transition-glow); -} - - /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* screen only */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media screen { - - .dark { - - --color-foreground: var(--color-dark-foreground); - --color-background: var(--color-dark-background); - --color-shade-1: var(--color-dark-shade-1); - --color-shade-2: var(--color-dark-shade-2); - --color-shade-3: var(--color-dark-shade-3); - --color-shade-4: var(--color-dark-shade-4); - --color-text-1: var(--color-dark-text-1); - --color-text-2: var(--color-dark-text-2); - --color-text-3: var(--color-dark-text-3); - --color-text-4: var(--color-dark-text-4); - --color-primary: var(--color-dark-primary); - --color-secondary: var(--color-dark-secondary); - --color-error: var(--color-dark-error); - --color-error-highlight: var(--color-dark-error-highlight); - --color-success: var(--color-dark-success); - --color-success-highlight: var(--color-dark-success-highlight); - --color-warning: var(--color-dark-warning); - --color-highlight: var(--color-dark-highlight); - --color-accent-1: var(--color-dark-accent-1); - --color-accent-2: var(--color-dark-accent-2); - --color-accent-3: var(--color-dark-accent-3); - - --filter-glow-primary: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--color-primary)) drop-shadow(0 0 0.25em var(--color-primary)); - --filter-glow-secondary: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--color-secondary)) drop-shadow(0 0 0.25em var(--color-secondary)); - --color-glow-primary: var(--color-white); - --color-glow-secondary: var(--color-white); - --transition-glow: filter 150ms cubic-bezier(0,1.7,1,-0.3) 50ms, - border-color 150ms cubic-bezier(0,1.7,1,-0.3) 50ms; - - @media (prefers-reduced-motion) { - --transition-glow: filter 150ms, border-color 150ms; - } - - .light-only { - display: none; - } - - .dark-only { - display: initial; - } - } - - .light { - --color-foreground: var(--color-light-foreground); - --color-background: var(--color-light-background); - --color-shade-1: var(--color-light-shade-1); - --color-shade-2: var(--color-light-shade-2); - --color-shade-3: var(--color-light-shade-3); - --color-shade-4: var(--color-light-shade-4); - --color-text-1: var(--color-light-text-1); - --color-text-2: var(--color-light-text-2); - --color-text-3: var(--color-light-text-3); - --color-text-4: var(--color-light-text-4); - --color-primary: var(--color-light-primary); - --color-secondary: var(--color-light-secondary); - --color-error: var(--color-light-error); - --color-error-highlight: var(--color-light-error-highlight); - --color-success: var(--color-light-success); - --color-success-highlight: var(--color-light-success-highlight); - --color-warning: var(--color-light-warning); - --color-highlight: var(--color-light-highlight); - --color-accent-1: var(--color-light-accent-1); - --color-accent-2: var(--color-light-accent-2); - --color-accent-3: var(--color-light-accent-3); - - --filter-glow-primary: drop-shadow(0 0 0.0625em var(--color-argon-400)); - --filter-glow-secondary: drop-shadow(0 0 0.0625em var(--color-krypton-400)); - --color-glow-primary: var(--color-argon-950); - --color-glow-secondary: var(--color-krypton-950); - --transition-glow: filter 150ms cubic-bezier(0, 2, 1, -0.7) 50ms, - border-color 150ms cubic-bezier(0, 2, 1, -0.7) 50ms; - - @media (prefers-reduced-motion) { - --transition-glow: filter 150ms, border-color 150ms; - } - - .light-only { - display: initial; - } - - .dark-only { - display: none; - } - } - - @media (prefers-color-scheme: dark) { - html { - .dark(); - - &:has(#themeLight:checked) { - .light(); - } - } - #themeToggleDark { - display: none !important; - } - } - - @media (prefers-color-scheme: light) { - html { - .light(); - - &:has(#themeDark:checked) { - .dark(); - } - } - #themeToggleLight { - display: none !important; - } - } - - - html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; @@ -707,28 +321,9 @@ nav > ul { display: none; } - a { - color: var(--color-accent-1); - text-decoration: underline; - - &:hover, - &:active, - &:focus { - color: var(--color-accent-3); - text-decoration: none; - } - - &:visited { - color: var(--color-accent-2); - text-decoration: underline; - - &:hover, - &:active, - &:focus { - color: var(--color-accent-3); - text-decoration: none; - } - } + a:active, + a:hover { + outline: 0; } abbr[title] { @@ -756,7 +351,7 @@ nav > ul { kbd, pre, samp { - font-family: "Departure Mono", ui-monospace, monospace; + font-family: monospace, monospace; font-size: 1em; } @@ -825,7 +420,7 @@ nav > ul { html, body { font-family: @font_family_screen; - color: var(--color-foreground); + color: @ini_text; } } diff --git a/css/base_design.less b/css/base_design.less index 2dfc1f1..cb9792f 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -5,7 +5,7 @@ html, body { - background-color: var(--color-background); + background-color: @ini_background_site; } /* highlight selected tool */ @@ -23,23 +23,10 @@ html, body { } .dokuwiki { - .tabs > ul li a, - ul.tabs li strong, - ul.tabs li a { - border-color: var(--color-shade-4); - } - ul.tabs::after { - border-color: var(--color-shade-4); - } - .page ol li, .page ul li, .aside ul li { - color: var(--color-foreground); - - .li { - color: var(--color-foreground); - } + color: @ini_text; } .pageId { @@ -54,7 +41,7 @@ html, body { font-size: @font-size-small; border: solid @ini_background_alt; border-width: 1px 1px 0; - background-color: var(--color-background); + background-color: @ini_background_site; color: @ini_text_alt; padding: .1em .35em; border-top-left-radius: 2px; @@ -68,7 +55,7 @@ html, body { clear: both; overflow: hidden; word-wrap: break-word; - background: var(--color-background); + background: @ini_background; color: inherit; padding: @page_padding-top @margin-default @margin-default; @@ -97,7 +84,6 @@ html, body { } /* license note under edit window */ - div.license { font-size: @font-size-small; line-height: @line-height-default; @@ -388,11 +374,16 @@ ol ol ol ol ol { .dokuwiki { table.inline tr:hover { th { - background-color: var(--color-shade-3); + background-color: fade(@ini_background_alt, 50%); } td { - background-color: var(--color-shade-2); + background-color: fade(@ini_background_alt, 80%); + color: @ini_text_alt; + + *:not(button,a) { + color: @ini_text_alt; + } } } } @@ -401,7 +392,7 @@ table { border-collapse: collapse; empty-cells: show; border-spacing: 0; - border: 1px solid var(--color-shade-4); + border: 1px solid @ini_border; font-size: @font-size-default; line-height: 140%; } @@ -420,13 +411,13 @@ td { padding: .3em .5em; margin: 0; vertical-align: top; - border: 1px solid var(--color-shade-4); + border: 1px solid @ini_border; } th { font-weight: bold; - background-color: var(--color-shade-1); - color: var(--color-foreground); + background-color: @ini_background_alt; + color: @ini_text_alt; text-align: left; a { @@ -438,6 +429,22 @@ th { text-align: right; } +a { + outline: none; + + &:link, + &:visited { + text-decoration: none; + color: @ini_link; // links to non wikipages (external links) + } + + &:hover, + &:focus, + &:active { + text-decoration: underline; + } +} + img { display: inline-block; border-width: 0; @@ -463,7 +470,7 @@ button img { hr { border-top: solid @ini_border; - border-bottom: solid var(--color-background); + border-bottom: solid @ini_background_site; border-width: 1px 0; height: 0; text-align: center; @@ -491,13 +498,14 @@ pre, code, samp, kbd { - font-family: "Departure Mono", ui-monospace, monospace; + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ font-size: @font-size-default; direction: ltr; text-align: left; - background-color: var(--color-shade-1); - color: var(--color-foreground); + background-color: @code-background; + color: @noopentasks-color; + box-shadow: inset 0 0 .3em @noopentasks-border; border-radius: @fix_border-radius; padding-left: @small-spacing; padding-right: @small-spacing; @@ -510,11 +518,26 @@ kbd { span { color: inherit; } + + a { + &:link, + &:visited { + color: inherit; + text-decoration: underline; + } + + &:hover, + &:focus, + &:active { + text-decoration: none; + } + } } pre { overflow: auto; word-wrap: normal; + border: 1px solid @noopentasks-border; font-size: @font-size-default; line-height: 140%; padding: .7em 1em; diff --git a/css/base_mixins.less b/css/base_mixins.less index e664bf3..6d3b840 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -136,18 +136,16 @@ /* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ .btn-hover { - background-color: var(--color-shade-1); - border-color: var(--color-shade-2); - color: var(--color-foreground); - transition: var(--transition-glow); + background-color: @ini_nav_menu_hover_bg; + color: @ini_nav_menu_hover_color; + transition: @transition color, @transition background-color, @transition border-color; &:hover, &:active, &:focus { - background-color: transparent; - border-color: var(--color-glow-secondary); - color: var(--color-glow-secondary); - filter: var(--filter-glow-secondary); + background-color: @ini_nav_menu_hover_color; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_bg; .prefix { color: inherit; diff --git a/css/icons.less b/css/icons.less deleted file mode 100644 index cc0087d..0000000 --- a/css/icons.less +++ /dev/null @@ -1,60 +0,0 @@ - -i[data-icon] { - display: inline-block; - width: 1em; - height: 1em; - flex-shrink: 0; - position: relative; - box-sizing: content-box; - - &::before { - content: ''; - display: block; - width: 100%; - height: 100%; - mask-size: contain; - mask-position: center; - mask-repeat: no-repeat; - background-color: currentColor; - } - - &[data-icon='arrow-left']::before { - mask-image: url('img/arrow_left.svg'); - } - - &[data-icon='arrow-up']::before { - mask-image: url('img/arrow_up.svg'); - } - - &[data-icon='arrow-right']::before { - mask-image: url('img/arrow_right.svg'); - } - - &[data-icon='arrow-down']::before { - mask-image: url('img/arrow_down.svg'); - } - - &[data-icon='info']::before { - mask-image: url('img/info.svg'); - } - - &[data-icon='home']::before { - mask-image: url('img/home.svg'); - } - - &[data-icon='menu-small']::before { - mask-image: url('img/menu_small.svg'); - } - - &[data-icon='light']::before { - mask-image: url('img/lightbulb.svg'); - } - - &[data-icon='warning']::before { - mask-image: url('img/warning.svg'); - } - - &[data-icon='creature']::before { - mask-image: url('img/creature.svg'); - } -} \ No newline at end of file diff --git a/css/plugins/configmanager.less b/css/plugins/configmanager.less index 972744d..903e7ca 100644 --- a/css/plugins/configmanager.less +++ b/css/plugins/configmanager.less @@ -9,10 +9,9 @@ min-width: 100%; overflow-x: auto; box-sizing: border-box; - background-color: var(--color-background); + background-color: @background_darker; margin-left: 0; margin-right: 0; - color: var(--color-foreground) } .selectiondefault { @@ -21,24 +20,11 @@ } tr { - a { - color: var(--color-shade-4); - } - .input { background-color: transparent; color: inherit; } - input, select, textarea { - background-color: var(--color-background); - color: var(--color-foreground); - } - - select.edit { - padding: 0 0.3em; - } - &:hover { td { color: inherit; @@ -50,17 +36,13 @@ .input { background-color: transparent; } - - input, select, textarea { - background-color: var(--color-shade-1); - } } td.label { padding: .8em 0 1.2em 1em; span.outkey { - background-color: var(--color-background); + background-color: @ini_background; color: inherit; font-size: (@font-size-small - .06); font-weight: bold; diff --git a/css/plugins/data.less b/css/plugins/data.less index 561c488..28d238c 100644 --- a/css/plugins/data.less +++ b/css/plugins/data.less @@ -23,7 +23,7 @@ button { min-height: 1rem; height: 1.8em; - background-color: var(--color-background); + background-color: @ini_background; border-top: solid 1px @ini_button_background; border-color: @ini_border; border-radius: 0 0 @fix_border-radius @fix_border-radius; @@ -40,7 +40,7 @@ &:active { background-color: @ini_existing; border-color: @ini_existing; - color: var(--color-background); + color: @ini_background; } } } diff --git a/css/plugins/do_tasks.less b/css/plugins/do_tasks.less index 2fa828b..b09d449 100755 --- a/css/plugins/do_tasks.less +++ b/css/plugins/do_tasks.less @@ -53,7 +53,7 @@ .noopentasks { span { - background-color: var(--color-background); + background-color: @ini_background_site; border-color: @noopentasks-border; color: @ini_text_webframe; } @@ -86,7 +86,7 @@ } table.inline { - background-color: var(--color-background); + background-color: #FFF; margin-top: .5rem; @media @screen_max-sm { diff --git a/css/plugins/edit.less b/css/plugins/edit.less index b3092d7..88a62a5 100644 --- a/css/plugins/edit.less +++ b/css/plugins/edit.less @@ -7,12 +7,14 @@ #dokuwiki__content { div.section_highlight { clear: right; - background: repeating-linear-gradient(-45deg, - var(--color-shade-1), - var(--color-shade-1) 10px, - var(--color-background) 10px, - var(--color-background) 20px,); - border-color: var(--color-background); + background: repeating-linear-gradient( + -45deg, + @highlight-odd-ini_text, + @highlight-odd-ini_text 10px, + @highlight-even-ini_text 10px, + @highlight-even-ini_text 20px, + ); + border-color: @ini_background_page_header; } // "section edit button" and "editbutton_table edit button" @@ -21,23 +23,11 @@ font-size: 100%; margin-top: .5rem; margin-bottom: .5rem; - - &::after { - - } - - &:hover { - &::after { - border: none; - } - } } div.editBox { - background-color: var(--color-background); - border: solid 2px var(--color-shade-4); - border-radius: @fix_border-radius; - padding: 0.5rem; + background-color: #FFF; + border: solid 2px #FFF; .editButtons { display: inline-block; @@ -50,13 +40,11 @@ white-space: normal; display: block; width: 100%; - span { display: inline-block; padding-bottom: .4rem; } - - input#edit__summary { + input#edit__summary{ max-width: 100%; box-sizing: border-box; } diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less index 144270b..f67dfe6 100644 --- a/css/plugins/edittable.less +++ b/css/plugins/edittable.less @@ -4,29 +4,6 @@ /* + + + + + global + + + + + */ #dokuwiki__content.main-content { - #edittable__editor { - th, - .handsontable th { - border-color: var(--color-shade-4); - background-color: var(--color-shade-1); - color: var(--color-foreground); - - &.ht__highlight { - background-color: var(--color-shade-2); - } - } - - td { - border-color: var(--color-shade-4); - background-color: var(--color-background); - color: var(--color-foreground); - - &.current { - background-color: var(--color-shade-1); - } - } - } - div.editbutton_table { position: relative; // for IE float: left; @@ -36,24 +13,22 @@ button, input.button { min-height: 1rem; - background-color: var(--color-shade-1); - border: solid 0.1em var(--color-shade-2); - border-radius: 0.5rem; - color: var(--color-foreground); + background-color: @ini_background; + border-top: solid 1px @ini_button_background; + border-color: @ini_border; + border-radius: 0 0 @fix_border-radius @fix_border-radius; + color: @ini_existing; font-size: @font-size-small; - margin: 0; - margin-top: 0.5rem; - padding: 0.2rem 0.4rem; - height: auto; + margin-top: -1px; // for best position of edit-tab beneath table + padding-right: .3em; + transition: @transition background-color, @transition border-color, @transition color; &:hover, &:focus, &:active { - background-color: transparent; - color: var(--color-glow-primary); - border-color: var(--color-glow-primary); - transition: var(--transition-glow); - filter: var(--filter-glow-primary); + background-color: @ini_existing; + border-color: @ini_existing; + color: @ini_background; } } } diff --git a/css/plugins/extension__manager.less b/css/plugins/extension__manager.less index 1199b74..eae01b4 100644 --- a/css/plugins/extension__manager.less +++ b/css/plugins/extension__manager.less @@ -3,64 +3,15 @@ */ /* + + + + + global + + + + + */ -.dokuwiki { - #extension__manager { - .actions { - font-size: 0; +.dokuwiki #extension__manager { + .actions { + font-size: 0; - > button { - font-size: .92rem; - margin-left: .3rem; - padding-left: .3rem; - padding-right: .3rem; - } - - p.permerror { - @media @screen_max-md { - flex-direction: column; - } - - display: flex; - align-items: start; - gap: 0.5rem; - background: none; - - &::before { - content: ""; - flex-shrink: 0; - margin-top: 0.3em; - width: 1em; - height: 1em; - mask-size: contain; - mask-position: center top; - mask-repeat: no-repeat; - mask-image: url(img/warning.svg); - background-color: var(--color-warning); - } - } - } - - ul.tabs { - li.active { - a { - background-color: var(--color-shade-3); - color: var(--color-foreground); - border-color: var(--color-shade-4); - } - } - } - - .panelHeader { - background-color: var(--color-shade-2); - } - } - - #extension__list { - .extensionList { - - li { - color: var(--color-foreground); - } + > button { + font-size: .92rem; + margin-left: .3rem; + padding-left: .3rem; + padding-right: .3rem; } } } diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 865897f..fee9b2e 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -50,7 +50,7 @@ min-height: @height-context-bar; box-sizing: border-box; box-shadow: @box-shadow; - background-color: var(--color-background); + background-color: @ini_background; border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; font-size: @font-size-default; padding: .8em 1em .5em; diff --git a/css/plugins/mediamanager.less b/css/plugins/mediamanager.less index e591949..d7384d6 100644 --- a/css/plugins/mediamanager.less +++ b/css/plugins/mediamanager.less @@ -4,18 +4,10 @@ /* + + + + + global + + + + + */ #mediamanager__page { - .namespaces{ - h2 { - bottom: 0; - line-height: 100%; - margin-bottom: -1px; - background-color: var(--color-shade-3); - color: var(--color-foreground); - border-color: var(--color-shade-4); - } - .panelHeader { - border-color: var(--color-shade-4); - } + .namespaces h2 { + bottom: 0; + line-height: 100%; + margin-bottom: -1px; } #media__tree ul li img { @@ -31,32 +23,6 @@ margin-left: 0; } } - - .panelHeader { - background-color: var(--color-shade-2); - } - - .filelist .panelContent ul li{ - background-color: var(--color-shade-2); - color: var(--color-foreground); - - &:hover { - background-color: var(--color-shade-4); - border: none; - } - } - - .file dl { - dt{ - background-color: var(--color-shade-2); - padding: 0.2em; - } - - dd{ - background-color: var(--color-shade-1); - padding: 0.2em; - } - } } /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ diff --git a/css/plugins/struct.less b/css/plugins/struct.less index 6742bf3..f6b62ad 100755 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -69,7 +69,7 @@ background-color: @ini_existing; background-image: url("svg.php?svg=file-export.svg&f=background"); border-color: @ini_existing; - //color: var(--color-background); + //color: @ini_background; text-decoration: none; } } diff --git a/css/plugins/tabinclude.less b/css/plugins/tabinclude.less index b8ef834..42994f5 100644 --- a/css/plugins/tabinclude.less +++ b/css/plugins/tabinclude.less @@ -32,7 +32,7 @@ div#dwpl-ti-container { &.selected { position: relative; - background-color: var(--color-background); + background-color: @ini_background; color: @ini_text; } } @@ -43,7 +43,7 @@ div#dwpl-ti-container { position: relative; overflow: auto; box-shadow: @box-shadow; - background-color: var(--color-background); + background-color: @ini_background; border: solid 1px @ini_border; border-radius: 0; margin-top: -1px; diff --git a/css/plugins/tablelayout.less b/css/plugins/tablelayout.less index 9e69a36..9aa6149 100644 --- a/css/plugins/tablelayout.less +++ b/css/plugins/tablelayout.less @@ -8,7 +8,7 @@ #dokuwiki__content.main-content .secedit.editbutton_table{ a.button.print { min-height: 1rem; - background-color: var(--color-background); + background-color: @ini_background; border-radius: 0 @ini_default_border_radius; border-top: solid 1px; border-color: @ini_border; diff --git a/css/plugins/translation.less b/css/plugins/translation.less index eb6a464..f777b93 100644 --- a/css/plugins/translation.less +++ b/css/plugins/translation.less @@ -1,7 +1,6 @@ /** * This file provides styles for the translation plugin */ -@import "../base"; .dokuwiki div.plugin_translation { @@ -10,41 +9,17 @@ position: relative; float: none; - box-sizing: border-box; - width: 100%; - padding-bottom: 0.5rem; - height: 4rem; - + * { clear: both; padding-top: 1em; // as h1 } ul li { - margin-top: 0; - - // active language - span.wikilink1 { - .fnButton(); - .fnActiveButton(); - cursor: default; - } - - a.wikilink1{ - .fnButton(); - } - - span.wikilink2{ - .fnButton(); - .fnButtonSecondary(); - .fnActiveButtonSecondary() - } - - a.wikilink2, - a.wikilink2:visited{ - .fnButton(); - .fnButtonSecondary(); - background-color: var(--color-shade-4); + a.wikilink1:link, + a.wikilink1:hover, + a.wikilink1:active, + a.wikilink1:visited { + background-color: @ini_link; } } } diff --git a/css/plugins/wrap.less b/css/plugins/wrap.less deleted file mode 100644 index 0c0948c..0000000 --- a/css/plugins/wrap.less +++ /dev/null @@ -1,119 +0,0 @@ -.dokuwiki { - span.wrap_em { - color: var(--color-error); - } - - span.wrap_hi { - background-color: var(--color-highlight); - color: var(--color-foreground); - } - - span.wrap_lo { - color: var(--color-text-2); - } - - div.plugin_wrap { - &.wrap_box { - background-color: var(--color-shade-1); - color: var(--color-foreground); - } - - &.wrap_info, - &.wrap_tip, - &.wrap_important, - &.wrap_alert, - &.wrap_help, - &.wrap_download, - &.wrap_todo { - @media @screen_max-md { - flex-direction: column; - } - - display: flex; - align-items: start; - gap: 1rem; - border: none; - border-left: solid 0.5rem var(--color-shade-4); - border-radius: 0.5rem; - padding: 1em; - background-image: none; - background-color: var(--color-shade-1); - - &::before { - content: ""; - flex-shrink: 0; - margin-top: 0.3em; - width: 2em; - height: 2em; - mask-size: contain; - mask-position: center top; - mask-repeat: no-repeat; - background-color: currentColor; - } - } - - &.wrap_info { - color: var(--color-foreground); - - &::before { - mask-image: url(img/info.svg); - } - } - - &.wrap_tip { - color: var(--color-foreground); - - &::before { - mask-image: url(img/lightbulb.svg); - } - } - - &.wrap_important { - border-left-color: var(--color-warning); - color: var(--color-foreground); - - &::before { - background-color: var(--color-warning); - mask-image: url(img/warning.svg); - } - } - - &.wrap_alert { - border-left-color: var(--color-error); - color: var(--color-foreground); - - &::before { - background-color: var(--color-error); - mask-image: url(img/power.svg); - } - } - - &.wrap_help { - border-left-color: var(--color-accent-1); - color: var(--color-foreground); - - &::before { - background-color: var(--color-accent-1); - mask-image: url(img/question.svg); - } - } - - &.wrap_download { - border-left-color: var(--color-success); - color: var(--color-foreground); - - &::before { - background-color: var(--color-success); - mask-image: url(img/arrow_down.svg); - } - } - - &.wrap_todo { - color: var(--color-foreground); - - &::before { - mask-image: url(img/tick_small.svg); - } - } - } -} diff --git a/css/template_admin.less b/css/template_admin.less index f085a35..b912bc2 100644 --- a/css/template_admin.less +++ b/css/template_admin.less @@ -49,7 +49,7 @@ svg { width: 26px; height: 26px; - border: solid 1px var(--color-background); + border: solid 1px @ini_background; border-radius: @ini_default_border_radius; fill: @ini_existing; transition: @transition background-color, @transition border-color, @transition fill; @@ -68,10 +68,10 @@ svg { background-color: @ini_existing; border-color: @ini_existing; - fill: var(--color-background); + fill: @ini_background; path { - fill: var(--color-background); + fill: @ini_background; } } } diff --git a/css/template_detail.less b/css/template_detail.less index 0e06a5a..f425221 100644 --- a/css/template_detail.less +++ b/css/template_detail.less @@ -15,7 +15,7 @@ left: 0; display: inline-block; max-width: 100%; - color: var(--color-foreground); + color: @ini_button_color; margin: 0 auto 1.4em; &::before { @@ -25,7 +25,7 @@ display: block; width: 100%; box-sizing: border-box; - background: var(--color-background); + background: @ini_button_background; line-height: @line-height-default; padding: @margin-small; } @@ -33,7 +33,7 @@ img { margin: 0; display: block; - border: solid 0.1rem transparent; + border: 1px dotted @ini_background_site; position: relative; } @@ -44,13 +44,10 @@ &::before { content: attr(title); - border: solid 0.1rem var(--color-glow-primary); - transition: var(--transition-glow); - filter: var(--filter-glow-primary); } img { - border: solid 0.1rem var(--color-shade-4); + border: 1px solid @ini_button_background; } } } @@ -62,10 +59,10 @@ div.img_detail { @media screen { /* vertical minus margin of .img-detail corresponds to the padding of .page */ - background-color: var(--color-shade-1); - border: solid 0.1em var(--color-shade-4); + background-color: @ini_background_page_header; + border: solid @ini_border_light; + border-width: 1px 0; margin: @margin-default -(@margin-default); - color: var(--color-foreground); h1, h2, @@ -99,8 +96,8 @@ } dt { - background-color: none; - color: var(--color-foreground); + background-color: @ini_highlight; + color: @ini_highlight_text; @media @screen_min-xs { width: 33.3%; diff --git a/css/toollist.less b/css/toollist.less index e9d5b14..c2f69d5 100644 --- a/css/toollist.less +++ b/css/toollist.less @@ -23,7 +23,7 @@ svg { width: @font-size-default; vertical-align: middle; - fill: var(--color-foreground); + fill: @ini_nav_menu_color; margin-right: .2em; } } diff --git a/deleted.files b/deleted.files index 3a43b3d..2f33ca0 100644 --- a/deleted.files +++ b/deleted.files @@ -86,11 +86,6 @@ fonts/roboto-thinItalic.woff images/apple-touch-icon.png images/logo.png js/base/helper.js -js/base/rem.min.js -js/base/spc.js -js/base/velocity.min.js -js/legacy/html5shiv.js -js/legacy/respond.min.js js/breadcrumb.js js/sidebar-menu.js tpl/nav-main.php diff --git a/fonts/argonglow/ArgonGlow-Bold.woff2 b/fonts/argonglow/ArgonGlow-Bold.woff2 deleted file mode 100644 index caf6ff6..0000000 Binary files a/fonts/argonglow/ArgonGlow-Bold.woff2 and /dev/null differ diff --git a/fonts/argonglow/ArgonGlow-ExtraLight.woff2 b/fonts/argonglow/ArgonGlow-ExtraLight.woff2 deleted file mode 100644 index 7dc6448..0000000 Binary files a/fonts/argonglow/ArgonGlow-ExtraLight.woff2 and /dev/null differ diff --git a/fonts/argonglow/ArgonGlow-Light.woff2 b/fonts/argonglow/ArgonGlow-Light.woff2 deleted file mode 100644 index 08a6637..0000000 Binary files a/fonts/argonglow/ArgonGlow-Light.woff2 and /dev/null differ diff --git a/fonts/argonglow/ArgonGlow-Medium.woff2 b/fonts/argonglow/ArgonGlow-Medium.woff2 deleted file mode 100644 index 83bb0d9..0000000 Binary files a/fonts/argonglow/ArgonGlow-Medium.woff2 and /dev/null differ diff --git a/fonts/argonglow/ArgonGlow-Regular.woff2 b/fonts/argonglow/ArgonGlow-Regular.woff2 deleted file mode 100644 index 601d465..0000000 Binary files a/fonts/argonglow/ArgonGlow-Regular.woff2 and /dev/null differ diff --git a/fonts/argonglow/ArgonGlow-SemiBold.woff2 b/fonts/argonglow/ArgonGlow-SemiBold.woff2 deleted file mode 100644 index a88f939..0000000 Binary files a/fonts/argonglow/ArgonGlow-SemiBold.woff2 and /dev/null differ diff --git a/fonts/argonglow/ArgonGlow-Thin.woff2 b/fonts/argonglow/ArgonGlow-Thin.woff2 deleted file mode 100644 index dc950fe..0000000 Binary files a/fonts/argonglow/ArgonGlow-Thin.woff2 and /dev/null differ diff --git a/fonts/argonglow/ArgonGlow-VariableVF.woff2 b/fonts/argonglow/ArgonGlow-VariableVF.woff2 deleted file mode 100644 index 7d3aaf4..0000000 Binary files a/fonts/argonglow/ArgonGlow-VariableVF.woff2 and /dev/null differ diff --git a/fonts/argonglow/OFL b/fonts/argonglow/OFL deleted file mode 100644 index 1cdb289..0000000 --- a/fonts/argonglow/OFL +++ /dev/null @@ -1,96 +0,0 @@ -Copyright (c) 2025, The Argon Glow Project Authors (https://codeberg.org/kritzl/argon-glow), -Copyright (c) 2025, kritzl (kritzl@kritzl.dev), -Copyright (c) 2025, traumweh (traumweh@lyx.sh), -with Reserved Font Name "Argon Glow". - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -https://openfontlicense.org - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting - in part or in whole - any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/athiti/Athiti-Bold.woff2 b/fonts/athiti/Athiti-Bold.woff2 deleted file mode 100644 index 4cc5810..0000000 Binary files a/fonts/athiti/Athiti-Bold.woff2 and /dev/null differ diff --git a/fonts/athiti/Athiti-ExtraLight.woff2 b/fonts/athiti/Athiti-ExtraLight.woff2 deleted file mode 100644 index 9bb6cea..0000000 Binary files a/fonts/athiti/Athiti-ExtraLight.woff2 and /dev/null differ diff --git a/fonts/athiti/Athiti-Light.woff2 b/fonts/athiti/Athiti-Light.woff2 deleted file mode 100644 index 51f9e72..0000000 Binary files a/fonts/athiti/Athiti-Light.woff2 and /dev/null differ diff --git a/fonts/athiti/Athiti-Medium.woff2 b/fonts/athiti/Athiti-Medium.woff2 deleted file mode 100644 index bc8b50a..0000000 Binary files a/fonts/athiti/Athiti-Medium.woff2 and /dev/null differ diff --git a/fonts/athiti/Athiti-Regular.woff2 b/fonts/athiti/Athiti-Regular.woff2 deleted file mode 100644 index c69c128..0000000 Binary files a/fonts/athiti/Athiti-Regular.woff2 and /dev/null differ diff --git a/fonts/athiti/Athiti-SemiBold.woff2 b/fonts/athiti/Athiti-SemiBold.woff2 deleted file mode 100644 index 726a075..0000000 Binary files a/fonts/athiti/Athiti-SemiBold.woff2 and /dev/null differ diff --git a/fonts/athiti/OFL b/fonts/athiti/OFL deleted file mode 100644 index b0f4597..0000000 --- a/fonts/athiti/OFL +++ /dev/null @@ -1,93 +0,0 @@ -Copyright (c) 2015, Cadson Demak (info@cadsondemak.com) - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -http://scripts.sil.org/OFL - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/departuremono/DepartureMono-Regular.woff2 b/fonts/departuremono/DepartureMono-Regular.woff2 deleted file mode 100644 index 7d8b33b..0000000 Binary files a/fonts/departuremono/DepartureMono-Regular.woff2 and /dev/null differ diff --git a/fonts/departuremono/LICENSE b/fonts/departuremono/LICENSE deleted file mode 100644 index de52476..0000000 --- a/fonts/departuremono/LICENSE +++ /dev/null @@ -1,93 +0,0 @@ -Copyright 2022–2024 Helena Zhang (helenazhang.com). - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -https://openfontlicense.org - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/img/LICENSE b/img/LICENSE deleted file mode 100644 index 7d4f96c..0000000 --- a/img/LICENSE +++ /dev/null @@ -1,427 +0,0 @@ -Attribution-ShareAlike 4.0 International - -======================================================================= - -Creative Commons Corporation ("Creative Commons") is not a law firm and -does not provide legal services or legal advice. Distribution of -Creative Commons public licenses does not create a lawyer-client or -other relationship. Creative Commons makes its licenses and related -information available on an "as-is" basis. Creative Commons gives no -warranties regarding its licenses, any material licensed under their -terms and conditions, or any related information. Creative Commons -disclaims all liability for damages resulting from their use to the -fullest extent possible. - -Using Creative Commons Public Licenses - -Creative Commons public licenses provide a standard set of terms and -conditions that creators and other rights holders may use to share -original works of authorship and other material subject to copyright -and certain other rights specified in the public license below. The -following considerations are for informational purposes only, are not -exhaustive, and do not form part of our licenses. - - Considerations for licensors: Our public licenses are - intended for use by those authorized to give the public - permission to use material in ways otherwise restricted by - copyright and certain other rights. Our licenses are - irrevocable. Licensors should read and understand the terms - and conditions of the license they choose before applying it. - Licensors should also secure all rights necessary before - applying our licenses so that the public can reuse the - material as expected. Licensors should clearly mark any - material not subject to the license. This includes other CC- - licensed material, or material used under an exception or - limitation to copyright. More considerations for licensors: - wiki.creativecommons.org/Considerations_for_licensors - - Considerations for the public: By using one of our public - licenses, a licensor grants the public permission to use the - licensed material under specified terms and conditions. If - the licensor's permission is not necessary for any reason--for - example, because of any applicable exception or limitation to - copyright--then that use is not regulated by the license. Our - licenses grant only permissions under copyright and certain - other rights that a licensor has authority to grant. Use of - the licensed material may still be restricted for other - reasons, including because others have copyright or other - rights in the material. A licensor may make special requests, - such as asking that all changes be marked or described. - Although not required by our licenses, you are encouraged to - respect those requests where reasonable. More considerations - for the public: - wiki.creativecommons.org/Considerations_for_licensees - -======================================================================= - -Creative Commons Attribution-ShareAlike 4.0 International Public -License - -By exercising the Licensed Rights (defined below), You accept and agree -to be bound by the terms and conditions of this Creative Commons -Attribution-ShareAlike 4.0 International Public License ("Public -License"). To the extent this Public License may be interpreted as a -contract, You are granted the Licensed Rights in consideration of Your -acceptance of these terms and conditions, and the Licensor grants You -such rights in consideration of benefits the Licensor receives from -making the Licensed Material available under these terms and -conditions. - - -Section 1 -- Definitions. - - a. Adapted Material means material subject to Copyright and Similar - Rights that is derived from or based upon the Licensed Material - and in which the Licensed Material is translated, altered, - arranged, transformed, or otherwise modified in a manner requiring - permission under the Copyright and Similar Rights held by the - Licensor. For purposes of this Public License, where the Licensed - Material is a musical work, performance, or sound recording, - Adapted Material is always produced where the Licensed Material is - synched in timed relation with a moving image. - - b. Adapter's License means the license You apply to Your Copyright - and Similar Rights in Your contributions to Adapted Material in - accordance with the terms and conditions of this Public License. - - c. BY-SA Compatible License means a license listed at - creativecommons.org/compatiblelicenses, approved by Creative - Commons as essentially the equivalent of this Public License. - - d. Copyright and Similar Rights means copyright and/or similar rights - closely related to copyright including, without limitation, - performance, broadcast, sound recording, and Sui Generis Database - Rights, without regard to how the rights are labeled or - categorized. For purposes of this Public License, the rights - specified in Section 2(b)(1)-(2) are not Copyright and Similar - Rights. - - e. Effective Technological Measures means those measures that, in the - absence of proper authority, may not be circumvented under laws - fulfilling obligations under Article 11 of the WIPO Copyright - Treaty adopted on December 20, 1996, and/or similar international - agreements. - - f. Exceptions and Limitations means fair use, fair dealing, and/or - any other exception or limitation to Copyright and Similar Rights - that applies to Your use of the Licensed Material. - - g. License Elements means the license attributes listed in the name - of a Creative Commons Public License. The License Elements of this - Public License are Attribution and ShareAlike. - - h. Licensed Material means the artistic or literary work, database, - or other material to which the Licensor applied this Public - License. - - i. Licensed Rights means the rights granted to You subject to the - terms and conditions of this Public License, which are limited to - all Copyright and Similar Rights that apply to Your use of the - Licensed Material and that the Licensor has authority to license. - - j. Licensor means the individual(s) or entity(ies) granting rights - under this Public License. - - k. Share means to provide material to the public by any means or - process that requires permission under the Licensed Rights, such - as reproduction, public display, public performance, distribution, - dissemination, communication, or importation, and to make material - available to the public including in ways that members of the - public may access the material from a place and at a time - individually chosen by them. - - l. Sui Generis Database Rights means rights other than copyright - resulting from Directive 96/9/EC of the European Parliament and of - the Council of 11 March 1996 on the legal protection of databases, - as amended and/or succeeded, as well as other essentially - equivalent rights anywhere in the world. - - m. You means the individual or entity exercising the Licensed Rights - under this Public License. Your has a corresponding meaning. - - -Section 2 -- Scope. - - a. License grant. - - 1. Subject to the terms and conditions of this Public License, - the Licensor hereby grants You a worldwide, royalty-free, - non-sublicensable, non-exclusive, irrevocable license to - exercise the Licensed Rights in the Licensed Material to: - - a. reproduce and Share the Licensed Material, in whole or - in part; and - - b. produce, reproduce, and Share Adapted Material. - - 2. Exceptions and Limitations. For the avoidance of doubt, where - Exceptions and Limitations apply to Your use, this Public - License does not apply, and You do not need to comply with - its terms and conditions. - - 3. Term. The term of this Public License is specified in Section - 6(a). - - 4. Media and formats; technical modifications allowed. The - Licensor authorizes You to exercise the Licensed Rights in - all media and formats whether now known or hereafter created, - and to make technical modifications necessary to do so. The - Licensor waives and/or agrees not to assert any right or - authority to forbid You from making technical modifications - necessary to exercise the Licensed Rights, including - technical modifications necessary to circumvent Effective - Technological Measures. For purposes of this Public License, - simply making modifications authorized by this Section 2(a) - (4) never produces Adapted Material. - - 5. Downstream recipients. - - a. Offer from the Licensor -- Licensed Material. Every - recipient of the Licensed Material automatically - receives an offer from the Licensor to exercise the - Licensed Rights under the terms and conditions of this - Public License. - - b. Additional offer from the Licensor -- Adapted Material. - Every recipient of Adapted Material from You - automatically receives an offer from the Licensor to - exercise the Licensed Rights in the Adapted Material - under the conditions of the Adapter's License You apply. - - c. No downstream restrictions. You may not offer or impose - any additional or different terms or conditions on, or - apply any Effective Technological Measures to, the - Licensed Material if doing so restricts exercise of the - Licensed Rights by any recipient of the Licensed - Material. - - 6. No endorsement. Nothing in this Public License constitutes or - may be construed as permission to assert or imply that You - are, or that Your use of the Licensed Material is, connected - with, or sponsored, endorsed, or granted official status by, - the Licensor or others designated to receive attribution as - provided in Section 3(a)(1)(A)(i). - - b. Other rights. - - 1. Moral rights, such as the right of integrity, are not - licensed under this Public License, nor are publicity, - privacy, and/or other similar personality rights; however, to - the extent possible, the Licensor waives and/or agrees not to - assert any such rights held by the Licensor to the limited - extent necessary to allow You to exercise the Licensed - Rights, but not otherwise. - - 2. Patent and trademark rights are not licensed under this - Public License. - - 3. To the extent possible, the Licensor waives any right to - collect royalties from You for the exercise of the Licensed - Rights, whether directly or through a collecting society - under any voluntary or waivable statutory or compulsory - licensing scheme. In all other cases the Licensor expressly - reserves any right to collect such royalties. - - -Section 3 -- License Conditions. - -Your exercise of the Licensed Rights is expressly made subject to the -following conditions. - - a. Attribution. - - 1. If You Share the Licensed Material (including in modified - form), You must: - - a. retain the following if it is supplied by the Licensor - with the Licensed Material: - - i. identification of the creator(s) of the Licensed - Material and any others designated to receive - attribution, in any reasonable manner requested by - the Licensor (including by pseudonym if - designated); - - ii. a copyright notice; - - iii. a notice that refers to this Public License; - - iv. a notice that refers to the disclaimer of - warranties; - - v. a URI or hyperlink to the Licensed Material to the - extent reasonably practicable; - - b. indicate if You modified the Licensed Material and - retain an indication of any previous modifications; and - - c. indicate the Licensed Material is licensed under this - Public License, and include the text of, or the URI or - hyperlink to, this Public License. - - 2. You may satisfy the conditions in Section 3(a)(1) in any - reasonable manner based on the medium, means, and context in - which You Share the Licensed Material. For example, it may be - reasonable to satisfy the conditions by providing a URI or - hyperlink to a resource that includes the required - information. - - 3. If requested by the Licensor, You must remove any of the - information required by Section 3(a)(1)(A) to the extent - reasonably practicable. - - b. ShareAlike. - - In addition to the conditions in Section 3(a), if You Share - Adapted Material You produce, the following conditions also apply. - - 1. The Adapter's License You apply must be a Creative Commons - license with the same License Elements, this version or - later, or a BY-SA Compatible License. - - 2. You must include the text of, or the URI or hyperlink to, the - Adapter's License You apply. You may satisfy this condition - in any reasonable manner based on the medium, means, and - context in which You Share Adapted Material. - - 3. You may not offer or impose any additional or different terms - or conditions on, or apply any Effective Technological - Measures to, Adapted Material that restrict exercise of the - rights granted under the Adapter's License You apply. - - -Section 4 -- Sui Generis Database Rights. - -Where the Licensed Rights include Sui Generis Database Rights that -apply to Your use of the Licensed Material: - - a. for the avoidance of doubt, Section 2(a)(1) grants You the right - to extract, reuse, reproduce, and Share all or a substantial - portion of the contents of the database; - - b. if You include all or a substantial portion of the database - contents in a database in which You have Sui Generis Database - Rights, then the database in which You have Sui Generis Database - Rights (but not its individual contents) is Adapted Material, - including for purposes of Section 3(b); and - - c. You must comply with the conditions in Section 3(a) if You Share - all or a substantial portion of the contents of the database. - -For the avoidance of doubt, this Section 4 supplements and does not -replace Your obligations under this Public License where the Licensed -Rights include other Copyright and Similar Rights. - - -Section 5 -- Disclaimer of Warranties and Limitation of Liability. - - a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE - EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS - AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF - ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS, - IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION, - WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR - PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS, - ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT - KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT - ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU. - - b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE - TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION, - NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT, - INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES, - COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR - USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN - ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR - DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR - IN PART, THIS LIMITATION MAY NOT APPLY TO YOU. - - c. The disclaimer of warranties and limitation of liability provided - above shall be interpreted in a manner that, to the extent - possible, most closely approximates an absolute disclaimer and - waiver of all liability. - - -Section 6 -- Term and Termination. - - a. This Public License applies for the term of the Copyright and - Similar Rights licensed here. However, if You fail to comply with - this Public License, then Your rights under this Public License - terminate automatically. - - b. Where Your right to use the Licensed Material has terminated under - Section 6(a), it reinstates: - - 1. automatically as of the date the violation is cured, provided - it is cured within 30 days of Your discovery of the - violation; or - - 2. upon express reinstatement by the Licensor. - - For the avoidance of doubt, this Section 6(b) does not affect any - right the Licensor may have to seek remedies for Your violations - of this Public License. - - c. For the avoidance of doubt, the Licensor may also offer the - Licensed Material under separate terms or conditions or stop - distributing the Licensed Material at any time; however, doing so - will not terminate this Public License. - - d. Sections 1, 5, 6, 7, and 8 survive termination of this Public - License. - - -Section 7 -- Other Terms and Conditions. - - a. The Licensor shall not be bound by any additional or different - terms or conditions communicated by You unless expressly agreed. - - b. Any arrangements, understandings, or agreements regarding the - Licensed Material not stated herein are separate from and - independent of the terms and conditions of this Public License. - - -Section 8 -- Interpretation. - - a. For the avoidance of doubt, this Public License does not, and - shall not be interpreted to, reduce, limit, restrict, or impose - conditions on any use of the Licensed Material that could lawfully - be made without permission under this Public License. - - b. To the extent possible, if any provision of this Public License is - deemed unenforceable, it shall be automatically reformed to the - minimum extent necessary to make it enforceable. If the provision - cannot be reformed, it shall be severed from this Public License - without affecting the enforceability of the remaining terms and - conditions. - - c. No term or condition of this Public License will be waived and no - failure to comply consented to unless expressly agreed to by the - Licensor. - - d. Nothing in this Public License constitutes or may be interpreted - as a limitation upon, or waiver of, any privileges and immunities - that apply to the Licensor or You, including from the legal - processes of any jurisdiction or authority. - - -======================================================================= - -Creative Commons is not a party to its public -licenses. Notwithstanding, Creative Commons may elect to apply one of -its public licenses to material it publishes and in those instances -will be considered the “Licensor.” The text of the Creative Commons -public licenses is dedicated to the public domain under the CC0 Public -Domain Dedication. Except for the limited purpose of indicating that -material is shared under a Creative Commons public license or as -otherwise permitted by the Creative Commons policies published at -creativecommons.org/policies, Creative Commons does not authorize the -use of the trademark "Creative Commons" or any other trademark or logo -of Creative Commons without its prior written consent including, -without limitation, in connection with any unauthorized modifications -to any of its public licenses or any other arrangements, -understandings, or agreements concerning use of licensed material. For -the avoidance of doubt, this paragraph does not form part of the -public licenses. - -Creative Commons may be contacted at creativecommons.org. diff --git a/img/arrow_down.svg b/img/arrow_down.svg deleted file mode 100644 index 56b4a9b..0000000 --- a/img/arrow_down.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/arrow_down_left.svg b/img/arrow_down_left.svg deleted file mode 100644 index e1b3007..0000000 --- a/img/arrow_down_left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/arrow_down_right.svg b/img/arrow_down_right.svg deleted file mode 100644 index 56f308a..0000000 --- a/img/arrow_down_right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/arrow_left.svg b/img/arrow_left.svg deleted file mode 100644 index 1a35060..0000000 --- a/img/arrow_left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/arrow_right.svg b/img/arrow_right.svg deleted file mode 100644 index 23fba2c..0000000 --- a/img/arrow_right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/arrow_up.svg b/img/arrow_up.svg deleted file mode 100644 index 34ec6cd..0000000 --- a/img/arrow_up.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/arrow_up_left.svg b/img/arrow_up_left.svg deleted file mode 100644 index 923c5dd..0000000 --- a/img/arrow_up_left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/arrow_up_right.svg b/img/arrow_up_right.svg deleted file mode 100644 index ab82e8b..0000000 --- a/img/arrow_up_right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/basket.svg b/img/basket.svg deleted file mode 100644 index 5dfc4a1..0000000 --- a/img/basket.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/bed.svg b/img/bed.svg deleted file mode 100644 index bd22140..0000000 --- a/img/bed.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/clock.svg b/img/clock.svg deleted file mode 100644 index 9050282..0000000 --- a/img/clock.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/code.svg b/img/code.svg deleted file mode 100644 index c283678..0000000 --- a/img/code.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/creature.svg b/img/creature.svg deleted file mode 100644 index 1ab0d45..0000000 --- a/img/creature.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/cross.svg b/img/cross.svg deleted file mode 100644 index d0e63ad..0000000 --- a/img/cross.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/cross_small.svg b/img/cross_small.svg deleted file mode 100644 index d890ea0..0000000 --- a/img/cross_small.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/cup_1.svg b/img/cup_1.svg deleted file mode 100644 index 9020279..0000000 --- a/img/cup_1.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/cup_2.svg b/img/cup_2.svg deleted file mode 100644 index 0db73f7..0000000 --- a/img/cup_2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/dect.svg b/img/dect.svg deleted file mode 100644 index b061df2..0000000 --- a/img/dect.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/export.sh b/img/export.sh deleted file mode 100755 index ba6d47d..0000000 --- a/img/export.sh +++ /dev/null @@ -1,31 +0,0 @@ -#!/bin/sh - -# This script can be used to automatically export all project files -# to ensure, they are a single path without any modifiers or other -# inkscape-dependent things. It will also remove unnecessary things -# from the SVGs. For this the script requires both inkscape and svgo -# to be installed. - -for infile in ./project_files/*.svg -do - outfile="./$(basename "$infile")" - - inkscape --actions="select-by-element: svg; - object-set-attribute: id, svg; - select-clear; - select-all: layers; - selection-ungroup; - select-clear; - select-all: no-groups; - object-stroke-to-path; - path-union; - object-set-attribute: id,path; - object-set-attribute: style,; - selection-group; - selection-ungroup; - export-plain-svg;" \ - --export-filename "$outfile" \ - --vacuum-defs "$infile" - - svgo --pretty "$outfile" -done diff --git a/img/external.svg b/img/external.svg deleted file mode 100644 index 92a7419..0000000 --- a/img/external.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/fairydust.svg b/img/fairydust.svg deleted file mode 100644 index e847437..0000000 --- a/img/fairydust.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/file-export.svg b/img/file-export.svg index 727df65..d1a3f2d 100644 --- a/img/file-export.svg +++ b/img/file-export.svg @@ -1,6 +1 @@ - - - - \ No newline at end of file + \ No newline at end of file diff --git a/img/flag.svg b/img/flag.svg deleted file mode 100644 index 539a20e..0000000 --- a/img/flag.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/gluten.svg b/img/gluten.svg deleted file mode 100644 index 715037b..0000000 --- a/img/gluten.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/hackertours.svg b/img/hackertours.svg deleted file mode 100644 index ca88cc6..0000000 --- a/img/hackertours.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/hare_head.svg b/img/hare_head.svg deleted file mode 100644 index e20029e..0000000 --- a/img/hare_head.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/history.svg b/img/history.svg deleted file mode 100644 index 4b66dd4..0000000 --- a/img/history.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/home.svg b/img/home.svg deleted file mode 100644 index 6c4e2f1..0000000 --- a/img/home.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/hygene.svg b/img/hygene.svg deleted file mode 100644 index a7db265..0000000 --- a/img/hygene.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/info.svg b/img/info.svg deleted file mode 100644 index 2c6c17d..0000000 --- a/img/info.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/lightbulb.svg b/img/lightbulb.svg deleted file mode 100644 index ee9e8df..0000000 --- a/img/lightbulb.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/link.svg b/img/link.svg deleted file mode 100644 index a88ab81..0000000 --- a/img/link.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/location.svg b/img/location.svg deleted file mode 100644 index e299d03..0000000 --- a/img/location.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/lock.svg b/img/lock.svg deleted file mode 100644 index 6f32cac..0000000 --- a/img/lock.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/login.svg b/img/login.svg deleted file mode 100644 index efa6a28..0000000 --- a/img/login.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/logout.svg b/img/logout.svg deleted file mode 100644 index 18c84d2..0000000 --- a/img/logout.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/menu.svg b/img/menu.svg index dda9be4..db5d4df 100644 --- a/img/menu.svg +++ b/img/menu.svg @@ -1,3 +1 @@ - - - + \ No newline at end of file diff --git a/img/menu_small.svg b/img/menu_small.svg deleted file mode 100644 index e5258de..0000000 --- a/img/menu_small.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/merch.svg b/img/merch.svg deleted file mode 100644 index f1e4512..0000000 --- a/img/merch.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/message.svg b/img/message.svg deleted file mode 100644 index d89f9e4..0000000 --- a/img/message.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/microphone.svg b/img/microphone.svg deleted file mode 100644 index 041242d..0000000 --- a/img/microphone.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/network.svg b/img/network.svg deleted file mode 100644 index d746fb9..0000000 --- a/img/network.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/pen.svg b/img/pen.svg deleted file mode 100644 index 7586346..0000000 --- a/img/pen.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/pencil.svg b/img/pencil.svg index 7fae82b..e3a4faa 100644 --- a/img/pencil.svg +++ b/img/pencil.svg @@ -1,18 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/img/pin.svg b/img/pin.svg deleted file mode 100644 index 2b07c7a..0000000 --- a/img/pin.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/plate_and_cutlery.svg b/img/plate_and_cutlery.svg deleted file mode 100644 index e759c5a..0000000 --- a/img/plate_and_cutlery.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/power.svg b/img/power.svg deleted file mode 100644 index 1e003d3..0000000 --- a/img/power.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/question.svg b/img/question.svg deleted file mode 100644 index f904106..0000000 --- a/img/question.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/schedule.svg b/img/schedule.svg deleted file mode 100644 index 48c0c0e..0000000 --- a/img/schedule.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/search.svg b/img/search.svg deleted file mode 100644 index 0e81215..0000000 --- a/img/search.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/settings.svg b/img/settings.svg deleted file mode 100644 index 410588b..0000000 --- a/img/settings.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/signup.svg b/img/signup.svg deleted file mode 100644 index 6c20d48..0000000 --- a/img/signup.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/soldering_iron.svg b/img/soldering_iron.svg deleted file mode 100644 index 6c36a6e..0000000 --- a/img/soldering_iron.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/tick.svg b/img/tick.svg deleted file mode 100644 index 6d5e5aa..0000000 --- a/img/tick.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/tick_small.svg b/img/tick_small.svg deleted file mode 100644 index cf7760e..0000000 --- a/img/tick_small.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/ticket.svg b/img/ticket.svg deleted file mode 100644 index d836a02..0000000 --- a/img/ticket.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/toast.svg b/img/toast.svg deleted file mode 100644 index 287b801..0000000 --- a/img/toast.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/train.svg b/img/train.svg deleted file mode 100644 index 6791f66..0000000 --- a/img/train.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/vegan.svg b/img/vegan.svg deleted file mode 100644 index c65c83e..0000000 --- a/img/vegan.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/warning.svg b/img/warning.svg deleted file mode 100644 index 84bdef2..0000000 --- a/img/warning.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/js/anchor.js b/js/anchor.js index 6bbd854..76907ba 100644 --- a/js/anchor.js +++ b/js/anchor.js @@ -2,8 +2,8 @@ jQuery(function () { jQuery('#dokuwiki__content.main-content').find('h1,h2,h3,h4,h5').append(function () { if (this.id) { return '' + - '' + - '' + + '' + + '' + '' + ''; } else { diff --git a/js/base/rem.min.js b/js/base/rem.min.js new file mode 100755 index 0000000..7a96d75 --- /dev/null +++ b/js/base/rem.min.js @@ -0,0 +1,7 @@ +/** + * Module: rem - v1.3.2 + * Description: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers + * Date Built: 2014-07-02 + * Copyright (c) 2014 | Chuck Carpenter ,Lucas Serven ; +**/ +!function(e){"use strict";var t=function(){var e=document.createElement("div");return e.style.cssText="font-size: 1rem;",/rem/.test(e.style.fontSize)},n=function(){for(var e=document.getElementsByTagName("link"),t=[],n=0;n0?(v=[],p=[],m=[],r()):i()}},a=function(e,t){for(var n,r=d(e).replace(/\/\*[\s\S]*?\*\//g,""),o=/[\w\d\s\-\/\\\[\]:,.'"*()<>+~%#^$_=|@]+\{[\w\d\s\-\/\\%#:!;,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!;,.'"*()]*\}/g,a=r.match(o),i=/\d*\.?\d+rem/g,s=r.match(i),c=/(.*\/)/,l=c.exec(t)[0],u=/@import (?:url\()?['"]?([^'\)"]*)['"]?\)?[^;]*/gm;null!==(n=u.exec(e));)m.push(0===n[1].indexOf("/")?n[1]:l+n[1]);null!==a&&0!==a.length&&(f=f.concat(a),g=g.concat(s))},i=function(){for(var e=/[\w\d\s\-\/\\%#:,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!,.'"*()]*[;}]/g,t=0;t").text(s).html(); + }, + decode_entities: function(s){ + return $("").html(s).text(); + }, + /* add func to load event */ + add_loadEvent: function(func_name){ + var lastonload = window.onload; + if (typeof window.onload != 'function') { window.onload = func_name; } + else { window.onload = function() { lastonload(); func_name(); }; } + }, + /* logging for debug */ + _debug: function(msg){ + if(this.config.debug) { + try{ + if(console){ + console.log(msg); + } else{ + alert(msg); + } + }catch(err){ + alert(msg); + } + } + }, + /* return obj values for debug */ + _get_objVs: function(objl){ + try{ + var p = typeof JSON != "undefined" ? JSON.stringify : function(objl){ + var arr = []; + $.each(objl,function(key,val){ + var next = key + ": "; + next += $.isPlainObject(val) ? printObj(val) : val; + arr.push( next ); + }); + return "{ " + arr.join(", ") + " }"; + }; + return p(objl); + }catch(err){ + this._debug(err); + return ''; + } + }, + aria_live: function(setobj){ + if(typeof(setobj)=='object'){ + setobj.attr('aria-live',"polite"); + } + }, + aria_role: function(setobj, role){ + if(typeof(setobj)=='object'){ + setobj.attr('role',role); + } + }, + change_tabindex: function(remobj,setobj,i){ + if(typeof(remobj)=='object'){ + remobj.removeAttr('tabindex'); + } + if(typeof(setobj)=='object'){ + setobj.attr('tabindex',i); + } + }, + /* set focus to dom object: param obj */ + set_newfocusObj: function(focusobj){ + try{ + if(focusobj) focusobj.focus(); + }catch(err){ + this._debug('exception: '+err); + } + }, + /* set focus to dom object: param id */ + set_newfocusId: function(fid){ + try{ + var focusobj = document.getElementById(fid); + if(focusobj) focusobj.focus(); + }catch(err){ + this._debug('exception: '+err); + } + }, + /* set focus to nonfocussable dom object: */ + set_newfocusBox: function(remobj,setobj){ + this.change_tabindex(remobj,setobj,0); + try{ + if(setobj) setobj.focus(); + }catch(err){ + this._debug('exception: '+err); + } + }, + /* set title(s) and remove other title(s) if set */ + set_title: function(remobj,setobj,ctitle){ + if(typeof(remobj)=='object'){ + remobj.removeAttr('title'); + } + if(typeof(setobj)=='object'){ + setobj.attr('title',ctitle); + } + }, + /* count appearances of dom elems with certain markup */ + count: function(jqdom){ + var num = 0; + $(jqdom).each(function() { + num++; + }); + return num; + }, + countOV: function(objlit){ + var i = 0; + for (var elem in objlit){ + i++; + } + return i; + }, + /*merge object literals (do not overwrite default, not recursively) */ + merge: function(objl1,objl2,objl3,objl4){ + return $.extend({},objl1,objl2,objl3,objl4); + }, + /*merge object literals (do not overwrite default, recursively) */ + mergeR: function(objl1,objl2,objl3,objl4){ + return $.extend(true,{},objl1,objl2,objl3,objl4); + }, + loadImage: function(isrc, func, errfunc){ + try{ + var img = new Image(); + img.onload = func; + img.onerror = errfunc; + img.src = isrc; + }catch(err){ + errfunc(); + } + }, + tb_getPageSize: function(){ + var de=document.documentElement; + var w=window.innerWidth||self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth; + var h=window.innerHeight||self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight; + arrayPageSize=[w,h]; + return arrayPageSize; + }, + useLocStorage: function(){ + return ('localStorage' in window && window.localStorage !== null); + }, + saveLSI: function(key, data){ + if (this.useLocStorage) { + localStorage.setItem(key, data); + } + }, + removeLSI: function(key){ + if (this.useLocStorage) { + localStorage.removeItem(key); + } + }, + getLSI: function(key){ + if (this.useLocStorage) { + return localStorage.getItem(key); + } + return ''; + + }, + showAllLSI: function() { + if (this.useLocStorage) { + var key = ""; + for (var i=0; i<=localStorage.length-1; i++) { + key = localStorage.key(i); + //console.log(key+': '+localStorage.getItem(key)); + } + } + } +}; + + +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +// shuffle func for random values +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Array.prototype.shuffle = function(){ + var tmp, rand; + for(var i =0; i < this.length; i++){ + rand = Math.floor(Math.random() * this.length); + tmp = this[i]; + this[i] = this[rand]; + this[rand] =tmp; + } +}; + +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +// js trim func for ie +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +if(typeof String.prototype.trim !== 'function') { + String.prototype.trim = function() { + return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); + }; +} + +/** + * simplify setting and getting state out of a node + * $("#my_id").data("my_data_attr") equals $$("#my_id").my_data_attr and + * $("#my_id").data("my_data_attr", "my_data_val") equals $$("#my_id").my_data_attr = my_data_val + * you can also do + * $$("#my_id").my_data_val = $$("#my_id").my_data_val + 1. + */ +var $$ = function(param) { + var node = $(param)[0]; + var id = $.data(node); + $.cache[id] = $.cache[id] || {}; + $.cache[id].node = node; + return $.cache[id]; +}; +var alertFB = false; +if (typeof console === "undefined" || typeof console.log === "undefined") { + console = {}; + if (alertFB) { + console.log = function(msg) { + alert(msg); + }; + } else { + console.log = function() {}; + } +} + +/** + * custom event handler ‘show’/’hide’ events for using .on() + */ +(function ($) { + $.each(['show', 'hide'], function (i, e) { + var el = $.fn[e]; + $.fn[e] = function () { + this.trigger(e); + return el.apply(this, arguments); + }; + }); +})(jQuery); diff --git a/js/base/velocity.min.js b/js/base/velocity.min.js new file mode 100644 index 0000000..de91ade --- /dev/null +++ b/js/base/velocity.min.js @@ -0,0 +1,4 @@ +/*! VelocityJS.org (1.5.0). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */ +/*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */ +!function(a){"use strict";function b(a){var b=a.length,d=c.type(a);return"function"!==d&&!c.isWindow(a)&&(!(1!==a.nodeType||!b)||("array"===d||0===b||"number"==typeof b&&b>0&&b-1 in a))}if(!a.jQuery){var c=function(a,b){return new c.fn.init(a,b)};c.isWindow=function(a){return a&&a===a.window},c.type=function(a){return a?"object"==typeof a||"function"==typeof a?e[g.call(a)]||"object":typeof a:a+""},c.isArray=Array.isArray||function(a){return"array"===c.type(a)},c.isPlainObject=function(a){var b;if(!a||"object"!==c.type(a)||a.nodeType||c.isWindow(a))return!1;try{if(a.constructor&&!f.call(a,"constructor")&&!f.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(d){return!1}for(b in a);return b===undefined||f.call(a,b)},c.each=function(a,c,d){var e=0,f=a.length,g=b(a);if(d){if(g)for(;e0?e=g:c=g}while(Math.abs(f)>r&&++h=q?k(b,h):0===i?h:m(b,c,c+u)}function o(){y=!0,a===c&&d===e||l()}var p=4,q=.001,r=1e-7,s=10,t=11,u=1/(t-1),v="Float32Array"in b;if(4!==arguments.length)return!1;for(var w=0;w<4;++w)if("number"!=typeof arguments[w]||isNaN(arguments[w])||!isFinite(arguments[w]))return!1;a=Math.min(a,1),d=Math.min(d,1),a=Math.max(a,0),d=Math.max(d,0);var x=v?new Float32Array(t):new Array(t),y=!1,z=function(b){return y||o(),a===c&&d===e?b:0===b?0:1===b?1:i(n(b),c,e)};z.getControlPoints=function(){return[{x:a,y:c},{x:d,y:e}]};var A="generateBezier("+[a,c,d,e]+")";return z.toString=function(){return A},z}function l(a,b){var c=a;return u.isString(a)?y.Easings[a]||(c=!1):c=u.isArray(a)&&1===a.length?j.apply(null,a):u.isArray(a)&&2===a.length?z.apply(null,a.concat([b])):!(!u.isArray(a)||4!==a.length)&&k.apply(null,a),c===!1&&(c=y.Easings[y.defaults.easing]?y.defaults.easing:x),c}function m(a){if(a){var b=y.timestamp&&a!==!0?a:r.now(),c=y.State.calls.length;c>1e4&&(y.State.calls=e(y.State.calls),c=y.State.calls.length);for(var f=0;f4;a--){var b=c.createElement("div");if(b.innerHTML="",b.getElementsByTagName("span").length)return b=null,a}return d}(),q=function(){var a=0;return b.webkitRequestAnimationFrame||b.mozRequestAnimationFrame||function(b){var c,d=(new Date).getTime();return c=Math.max(0,16-(d-a)),a=d+c,setTimeout(function(){b(d+c)},c)}}(),r=function(){var a=b.performance||{};if("function"!=typeof a.now){var c=a.timing&&a.timing.navigationStart?a.timing.navigationStart:(new Date).getTime();a.now=function(){return(new Date).getTime()-c}}return a}(),s=function(){var a=Array.prototype.slice;try{return a.call(c.documentElement),a}catch(b){return function(b,c){var d=this.length;if("number"!=typeof b&&(b=0),"number"!=typeof c&&(c=d),this.slice)return a.call(this,b,c);var e,f=[],g=b>=0?b:Math.max(0,d+b),h=c<0?d+c:Math.min(c,d),i=h-g;if(i>0)if(f=new Array(i),this.charAt)for(e=0;e=0}:function(a,b){for(var c=0;c1e-4&&Math.abs(h.v)>1e-4))break;return f?function(a){return j[a*(j.length-1)|0]}:k}}();y.Easings={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},spring:function(a){return 1-Math.cos(4.5*a*Math.PI)*Math.exp(6*-a)}},o.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(a,b){y.Easings[b[0]]=k.apply(null,b[1])});var A=y.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"],units:["%","em","ex","ch","rem","vw","vh","vmin","vmax","cm","mm","Q","in","pc","pt","px","deg","grad","rad","turn","s","ms"],colorNames:{aliceblue:"240,248,255",antiquewhite:"250,235,215",aquamarine:"127,255,212",aqua:"0,255,255",azure:"240,255,255",beige:"245,245,220",bisque:"255,228,196",black:"0,0,0",blanchedalmond:"255,235,205",blueviolet:"138,43,226",blue:"0,0,255",brown:"165,42,42",burlywood:"222,184,135",cadetblue:"95,158,160",chartreuse:"127,255,0",chocolate:"210,105,30",coral:"255,127,80",cornflowerblue:"100,149,237",cornsilk:"255,248,220",crimson:"220,20,60",cyan:"0,255,255",darkblue:"0,0,139",darkcyan:"0,139,139",darkgoldenrod:"184,134,11",darkgray:"169,169,169",darkgrey:"169,169,169",darkgreen:"0,100,0",darkkhaki:"189,183,107",darkmagenta:"139,0,139",darkolivegreen:"85,107,47",darkorange:"255,140,0",darkorchid:"153,50,204",darkred:"139,0,0",darksalmon:"233,150,122",darkseagreen:"143,188,143",darkslateblue:"72,61,139",darkslategray:"47,79,79",darkturquoise:"0,206,209",darkviolet:"148,0,211",deeppink:"255,20,147",deepskyblue:"0,191,255",dimgray:"105,105,105",dimgrey:"105,105,105",dodgerblue:"30,144,255",firebrick:"178,34,34",floralwhite:"255,250,240",forestgreen:"34,139,34",fuchsia:"255,0,255",gainsboro:"220,220,220",ghostwhite:"248,248,255",gold:"255,215,0",goldenrod:"218,165,32",gray:"128,128,128",grey:"128,128,128",greenyellow:"173,255,47",green:"0,128,0",honeydew:"240,255,240",hotpink:"255,105,180",indianred:"205,92,92",indigo:"75,0,130",ivory:"255,255,240",khaki:"240,230,140",lavenderblush:"255,240,245",lavender:"230,230,250",lawngreen:"124,252,0",lemonchiffon:"255,250,205",lightblue:"173,216,230",lightcoral:"240,128,128",lightcyan:"224,255,255",lightgoldenrodyellow:"250,250,210",lightgray:"211,211,211",lightgrey:"211,211,211",lightgreen:"144,238,144",lightpink:"255,182,193",lightsalmon:"255,160,122",lightseagreen:"32,178,170",lightskyblue:"135,206,250",lightslategray:"119,136,153",lightsteelblue:"176,196,222",lightyellow:"255,255,224",limegreen:"50,205,50",lime:"0,255,0",linen:"250,240,230",magenta:"255,0,255",maroon:"128,0,0",mediumaquamarine:"102,205,170",mediumblue:"0,0,205",mediumorchid:"186,85,211",mediumpurple:"147,112,219",mediumseagreen:"60,179,113",mediumslateblue:"123,104,238",mediumspringgreen:"0,250,154",mediumturquoise:"72,209,204",mediumvioletred:"199,21,133",midnightblue:"25,25,112",mintcream:"245,255,250",mistyrose:"255,228,225",moccasin:"255,228,181",navajowhite:"255,222,173",navy:"0,0,128",oldlace:"253,245,230",olivedrab:"107,142,35",olive:"128,128,0",orangered:"255,69,0",orange:"255,165,0",orchid:"218,112,214",palegoldenrod:"238,232,170",palegreen:"152,251,152",paleturquoise:"175,238,238",palevioletred:"219,112,147",papayawhip:"255,239,213",peachpuff:"255,218,185",peru:"205,133,63",pink:"255,192,203",plum:"221,160,221",powderblue:"176,224,230",purple:"128,0,128",red:"255,0,0",rosybrown:"188,143,143",royalblue:"65,105,225",saddlebrown:"139,69,19",salmon:"250,128,114",sandybrown:"244,164,96",seagreen:"46,139,87",seashell:"255,245,238",sienna:"160,82,45",silver:"192,192,192",skyblue:"135,206,235",slateblue:"106,90,205",slategray:"112,128,144",snow:"255,250,250",springgreen:"0,255,127",steelblue:"70,130,180",tan:"210,180,140",teal:"0,128,128",thistle:"216,191,216",tomato:"255,99,71",turquoise:"64,224,208",violet:"238,130,238",wheat:"245,222,179",whitesmoke:"245,245,245",white:"255,255,255",yellowgreen:"154,205,50",yellow:"255,255,0"}},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var a=0;a=1?"":"alpha(opacity="+parseInt(100*parseFloat(c),10)+")"}else switch(a){case"name":return"opacity";case"extract":return c;case"inject":return c}}},register:function(){function a(a,b,c){if("border-box"===A.getPropertyValue(b,"boxSizing").toString().toLowerCase()===(c||!1)){var d,e,f=0,g="width"===a?["Left","Right"]:["Top","Bottom"],h=["padding"+g[0],"padding"+g[1],"border"+g[0]+"Width","border"+g[1]+"Width"];for(d=0;d9)||y.State.isGingerbread||(A.Lists.transformsBase=A.Lists.transformsBase.concat(A.Lists.transforms3D));for(var c=0;c8)&&3===f.split(" ").length&&(f+=" 1"),f;case"inject":return/^rgb/.test(e)?e:(p<=8?4===e.split(" ").length&&(e=e.split(/\s+/).slice(0,3).join(" ")):3===e.split(" ").length&&(e+=" 1"),(p<=8?"rgb":"rgba")+"("+e.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")")}}}();A.Normalizations.registered.innerWidth=b("width",!0),A.Normalizations.registered.innerHeight=b("height",!0),A.Normalizations.registered.outerWidth=b("width"),A.Normalizations.registered.outerHeight=b("height")}},Names:{camelCase:function(a){return a.replace(/-(\w)/g,function(a,b){return b.toUpperCase()})},SVGAttribute:function(a){var b="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(p||y.State.isAndroid&&!y.State.isChrome)&&(b+="|transform"),new RegExp("^("+b+")$","i").test(a)},prefixCheck:function(a){if(y.State.prefixMatches[a])return[y.State.prefixMatches[a],!0];for(var b=["","Webkit","Moz","ms","O"],c=0,d=b.length;c=2&&console.log("Get "+c+": "+i),i},setPropertyValue:function(a,c,d,e,f){var h=c;if("scroll"===c)f.container?f.container["scroll"+f.direction]=d:"Left"===f.direction?b.scrollTo(d,f.alternateValue):b.scrollTo(f.alternateValue,d);else if(A.Normalizations.registered[c]&&"transform"===A.Normalizations.registered[c]("name",a))A.Normalizations.registered[c]("inject",a,d),h="transform",d=g(a).transformCache[c];else{if(A.Hooks.registered[c]){var i=c,j=A.Hooks.getRoot(c);e=e||A.getPropertyValue(a,j),d=A.Hooks.injectValue(i,d,e),c=j}if(A.Normalizations.registered[c]&&(d=A.Normalizations.registered[c]("inject",a,d),c=A.Normalizations.registered[c]("name",a)),h=A.Names.prefixCheck(c)[0],p<=8)try{a.style[h]=d}catch(l){y.debug&&console.log("Browser does not support ["+d+"] for ["+h+"]")}else{var k=g(a);k&&k.isSVG&&A.Names.SVGAttribute(c)?a.setAttribute(c,d):a.style[h]=d}y.debug>=2&&console.log("Set "+c+" ("+h+"): "+d)}return[h,d]},flushTransformCache:function(a){var b="",c=g(a);if((p||y.State.isAndroid&&!y.State.isChrome)&&c&&c.isSVG){var d=function(b){return parseFloat(A.getPropertyValue(a,b))},e={translate:[d("translateX"),d("translateY")],skewX:[d("skewX")],skewY:[d("skewY")],scale:1!==d("scale")?[d("scale"),d("scale")]:[d("scaleX"),d("scaleY")],rotate:[d("rotateZ"),0,0]};o.each(g(a).transformCache,function(a){/^translate/i.test(a)?a="translate":/^scale/i.test(a)?a="scale":/^rotate/i.test(a)&&(a="rotate"),e[a]&&(b+=a+"("+e[a].join(" ")+") ",delete e[a])})}else{var f,h;o.each(g(a).transformCache,function(c){if(f=g(a).transformCache[c],"transformPerspective"===c)return h=f,!0;9===p&&"rotateZ"===c&&(c="rotate"),b+=c+f+" "}),h&&(b="perspective"+h+" "+b)}A.setPropertyValue(a,"transform",b)}};A.Hooks.register(),A.Normalizations.register(),y.hook=function(a,b,c){var e;return a=f(a),o.each(a,function(a,f){if(g(f)===d&&y.init(f),c===d)e===d&&(e=A.getPropertyValue(f,b));else{var h=A.setPropertyValue(f,b,c);"transform"===h[0]&&y.CSS.flushTransformCache(f),e=h}}),e};var B=function(){function a(){return k?z.promise||null:p}function e(a,e){function f(f){var k,n;if(i.begin&&0===D)try{i.begin.call(r,r)}catch(V){setTimeout(function(){throw V},1)}if("scroll"===G){var p,q,w,x=/^x$/i.test(i.axis)?"Left":"Top",B=parseFloat(i.offset)||0;i.container?u.isWrapped(i.container)||u.isNode(i.container)?(i.container=i.container[0]||i.container,p=i.container["scroll"+x],w=p+o(a).position()[x.toLowerCase()]+B):i.container=null:(p=y.State.scrollAnchor[y.State["scrollProperty"+x]],q=y.State.scrollAnchor[y.State["scrollProperty"+("Left"===x?"Top":"Left")]],w=o(a).offset()[x.toLowerCase()]+B),j={scroll:{rootPropertyValue:!1,startValue:p,currentValue:p,endValue:w,unitType:"",easing:i.easing,scrollData:{container:i.container,direction:x,alternateValue:q}},element:a},y.debug&&console.log("tweensContainer (scroll): ",j.scroll,a)}else if("reverse"===G){if(!(k=g(a)))return;if(!k.tweensContainer)return void o.dequeue(a,i.queue);"none"===k.opts.display&&(k.opts.display="auto"),"hidden"===k.opts.visibility&&(k.opts.visibility="visible"),k.opts.loop=!1,k.opts.begin=null,k.opts.complete=null,v.easing||delete i.easing,v.duration||delete i.duration,i=o.extend({},k.opts,i),n=o.extend(!0,{},k?k.tweensContainer:null);for(var E in n)if(n.hasOwnProperty(E)&&"element"!==E){var F=n[E].startValue;n[E].startValue=n[E].currentValue=n[E].endValue,n[E].endValue=F,u.isEmptyObject(v)||(n[E].easing=i.easing),y.debug&&console.log("reverse tweensContainer ("+E+"): "+JSON.stringify(n[E]),a)}j=n}else if("start"===G){k=g(a),k&&k.tweensContainer&&k.isAnimating===!0&&(n=k.tweensContainer);var H=function(e,f){var g,l=A.Hooks.getRoot(e),m=!1,p=f[0],q=f[1],r=f[2] +;if(!(k&&k.isSVG||"tween"===l||A.Names.prefixCheck(l)[1]!==!1||A.Normalizations.registered[l]!==d))return void(y.debug&&console.log("Skipping ["+l+"] due to a lack of browser support."));(i.display!==d&&null!==i.display&&"none"!==i.display||i.visibility!==d&&"hidden"!==i.visibility)&&/opacity|filter/.test(e)&&!r&&0!==p&&(r=0),i._cacheValues&&n&&n[e]?(r===d&&(r=n[e].endValue+n[e].unitType),m=k.rootPropertyValueCache[l]):A.Hooks.registered[e]?r===d?(m=A.getPropertyValue(a,l),r=A.getPropertyValue(a,e,m)):m=A.Hooks.templates[l][1]:r===d&&(r=A.getPropertyValue(a,e));var s,t,v,w=!1,x=function(a,b){var c,d;return d=(b||"0").toString().toLowerCase().replace(/[%A-z]+$/,function(a){return c=a,""}),c||(c=A.Values.getUnitType(a)),[d,c]};if(r!==p&&u.isString(r)&&u.isString(p)){g="";var z=0,B=0,C=[],D=[],E=0,F=0,G=0;for(r=A.Hooks.fixColors(r),p=A.Hooks.fixColors(p);z=4&&"("===H?E++:(E&&E<5||E>=4&&")"===H&&--E<5)&&(E=0),0===F&&"r"===H||1===F&&"g"===H||2===F&&"b"===H||3===F&&"a"===H||F>=3&&"("===H?(3===F&&"a"===H&&(G=1),F++):G&&","===H?++G>3&&(F=G=0):(G&&F<(G?5:4)||F>=(G?4:3)&&")"===H&&--F<(G?5:4))&&(F=G=0)}}z===r.length&&B===p.length||(y.debug&&console.error('Trying to pattern match mis-matched strings ["'+p+'", "'+r+'"]'),g=d),g&&(C.length?(y.debug&&console.log('Pattern found "'+g+'" -> ',C,D,"["+r+","+p+"]"),r=C,p=D,t=v=""):g=d)}g||(s=x(e,r),r=s[0],v=s[1],s=x(e,p),p=s[0].replace(/^([+-\/*])=/,function(a,b){return w=b,""}),t=s[1],r=parseFloat(r)||0,p=parseFloat(p)||0,"%"===t&&(/^(fontSize|lineHeight)$/.test(e)?(p/=100,t="em"):/^scale/.test(e)?(p/=100,t=""):/(Red|Green|Blue)$/i.test(e)&&(p=p/100*255,t="")));if(/[\/*]/.test(w))t=v;else if(v!==t&&0!==r)if(0===p)t=v;else{h=h||function(){var d={myParent:a.parentNode||c.body,position:A.getPropertyValue(a,"position"),fontSize:A.getPropertyValue(a,"fontSize")},e=d.position===M.lastPosition&&d.myParent===M.lastParent,f=d.fontSize===M.lastFontSize;M.lastParent=d.myParent,M.lastPosition=d.position,M.lastFontSize=d.fontSize;var g={};if(f&&e)g.emToPx=M.lastEmToPx,g.percentToPxWidth=M.lastPercentToPxWidth,g.percentToPxHeight=M.lastPercentToPxHeight;else{var h=k&&k.isSVG?c.createElementNS("http://www.w3.org/2000/svg","rect"):c.createElement("div");y.init(h),d.myParent.appendChild(h),o.each(["overflow","overflowX","overflowY"],function(a,b){y.CSS.setPropertyValue(h,b,"hidden")}),y.CSS.setPropertyValue(h,"position",d.position),y.CSS.setPropertyValue(h,"fontSize",d.fontSize),y.CSS.setPropertyValue(h,"boxSizing","content-box"),o.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(a,b){y.CSS.setPropertyValue(h,b,"100%")}),y.CSS.setPropertyValue(h,"paddingLeft","100em"),g.percentToPxWidth=M.lastPercentToPxWidth=(parseFloat(A.getPropertyValue(h,"width",null,!0))||1)/100,g.percentToPxHeight=M.lastPercentToPxHeight=(parseFloat(A.getPropertyValue(h,"height",null,!0))||1)/100,g.emToPx=M.lastEmToPx=(parseFloat(A.getPropertyValue(h,"paddingLeft"))||1)/100,d.myParent.removeChild(h)}return null===M.remToPx&&(M.remToPx=parseFloat(A.getPropertyValue(c.body,"fontSize"))||16),null===M.vwToPx&&(M.vwToPx=parseFloat(b.innerWidth)/100,M.vhToPx=parseFloat(b.innerHeight)/100),g.remToPx=M.remToPx,g.vwToPx=M.vwToPx,g.vhToPx=M.vhToPx,y.debug>=1&&console.log("Unit ratios: "+JSON.stringify(g),a),g}();var S=/margin|padding|left|right|width|text|word|letter/i.test(e)||/X$/.test(e)||"x"===e?"x":"y";switch(v){case"%":r*="x"===S?h.percentToPxWidth:h.percentToPxHeight;break;case"px":break;default:r*=h[v+"ToPx"]}switch(t){case"%":r*=1/("x"===S?h.percentToPxWidth:h.percentToPxHeight);break;case"px":break;default:r*=1/h[t+"ToPx"]}}switch(w){case"+":p=r+p;break;case"-":p=r-p;break;case"*":p*=r;break;case"/":p=r/p}j[e]={rootPropertyValue:m,startValue:r,currentValue:r,endValue:p,unitType:t,easing:q},g&&(j[e].pattern=g),y.debug&&console.log("tweensContainer ("+e+"): "+JSON.stringify(j[e]),a)};for(var I in s)if(s.hasOwnProperty(I)){var J=A.Names.camelCase(I),K=function(b,c){var d,f,g;return u.isFunction(b)&&(b=b.call(a,e,C)),u.isArray(b)?(d=b[0],!u.isArray(b[1])&&/^[\d-]/.test(b[1])||u.isFunction(b[1])||A.RegEx.isHex.test(b[1])?g=b[1]:u.isString(b[1])&&!A.RegEx.isHex.test(b[1])&&y.Easings[b[1]]||u.isArray(b[1])?(f=c?b[1]:l(b[1],i.duration),g=b[2]):g=b[1]||b[2]):d=b,c||(f=f||i.easing),u.isFunction(d)&&(d=d.call(a,e,C)),u.isFunction(g)&&(g=g.call(a,e,C)),[d||0,f,g]}(s[I]);if(t(A.Lists.colors,J)){var L=K[0],O=K[1],P=K[2];if(A.RegEx.isHex.test(L)){for(var Q=["Red","Green","Blue"],R=A.Values.hexToRgb(L),S=P?A.Values.hexToRgb(P):d,T=0;Tarticle,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f); +if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b .li'] = 'Top-level Listeneinträge in verschachtelten Listen'; - -$lang['header_layout'] = 'Layout des Headers anpassen:'; -$lang['header_layout_o_default'] = 'großer Header für langen Wiki Titel und Tagline'; -$lang['header_layout_o_compact'] = 'kompakter Header für kurzen Wiki Titel ohne Tagline'; - -$lang['autocollapse'] = 'Sidebar automatisch einklappen wenn Nicht-Inhaltsseiten angezigt werden, um mehr Platz zu haben.'; diff --git a/lang/de/lang.php b/lang/de/lang.php index c39687d..478cb44 100755 --- a/lang/de/lang.php +++ b/lang/de/lang.php @@ -33,8 +33,6 @@ $lang['js']['meta_box_toc_none'] = 'kein Inhaltsverzeichnis vorhanden'; $lang['prefix_tasks_user'] = 'Ihre offenen Aufgaben: '; */ -$lang['custom_modeswitch'] = 'Lichtschalter'; - $lang['tab_tags'] = 'Tags'; $lang['tab_issues'] = 'Issues'; diff --git a/lang/en/lang.php b/lang/en/lang.php index 2c146f8..af8c4b2 100755 --- a/lang/en/lang.php +++ b/lang/en/lang.php @@ -33,8 +33,6 @@ $lang['js']['meta_box_toc_none'] = 'no Table of Contents available'; $lang['prefix_tasks_user'] = 'Your open tasks: '; */ -$lang['custom_modeswitch'] = 'Light switch'; - $lang['tab_tags'] = 'Tags'; $lang['tab_issues'] = 'Issues'; diff --git a/lang/fr/settings.php b/lang/fr/settings.php index 4350307..7d11b76 100644 --- a/lang/fr/settings.php +++ b/lang/fr/settings.php @@ -15,4 +15,3 @@ $lang['header_layout_o_default'] = 'Disposition d\'entête généreuse pour un t $lang['header_layout_o_compact'] = 'Disposition compacte de l\'entête pour un titre court sans descriptif'; $lang['autocollapse'] = 'Replier automatiquement la barre latérale quand on n\'est pas sur une page de wiki pour donner plus de place aux outils.'; $lang['closedwiki'] = 'Ceci est un wiki fermé. Cacher la plupart des fonctionnalités avant que l\'utilisateur ne se connecte.'; -$lang['copyright'] = 'Notice de Copyright. Utilisez les expressions %year% pour l\'année, %title% et %TITLE% pour le titre. Peut contenir de l\'HTML. Vous voudrez probablement désactiver la notice de licence par défaut.'; diff --git a/main.php b/main.php index fdb3d9c..7d00e4b 100755 --- a/main.php +++ b/main.php @@ -26,17 +26,6 @@ $showSidebar = true; - fullWidthClass();
-
+
+
server->has('REMOTE_USER')) { ?>
@@ -140,6 +130,16 @@ $classWideContent = (Template::getInstance())->fullWidthClass(); /* upload your logo into the data/media folder (root of the media manager) and replace 'logo.png' in der template config accordingly: */ include('tpl/main-sidebar-logo.php'); ?> +
+ +

+ +
@@ -152,6 +152,29 @@ $classWideContent = (Template::getInstance())->fullWidthClass(); } ?>
+
+
+ + +
+
+ +

+ + +

+ +
@@ -417,14 +440,5 @@ $classWideContent = (Template::getInstance())->fullWidthClass();
- diff --git a/script.js b/script.js index a4c34e3..e6ac3d8 100755 --- a/script.js +++ b/script.js @@ -1,3 +1,7 @@ +/* DOKUWIKI:include js/base/helper.js */ +/* DOKUWIKI:include js/base/spc.js */ +/* DOKUWIKI:include js/base/velocity.min.js */ + /* DOKUWIKI:include js/plugins/do_tasks.js */ /* DOKUWIKI:include js/plugins/qc.js */ /* DOKUWIKI:include js/plugins/bookcreator.js */ diff --git a/style.ini b/style.ini index 8418c54..7a33bb4 100755 --- a/style.ini +++ b/style.ini @@ -52,7 +52,6 @@ css/base_vars.less = all css/base.less = all -css/icons.less = all css/base_mixins.less = all css/base_fontello-icons.less = all css/base_structure.less = all @@ -118,7 +117,6 @@ css/plugins/data.less = all css/plugins/fastwiki.less = all css/plugins/tplinc.less = all css/plugins/translation.less = all -css/plugins/wrap.less = all ; _____________ print styles _____________ diff --git a/template.info.txt b/template.info.txt index fd40cd9..3746eea 100755 --- a/template.info.txt +++ b/template.info.txt @@ -1,7 +1,7 @@ base sprintdoc author Jana Deutschlaender email dokuwiki@cosmocode.de -date 2024-10-14 +date 2024-03-12 name sprintDoc Template desc modern, responsive template that integrates multiple plugins url https://www.dokuwiki.org/template:sprintdoc diff --git a/tpl/main-sidebar-nav.php b/tpl/main-sidebar-nav.php index d97fa87..b0cfc33 100644 --- a/tpl/main-sidebar-nav.php +++ b/tpl/main-sidebar-nav.php @@ -3,37 +3,10 @@ echo \dokuwiki\template\sprintdoc\Template::getInstance()->getNavigation(); ?>