From 1b899691a7fd2e72c6e2d7d4fa0221eeb1269b05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 09:18:01 +0100 Subject: [PATCH] Vorbereitung sprint meeting --- conf/default.php | 34 +- conf/metadata.php | 30 +- css/area_content.less | 70 +- css/area_footer.less | 144 ++-- css/area_header.less | 10 +- css/area_main-content.less | 46 +- css/area_main-sidebar.less | 556 +++++++------- css/area_nav-breadcrumb.less | 20 + css/area_nav-direct.less | 102 +-- css/area_nav-metabox.less | 10 + css/area_nav-pagetools.less | 322 ++++---- css/area_nav-usertools.less | 310 ++++---- css/area_sidebar-search.less | 156 ++-- css/area_sidetools.less | 662 ++++++++-------- css/base.less | 860 ++++++++++----------- css/base_design.less | 1302 ++++++++++++++++---------------- css/base_fonts.less | 572 +++++++------- css/base_mixins.less | 592 +++++++-------- css/base_structure.less | 19 + css/plugins/bureaucracy.less | 258 +++---- css/plugins/do_tasks.less | 18 +- css/plugins/magic-matcher.less | 298 ++++---- css/plugins/popupviewer.less | 14 +- css/plugins/struct.less | 48 +- js/base/helper.js | 170 ++--- js/base/rem.min.js | 12 +- js/base/spc.js | 396 +++++----- js/legacy/html5shiv.js | 16 +- js/legacy/respond.min.js | 8 +- js/meta-box.js | 56 +- js/plugins/do_tasks.js | 74 +- js/sidebar-menu.js | 6 + lang/de/lang.js | 5 + lang/de/lang.php | 4 + lang/de/settings.php | 20 +- lang/en/lang.js | 4 + lang/en/lang.php | 4 + lang/en/settings.php | 20 +- script.js | 6 +- style.ini | 320 ++++---- tpl/favicon_tiles.php | 46 +- tpl/main-sidebar-logo.php | 28 +- tpl/main-sidebar-search.php | 12 +- tpl/nav-breadcrumb.php | 22 +- tpl/nav-direct.php | 50 +- tpl/nav-magicmatcher.php | 28 +- tpl/nav-main.php | 24 +- tpl/nav-meta-box.php | 30 +- tpl/nav-page-quality-tasks.php | 108 +-- tpl/nav-page-tools.php | 40 +- tpl/nav-sitetools.php | 28 +- tpl/nav-status.php | 12 +- tpl/nav-trace.php | 22 +- tpl/nav-usermenu.php | 46 +- tpl/nav-usertools-buttons.php | 106 +-- 55 files changed, 4150 insertions(+), 4026 deletions(-) mode change 100644 => 100755 css/area_main-content.less mode change 100644 => 100755 css/area_main-sidebar.less mode change 100644 => 100755 css/area_nav-metabox.less mode change 100644 => 100755 css/area_sidetools.less mode change 100644 => 100755 css/plugins/bureaucracy.less mode change 100644 => 100755 css/plugins/popupviewer.less mode change 100644 => 100755 css/plugins/struct.less mode change 100644 => 100755 js/base/rem.min.js mode change 100644 => 100755 js/meta-box.js mode change 100644 => 100755 js/sidebar-menu.js mode change 100644 => 100755 lang/de/lang.js mode change 100644 => 100755 lang/en/lang.js mode change 100644 => 100755 tpl/nav-meta-box.php diff --git a/conf/default.php b/conf/default.php index 04268b6..2e439b4 100755 --- a/conf/default.php +++ b/conf/default.php @@ -1,17 +1,17 @@ - - */ - - -.content .row { - > .col-xs-12 { - box-shadow: @box-shadow; - #dokuwiki__content{ - position: relative; - z-index: 10; - &::before{ - content: ""; - background-color: @background_page-header; - border-bottom: 1px solid @color-border; - position: absolute; - top: 0; left: 0; - height: 3rem; width: 100%; - z-index: -1; - } - #meta-box{ - display: inline-block; - min-height: 1.95rem; - max-width: 40%; - float: right; - } - - #plugin__highlightparent{ - display: block; - } - } - } -} +/** + * This file provides the design styles for the page content. + * + * @author Jana Deutschlaender + */ + + +.content .row { + > .col-xs-12 { + box-shadow: @box-shadow; + #dokuwiki__content{ + position: relative; + z-index: 10; + &::before{ + content: ""; + background-color: @background_page-header; + border-bottom: 1px solid @color-border; + position: absolute; + top: 0; left: 0; + height: 3rem; width: 100%; + z-index: -1; + } + #meta-box{ + display: inline-block; + min-height: 1.95rem; + max-width: 40%; + float: right; + } + + #plugin__highlightparent{ + display: block; + } + } + } +} diff --git a/css/area_footer.less b/css/area_footer.less index 85ed12c..fac3ee7 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -1,72 +1,72 @@ -/** - * This file provides the design styles for the page footer - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* no print */ - -@media screen { - .page-footer { - background: @background_page-header; - border-top: 1px solid @color-border; - font-size: @font-size-default; - padding: @margin-small (@margin-big - .5); - text-align: right; - - bdi { - font-weight: bold; - } - } - - #dokuwiki__footer { - .main-footer { - position: relative; - box-sizing: border-box; - } - - p { - font-size: @font-size-default; - margin: 0; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1024px */ - -@media @screen_min-md { - #dokuwiki__footer { - .col-xs-12 { - float: right; - width: 100%; - } - - .main-footer { - padding: @margin-default 0; - } - } - - .showSidebar { - #dokuwiki__footer { - .col-xs-12 { - width: 73%; - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-md { - #dokuwiki__footer { - .main-footer { - padding: @margin-default (@margin-big - .5); - } - } -} +/** + * This file provides the design styles for the page footer + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* no print */ + +@media screen { + .page-footer { + background: @background_page-header; + border-top: 1px solid @color-border; + font-size: @font-size-default; + padding: @margin-small (@margin-big - .5); + text-align: right; + + bdi { + font-weight: bold; + } + } + + #dokuwiki__footer { + .main-footer { + position: relative; + box-sizing: border-box; + } + + p { + font-size: @font-size-default; + margin: 0; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1024px */ + +@media @screen_min-md { + #dokuwiki__footer { + .col-xs-12 { + float: right; + width: 100%; + } + + .main-footer { + padding: @margin-default 0; + } + } + + .showSidebar { + #dokuwiki__footer { + .col-xs-12 { + width: 73%; + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + #dokuwiki__footer { + .main-footer { + padding: @margin-default (@margin-big - .5); + } + } +} diff --git a/css/area_header.less b/css/area_header.less index cec19b3..8d85fef 100755 --- a/css/area_header.less +++ b/css/area_header.less @@ -1,5 +1,5 @@ -/** - * This file provides the design styles for the page header. - * - * @author Jana Deutschlaender - */ +/** + * This file provides the design styles for the page header. + * + * @author Jana Deutschlaender + */ diff --git a/css/area_main-content.less b/css/area_main-content.less old mode 100644 new mode 100755 index bf5304c..24bc248 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -1,23 +1,23 @@ -/** - * This file provides the design styles for the main-content. - * - * @author Jana Deutschlaender - */ - - -#dokuwiki__content.main-content { -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ - -@media @screen_max-xlg { -} +/** + * This file provides the design styles for the main-content. + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__content.main-content { +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { +} diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less old mode 100644 new mode 100755 index fe71498..f642dd4 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -1,278 +1,278 @@ -/** - * This file provides the design styles for the sidebar (navmain). - * - * @author Jana Deutschlaender - */ - - -#dokuwiki__aside.main-sidebar { - counter-reset: nav-counter; - -/* + + + + + nav main + + + + + */ - .nav-main { - padding-bottom: 1.8rem; - - > ul { - @icon-size: 2rem; - - margin: 0; - padding: 0; - - ul { - margin-left: (@icon-size + .5); - } - - li { - list-style-type: none; - color: @color-nav; - - &:first-of-type { - padding-top: .3em; - } - } - - .li { - a { - display: list-item; - list-style-type: square; - color: @color-nav; - font-weight: normal; - padding-top: .1em; - padding-bottom: .1em; - transition: @transition color; - - &:hover, - &:focus, - &:active { - color: @button_background; - } - } - } - - -/* + + + first level + + + */ - > li { - counter-increment: nav-counter; - position: relative; - list-style-type: none; - margin: 0; - padding: 0 0 .3em; - - &:not(:last-of-type)::after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - display: block; - width: 100%; - height: 1px; - background-color: @color-border; - } - - > .li { - position: relative; - z-index: 1; - margin-top: -1px; - padding: .5em 0 .5em (@icon-size + 1); - - &[class="li"] { - border-bottom: solid 1px @color-border; - } - - &::before { - content: counter(nav-counter); - position: absolute; - top: 0; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - } - - &.opened, - &.closed { - padding: 0; - - &::before, - &::after { - display: none; - } - - a { - position: relative; - display: block; - border: 1px solid transparent; - border-radius: 2px; - margin-bottom: -.3rem; - padding: .6em 0 .6em (@icon-size + 1); - transition: @transition color, @transition background-color, @transition border-color; - - &::before { - content: counter(nav-counter); - position: absolute; - top: -.1em; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - transition: @transition color; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - transition: @transition background-color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - - &::after { - background-color: @button_background; - } - } - } - } - - &.opened { - a { - background-color: @button_background; - color: @button_color; - - &::before { - color: @button_color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - } - } - - + ul { - margin-top: .5em; - margin-bottom: .25em; - } - } - - + ul { - height: auto; - overflow: hidden; - } - - &.closed + ul { - height: 0; - } - } - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { - .li { - font-size: .8rem; - padding: .1em 0; - - * { - font-size: inherit; - font-weight: inherit; - } - } - - > ul > li > .li { - font-size: .9rem; - - * { - font-size: inherit; - } - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ - -@media @screen_max-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { - .li { - font-size: .9rem; - padding: .15em 0 .15em .25rem; - - * { - font-size: inherit; - font-weight: inherit; - } - } - - > ul > li > .li { - font-size: 1rem; - - > * { - font-size: inherit; - } - } - } - } -} +/** + * This file provides the design styles for the sidebar (navmain). + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__aside.main-sidebar { + counter-reset: nav-counter; + +/* + + + + + nav main + + + + + */ + .nav-main { + padding-bottom: 1.8rem; + + > ul { + @icon-size: 2rem; + + margin: 0; + padding: 0; + + ul { + margin-left: (@icon-size + .5); + } + + li { + list-style-type: none; + color: @color-nav; + + &:first-of-type { + padding-top: .3em; + } + } + + .li { + a { + display: list-item; + list-style-type: square; + color: @color-nav; + font-weight: normal; + padding-top: .1em; + padding-bottom: .1em; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_background; + } + } + } + + +/* + + + first level + + + */ + > li { + counter-increment: nav-counter; + position: relative; + list-style-type: none; + margin: 0; + padding: 0 0 .3em; + + &:not(:last-of-type)::after { + content: ''; + position: absolute; + left: 0; + bottom: 0; + display: block; + width: 100%; + height: 1px; + background-color: @color-border; + } + + > .li { + position: relative; + z-index: 1; + margin-top: -1px; + padding: .5em 0 .5em (@icon-size + 1); + + &[class="li"] { + border-bottom: solid 1px @color-border; + } + + &::before { + content: counter(nav-counter); + position: absolute; + top: 0; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + } + + &.opened, + &.closed { + padding: 0; + + &::before, + &::after { + display: none; + } + + a { + position: relative; + display: block; + border: 1px solid transparent; + border-radius: 2px; + margin-bottom: -.3rem; + padding: .6em 0 .6em (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + content: counter(nav-counter); + position: absolute; + top: -.1em; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + transition: @transition color; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + + &::after { + background-color: @button_background; + } + } + } + } + + &.opened { + a { + background-color: @button_background; + color: @button_color; + + &::before { + color: @button_color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + } + } + + + ul { + margin-top: .5em; + margin-bottom: .25em; + } + } + + + ul { + height: auto; + overflow: hidden; + } + + &.closed + ul { + height: 0; + } + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + #dokuwiki__aside.main-sidebar { + .nav-main { + .li { + font-size: .8rem; + padding: .1em 0; + + * { + font-size: inherit; + font-weight: inherit; + } + } + + > ul > li > .li { + font-size: .9rem; + + * { + font-size: inherit; + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { + #dokuwiki__aside.main-sidebar { + .nav-main { + .li { + font-size: .9rem; + padding: .15em 0 .15em .25rem; + + * { + font-size: inherit; + font-weight: inherit; + } + } + + > ul > li > .li { + font-size: 1rem; + + > * { + font-size: inherit; + } + } + } + } +} diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index b0c96ea..7d94e32 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -105,6 +105,7 @@ &.plugin__qc { display: inline-block; overflow: visible; + position: static; } } // li @@ -134,6 +135,25 @@ width: auto; border: 0 none; background: @color-site-bg; + z-index: 2000; + + #plugin__qc__out{ + h1{ + font-size: 1.2rem; + } + h2{ + margin-top: 1.6em; + font-size: .93rem; + } + > h1, > h2, > p, >dl, >div{ + padding-left: 1rem; + margin-left: 0; + } + > div p{ + padding-left: 0; + margin-left: 0; + } + } &[aria-hidden="false"] { margin-top: .5rem; diff --git a/css/area_nav-direct.less b/css/area_nav-direct.less index 21328ad..d2b230e 100755 --- a/css/area_nav-direct.less +++ b/css/area_nav-direct.less @@ -1,51 +1,51 @@ -/** - * This file provides the design styles for the direct / menu jump links. - * - * @author Jana Deutschlaender - */ - -.nav-direct { - background-color: __nav_direct_background__; - margin-top: -1px; - - p { - box-sizing: border-box; - text-align: center; - position: absolute; - left: 0; - top: -1px; - width: 100%; - height: 1px; - - a:link, - a:visited { - .sr-out(); - - box-shadow: __box_shadow__; - display: block; - width: 100%; - background-color: __nav_direct_background__; - border-bottom: 1px solid __shadow_color__; - color: __nav_direct_color__; - line-height: @line-height-default; - text-decoration: none; - padding: 1em; - box-sizing: border-box; - border-radius: 0; - } - - a:focus, - a:hover, - a:active { - top: 0; - left: 0; - text-decoration: underline; - min-height: 50px; - } - - a:hover, - a:active { - text-decoration: none; - } - } -} +/** + * This file provides the design styles for the direct / menu jump links. + * + * @author Jana Deutschlaender + */ + +.nav-direct { + background-color: __nav_direct_background__; + margin-top: -1px; + + p { + box-sizing: border-box; + text-align: center; + position: absolute; + left: 0; + top: -1px; + width: 100%; + height: 1px; + + a:link, + a:visited { + .sr-out(); + + box-shadow: __box_shadow__; + display: block; + width: 100%; + background-color: __nav_direct_background__; + border-bottom: 1px solid __shadow_color__; + color: __nav_direct_color__; + line-height: @line-height-default; + text-decoration: none; + padding: 1em; + box-sizing: border-box; + border-radius: 0; + } + + a:focus, + a:hover, + a:active { + top: 0; + left: 0; + text-decoration: underline; + min-height: 50px; + } + + a:hover, + a:active { + text-decoration: none; + } + } +} diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less old mode 100644 new mode 100755 index 972e7a3..947788e --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -80,6 +80,16 @@ } > div { padding: .8rem .5rem .5rem; + p{ + padding-left: 1em; + } + ul{ + list-style: none; + padding-left:0; + li{ + margin-left: 0; padding-left: 1em; + } + } } #dw__toc { diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index e95c33f..afb95d4 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -1,161 +1,161 @@ -/** - * This file provides the design styles for the page specific tool bar. - * - * @author Jana Deutschlaender - */ - -/* - FIXME -.pagetools-item(edit, 1); -.pagetools-item(create, 2); -.pagetools-item(show, 4); -.pagetools-item(source, 5); -.pagetools-item(draft, 3); -.pagetools-item(revs, 7, revisions); -.pagetools-item(backlink, 8, backlink); -.pagetools-item(top, 10); -.pagetools-item(revert, 6, revert); -.pagetools-item(subscribe, 9, subscribe); -.pagetools-item(mediaManager, 11); -.pagetools-item(back, 12); -.pagetools-item(img_backto, 12);*/ - - -nav#dokuwiki__pagetools{ - right: -2rem; - top: 3.05rem; - z-index: 100; - ul { - li { - *{ - font-size: .8rem; - } - a{ - font-size: .8rem; - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit{ - opacity: .6; - color: @color-nav; - *{ - color: @color-nav; - } - background-position: 95% center; - background-size: 1rem auto; - &:before{ - visibility: hidden; - } - &:hover, &:focus, &:active{ - opacity: 1; - color: @color-nav-hover; - background-color: #fff; - *{ - color: @color-nav-hover; - } - background-position: 95% center; - &::before{ - visibility: visible; - } - } - } - - &.source{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTM0NC4zIDc4MC43bC0yNy45IDI3LjlxLTUuNiA1LjYgLTEyLjggNS42dC0xMi45IC01LjZMMzAuNyA1NDguNVEyNS4xIDU0MyAyNS4xIDUzNS43dDUuNiAtMTIuOGwyNjAgLTI2MC4xcTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNy45IDI3LjlxNS42IDUuNiA1LjYgMTIuOXQtNS42IDEyLjhMMTI1IDUzNS43IDM0NC4zIDc1NXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOHpNNjc0LjEgMTg1LjNMNDY2IDkwNS43cS0yLjMgNy4yIC04LjcgMTAuOXQtMTMuMSAxLjRsLTM0LjYgLTkuNXEtNy4zIC0yLjIgLTEwLjkgLTguN3QtMS40IC0xMy42TDYwNS41IDE2NS43cTIuMiAtNy4yIDguNiAtMTAuOHQxMy4xIC0xLjRsMzQuNiA5LjRxNy4zIDIuMyAxMC45IDguN3QxLjQgMTMuN3ptMzY2LjYgMzYzLjJsLTI2MCAyNjAuMXEtNS42IDUuNiAtMTIuOCA1LjZUNzU1IDgwOC42bC0yNy45IC0yNy45cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw5NDYuNCA1MzUuNyA3MjcuMSAzMTYuNHEtNS42IC01LjYgLTUuNiAtMTIuOHQ1LjYgLTEyLjlMNzU1IDI2Mi44cTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNjAgMjYwLjFxNS42IDUuNiA1LjYgMTIuOHQtNS42IDEyLjh6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNMzQ0LjMgNzgwLjdsLTI3LjkgMjcuOXEtNS42IDUuNiAtMTIuOCA1LjZ0LTEyLjkgLTUuNkwzMC43IDU0OC41UTI1LjEgNTQzIDI1LjEgNTM1Ljd0NS42IC0xMi44bDI2MCAtMjYwLjFxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI3LjkgMjcuOXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOEwxMjUgNTM1LjcgMzQ0LjMgNzU1cTUuNiA1LjYgNS42IDEyLjl0LTUuNiAxMi44ek02NzQuMSAxODUuM0w0NjYgOTA1LjdxLTIuMyA3LjIgLTguNyAxMC45dC0xMy4xIDEuNGwtMzQuNiAtOS41cS03LjMgLTIuMiAtMTAuOSAtOC43dC0xLjQgLTEzLjZMNjA1LjUgMTY1LjdxMi4yIC03LjIgOC42IC0xMC44dDEzLjEgLTEuNGwzNC42IDkuNHE3LjMgMi4zIDEwLjkgOC43dDEuNCAxMy43em0zNjYuNiAzNjMuMmwtMjYwIDI2MC4xcS01LjYgNS42IC0xMi44IDUuNlQ3NTUgODA4LjZsLTI3LjkgLTI3LjlxLTUuNiAtNS42IC01LjYgLTEyLjh0NS42IC0xMi45TDk0Ni40IDUzNS43IDcyNy4xIDMxNi40cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw3NTUgMjYyLjhxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI2MCAyNjAuMXE1LjYgNS42IDUuNiAxMi44dC01LjYgMTIuOHoiLz48L3N2Zz4=); - } - } - &.edit{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); - } - } - &.revs{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNNTAwIDMwMy42djI1MHEwIDcuOCAtNSAxMi44dC0xMi45IDVIMzAzLjZxLTcuOCAwIC0xMi45IC01dC01IC0xMi44di0zNS43cTAgLTcuOSA1IC0xMi45dDEyLjkgLTVoMTI1VjMwMy42cTAgLTcuOCA1IC0xMi45dDEyLjggLTVoMzUuN3E3LjkgMCAxMi45IDV0NSAxMi45ek03MzIuMSA1MDBxMCAtODIuNiAtNDAuNyAtMTUyLjNUNTgwLjkgMjM3LjIgNDI4LjYgMTk2LjR0LTE1Mi40IDQwLjhUMTY1LjcgMzQ3LjcgMTI1IDUwMHQ0MC43IDE1Mi4zIDExMC41IDExMC41IDE1Mi40IDQwLjggMTUyLjMgLTQwLjhUNjkxLjQgNjUyLjMgNzMyLjEgNTAwem0xMjUgMHEwIDExNi42IC01Ny40IDIxNS4xdC0xNTYgMTU2IC0yMTUuMSA1Ny41VDIxMy40IDg3MS4xIDU3LjUgNzE1LjEgMCA1MDAgNTcuNSAyODQuOXQxNTUuOSAtMTU2VDQyOC42IDcxLjR0MjE1LjEgNTcuNSAxNTYgMTU2VDg1Ny4xIDUwMHoiLz48L3N2Zz4=); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik01MDAgMzAzLjZ2MjUwcTAgNy44IC01IDEyLjh0LTEyLjkgNUgzMDMuNnEtNy44IDAgLTEyLjkgLTV0LTUgLTEyLjh2LTM1LjdxMCAtNy45IDUgLTEyLjl0MTIuOSAtNWgxMjVWMzAzLjZxMCAtNy44IDUgLTEyLjl0MTIuOCAtNWgzNS43cTcuOSAwIDEyLjkgNXQ1IDEyLjl6TTczMi4xIDUwMHEwIC04Mi42IC00MC43IC0xNTIuM1Q1ODAuOSAyMzcuMiA0MjguNiAxOTYuNHQtMTUyLjQgNDAuOFQxNjUuNyAzNDcuNyAxMjUgNTAwdDQwLjcgMTUyLjMgMTEwLjUgMTEwLjUgMTUyLjQgNDAuOCAxNTIuMyAtNDAuOFQ2OTEuNCA2NTIuMyA3MzIuMSA1MDB6bTEyNSAwcTAgMTE2LjYgLTU3LjQgMjE1LjF0LTE1NiAxNTYgLTIxNS4xIDU3LjVUMjEzLjQgODcxLjEgNTcuNSA3MTUuMSAwIDUwMCA1Ny41IDI4NC45dDE1NS45IC0xNTZUNDI4LjYgNzEuNHQyMTUuMSA1Ny41IDE1NiAxNTZUODU3LjEgNTAweiIvPjwvc3ZnPg==); - } - } - &.backlink{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODEyLjUgNjc4LjZxMCAtMjIuMyAtMTUuNiAtMzhsLTExNi4xIC0xMTZxLTE1LjYgLTE1LjcgLTM3LjkgLTE1LjcgLTIzLjUgMCAtNDAuMiAxNy45IDEuNyAxLjcgMTAuNiAxMC4zdDEyIDEyIDguMyAxMC42IDcuMyAxNC4yIDIgMTUuNHEwIDIyLjMgLTE1LjcgMzcuOXQtMzcuOSAxNS43cS04LjQgMCAtMTUuNCAtMnQtMTQuMiAtNy4zIC0xMC42IC04LjMgLTEyIC0xMiAtMTAuMyAtMTAuNnEtMTguNCAxNy4zIC0xOC40IDQwLjcgMCAyMi4zIDE1LjYgMzhsMTE1IDExNS41cTE1IDE1IDM3LjkgMTUgMjIuMyAwIDM3LjkgLTE0LjVMNzk2LjkgNzE2cTE1LjYgLTE1LjcgMTUuNiAtMzcuNHpNNDIwLjIgMjg1LjJxMCAtMjIuNCAtMTUuNiAtMzhsLTExNSAtMTE1LjVRMjc0IDExNi4xIDI1MS43IDExNi4xcS0yMS44IDAgLTM4IDE1bC04MiA4MS41cS0xNS42IDE1LjYgLTE1LjYgMzcuNCAwIDIyLjMgMTUuNiAzNy45TDI0Ny44IDQwNHExNSAxNS4xIDM3LjkgMTUuMSAyMy41IDAgNDAuMiAtMTcuMyAtMS43IC0xLjcgLTEwLjYgLTEwLjN0LTEyIC0xMiAtOC40IC0xMC42IC03LjIgLTE0LjMgLTIgLTE1LjNxMCAtMjIuMyAxNS42IC0zOHQzOCAtMTUuNnE4LjQgMCAxNS4zIDJ0MTQuMyA3LjIgMTAuNiA4LjQgMTIgMTIgMTAuMyAxMC42cTE4LjQgLTE3LjMgMTguNCAtNDAuN3ptNDk5LjQgMzkzLjRxMCA2Ni45IC00Ny40IDExMy4zbC04MiA4MS40cS00Ni4zIDQ2LjMgLTExMy4zIDQ2LjMgLTY3LjUgMCAtMTEzLjggLTQ3LjRsLTExNSAtMTE1LjVRNDAxLjggNzEwLjQgNDAxLjggNjQzLjRxMCAtNjguNiA0OS4xIC0xMTYuNmwtNDkuMSAtNDkuMXEtNDggNDkuMSAtMTE2LjEgNDkuMSAtNjYuOSAwIC0xMTMuOCAtNDYuOUw1NS44IDM2My44UTguOSAzMTcgOC45IDI1MFQ1Ni40IDEzNi43bDgyIC04MS41UTE4NC43IDguOSAyNTEuNyA4LjlxNjcuNSAwIDExMy44IDQ3LjVsMTE1IDExNS41cTQ2LjMgNDYuMyA0Ni4zIDExMy4zIDAgNjguNiAtNDkuMSAxMTYuNmw0OS4xIDQ5LjFxNDggLTQ5LjEgMTE2LjEgLTQ5LjEgNjYuOSAwIDExMy44IDQ2LjlsMTE2LjEgMTE2cTQ2LjggNDYuOSA0Ni44IDExMy45eiIvPjwvc3ZnPg==); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTIuNSA2NzguNnEwIC0yMi4zIC0xNS42IC0zOGwtMTE2LjEgLTExNnEtMTUuNiAtMTUuNyAtMzcuOSAtMTUuNyAtMjMuNSAwIC00MC4yIDE3LjkgMS43IDEuNyAxMC42IDEwLjN0MTIgMTIgOC4zIDEwLjYgNy4zIDE0LjIgMiAxNS40cTAgMjIuMyAtMTUuNyAzNy45dC0zNy45IDE1LjdxLTguNCAwIC0xNS40IC0ydC0xNC4yIC03LjMgLTEwLjYgLTguMyAtMTIgLTEyIC0xMC4zIC0xMC42cS0xOC40IDE3LjMgLTE4LjQgNDAuNyAwIDIyLjMgMTUuNiAzOGwxMTUgMTE1LjVxMTUgMTUgMzcuOSAxNSAyMi4zIDAgMzcuOSAtMTQuNUw3OTYuOSA3MTZxMTUuNiAtMTUuNyAxNS42IC0zNy40ek00MjAuMiAyODUuMnEwIC0yMi40IC0xNS42IC0zOGwtMTE1IC0xMTUuNVEyNzQgMTE2LjEgMjUxLjcgMTE2LjFxLTIxLjggMCAtMzggMTVsLTgyIDgxLjVxLTE1LjYgMTUuNiAtMTUuNiAzNy40IDAgMjIuMyAxNS42IDM3LjlMMjQ3LjggNDA0cTE1IDE1LjEgMzcuOSAxNS4xIDIzLjUgMCA0MC4yIC0xNy4zIC0xLjcgLTEuNyAtMTAuNiAtMTAuM3QtMTIgLTEyIC04LjQgLTEwLjYgLTcuMiAtMTQuMyAtMiAtMTUuM3EwIC0yMi4zIDE1LjYgLTM4dDM4IC0xNS42cTguNCAwIDE1LjMgMnQxNC4zIDcuMiAxMC42IDguNCAxMiAxMiAxMC4zIDEwLjZxMTguNCAtMTcuMyAxOC40IC00MC43em00OTkuNCAzOTMuNHEwIDY2LjkgLTQ3LjQgMTEzLjNsLTgyIDgxLjRxLTQ2LjMgNDYuMyAtMTEzLjMgNDYuMyAtNjcuNSAwIC0xMTMuOCAtNDcuNGwtMTE1IC0xMTUuNVE0MDEuOCA3MTAuNCA0MDEuOCA2NDMuNHEwIC02OC42IDQ5LjEgLTExNi42bC00OS4xIC00OS4xcS00OCA0OS4xIC0xMTYuMSA0OS4xIC02Ni45IDAgLTExMy44IC00Ni45TDU1LjggMzYzLjhROC45IDMxNyA4LjkgMjUwVDU2LjQgMTM2LjdsODIgLTgxLjVRMTg0LjcgOC45IDI1MS43IDguOXE2Ny41IDAgMTEzLjggNDcuNWwxMTUgMTE1LjVxNDYuMyA0Ni4zIDQ2LjMgMTEzLjMgMCA2OC42IC00OS4xIDExNi42bDQ5LjEgNDkuMXE0OCAtNDkuMSAxMTYuMSAtNDkuMSA2Ni45IDAgMTEzLjggNDYuOWwxMTYuMSAxMTZxNDYuOCA0Ni45IDQ2LjggMTEzLjl6Ii8+PC9zdmc+); - } - } - &.top{ - margin-top: 1em; - position: relative; - background-size: .9rem; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=); - } - } - &.plugin_bookcreator_addtobook{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); - } - } - &.export_pdf{ - background-size: .9rem auto; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } - } - } - - } - } - - &:hover{ - ul{ - background-color: #fff; - box-shadow: @box-shadow-offset; - li{ - a{ - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top{ - color: @color-nav; - background-position: 95% center; - opacity: .8; - &:hover, &:focus, &:active{ - opacity: 1; - *{ - opacity: 1; - } - color: @color-nav-hover; - background-color: #fff; - } - } - &.plugin_bookcreator_addtobook{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); - } - - } - &.export_pdf{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } - - } - - } - } - } - } - - -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-md { - nav#dokuwiki__pagetools { - right: 8px; - } -} +/** + * This file provides the design styles for the page specific tool bar. + * + * @author Jana Deutschlaender + */ + +/* + FIXME +.pagetools-item(edit, 1); +.pagetools-item(create, 2); +.pagetools-item(show, 4); +.pagetools-item(source, 5); +.pagetools-item(draft, 3); +.pagetools-item(revs, 7, revisions); +.pagetools-item(backlink, 8, backlink); +.pagetools-item(top, 10); +.pagetools-item(revert, 6, revert); +.pagetools-item(subscribe, 9, subscribe); +.pagetools-item(mediaManager, 11); +.pagetools-item(back, 12); +.pagetools-item(img_backto, 12);*/ + + +nav#dokuwiki__pagetools{ + right: -2rem; + top: 3.05rem; + z-index: 100; + ul { + li { + *{ + font-size: .8rem; + } + a{ + font-size: .8rem; + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit{ + opacity: .6; + color: @color-nav; + *{ + color: @color-nav; + } + background-position: 95% center; + background-size: 1rem auto; + &:before{ + visibility: hidden; + } + &:hover, &:focus, &:active{ + opacity: 1; + color: @color-nav-hover; + background-color: #fff; + *{ + color: @color-nav-hover; + } + background-position: 95% center; + &::before{ + visibility: visible; + } + } + } + + &.source{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTM0NC4zIDc4MC43bC0yNy45IDI3LjlxLTUuNiA1LjYgLTEyLjggNS42dC0xMi45IC01LjZMMzAuNyA1NDguNVEyNS4xIDU0MyAyNS4xIDUzNS43dDUuNiAtMTIuOGwyNjAgLTI2MC4xcTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNy45IDI3LjlxNS42IDUuNiA1LjYgMTIuOXQtNS42IDEyLjhMMTI1IDUzNS43IDM0NC4zIDc1NXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOHpNNjc0LjEgMTg1LjNMNDY2IDkwNS43cS0yLjMgNy4yIC04LjcgMTAuOXQtMTMuMSAxLjRsLTM0LjYgLTkuNXEtNy4zIC0yLjIgLTEwLjkgLTguN3QtMS40IC0xMy42TDYwNS41IDE2NS43cTIuMiAtNy4yIDguNiAtMTAuOHQxMy4xIC0xLjRsMzQuNiA5LjRxNy4zIDIuMyAxMC45IDguN3QxLjQgMTMuN3ptMzY2LjYgMzYzLjJsLTI2MCAyNjAuMXEtNS42IDUuNiAtMTIuOCA1LjZUNzU1IDgwOC42bC0yNy45IC0yNy45cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw5NDYuNCA1MzUuNyA3MjcuMSAzMTYuNHEtNS42IC01LjYgLTUuNiAtMTIuOHQ1LjYgLTEyLjlMNzU1IDI2Mi44cTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNjAgMjYwLjFxNS42IDUuNiA1LjYgMTIuOHQtNS42IDEyLjh6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNMzQ0LjMgNzgwLjdsLTI3LjkgMjcuOXEtNS42IDUuNiAtMTIuOCA1LjZ0LTEyLjkgLTUuNkwzMC43IDU0OC41UTI1LjEgNTQzIDI1LjEgNTM1Ljd0NS42IC0xMi44bDI2MCAtMjYwLjFxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI3LjkgMjcuOXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOEwxMjUgNTM1LjcgMzQ0LjMgNzU1cTUuNiA1LjYgNS42IDEyLjl0LTUuNiAxMi44ek02NzQuMSAxODUuM0w0NjYgOTA1LjdxLTIuMyA3LjIgLTguNyAxMC45dC0xMy4xIDEuNGwtMzQuNiAtOS41cS03LjMgLTIuMiAtMTAuOSAtOC43dC0xLjQgLTEzLjZMNjA1LjUgMTY1LjdxMi4yIC03LjIgOC42IC0xMC44dDEzLjEgLTEuNGwzNC42IDkuNHE3LjMgMi4zIDEwLjkgOC43dDEuNCAxMy43em0zNjYuNiAzNjMuMmwtMjYwIDI2MC4xcS01LjYgNS42IC0xMi44IDUuNlQ3NTUgODA4LjZsLTI3LjkgLTI3LjlxLTUuNiAtNS42IC01LjYgLTEyLjh0NS42IC0xMi45TDk0Ni40IDUzNS43IDcyNy4xIDMxNi40cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw3NTUgMjYyLjhxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI2MCAyNjAuMXE1LjYgNS42IDUuNiAxMi44dC01LjYgMTIuOHoiLz48L3N2Zz4=); + } + } + &.edit{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); + } + } + &.revs{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNNTAwIDMwMy42djI1MHEwIDcuOCAtNSAxMi44dC0xMi45IDVIMzAzLjZxLTcuOCAwIC0xMi45IC01dC01IC0xMi44di0zNS43cTAgLTcuOSA1IC0xMi45dDEyLjkgLTVoMTI1VjMwMy42cTAgLTcuOCA1IC0xMi45dDEyLjggLTVoMzUuN3E3LjkgMCAxMi45IDV0NSAxMi45ek03MzIuMSA1MDBxMCAtODIuNiAtNDAuNyAtMTUyLjNUNTgwLjkgMjM3LjIgNDI4LjYgMTk2LjR0LTE1Mi40IDQwLjhUMTY1LjcgMzQ3LjcgMTI1IDUwMHQ0MC43IDE1Mi4zIDExMC41IDExMC41IDE1Mi40IDQwLjggMTUyLjMgLTQwLjhUNjkxLjQgNjUyLjMgNzMyLjEgNTAwem0xMjUgMHEwIDExNi42IC01Ny40IDIxNS4xdC0xNTYgMTU2IC0yMTUuMSA1Ny41VDIxMy40IDg3MS4xIDU3LjUgNzE1LjEgMCA1MDAgNTcuNSAyODQuOXQxNTUuOSAtMTU2VDQyOC42IDcxLjR0MjE1LjEgNTcuNSAxNTYgMTU2VDg1Ny4xIDUwMHoiLz48L3N2Zz4=); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik01MDAgMzAzLjZ2MjUwcTAgNy44IC01IDEyLjh0LTEyLjkgNUgzMDMuNnEtNy44IDAgLTEyLjkgLTV0LTUgLTEyLjh2LTM1LjdxMCAtNy45IDUgLTEyLjl0MTIuOSAtNWgxMjVWMzAzLjZxMCAtNy44IDUgLTEyLjl0MTIuOCAtNWgzNS43cTcuOSAwIDEyLjkgNXQ1IDEyLjl6TTczMi4xIDUwMHEwIC04Mi42IC00MC43IC0xNTIuM1Q1ODAuOSAyMzcuMiA0MjguNiAxOTYuNHQtMTUyLjQgNDAuOFQxNjUuNyAzNDcuNyAxMjUgNTAwdDQwLjcgMTUyLjMgMTEwLjUgMTEwLjUgMTUyLjQgNDAuOCAxNTIuMyAtNDAuOFQ2OTEuNCA2NTIuMyA3MzIuMSA1MDB6bTEyNSAwcTAgMTE2LjYgLTU3LjQgMjE1LjF0LTE1NiAxNTYgLTIxNS4xIDU3LjVUMjEzLjQgODcxLjEgNTcuNSA3MTUuMSAwIDUwMCA1Ny41IDI4NC45dDE1NS45IC0xNTZUNDI4LjYgNzEuNHQyMTUuMSA1Ny41IDE1NiAxNTZUODU3LjEgNTAweiIvPjwvc3ZnPg==); + } + } + &.backlink{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODEyLjUgNjc4LjZxMCAtMjIuMyAtMTUuNiAtMzhsLTExNi4xIC0xMTZxLTE1LjYgLTE1LjcgLTM3LjkgLTE1LjcgLTIzLjUgMCAtNDAuMiAxNy45IDEuNyAxLjcgMTAuNiAxMC4zdDEyIDEyIDguMyAxMC42IDcuMyAxNC4yIDIgMTUuNHEwIDIyLjMgLTE1LjcgMzcuOXQtMzcuOSAxNS43cS04LjQgMCAtMTUuNCAtMnQtMTQuMiAtNy4zIC0xMC42IC04LjMgLTEyIC0xMiAtMTAuMyAtMTAuNnEtMTguNCAxNy4zIC0xOC40IDQwLjcgMCAyMi4zIDE1LjYgMzhsMTE1IDExNS41cTE1IDE1IDM3LjkgMTUgMjIuMyAwIDM3LjkgLTE0LjVMNzk2LjkgNzE2cTE1LjYgLTE1LjcgMTUuNiAtMzcuNHpNNDIwLjIgMjg1LjJxMCAtMjIuNCAtMTUuNiAtMzhsLTExNSAtMTE1LjVRMjc0IDExNi4xIDI1MS43IDExNi4xcS0yMS44IDAgLTM4IDE1bC04MiA4MS41cS0xNS42IDE1LjYgLTE1LjYgMzcuNCAwIDIyLjMgMTUuNiAzNy45TDI0Ny44IDQwNHExNSAxNS4xIDM3LjkgMTUuMSAyMy41IDAgNDAuMiAtMTcuMyAtMS43IC0xLjcgLTEwLjYgLTEwLjN0LTEyIC0xMiAtOC40IC0xMC42IC03LjIgLTE0LjMgLTIgLTE1LjNxMCAtMjIuMyAxNS42IC0zOHQzOCAtMTUuNnE4LjQgMCAxNS4zIDJ0MTQuMyA3LjIgMTAuNiA4LjQgMTIgMTIgMTAuMyAxMC42cTE4LjQgLTE3LjMgMTguNCAtNDAuN3ptNDk5LjQgMzkzLjRxMCA2Ni45IC00Ny40IDExMy4zbC04MiA4MS40cS00Ni4zIDQ2LjMgLTExMy4zIDQ2LjMgLTY3LjUgMCAtMTEzLjggLTQ3LjRsLTExNSAtMTE1LjVRNDAxLjggNzEwLjQgNDAxLjggNjQzLjRxMCAtNjguNiA0OS4xIC0xMTYuNmwtNDkuMSAtNDkuMXEtNDggNDkuMSAtMTE2LjEgNDkuMSAtNjYuOSAwIC0xMTMuOCAtNDYuOUw1NS44IDM2My44UTguOSAzMTcgOC45IDI1MFQ1Ni40IDEzNi43bDgyIC04MS41UTE4NC43IDguOSAyNTEuNyA4LjlxNjcuNSAwIDExMy44IDQ3LjVsMTE1IDExNS41cTQ2LjMgNDYuMyA0Ni4zIDExMy4zIDAgNjguNiAtNDkuMSAxMTYuNmw0OS4xIDQ5LjFxNDggLTQ5LjEgMTE2LjEgLTQ5LjEgNjYuOSAwIDExMy44IDQ2LjlsMTE2LjEgMTE2cTQ2LjggNDYuOSA0Ni44IDExMy45eiIvPjwvc3ZnPg==); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTIuNSA2NzguNnEwIC0yMi4zIC0xNS42IC0zOGwtMTE2LjEgLTExNnEtMTUuNiAtMTUuNyAtMzcuOSAtMTUuNyAtMjMuNSAwIC00MC4yIDE3LjkgMS43IDEuNyAxMC42IDEwLjN0MTIgMTIgOC4zIDEwLjYgNy4zIDE0LjIgMiAxNS40cTAgMjIuMyAtMTUuNyAzNy45dC0zNy45IDE1LjdxLTguNCAwIC0xNS40IC0ydC0xNC4yIC03LjMgLTEwLjYgLTguMyAtMTIgLTEyIC0xMC4zIC0xMC42cS0xOC40IDE3LjMgLTE4LjQgNDAuNyAwIDIyLjMgMTUuNiAzOGwxMTUgMTE1LjVxMTUgMTUgMzcuOSAxNSAyMi4zIDAgMzcuOSAtMTQuNUw3OTYuOSA3MTZxMTUuNiAtMTUuNyAxNS42IC0zNy40ek00MjAuMiAyODUuMnEwIC0yMi40IC0xNS42IC0zOGwtMTE1IC0xMTUuNVEyNzQgMTE2LjEgMjUxLjcgMTE2LjFxLTIxLjggMCAtMzggMTVsLTgyIDgxLjVxLTE1LjYgMTUuNiAtMTUuNiAzNy40IDAgMjIuMyAxNS42IDM3LjlMMjQ3LjggNDA0cTE1IDE1LjEgMzcuOSAxNS4xIDIzLjUgMCA0MC4yIC0xNy4zIC0xLjcgLTEuNyAtMTAuNiAtMTAuM3QtMTIgLTEyIC04LjQgLTEwLjYgLTcuMiAtMTQuMyAtMiAtMTUuM3EwIC0yMi4zIDE1LjYgLTM4dDM4IC0xNS42cTguNCAwIDE1LjMgMnQxNC4zIDcuMiAxMC42IDguNCAxMiAxMiAxMC4zIDEwLjZxMTguNCAtMTcuMyAxOC40IC00MC43em00OTkuNCAzOTMuNHEwIDY2LjkgLTQ3LjQgMTEzLjNsLTgyIDgxLjRxLTQ2LjMgNDYuMyAtMTEzLjMgNDYuMyAtNjcuNSAwIC0xMTMuOCAtNDcuNGwtMTE1IC0xMTUuNVE0MDEuOCA3MTAuNCA0MDEuOCA2NDMuNHEwIC02OC42IDQ5LjEgLTExNi42bC00OS4xIC00OS4xcS00OCA0OS4xIC0xMTYuMSA0OS4xIC02Ni45IDAgLTExMy44IC00Ni45TDU1LjggMzYzLjhROC45IDMxNyA4LjkgMjUwVDU2LjQgMTM2LjdsODIgLTgxLjVRMTg0LjcgOC45IDI1MS43IDguOXE2Ny41IDAgMTEzLjggNDcuNWwxMTUgMTE1LjVxNDYuMyA0Ni4zIDQ2LjMgMTEzLjMgMCA2OC42IC00OS4xIDExNi42bDQ5LjEgNDkuMXE0OCAtNDkuMSAxMTYuMSAtNDkuMSA2Ni45IDAgMTEzLjggNDYuOWwxMTYuMSAxMTZxNDYuOCA0Ni45IDQ2LjggMTEzLjl6Ii8+PC9zdmc+); + } + } + &.top{ + margin-top: 1em; + position: relative; + background-size: .9rem; + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=); + } + } + &.plugin_bookcreator_addtobook{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); + } + } + &.export_pdf{ + background-size: .9rem auto; + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); + } + } + } + + } + } + + &:hover{ + ul{ + background-color: #fff; + box-shadow: @box-shadow-offset; + li{ + a{ + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top{ + color: @color-nav; + background-position: 95% center; + opacity: .8; + &:hover, &:focus, &:active{ + opacity: 1; + *{ + opacity: 1; + } + color: @color-nav-hover; + background-color: #fff; + } + } + &.plugin_bookcreator_addtobook{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); + } + + } + &.export_pdf{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); + } + + } + + } + } + } + } + + +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + nav#dokuwiki__pagetools { + right: 8px; + } +} diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 094400d..9b7dbb6 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -1,155 +1,155 @@ -/** - * This file provides the design styles for the direct / menu jump links. - * - * @author Jana Deutschlaender - */ - - -.nav-usertools { - &.has-bar { - margin-top: @height-context-bar; - padding-top: .5em; - } - - -/* + + + + + icon list + + + + + */ - ul { - float: right; - padding: 0; - margin: .2em -.2rem 0 0; - - li { - .btn-usertools-wrapper(); // uniform li - .btn-usertools-num(); - - float: right; - - > strong, - > a { - display: block; - width: auto; - min-height: 2em; - border: 1px solid @color-border; - border-radius: @border-radius; - color: @color-nav; - text-align: center; - margin: 0; - } - - &.noopentasks { - strong { - background-color: @color-site-bg; - } - - .num { - background-color: @color-border; - color: @color-nav; - } - } - - &.user { - border: 1px solid @color-border; - border-radius: @border-radius; - padding: .3em .25rem; - - bdi { - color: @color-nav; - display: inline-block; - padding-top: 1px; - } - - > bdi:first-of-type { - .fontello(); - .icon-user(); - - &::before { - float: left; - background: @color-nav; - border: 4px solid @color-nav; - border-radius: 50%; - color: #fff; - font-size: .6rem; - margin: -2px 6px -2px 0; - } - } - } // user - - &.user-task { - position: relative; - - a { - position: relative; - overflow: visible; - white-space: normal; - text-indent: 0; - - &::before { - content: ''; - position: absolute; - } - } - - .prefix { - .btn-prefix(); - .icon-clipboard(); - } - } // user-task - } // li - - -/* + + + icons + + + */ - a { - .fontello(); - .hide-text-show-before(); - - cursor: pointer; - background-color: #fff; - text-decoration: none; - transition: @transition color, @transition background-color, @transition border-color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - border-color: @button_background; - //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - color: @button_background; - } - - &::before { - content: "?"; - display: block; - width: 100%; - box-sizing: border-box; - font-size: 1.4em; - cursor: pointer; - margin: .2em 0 0; - } - - /* icon register new user */ - &.register { - .icon-user(); - } - - /* icon log-out */ - &.logout { - .icon-logout(); - } - - /* icon log-in */ - &.login { - .icon-login(); - } - - /* icon admin */ - &.admin { - .icon-cog(); - - &::before { - margin-top: .18rem; - } - } - } // a - } // ul -} // nav-usertools +/** + * This file provides the design styles for the direct / menu jump links. + * + * @author Jana Deutschlaender + */ + + +.nav-usertools { + &.has-bar { + margin-top: @height-context-bar; + padding-top: .5em; + } + + +/* + + + + + icon list + + + + + */ + ul { + float: right; + padding: 0; + margin: .2em -.2rem 0 0; + + li { + .btn-usertools-wrapper(); // uniform li + .btn-usertools-num(); + + float: right; + + > strong, + > a { + display: block; + width: auto; + min-height: 2em; + border: 1px solid @color-border; + border-radius: @border-radius; + color: @color-nav; + text-align: center; + margin: 0; + } + + &.noopentasks { + strong { + background-color: @color-site-bg; + } + + .num { + background-color: @color-border; + color: @color-nav; + } + } + + &.user { + border: 1px solid @color-border; + border-radius: @border-radius; + padding: .3em .25rem; + + bdi { + color: @color-nav; + display: inline-block; + padding-top: 1px; + } + + > bdi:first-of-type { + .fontello(); + .icon-user(); + + &::before { + float: left; + background: @color-nav; + border: 4px solid @color-nav; + border-radius: 50%; + color: #fff; + font-size: .6rem; + margin: -2px 6px -2px 0; + } + } + } // user + + &.user-task { + position: relative; + + a { + position: relative; + overflow: visible; + white-space: normal; + text-indent: 0; + + &::before { + content: ''; + position: absolute; + } + } + + .prefix { + .btn-prefix(); + .icon-clipboard(); + } + } // user-task + } // li + + +/* + + + icons + + + */ + a { + .fontello(); + .hide-text-show-before(); + + cursor: pointer; + background-color: #fff; + text-decoration: none; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:active, + &:focus { + background-color: @button_color; + border-color: @button_background; + //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); + //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); + color: @button_background; + } + + &::before { + content: "?"; + display: block; + width: 100%; + box-sizing: border-box; + font-size: 1.4em; + cursor: pointer; + margin: .2em 0 0; + } + + /* icon register new user */ + &.register { + .icon-user(); + } + + /* icon log-out */ + &.logout { + .icon-logout(); + } + + /* icon log-in */ + &.login { + .icon-login(); + } + + /* icon admin */ + &.admin { + .icon-cog(); + + &::before { + margin-top: .18rem; + } + } + } // a + } // ul +} // nav-usertools diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index 0268218..bf8656e 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -1,78 +1,78 @@ -/** - * This file provides the design styles for the quick search. - * - * @author Jana Deutschlaender - */ - - -.search.main-sidebar { - form { - @icon-size: 40px; - - display: block; - margin: @margin-default 0; - - .no { - #qsearch__in { - width: 100%; - padding-left: 10px; - padding-right: (@icon-size + 10); - } - } - - input { - min-height: @icon-size; - box-sizing: border-box; - } - - button[type="submit"] { - .fontello(); - .hide-text-show-before(); - .icon-search(); - - position: relative; - width: @icon-size; - min-height: @icon-size; - overflow: visible; - background-image: none; - background-color: transparent; - border: solid 1px transparent; - border-right-color: @color-border; - color: @color-nav; - margin-left: -(@icon-size); - padding: 0; - transition: @transition color, @transition background-color, @transition border-color; - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border: solid 1px @button_background; - color: @button_background; - - &::after { - background-color: @button_background; - } - } - - &::before { - width: 100%; - color: inherit; - font-size: 25px; - text-align: center; - margin: 0; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: -1px; - background-color: @color-border; - transition: @transition background-color; - } - } - } -} +/** + * This file provides the design styles for the quick search. + * + * @author Jana Deutschlaender + */ + + +.search.main-sidebar { + form { + @icon-size: 40px; + + display: block; + margin: @margin-default 0; + + .no { + #qsearch__in { + width: 100%; + padding-left: 10px; + padding-right: (@icon-size + 10); + } + } + + input { + min-height: @icon-size; + box-sizing: border-box; + } + + button[type="submit"] { + .fontello(); + .hide-text-show-before(); + .icon-search(); + + position: relative; + width: @icon-size; + min-height: @icon-size; + overflow: visible; + background-image: none; + background-color: transparent; + border: solid 1px transparent; + border-right-color: @color-border; + color: @color-nav; + margin-left: -(@icon-size); + padding: 0; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border: solid 1px @button_background; + color: @button_background; + + &::after { + background-color: @button_background; + } + } + + &::before { + width: 100%; + color: inherit; + font-size: 25px; + text-align: center; + margin: 0; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: -1px; + background-color: @color-border; + transition: @transition background-color; + } + } + } +} diff --git a/css/area_sidetools.less b/css/area_sidetools.less old mode 100644 new mode 100755 index dd818ad..1cc1013 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -1,331 +1,331 @@ -/** - * This file provides the design styles for the sitetools (nav). - * - * @author Jana Deutschlaender - */ - - -.side-tools.main-sidebar { - @icon-size: 2rem; - - counter-increment: bar-counter; - - ul, - .trace { - padding-left: (@icon-size + .5); - } - - ul { - border-bottom: 1px solid @color-border; - } - - li { - list-style-type: none; - - a { - display: list-item; - list-style-type: square; - color: @color-nav; - padding-top: .1em; - padding-bottom: .1em; - transition: @transition color; - - &:hover, - &:focus, - &:active { - color: @button_background; - } - } - - &:first-of-type { - padding-top: .3em; - } - } - - > nav { - > ul { - margin: 0; - padding: 0 0 0 (@icon-size + .5); - - li { - list-style-type: none; - color: @color-nav; - - &:first-of-type { - padding-top: .3em; - } - } - } - } - - -/* + + + + + headlines for linklists + + + + + */ - h6 { - position: relative; - width: auto; - height: auto; - color: @color-nav; - font-weight: normal; - padding: .5em 0 .5em (@icon-size + 1.1); - - &[class="sr-only"] { - border-bottom: solid 1px @color-border; - } - - * { - color: inherit; - } - - -/* + + + icon + + + */ - &::before { - content: counter(bar-counter, lower-alpha); - position: absolute; - top: 0; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - text-align: center; - margin-top: auto; - margin-bottom: auto; - } - - -/* + + + line bottom + + + */ - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .6); - background-color: @color-border; - transition: @transition background-color; - } - - + ul, - + div { - height: auto; - overflow: hidden; - } - - -/* + + + toggle + + + */ - &.opened, - &.closed { - padding: 0; - - &::before, - &::after { - display: none; - } - - a { - position: relative; - display: block; - border: 1px solid transparent; - border-radius: 2px; - padding: .6em 0 .6em (@icon-size + 1); - transition: @transition color, @transition background-color, @transition border-color; - - &::before { - content: counter(bar-counter, lower-alpha); - position: absolute; - top: -.1em; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - transition: @transition color; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - transition: @transition background-color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - - &::after { - background-color: @button_background; - } - } - } - } - - &.opened { - a { - background-color: @button_background; - color: @button_color; - - &::before { - color: @button_color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - } - } - - + ul, - + div { - height: auto; - overflow: hidden; - } - - + ul { - margin-top: .5em; - padding-bottom: .4rem; - } - } - - &.closed { - + ul, - + div { - height: 0; - } - } - } - - -/* + + + + + f.i. trace + + + + + */ - p { - max-height: 6rem; - overflow-y: auto; - background-color: @color-content-bg; - border: 1px solid @button_background; - border-radius: 2px; - font-size: .8rem; - margin-top: .1rem; - padding: .3rem .6em; - - * { - font-size: inherit; - } - - .bchead { - display: none; - } - - .bcsep { - float: left; - clear: both; - display: block; - width: 3%; - vertical-align: top; - color: @color-link; - padding-top: .3em; - } - - .breadcrumbs { - border: 0 none; - padding: 0; - margin: 0; - } - - bdi { - display: block; - float: left; - width: 94%; - line-height: 125%; - padding: .1rem 0; - margin-left: 2%; - } - - a { - cursor: pointer; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - .side-tools.main-sidebar { - h6 { - font-size: .9rem; - - * { - font-size: inherit; - } - } - - li { - font-size: .8rem; - padding: .1em 0 .1em .1rem; - - > * { - font-size: inherit; - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1439px */ - -@media @screen_max-xlg { - .side-tools.main-sidebar { - h6 { - font-size: 1rem; - } - - li { - font-size: .9rem; - padding: .15em 0 .15em .23rem; - - > * { - font-size: inherit; - } - } - - p { - font-size: .9rem; - } - } -} +/** + * This file provides the design styles for the sitetools (nav). + * + * @author Jana Deutschlaender + */ + + +.side-tools.main-sidebar { + @icon-size: 2rem; + + counter-increment: bar-counter; + + ul, + .trace { + padding-left: (@icon-size + .5); + } + + ul { + border-bottom: 1px solid @color-border; + } + + li { + list-style-type: none; + + a { + display: list-item; + list-style-type: square; + color: @color-nav; + padding-top: .1em; + padding-bottom: .1em; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_background; + } + } + + &:first-of-type { + padding-top: .3em; + } + } + + > nav { + > ul { + margin: 0; + padding: 0 0 0 (@icon-size + .5); + + li { + list-style-type: none; + color: @color-nav; + + &:first-of-type { + padding-top: .3em; + } + } + } + } + + +/* + + + + + headlines for linklists + + + + + */ + h6 { + position: relative; + width: auto; + height: auto; + color: @color-nav; + font-weight: normal; + padding: .5em 0 .5em (@icon-size + 1.1); + + &[class="sr-only"] { + border-bottom: solid 1px @color-border; + } + + * { + color: inherit; + } + + +/* + + + icon + + + */ + &::before { + content: counter(bar-counter, lower-alpha); + position: absolute; + top: 0; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + +/* + + + line bottom + + + */ + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .6); + background-color: @color-border; + transition: @transition background-color; + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + +/* + + + toggle + + + */ + &.opened, + &.closed { + padding: 0; + + &::before, + &::after { + display: none; + } + + a { + position: relative; + display: block; + border: 1px solid transparent; + border-radius: 2px; + padding: .6em 0 .6em (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + content: counter(bar-counter, lower-alpha); + position: absolute; + top: -.1em; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + transition: @transition color; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + + &::after { + background-color: @button_background; + } + } + } + } + + &.opened { + a { + background-color: @button_background; + color: @button_color; + + &::before { + color: @button_color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + } + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + + ul { + margin-top: .5em; + padding-bottom: .4rem; + } + } + + &.closed { + + ul, + + div { + height: 0; + } + } + } + + +/* + + + + + f.i. trace + + + + + */ + p { + max-height: 6rem; + overflow-y: auto; + background-color: @color-content-bg; + border: 1px solid @button_background; + border-radius: 2px; + font-size: .8rem; + margin-top: .1rem; + padding: .3rem .6em; + + * { + font-size: inherit; + } + + .bchead { + display: none; + } + + .bcsep { + float: left; + clear: both; + display: block; + width: 3%; + vertical-align: top; + color: @color-link; + padding-top: .3em; + } + + .breadcrumbs { + border: 0 none; + padding: 0; + margin: 0; + } + + bdi { + display: block; + float: left; + width: 94%; + line-height: 125%; + padding: .1rem 0; + margin-left: 2%; + } + + a { + cursor: pointer; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + .side-tools.main-sidebar { + h6 { + font-size: .9rem; + + * { + font-size: inherit; + } + } + + li { + font-size: .8rem; + padding: .1em 0 .1em .1rem; + + > * { + font-size: inherit; + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + .side-tools.main-sidebar { + h6 { + font-size: 1rem; + } + + li { + font-size: .9rem; + padding: .15em 0 .15em .23rem; + + > * { + font-size: inherit; + } + } + + p { + font-size: .9rem; + } + } +} diff --git a/css/base.less b/css/base.less index 8aa3cda..49f4193 100755 --- a/css/base.less +++ b/css/base.less @@ -1,430 +1,430 @@ -/** - * This file provides the basic vars and reset styles. - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* converted vars */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@background_page-header: __background_page-header__; - -@border-radius: __default_border_radius__; - -@font_family_screen: __font_family_screen__; - -@color-text: __text__; -@color-border: __border__; -@color-nav: __nav_menu_color__; -@color-nav-hover: __nav_menu_hover_color__; -@color-nav-hover-bg: __nav_menu_hover_bg__; - -@color-content-bg: __background_content__; -@color-site-bg: __background_site__; - -@color-link: __existing__; -@color-link-hover: @color-nav; - -@button_color: __button_color__; -@button_background: __button_background__; - -@box-shadow-offset: __box_shadow_offset__; -@box-shadow: __box_shadow__; -@box-shadow-colored: __box_shadow_colored__; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* global vars */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@height-context-bar: 50px; - -@margin-small: 1rem; -@margin-default: 1.5rem; -@margin-big: 2.5rem; - -@grid: @margin-small; - -@transition: ease-out .30s; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* fonts */ - -@font-size-small: .75rem; -@font-size-default: .88rem; -@font-size-big: 1.5rem; -@font-size-bigger: 1.75rem; - -@line-height-default: 125%; -@line-height-big: 135%; -@line-height-bigger: 140%; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* breakpoints */ - -@break-min-xxs: 480; -@break-max-xxs: (@break-min-xxs - 1); - -@break-min-xs: 768; -@break-max-xs: (@break-min-xs - 1); - -@break-min-sm: 992; -@break-max-sm: (@break-min-xs - 1); - -@break-min-md: 1024; -@break-max-md: (@break-min-md - 1); - -@break-min-lg: 1200; -@break-max-lg: (@break-min-lg - 1); - -@break-min-xlg: 1440; -@break-max-xlg: (@break-min-xlg - 1); - -@break-min-xxlg: 1600; -@break-max-xxlg: (@break-min-xlg - 1); - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* media queries for breakpoints */ - -@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; -@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; - -@screen_min-xs: ~"only screen and (min-width: " ~"@{break-min-xs}px)"; -@screen_max-xs: ~"only screen and (max-width: " ~"@{break-max-xs}px)"; - -@screen_min-sm: ~"only screen and (min-width: " ~"@{break-min-sm}px)"; -@screen_max-sm: ~"only screen and (max-width: " ~"@{break-max-sm}px)"; - -@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)"; -@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)"; -@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; - -@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)"; -@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)"; - -@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)"; -@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)"; - -@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)"; -@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* col width */ - -@c12: 100%; -@c11: 91.66666667%; -@c10: 83.33333333%; -@c9: 75%; -@c8: 66.66666667%; -@c7: 58.33333333%; -@c6: 50%; -@c5: 41.66666667%; -@c4: 33.33333333%; -@c3: 25%; -@c2: 16.66666667%; -@c1: 8.33333333%; - -@grid-columns: 12; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -html, -body { - .reset(); - - font-size: 100.1%; -} - -header, -.nav-direct{ - .elementsReset(); -} - -div, span, object, -h1, h2, h3, h4, h5, h6, p, blockquote, -a, abbr, em,acronym, img, strong, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -input, select, option, textarea, button { - font-size: 1rem; - line-height: 100%; -} - - -ol, -ul { - list-style: none outside none; -} - -blockquote, -q { - quotes: none; -} - -acronym { - cursor: help; - border-bottom: dotted 1px #333; -} - -*:focus { - outline: 0; -} - -table{ - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - caption-side: top; -} - -caption, -th, -td { - text-align: left; - vertical-align: top; -} - -img { - display: block; - float: none; - border: none 0; - line-height: @line-height-default; -} - -*, -div, -nav, -header { - box-sizing: border-box; -} - -header, -footer, -.container, -.row, nav, -nav > ul { - &::before, - &::after { - display: table; - content: " "; - clear: both; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* css behaviour */ - -.sr-out { - .sr-out(); -} - -.sr-only { - .sr-only(); -} - -.structure, -.none, -.mobile-only { - display: none; -} - -.mobile-only { - display: none; - @media @screen_max-md { - display: inline-block; - } -} - -.mobile-hide { - display: inline-block; - - @media @screen_max-md { - display: none; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* screen only */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media screen { - html { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - } - - article, aside, details, figcaption, figure, footer, header, - main, menu, nav, section, summary { - display: block; - } - - audio, - canvas, - progress, - video { - display: inline-block; - vertical-align: baseline; - } - - audio:not([controls]) { - display: none; - height: 0; - } - - [hidden], - template { - display: none; - } - - a:active, - a:hover { - outline: 0; - } - - abbr[title] { - border-bottom: 1px dotted; - } - - small { - font-size: 80%; - } - - sub, - sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - - sup { - top: -0.5em; - } - - sub { - bottom: -0.25em; - } - - svg:not(:root) { - overflow: hidden; - } - - hr { - box-sizing: content-box; - height: 0; - } - - pre { - overflow: auto; - } - - code, - kbd, - pre, - samp { - font-family: monospace, monospace; - font-size: 1em; - } - - button, - input, - optgroup, - select, - textarea { - color: inherit; - font: inherit; - margin: 0; - } - - button, - select { - text-transform: none; - } - - button { - overflow: visible; - } - - input { - &[type="checkbox"], - &[type="radio"] { - box-sizing: border-box; - padding: 0; - } - - &[type="number"] { - &::-webkit-inner-spin-button, - &::-webkit-outer-spin-button { - height: auto; - } - } - - &[type="search"] { - -webkit-appearance: textfield; - box-sizing: content-box; - - &::-webkit-search-cancel-button, - &::-webkit-search-decoration { - -webkit-appearance: none; - } - } - } - - legend { - border: 0; - padding: 0; - } - - textarea { - overflow: auto; - } - - table { - border-collapse: collapse; - border-spacing: 0; - } - - td, - th { - padding: 0; - } - - html, body, div, span, applet, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, - a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, - small, strike, strong, sub, sup, tt, var, - b, u, i, center, - dl, dt, dd, ol, ul, li, - fieldset, form, label, legend, - table, caption, tbody, tfoot, thead, tr, th, td, - article, aside, canvas, details, embed, - figure, figcaption, footer, header, - menu, nav, output, ruby, section, summary, - time, mark, audio, video { - font-family: @font_family_screen; - color: @ini_text; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* print only */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media print { - body { - font-size: 12pt; - } -} +/** + * This file provides the basic vars and reset styles. + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* converted vars */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@background_page-header: __background_page-header__; + +@border-radius: __default_border_radius__; + +@font_family_screen: __font_family_screen__; + +@color-text: __text__; +@color-border: __border__; +@color-nav: __nav_menu_color__; +@color-nav-hover: __nav_menu_hover_color__; +@color-nav-hover-bg: __nav_menu_hover_bg__; + +@color-content-bg: __background_content__; +@color-site-bg: __background_site__; + +@color-link: __existing__; +@color-link-hover: @color-nav; + +@button_color: __button_color__; +@button_background: __button_background__; + +@box-shadow-offset: __box_shadow_offset__; +@box-shadow: __box_shadow__; +@box-shadow-colored: __box_shadow_colored__; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* global vars */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@height-context-bar: 50px; + +@margin-small: 1rem; +@margin-default: 1.5rem; +@margin-big: 2.5rem; + +@grid: @margin-small; + +@transition: ease-out .30s; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* fonts */ + +@font-size-small: .75rem; +@font-size-default: .88rem; +@font-size-big: 1.5rem; +@font-size-bigger: 1.75rem; + +@line-height-default: 125%; +@line-height-big: 135%; +@line-height-bigger: 140%; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* breakpoints */ + +@break-min-xxs: 480; +@break-max-xxs: (@break-min-xxs - 1); + +@break-min-xs: 768; +@break-max-xs: (@break-min-xs - 1); + +@break-min-sm: 992; +@break-max-sm: (@break-min-xs - 1); + +@break-min-md: 1024; +@break-max-md: (@break-min-md - 1); + +@break-min-lg: 1200; +@break-max-lg: (@break-min-lg - 1); + +@break-min-xlg: 1440; +@break-max-xlg: (@break-min-xlg - 1); + +@break-min-xxlg: 1600; +@break-max-xxlg: (@break-min-xlg - 1); + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* media queries for breakpoints */ + +@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; +@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; + +@screen_min-xs: ~"only screen and (min-width: " ~"@{break-min-xs}px)"; +@screen_max-xs: ~"only screen and (max-width: " ~"@{break-max-xs}px)"; + +@screen_min-sm: ~"only screen and (min-width: " ~"@{break-min-sm}px)"; +@screen_max-sm: ~"only screen and (max-width: " ~"@{break-max-sm}px)"; + +@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)"; +@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)"; +@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; + +@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)"; +@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)"; + +@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)"; +@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)"; + +@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)"; +@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* col width */ + +@c12: 100%; +@c11: 91.66666667%; +@c10: 83.33333333%; +@c9: 75%; +@c8: 66.66666667%; +@c7: 58.33333333%; +@c6: 50%; +@c5: 41.66666667%; +@c4: 33.33333333%; +@c3: 25%; +@c2: 16.66666667%; +@c1: 8.33333333%; + +@grid-columns: 12; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +html, +body { + .reset(); + + font-size: 100.1%; +} + +header, +.nav-direct{ + .elementsReset(); +} + +div, span, object, +h1, h2, h3, h4, h5, h6, p, blockquote, +a, abbr, em,acronym, img, strong, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +input, select, option, textarea, button { + font-size: 1rem; + line-height: 100%; +} + + +ol, +ul { + list-style: none outside none; +} + +blockquote, +q { + quotes: none; +} + +acronym { + cursor: help; + border-bottom: dotted 1px #333; +} + +*:focus { + outline: 0; +} + +table{ + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + caption-side: top; +} + +caption, +th, +td { + text-align: left; + vertical-align: top; +} + +img { + display: block; + float: none; + border: none 0; + line-height: @line-height-default; +} + +*, +div, +nav, +header { + box-sizing: border-box; +} + +header, +footer, +.container, +.row, nav, +nav > ul { + &::before, + &::after { + display: table; + content: " "; + clear: both; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* css behaviour */ + +.sr-out { + .sr-out(); +} + +.sr-only { + .sr-only(); +} + +.structure, +.none, +.mobile-only { + display: none; +} + +.mobile-only { + display: none; + @media @screen_max-md { + display: inline-block; + } +} + +.mobile-hide { + display: inline-block; + + @media @screen_max-md { + display: none; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* screen only */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media screen { + html { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + } + + article, aside, details, figcaption, figure, footer, header, + main, menu, nav, section, summary { + display: block; + } + + audio, + canvas, + progress, + video { + display: inline-block; + vertical-align: baseline; + } + + audio:not([controls]) { + display: none; + height: 0; + } + + [hidden], + template { + display: none; + } + + a:active, + a:hover { + outline: 0; + } + + abbr[title] { + border-bottom: 1px dotted; + } + + small { + font-size: 80%; + } + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sup { + top: -0.5em; + } + + sub { + bottom: -0.25em; + } + + svg:not(:root) { + overflow: hidden; + } + + hr { + box-sizing: content-box; + height: 0; + } + + pre { + overflow: auto; + } + + code, + kbd, + pre, + samp { + font-family: monospace, monospace; + font-size: 1em; + } + + button, + input, + optgroup, + select, + textarea { + color: inherit; + font: inherit; + margin: 0; + } + + button, + select { + text-transform: none; + } + + button { + overflow: visible; + } + + input { + &[type="checkbox"], + &[type="radio"] { + box-sizing: border-box; + padding: 0; + } + + &[type="number"] { + &::-webkit-inner-spin-button, + &::-webkit-outer-spin-button { + height: auto; + } + } + + &[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; + + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { + -webkit-appearance: none; + } + } + } + + legend { + border: 0; + padding: 0; + } + + textarea { + overflow: auto; + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + td, + th { + padding: 0; + } + + html, body, div, span, applet, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, + a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, + b, u, i, center, + dl, dt, dd, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + article, aside, canvas, details, embed, + figure, figcaption, footer, header, + menu, nav, output, ruby, section, summary, + time, mark, audio, video { + font-family: @font_family_screen; + color: @ini_text; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* print only */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media print { + body { + font-size: 12pt; + } +} diff --git a/css/base_design.less b/css/base_design.less index 8e3b5b6..37ae4c0 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -1,651 +1,651 @@ -/** - * This file provides the main design styles - * across all template elements (typo, colors etc.) - * - * @author Jana Deutschlaender - */ - - -html, body { - background-color: @color-site-bg; -} - -a { - color: @color-link; -} - -/* highlight selected tool */ -.mode_admin a.action.admin, -.mode_login a.action.login, -.mode_register a.action.register, -.mode_profile a.action.profile, -.mode_recent a.action.recent, -.mode_index a.action.index, -.mode_media a.action.media, -.mode_revisions a.action.revs, -.mode_backlink a.action.backlink, -.mode_subscribe a.action.subscribe { - font-weight: bold; -} - -.dokuwiki .pageId { - float: right; - margin-right: -1em; - margin-bottom: -1px; - margin-top: -1.5em; - overflow: hidden; - padding: 0.5em 1em 0; - - span { - font-size: 0.875em; - border: solid @ini_background_alt; - border-width: 1px 1px 0; - background-color: @ini_background; - color: @ini_text_alt; - padding: .1em .35em; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - box-shadow: 0 0 .5em @ini_text_alt; - display: block; - } -} - -.dokuwiki div.page { - clear: both; - background: @color-content-bg; - color: inherit; - padding: 1rem 2rem 2rem; - // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border - overflow: hidden; - word-wrap: break-word; -} - -.dokuwiki .docInfo { - font-size: 0.5rem; - text-align: right; -} - -/* license note under edit window */ -.dokuwiki div.license { - font-size: 93.75%; -} - -[dir=rtl] .dokuwiki .docInfo { - text-align: left; -} - -[dir=rtl] .dokuwiki .pageId { - float: left; - margin-left: -1em; - margin-right: 0; -} - -caption, -figcaption, -summary, -legend { - padding: 0; - margin: 0 0 .35em; - line-height: 1.2; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - padding: 0; - line-height: 1.2; - clear: both; -} - -[dir=rtl] h1, -[dir=rtl] h2, -[dir=rtl] h3, -[dir=rtl] h4, -[dir=rtl] h5, -[dir=rtl] h6 { - clear: right; -} - -h1 { - font-size: 1.4rem; - margin: 0 0 0.444em; - padding-top: 1em; -} - -h2 { - font-size: 1.12rem; - margin: 0 0 0.666em; -} - -h3 { - font-size: 1rem; - margin: 0 0 0.888em; -} - -h4 { - font-size: .94rem; - margin: 0 0 1.0em; -} - -h5 { - font-size: .88rem; - margin: 0 0 1.1428em; -} - -h6 { - font-size: .83rem; - margin: 0 0 1.333em; -} - -p { - font-size: .88rem; - line-height: 135%; - - a, - span, - strong { - font-size: inherit; - } -} - -label, -legend, -button { - font-size: .88rem; - - a, - span, - strong { - font-size: inherit; - } -} - -hr, -figure, -details, -address { - font-size: .88rem; - line-height: 140%; -} - -p, -ul, -ol, -dl, -pre, -table, -hr, -blockquote, -figure, -details, -fieldset, -address { - margin: 0 0 1.4em; /* bottom margin = line-height */ - padding: 0; -} - -div, -video, -audio { - margin: 0; - padding: 0; -} - -small, -.code { - font-size: .75rem; -} - -.code { - margin-top: @grid; -} - - -/*____________ lists ____________*/ - -ul, -ol { - font-size: .88rem; - line-height: 140%; - padding: 0 0 0 1.5em; -} - -[dir=rtl] ul, -[dir=rtl] ol { - padding: 0 1.5em 0 0; -} - -li, -dd { - padding: 0; - margin: 0 0 0 1.5em; -} - -[dir=rtl] li, -[dir=rtl] dd { - margin: 0 1.5em 0 0; -} - -dl { - font-size: .88rem; - line-height: 140%; -} - -dt { - font-weight: bold; - margin: 0; - padding: 0; -} - -li ul, -li ol, -li dl, -dl ul, -dl ol, -dl dl { - margin-bottom: 0; - padding: 0; -} - -li li { - font-size: 100%; -} - -ul { - list-style: square outside; -} - -ol { - list-style: decimal outside; -} - -ol ol { - list-style-type: lower-alpha; -} - -ol ol ol { - list-style-type: upper-roman; -} - -ol ol ol ol { - list-style-type: upper-alpha; -} - -ol ol ol ol ol { - list-style-type: lower-roman; -} - -table { - border-collapse: collapse; - empty-cells: show; - border-spacing: 0; - border: 1px solid @color-border; - font-size: .88rem; - line-height: 140%; -} - -caption { - caption-side: top; - text-align: left; -} - -[dir=rtl] caption { - text-align: right; -} - -th, -td { - padding: .3em .5em; - margin: 0; - vertical-align: top; - border: 1px solid @color-border; -} - -th { - font-weight: bold; - background-color: @ini_background_alt; - text-align: left; -} - -[dir=rtl] th { - text-align: right; -} - -a { - outline: none; -} - -a:link, -a:visited { - text-decoration: none; - color: @color-link; -} - -a:hover, -a:focus, -a:active { - text-decoration: underline; -} - -img { - display: inline-block; - border-width: 0; - vertical-align: middle; - color: #666; - background-color: transparent; - font-style: italic; - height: auto; -} - -img, -object, -embed, -iframe, -video, -audio { - max-width: 100%; -} - -button img { - max-width: none; -} - -hr { - border-top: solid @color-border; - border-bottom: solid @ini_background; - border-width: 1px 0; - height: 0; - text-align: center; - clear: both; -} - -acronym, -abbr { - cursor: help; - border-bottom: 1px dotted; - font-style: normal; -} - -em acronym, -em abbr { - font-style: italic; -} - -mark { - background-color: @ini_highlight; - color: inherit; -} - -pre, -code, -samp, -kbd { - 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: 1em; - direction: ltr; - text-align: left; - background-color: @color-site-bg; - color: @color-text; - box-shadow: inset 0 0 .3em @color-border; - border-radius: 2px; -} - -pre { - overflow: auto; - word-wrap: normal; - border: 1px solid @color-border; - border-radius: 2px; - box-shadow: inset 0 0 .5em @color-border; - font-size: .88rem; - line-height: 140%; - padding: .7em 1em; -} - -blockquote { - border: solid @color-border; - border-width: 0 0 0 .25em; - font-size: .88rem; - line-height: 140%; - padding: 0 .5em; -} - -[dir=rtl] blockquote { - border-width: 0 .25em 0 0; -} - -q:before, -q:after { - content: ''; -} - -sub, -sup { - font-size: .8em; - line-height: 1; -} - -sub { - vertical-align: sub; -} - -sup { - vertical-align: super; -} - -small { - font-size: .9em; -} - - -/*____________ forms ____________*/ - -/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ - -form { - display: inline; - margin: 0; - padding: 0; -} - -fieldset { - font-size: .88rem; - line-height: 140%; - border: 1px solid @ini_text_alt; - padding: .7rem 1rem; -} - -fieldset > :last-child { - margin-bottom: 0; -} - -legend { - margin: 0; - padding: 0 .1em; -} - -label { - vertical-align: middle; - cursor: pointer; -} - -input, -textarea, -button, -select, -optgroup, -option, -keygen, -output, -meter, -progress { - font: inherit; - font-weight: normal; - color: #333; - background-color: #fff; - line-height: normal; - margin: 0; - vertical-align: middle; - box-sizing: border-box; -} - -select { - max-width: 100%; -} - -textarea.edit { - font-size: .88em; -} - -optgroup { - font-style: italic; - font-weight: bold; -} - -option { - font-style: normal; - font-weight: normal; -} - -input, -textarea, -select, -keygen { - border: 1px solid #ccc; - box-shadow: inset 0 0 1px #eee; - border-radius: 2px; -} - -input:active, -input:focus, -textarea:active, -textarea:focus, -select:active, -select:focus, -keygen:active, -keygen:focus { - border-color: #999; -} - -input[type=radio], -input[type=checkbox], -input[type=image] { - padding: 0; - border-style: none; - box-shadow: none; -} - - -/* + + + + + buttons + + + + + */ -button { - background-color: #eee; - 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%); - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - cursor: pointer; - transition: @transition background-color, @transition color; - - &:hover, - &:focus, - &:active { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - } -} - - -/* + + + all types of submit-buttons + + + */ -a.button, -input[type=submit], -input[type=reset], -button[type=submit], -.qq-upload-button { - cursor: pointer; - background-image: none; - background-color: @button_background; - border: 1px solid @button_background; - border-radius: 2px; - color: @button_color; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - color: @button_background; - } -} - - -/* + + + all types of buttons not being submit-buttons + + + */ -input.button, -input[type=button] { - cursor: pointer; - 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; - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - border-color: #999; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - } -} - - -/* + + + all disabled buttons + + + */ -input[disabled], -button[disabled], -select[disabled], -textarea[disabled], -option[disabled], -input[readonly], -button[readonly], -select[readonly], -textarea[readonly] { - cursor: auto; - 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 #ccc; - border-radius: 2px; - color: #333; - font-weight: normal; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - color: #333; - } -} - -input::-moz-focus-inner, -button::-moz-focus-inner { - border: 0; - padding: 0; -} +/** + * This file provides the main design styles + * across all template elements (typo, colors etc.) + * + * @author Jana Deutschlaender + */ + + +html, body { + background-color: @color-site-bg; +} + +a { + color: @color-link; +} + +/* highlight selected tool */ +.mode_admin a.action.admin, +.mode_login a.action.login, +.mode_register a.action.register, +.mode_profile a.action.profile, +.mode_recent a.action.recent, +.mode_index a.action.index, +.mode_media a.action.media, +.mode_revisions a.action.revs, +.mode_backlink a.action.backlink, +.mode_subscribe a.action.subscribe { + font-weight: bold; +} + +.dokuwiki .pageId { + float: right; + margin-right: -1em; + margin-bottom: -1px; + margin-top: -1.5em; + overflow: hidden; + padding: 0.5em 1em 0; + + span { + font-size: 0.875em; + border: solid @ini_background_alt; + border-width: 1px 1px 0; + background-color: @ini_background; + color: @ini_text_alt; + padding: .1em .35em; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + box-shadow: 0 0 .5em @ini_text_alt; + display: block; + } +} + +.dokuwiki div.page { + clear: both; + background: @color-content-bg; + color: inherit; + padding: 1rem 2rem 2rem; + // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border + overflow: hidden; + word-wrap: break-word; +} + +.dokuwiki .docInfo { + font-size: 0.5rem; + text-align: right; +} + +/* license note under edit window */ +.dokuwiki div.license { + font-size: 93.75%; +} + +[dir=rtl] .dokuwiki .docInfo { + text-align: left; +} + +[dir=rtl] .dokuwiki .pageId { + float: left; + margin-left: -1em; + margin-right: 0; +} + +caption, +figcaption, +summary, +legend { + padding: 0; + margin: 0 0 .35em; + line-height: 1.2; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + padding: 0; + line-height: 1.2; + clear: both; +} + +[dir=rtl] h1, +[dir=rtl] h2, +[dir=rtl] h3, +[dir=rtl] h4, +[dir=rtl] h5, +[dir=rtl] h6 { + clear: right; +} + +h1 { + font-size: 1.4rem; + margin: 0 0 0.444em; + padding-top: 1em; +} + +h2 { + font-size: 1.12rem; + margin: 0 0 0.666em; +} + +h3 { + font-size: 1rem; + margin: 0 0 0.888em; +} + +h4 { + font-size: .94rem; + margin: 0 0 1.0em; +} + +h5 { + font-size: .88rem; + margin: 0 0 1.1428em; +} + +h6 { + font-size: .83rem; + margin: 0 0 1.333em; +} + +p { + font-size: .88rem; + line-height: 135%; + + a, + span, + strong { + font-size: inherit; + } +} + +label, +legend, +button { + font-size: .88rem; + + a, + span, + strong { + font-size: inherit; + } +} + +hr, +figure, +details, +address { + font-size: .88rem; + line-height: 140%; +} + +p, +ul, +ol, +dl, +pre, +table, +hr, +blockquote, +figure, +details, +fieldset, +address { + margin: 0 0 1.4em; /* bottom margin = line-height */ + padding: 0; +} + +div, +video, +audio { + margin: 0; + padding: 0; +} + +small, +.code { + font-size: .75rem; +} + +.code { + margin-top: @grid; +} + + +/*____________ lists ____________*/ + +ul, +ol { + font-size: .88rem; + line-height: 140%; + padding: 0 0 0 1.5em; +} + +[dir=rtl] ul, +[dir=rtl] ol { + padding: 0 1.5em 0 0; +} + +li, +dd { + padding: 0; + margin: 0 0 0 1.5em; +} + +[dir=rtl] li, +[dir=rtl] dd { + margin: 0 1.5em 0 0; +} + +dl { + font-size: .88rem; + line-height: 140%; +} + +dt { + font-weight: bold; + margin: 0; + padding: 0; +} + +li ul, +li ol, +li dl, +dl ul, +dl ol, +dl dl { + margin-bottom: 0; + padding: 0; +} + +li li { + font-size: 100%; +} + +ul { + list-style: square outside; +} + +ol { + list-style: decimal outside; +} + +ol ol { + list-style-type: lower-alpha; +} + +ol ol ol { + list-style-type: upper-roman; +} + +ol ol ol ol { + list-style-type: upper-alpha; +} + +ol ol ol ol ol { + list-style-type: lower-roman; +} + +table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1px solid @color-border; + font-size: .88rem; + line-height: 140%; +} + +caption { + caption-side: top; + text-align: left; +} + +[dir=rtl] caption { + text-align: right; +} + +th, +td { + padding: .3em .5em; + margin: 0; + vertical-align: top; + border: 1px solid @color-border; +} + +th { + font-weight: bold; + background-color: @ini_background_alt; + text-align: left; +} + +[dir=rtl] th { + text-align: right; +} + +a { + outline: none; +} + +a:link, +a:visited { + text-decoration: none; + color: @color-link; +} + +a:hover, +a:focus, +a:active { + text-decoration: underline; +} + +img { + display: inline-block; + border-width: 0; + vertical-align: middle; + color: #666; + background-color: transparent; + font-style: italic; + height: auto; +} + +img, +object, +embed, +iframe, +video, +audio { + max-width: 100%; +} + +button img { + max-width: none; +} + +hr { + border-top: solid @color-border; + border-bottom: solid @ini_background; + border-width: 1px 0; + height: 0; + text-align: center; + clear: both; +} + +acronym, +abbr { + cursor: help; + border-bottom: 1px dotted; + font-style: normal; +} + +em acronym, +em abbr { + font-style: italic; +} + +mark { + background-color: @ini_highlight; + color: inherit; +} + +pre, +code, +samp, +kbd { + 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: 1em; + direction: ltr; + text-align: left; + background-color: @color-site-bg; + color: @color-text; + box-shadow: inset 0 0 .3em @color-border; + border-radius: 2px; +} + +pre { + overflow: auto; + word-wrap: normal; + border: 1px solid @color-border; + border-radius: 2px; + box-shadow: inset 0 0 .5em @color-border; + font-size: .88rem; + line-height: 140%; + padding: .7em 1em; +} + +blockquote { + border: solid @color-border; + border-width: 0 0 0 .25em; + font-size: .88rem; + line-height: 140%; + padding: 0 .5em; +} + +[dir=rtl] blockquote { + border-width: 0 .25em 0 0; +} + +q:before, +q:after { + content: ''; +} + +sub, +sup { + font-size: .8em; + line-height: 1; +} + +sub { + vertical-align: sub; +} + +sup { + vertical-align: super; +} + +small { + font-size: .9em; +} + + +/*____________ forms ____________*/ + +/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ + +form { + display: inline; + margin: 0; + padding: 0; +} + +fieldset { + font-size: .88rem; + line-height: 140%; + border: 1px solid @ini_text_alt; + padding: .7rem 1rem; +} + +fieldset > :last-child { + margin-bottom: 0; +} + +legend { + margin: 0; + padding: 0 .1em; +} + +label { + vertical-align: middle; + cursor: pointer; +} + +input, +textarea, +button, +select, +optgroup, +option, +keygen, +output, +meter, +progress { + font: inherit; + font-weight: normal; + color: #333; + background-color: #fff; + line-height: normal; + margin: 0; + vertical-align: middle; + box-sizing: border-box; +} + +select { + max-width: 100%; +} + +textarea.edit { + font-size: .88em; +} + +optgroup { + font-style: italic; + font-weight: bold; +} + +option { + font-style: normal; + font-weight: normal; +} + +input, +textarea, +select, +keygen { + border: 1px solid #ccc; + box-shadow: inset 0 0 1px #eee; + border-radius: 2px; +} + +input:active, +input:focus, +textarea:active, +textarea:focus, +select:active, +select:focus, +keygen:active, +keygen:focus { + border-color: #999; +} + +input[type=radio], +input[type=checkbox], +input[type=image] { + padding: 0; + border-style: none; + box-shadow: none; +} + + +/* + + + + + buttons + + + + + */ +button { + background-color: #eee; + 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%); + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + padding: .1em .5em; + cursor: pointer; + transition: @transition background-color, @transition color; + + &:hover, + &:focus, + &:active { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + } +} + + +/* + + + all types of submit-buttons + + + */ +a.button, +input[type=submit], +input[type=reset], +button[type=submit], +.qq-upload-button { + cursor: pointer; + background-image: none; + background-color: @button_background; + border: 1px solid @button_background; + border-radius: 2px; + color: @button_color; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: @button_color; + color: @button_background; + } +} + + +/* + + + all types of buttons not being submit-buttons + + + */ +input.button, +input[type=button] { + cursor: pointer; + 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; + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + padding: .1em .5em; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + border-color: #999; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + } +} + + +/* + + + all disabled buttons + + + */ +input[disabled], +button[disabled], +select[disabled], +textarea[disabled], +option[disabled], +input[readonly], +button[readonly], +select[readonly], +textarea[readonly] { + cursor: auto; + 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 #ccc; + border-radius: 2px; + color: #333; + font-weight: normal; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + color: #333; + } +} + +input::-moz-focus-inner, +button::-moz-focus-inner { + border: 0; + padding: 0; +} diff --git a/css/base_fonts.less b/css/base_fonts.less index fd7f5bc..fb460d3 100755 --- a/css/base_fonts.less +++ b/css/base_fonts.less @@ -1,286 +1,286 @@ -/** - * This file provides styles for web fonts and icon fonts - * - * @author Jana Deutschlaender - */ - -/* web font */ -.setLocalFontFace('roboto',300,'Roboto Light','Roboto-Light','roboto-light'); /* roboto light */ -.setLocalFontFace('roboto',400,'Roboto','Roboto-Regular','roboto-regular'); /* roboto regular */ -.setLocalFontFace('roboto',500,'Roboto Medium','Roboto-Medium','roboto-medium'); /* roboto medium */ -.setLocalFontFace('roboto',700,'Roboto Bold','Roboto-Bold','roboto-bold'); /* roboto bold */ - -.setLocalFontFace('roboto',400,'Roboto Condensed','RobotoCondensed-Regular','roboto-condensed'); /* roboto condensed */ -.setLocalFontFace('roboto',700,'Roboto Condensed Bold','RobotoCondensed-Bold','roboto-boldcondensed'); /* roboto condensed */ - -/* icon font */ -.setIconFontFace('fontello','fontello'); - -.icon, [class^="icon-"], [class*=" icon-"]{ - .fontello(); -} - -/* custom icon font */ -.icon-user{ - &::before { - content: '\e800'; - } -} -.icon-logout{ - &::before { - content: '\e801'; - } -} - -.icon-login{ - &::before { - content: '\e802'; - } -} - -.icon-clipboard{ - &::before { - content: '\e803'; - } -} - -.icon-emo-happy { - &::before { - content: '\e804'; - } -} - -.icon-emo-wink { - &::before { - content: '\e805'; - } -} - -.icon-emo-unhappy { - &::before { - content: '\e806'; - } -} - -.icon-emo-sleep{ - &::before { - content: '\e807'; - } -} - -.icon-emo-thumbsup { - &::before { - content: '\e808'; - } -} - -.icon-clock{ - &::before { - content: '\e809'; - } -} - -.icon-link{ - &::before { - content: '\e80a'; - } -} -.icon-link-after{ - &::after { - content: '\e80a'; - } -} - -.icon-bell{ - &::before { - content: '\e80b'; - } -} - -.icon-emo-grin{ - :before { - content: '\e80c'; - } -} - -.icon-emo-angry{ - &::before { - content: '\e80d'; - } -} - -.icon-mail{ - &::before { - content: '\e80e'; - } -} - -.icon-emo-cry { - &::before { - content: '\e80f'; - } -} - -.icon-cloud{ - &::before { - content: '\e810'; - } -} - -.icon-emo-squint{ - &::before { - content: '\e811'; - } -} - -.icon-emo-laugh{ - &::before { - content: '\e812'; - } -} - -.icon-emo-wink2{ - &::before { - content: '\e813'; - } -} - -.icon-cloud-1{ - &::before { - content: '\e814'; - } -} - -.icon-home-outline{ - &::before { - content: '\e815'; - } -} - -.icon-home() { - &::before { - content: '\e816'; - } -} - -.icon-search() { - &::before { - content: '\e81f'; - } -} - -.icon-puzzle-1{ - &::before { - content: '\e817'; - } -} - -.icon-cog-alt{ - &::before { - content: '\e818'; - } -} - -.icon-cog{ - &::before { - content: '\e819'; - } -} - -.icon-help{ - &::before { - content: '\e81a'; - } -} - -.icon-bookmark-empty{ - &::before { - content: '\f097'; - } -} - -.icon-menu{ - &::before { - content: '\f0c9'; - } -} - -.icon-sitemap{ - &::before { - content: '\f0e8'; - } -} - -.icon-doc-text{ - &::before { - content: '\f0f6'; - } -} - -.icon-doc-text-after{ - &::after { - content: '\f0f6'; - } -} - -.icon-smile{ - &::before { - content: '\f118'; - } -} - -.icon-frown{ - &::before { - content: '\f119'; - } -} - -.icon-meh { - &::before { - content: '\f11a'; - } -} - -.icon-puzzle { - &::before { - content: '\f12e'; - } -} -.icon-puzzle-after { - &::after { - content: '\f12e'; - } -} - -.icon-file-pdf{ - &::before { - content: '\f1c1'; - } -} - -.icon-doc-new{ - &::before { - content: '\e81d'; - } -} - -.icon-book-open{ - &::before { - content: '\e81c'; - } -} - -.icon-plus{ - &::before { - content: '\e81e'; - } -} - -.icon-doc{ - &::before { - content: '\e81b'; - } -} - - - +/** + * This file provides styles for web fonts and icon fonts + * + * @author Jana Deutschlaender + */ + +/* web font */ +.setLocalFontFace('roboto',300,'Roboto Light','Roboto-Light','roboto-light'); /* roboto light */ +.setLocalFontFace('roboto',400,'Roboto','Roboto-Regular','roboto-regular'); /* roboto regular */ +.setLocalFontFace('roboto',500,'Roboto Medium','Roboto-Medium','roboto-medium'); /* roboto medium */ +.setLocalFontFace('roboto',700,'Roboto Bold','Roboto-Bold','roboto-bold'); /* roboto bold */ + +.setLocalFontFace('roboto',400,'Roboto Condensed','RobotoCondensed-Regular','roboto-condensed'); /* roboto condensed */ +.setLocalFontFace('roboto',700,'Roboto Condensed Bold','RobotoCondensed-Bold','roboto-boldcondensed'); /* roboto condensed */ + +/* icon font */ +.setIconFontFace('fontello','fontello'); + +.icon, [class^="icon-"], [class*=" icon-"]{ + .fontello(); +} + +/* custom icon font */ +.icon-user{ + &::before { + content: '\e800'; + } +} +.icon-logout{ + &::before { + content: '\e801'; + } +} + +.icon-login{ + &::before { + content: '\e802'; + } +} + +.icon-clipboard{ + &::before { + content: '\e803'; + } +} + +.icon-emo-happy { + &::before { + content: '\e804'; + } +} + +.icon-emo-wink { + &::before { + content: '\e805'; + } +} + +.icon-emo-unhappy { + &::before { + content: '\e806'; + } +} + +.icon-emo-sleep{ + &::before { + content: '\e807'; + } +} + +.icon-emo-thumbsup { + &::before { + content: '\e808'; + } +} + +.icon-clock{ + &::before { + content: '\e809'; + } +} + +.icon-link{ + &::before { + content: '\e80a'; + } +} +.icon-link-after{ + &::after { + content: '\e80a'; + } +} + +.icon-bell{ + &::before { + content: '\e80b'; + } +} + +.icon-emo-grin{ + :before { + content: '\e80c'; + } +} + +.icon-emo-angry{ + &::before { + content: '\e80d'; + } +} + +.icon-mail{ + &::before { + content: '\e80e'; + } +} + +.icon-emo-cry { + &::before { + content: '\e80f'; + } +} + +.icon-cloud{ + &::before { + content: '\e810'; + } +} + +.icon-emo-squint{ + &::before { + content: '\e811'; + } +} + +.icon-emo-laugh{ + &::before { + content: '\e812'; + } +} + +.icon-emo-wink2{ + &::before { + content: '\e813'; + } +} + +.icon-cloud-1{ + &::before { + content: '\e814'; + } +} + +.icon-home-outline{ + &::before { + content: '\e815'; + } +} + +.icon-home() { + &::before { + content: '\e816'; + } +} + +.icon-search() { + &::before { + content: '\e81f'; + } +} + +.icon-puzzle-1{ + &::before { + content: '\e817'; + } +} + +.icon-cog-alt{ + &::before { + content: '\e818'; + } +} + +.icon-cog{ + &::before { + content: '\e819'; + } +} + +.icon-help{ + &::before { + content: '\e81a'; + } +} + +.icon-bookmark-empty{ + &::before { + content: '\f097'; + } +} + +.icon-menu{ + &::before { + content: '\f0c9'; + } +} + +.icon-sitemap{ + &::before { + content: '\f0e8'; + } +} + +.icon-doc-text{ + &::before { + content: '\f0f6'; + } +} + +.icon-doc-text-after{ + &::after { + content: '\f0f6'; + } +} + +.icon-smile{ + &::before { + content: '\f118'; + } +} + +.icon-frown{ + &::before { + content: '\f119'; + } +} + +.icon-meh { + &::before { + content: '\f11a'; + } +} + +.icon-puzzle { + &::before { + content: '\f12e'; + } +} +.icon-puzzle-after { + &::after { + content: '\f12e'; + } +} + +.icon-file-pdf{ + &::before { + content: '\f1c1'; + } +} + +.icon-doc-new{ + &::before { + content: '\e81d'; + } +} + +.icon-book-open{ + &::before { + content: '\e81c'; + } +} + +.icon-plus{ + &::before { + content: '\e81e'; + } +} + +.icon-doc{ + &::before { + content: '\e81b'; + } +} + + + diff --git a/css/base_mixins.less b/css/base_mixins.less index 51c539f..628b497 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -1,296 +1,296 @@ -/** - * This file provides less mixins for all other style modules - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Fonts */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { - @font-face { - font-family: @fontFamily; - font-style: normal; - font-weight: @fontWeight; - src: ~"local('@{localFontName}'), local('@{localFontNameVar}'), url(fonts/@{filename}.eot)"; - src: ~"url(fonts/@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/@{filename}.woff) format('woff')"; - } -} - -.setIconFontFace(@fontFamily,@filename) { - @font-face { - font-family: @fontFamily; - src: ~"url('fonts/icons/@{filename}.eot?6762325')"; - src: ~"url('fonts/icons/@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/@{filename}.woff?6762325') format('woff'), url('fonts/icons/@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/@{filename}.svg?6762325#fontello') format('svg')"; - font-weight: normal; - font-style: normal; - } -} - -.fontello() { - &::before { - font-family: "fontello"; - font-style: normal; - font-weight: normal; - speak: none; - - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ - } -} - -.fontello-double() { - &::before, - &::after { - font-family: "fontello"; - font-style: normal; - font-weight: normal; - speak: none; - - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Screenreader / Hide */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.sr-out() { - display: block; - width: 1px; - height: 1px; - overflow: hidden; - position: absolute; - top: -200000em; - left: -200000em; -} - -.sr-only() { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0,0,0,0); - border: 0; -} - -.sr-only-focusable() { - &:active, - &:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; - } -} - - -/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ -.btn-usertools-wrapper(@elem:2em) { - display: inline-block; - min-height: @elem; - min-width: @elem; - box-sizing: border-box; - color: @color-nav; - font-size: .8rem; - padding: 0; - margin: 0 .2rem; - - * { - font-size: .8rem; - } -} - -.btn-usertools-num () { - .num { - position: absolute; - right: -.4rem; - top: -.4em; - background-color: @button_background; - border-radius: 2px; - color: @button_color; - font-size: .6rem; - font-weight: 400; - text-align: center; - line-height: 1; - padding: .2em .2rem .1em; - transition: @transition color, @transition background-color; - } - - a { - &:hover, - &:active, - &:focus { - .num { - background-color: @button_background; - color: @button_color; - } - } - } -} - -.btn-prefix () { - .fontello(); - .hide-text-show-before(); - - color: inherit; - font-size: 1rem; - margin-top: .2rem; -} - - -.btn-default-size() { - height: 1rem; - width: 1rem; - min-height: 1.2em; - min-width: 1.4em; -} - -.btn-default-height() { - height: 1rem; - min-height: 1.2em; - min-width: 1.4em; -} - -.hide-text-show-before(){ - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-indent: -9999px; - .btn-default-size(); - - &::before{ - text-indent: 0; - float: left; - } - - &::after{ - text-indent: 0; - float: left; - } -} - - -.hide-text-show-after() { - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-indent: -9999px; - - &::before{ - text-indent: 0; - float: right; - } - &::after{ - text-indent: 0; - float: right; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Screenreader / Hide */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.reset() { - background: transparent; - border: none 0; outline: 0; vertical-align: baseline; - font-style: normal; - margin: 0; padding: 0; -} - -.elementsReset() { - div, span, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, - a, abbr, em,acronym, img, strong, - dl, dt, dd, ol, ul, li, - fieldset, form, label, legend, - table, caption, tbody, tfoot, thead, tr, th, td, - input, select, option, textarea, button { - .reset(); - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Col Grid */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.make-grid(@class) { - .float-grid-columns(@class); - .loop-grid-columns(@grid-columns, @class, width); -} - -.float-grid-columns(@class) { - .col-@{class}-1, .col-@{class}-2, .col-@{class}-3, .col-@{class}-4, .col-@{class}-5, .col-@{class}-6, .col-@{class}-7, .col-@{class}-8, .col-@{class}-9, .col-@{class}-10, .col-@{class}-11, .col-@{class}-12 { - float: left; - } -} - -.loop-grid-columns(@index, @class, @type) when (@index >= 0) { - .calc-grid-column(@index, @class, @type); - // next iteration - .loop-grid-columns((@index - 1), @class, @type); -} - -.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { - .col-@{class}-@{index} { - width: percentage((@index / @grid-columns)); - } -} +/** + * This file provides less mixins for all other style modules + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Fonts */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { + @font-face { + font-family: @fontFamily; + font-style: normal; + font-weight: @fontWeight; + src: ~"local('@{localFontName}'), local('@{localFontNameVar}'), url(fonts/@{filename}.eot)"; + src: ~"url(fonts/@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/@{filename}.woff) format('woff')"; + } +} + +.setIconFontFace(@fontFamily,@filename) { + @font-face { + font-family: @fontFamily; + src: ~"url('fonts/icons/@{filename}.eot?6762325')"; + src: ~"url('fonts/icons/@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/@{filename}.woff?6762325') format('woff'), url('fonts/icons/@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/@{filename}.svg?6762325#fontello') format('svg')"; + font-weight: normal; + font-style: normal; + } +} + +.fontello() { + &::before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } +} + +.fontello-double() { + &::before, + &::after { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Screenreader / Hide */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.sr-out() { + display: block; + width: 1px; + height: 1px; + overflow: hidden; + position: absolute; + top: -200000em; + left: -200000em; +} + +.sr-only() { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +.sr-only-focusable() { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} + + +/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ +.btn-usertools-wrapper(@elem:2em) { + display: inline-block; + min-height: @elem; + min-width: @elem; + box-sizing: border-box; + color: @color-nav; + font-size: .8rem; + padding: 0; + margin: 0 .2rem; + + * { + font-size: .8rem; + } +} + +.btn-usertools-num () { + .num { + position: absolute; + right: -.4rem; + top: -.4em; + background-color: @button_background; + border-radius: 2px; + color: @button_color; + font-size: .6rem; + font-weight: 400; + text-align: center; + line-height: 1; + padding: .2em .2rem .1em; + transition: @transition color, @transition background-color; + } + + a { + &:hover, + &:active, + &:focus { + .num { + background-color: @button_background; + color: @button_color; + } + } + } +} + +.btn-prefix () { + .fontello(); + .hide-text-show-before(); + + color: inherit; + font-size: 1rem; + margin-top: .2rem; +} + + +.btn-default-size() { + height: 1rem; + width: 1rem; + min-height: 1.2em; + min-width: 1.4em; +} + +.btn-default-height() { + height: 1rem; + min-height: 1.2em; + min-width: 1.4em; +} + +.hide-text-show-before(){ + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-indent: -9999px; + .btn-default-size(); + + &::before{ + text-indent: 0; + float: left; + } + + &::after{ + text-indent: 0; + float: left; + } +} + + +.hide-text-show-after() { + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-indent: -9999px; + + &::before{ + text-indent: 0; + float: right; + } + &::after{ + text-indent: 0; + float: right; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Screenreader / Hide */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.reset() { + background: transparent; + border: none 0; outline: 0; vertical-align: baseline; + font-style: normal; + margin: 0; padding: 0; +} + +.elementsReset() { + div, span, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, + a, abbr, em,acronym, img, strong, + dl, dt, dd, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + input, select, option, textarea, button { + .reset(); + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Col Grid */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.make-grid(@class) { + .float-grid-columns(@class); + .loop-grid-columns(@grid-columns, @class, width); +} + +.float-grid-columns(@class) { + .col-@{class}-1, .col-@{class}-2, .col-@{class}-3, .col-@{class}-4, .col-@{class}-5, .col-@{class}-6, .col-@{class}-7, .col-@{class}-8, .col-@{class}-9, .col-@{class}-10, .col-@{class}-11, .col-@{class}-12 { + float: left; + } +} + +.loop-grid-columns(@index, @class, @type) when (@index >= 0) { + .calc-grid-column(@index, @class, @type); + // next iteration + .loop-grid-columns((@index - 1), @class, @type); +} + +.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { + .col-@{class}-@{index} { + width: percentage((@index / @grid-columns)); + } +} diff --git a/css/base_structure.less b/css/base_structure.less index 6f6ccc9..35dbcf5 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -142,6 +142,8 @@ } } + + .claim { .logo { position: absolute; @@ -158,6 +160,23 @@ } } + .wide-content{ + .content { + .row > .col-xs-12{ + width: auto; + float: right; + } + } + &.showSidebar{ + .content { + .row > .col-xs-12 { + margin-left: 2.5rem; + } + } + } + + } + .main-sidebar { &.search { > img { diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less old mode 100644 new mode 100755 index c16d453..6eabdc9 --- a/css/plugins/bureaucracy.less +++ b/css/plugins/bureaucracy.less @@ -1,129 +1,129 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.dokuwiki form.bureaucracy__plugin { - fieldset { - width: 100%; - max-width: 800px; - box-sizing: border-box; - border: 0 none; - text-align: center; - margin-left: 0; - margin-bottom: (@grid * 2); - padding: @grid 0 0; - - > *:not(button) { - text-align: left; - } - } - - legend { - font-size: 1.12em; - font-weight: bold; - text-align: left; - } - - label { - clear: both; - padding-top: (@grid / 2); - - &::after { - content: ''; - clear: both; - } - - sup { - float: right; - font-size: 1em; - } - - input, - select { - float: left; - width: 50%; - min-height: 2em; - text-align: left; - padding: .1em .2em; - } - - input[type="checkbox"] { - width: 1.5rem; - height: 1.5rem; - background-image: none; - } - - span { - float: left; - width: 50%; - text-align: right; - line-height: @line-height-default; - padding-top: .2em; - padding-right: @grid; - - &:not([class]) { - font-weight: bold; - margin-top: .5em; - - + input, - + select { - margin-top: .3em; - } - - // checkboxes - + input + input { - margin-top: .3em; - } - } - - &.label { - text-align: right; - padding-top: .5em; - } - - &.input { - width: 49%; - text-align: left; - padding-left: 0; - } - } // span - } // label - - button[type="submit"] { - margin-top: (@grid * 2); - } -} - - - - -#icke__page .content ul.autocompletion {} - -ul.autocompletion li {} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - .dokuwiki form.bureaucracy__plugin { - p { - font-size: .9rem; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1439px */ - -@media @screen_max-xlg { - .dokuwiki form.bureaucracy__plugin { - p, - label, - button[type="submit"] { - font-size: 1rem; - } - } -} - +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.dokuwiki form.bureaucracy__plugin { + fieldset { + width: 100%; + max-width: 800px; + box-sizing: border-box; + border: 0 none; + text-align: center; + margin-left: 0; + margin-bottom: (@grid * 2); + padding: @grid 0 0; + + > *:not(button) { + text-align: left; + } + } + + legend { + font-size: 1.12em; + font-weight: bold; + text-align: left; + } + + label { + clear: both; + padding-top: (@grid / 2); + + &::after { + content: ''; + clear: both; + } + + sup { + float: right; + font-size: 1em; + } + + input, + select { + float: left; + width: 50%; + min-height: 2em; + text-align: left; + padding: .1em .2em; + } + + input[type="checkbox"] { + width: 1.5rem; + height: 1.5rem; + background-image: none; + } + + span { + float: left; + width: 50%; + text-align: right; + line-height: @line-height-default; + padding-top: .2em; + padding-right: @grid; + + &:not([class]) { + font-weight: bold; + margin-top: .5em; + + + input, + + select { + margin-top: .3em; + } + + // checkboxes + + input + input { + margin-top: .3em; + } + } + + &.label { + text-align: right; + padding-top: .5em; + } + + &.input { + width: 49%; + text-align: left; + padding-left: 0; + } + } // span + } // label + + button[type="submit"] { + margin-top: (@grid * 2); + } +} + + + + +#icke__page .content ul.autocompletion {} + +ul.autocompletion li {} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + .dokuwiki form.bureaucracy__plugin { + p { + font-size: .9rem; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + .dokuwiki form.bureaucracy__plugin { + p, + label, + button[type="submit"] { + font-size: 1rem; + } + } +} + diff --git a/css/plugins/do_tasks.less b/css/plugins/do_tasks.less index 989fe7b..7806840 100755 --- a/css/plugins/do_tasks.less +++ b/css/plugins/do_tasks.less @@ -1,9 +1,9 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -ul.page-attributes { - .plugin__do_pagetasks { - &.do_none { } - } -} +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +ul.page-attributes { + .plugin__do_pagetasks { + &.do_none { } + } +} diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 02b9170..9f2a528 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -1,149 +1,149 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + */ -/* magic matcher bar with form on top of page */ - -#dokuwiki_magic-matcher { - position: fixed; - top: 0; - left: 0; - width: 100%; - - #mm__issueselect_chosen { - max-width: 50%; - } - - button[name="toggleSuggestions"] { - position: absolute; - right: 0; - top: 0; - border: 0; - border-bottom: 1px solid @color-border; - border-left: 1px solid @color-border; - color: @color-nav; - background: #fff; - border-radius: 0; - border-bottom-left-radius: 5px; - - &:hover, - &:focus, - &:active { - border-color: @button_background; - color: @button_background; - } - } - - #magicmatcher__context { - position: relative; - z-index: 100; - width: 100%; - min-height: @height-context-bar; - box-sizing: border-box; - box-shadow: __box_shadow__; - background-color: __nav_direct_background__; - border-radius: 0 0 __default_border_radius__ __default_border_radius__; - font-size: .88rem; - padding: .8em 1em .5em; - margin-bottom: 0; - - .chosen-container-single, - .chosen-container-single *, - #mm_issue_loading, - .mm__status, - .toggleSuggestions { - font-size: .88rem; - } - - .chosen-container-single { - .chosen-single span { - line-height: @line-height-bigger; - } - } - - @media @screen_max-md { - padding-top: 1.8rem; - - .chosen-container { - display: block; - min-width: 100%; - max-width: 100%; - margin-bottom: .5rem; - } - } - } -} - -/* + + + + + in content + + + + + */ -a.jiralink { - font-size: @font-size-default; - - img { - float: left; - display: inline-block; - margin-top: .13em; - margin-right: 3px; - } - - span.mm__status { - display: inline-block; - font-size: @font-size-default; - margin-left: 5px; - padding: 1px 4px; - } -} - - -/* + + + + + no js version + + + + + */ -.no-js { - #dokuwiki_magic-matcher { - display: none; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-lg { - #dokuwiki_magic-matcher { - #magicmatcher__context { - .chosen-container-single { - width: 20% !important; - - + select + .chosen-container-single { - width: 58% !important; - } - } - } - } -} - -@media @screen_max-md { - #dokuwiki_magic-matcher { - position: relative; - - .container { - margin: .8rem 0 -5px; - } - - #magicmatcher__context { - border-radius: 0; - } - } -} - - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* print */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media print { - #dokuwiki_magic-matcher { - display: none; - } -} - +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + */ +/* magic matcher bar with form on top of page */ + +#dokuwiki_magic-matcher { + position: fixed; + top: 0; + left: 0; + width: 100%; + + #mm__issueselect_chosen { + max-width: 50%; + } + + button[name="toggleSuggestions"] { + position: absolute; + right: 0; + top: 0; + border: 0; + border-bottom: 1px solid @color-border; + border-left: 1px solid @color-border; + color: @color-nav; + background: #fff; + border-radius: 0; + border-bottom-left-radius: 5px; + + &:hover, + &:focus, + &:active { + border-color: @button_background; + color: @button_background; + } + } + + #magicmatcher__context { + position: relative; + z-index: 100; + width: 100%; + min-height: @height-context-bar; + box-sizing: border-box; + box-shadow: __box_shadow__; + background-color: __nav_direct_background__; + border-radius: 0 0 __default_border_radius__ __default_border_radius__; + font-size: .88rem; + padding: .8em 1em .5em; + margin-bottom: 0; + + .chosen-container-single, + .chosen-container-single *, + #mm_issue_loading, + .mm__status, + .toggleSuggestions { + font-size: .88rem; + } + + .chosen-container-single { + .chosen-single span { + line-height: @line-height-bigger; + } + } + + @media @screen_max-md { + padding-top: 1.8rem; + + .chosen-container { + display: block; + min-width: 100%; + max-width: 100%; + margin-bottom: .5rem; + } + } + } +} + +/* + + + + + in content + + + + + */ +a.jiralink { + font-size: @font-size-default; + + img { + float: left; + display: inline-block; + margin-top: .13em; + margin-right: 3px; + } + + span.mm__status { + display: inline-block; + font-size: @font-size-default; + margin-left: 5px; + padding: 1px 4px; + } +} + + +/* + + + + + no js version + + + + + */ +.no-js { + #dokuwiki_magic-matcher { + display: none; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-lg { + #dokuwiki_magic-matcher { + #magicmatcher__context { + .chosen-container-single { + width: 20% !important; + + + select + .chosen-container-single { + width: 58% !important; + } + } + } + } +} + +@media @screen_max-md { + #dokuwiki_magic-matcher { + position: relative; + + .container { + margin: .8rem 0 -5px; + } + + #magicmatcher__context { + border-radius: 0; + } + } +} + + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* print */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media print { + #dokuwiki_magic-matcher { + display: none; + } +} + diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less old mode 100644 new mode 100755 index 382a06c..f92dcad --- a/css/plugins/popupviewer.less +++ b/css/plugins/popupviewer.less @@ -1,7 +1,7 @@ - - -#popupviewer{ - > .controls > .content{ - padding: 1.5rem 1rem 1rem; - } -} + + +#popupviewer{ + > .controls > .content{ + padding: 1.5rem 1rem 1rem; + } +} diff --git a/css/plugins/struct.less b/css/plugins/struct.less old mode 100644 new mode 100755 index eec790a..783e6d4 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -1,24 +1,24 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -#dokuwiki__content { - .structaggregation { - @link-height: 1.5rem; - - position: relative; - padding-bottom: @link-height; - margin-bottom: @grid; - - .table { - margin-bottom: 0; - } - - > a { - position: absolute; - bottom: 0; - height: @link-height; - margin-bottom: 0; - } - } -} +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +#dokuwiki__content { + .structaggregation { + @link-height: 1.5rem; + + position: relative; + padding-bottom: @link-height; + margin-bottom: @grid; + + .table { + margin-bottom: 0; + } + + > a { + position: absolute; + bottom: 0; + height: @link-height; + margin-bottom: 0; + } + } +} diff --git a/js/base/helper.js b/js/base/helper.js index 170773b..7767e63 100755 --- a/js/base/helper.js +++ b/js/base/helper.js @@ -1,85 +1,85 @@ -/** - * @file helper funcs - * - */ - -// + + + + + + + + + + + + + + + + + + + + + + + + + + + + -// 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*$/, ''); - }; -} -var linkTo_UnCryptMailto = function(s){ - location.href=decryptString(s,-2); -}; -var decryptCharcode = function(n, start, end, offset) { - n = n + offset; - if (offset > 0 && n > end) { - n = start + (n - end - 1); - } else if (offset < 0 && n < start) { - n = end - (start - n - 1); - } - return String.fromCharCode(n); -}; -var decryptString = function(enc, offset) { - var dec = ''; - var len = enc.length; - for (var i = 0; i < len; i++) { - var n = enc.charCodeAt(i); - if (n >= 43 && n <= 58) { - dec += decryptCharcode(n, 43, 58, offset); - } else if (n >= 64 && n <= 90) { - dec += decryptCharcode(n, 64, 90, offset); - } else if (n >= 97 && n <= 122) { - dec += decryptCharcode(n, 97, 122, offset); - } else { - dec += enc.charAt(i); - } - } - return dec; -}; -/** - * 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() {}; - } -} - -var wikiLang = "de"; -/** - * anonymous func: get page language - */ -(function($){ $("html").attr("lang"); if(typeof(l)!= 'undefined' && l.length>=2) wikiLang=l.substr(0,2).toLowerCase(); if(wikiLang!='de'&& wikiLang!='en') wikiLang='de'; })(jQuery); +/** + * @file helper funcs + * + */ + +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +// 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*$/, ''); + }; +} +var linkTo_UnCryptMailto = function(s){ + location.href=decryptString(s,-2); +}; +var decryptCharcode = function(n, start, end, offset) { + n = n + offset; + if (offset > 0 && n > end) { + n = start + (n - end - 1); + } else if (offset < 0 && n < start) { + n = end - (start - n - 1); + } + return String.fromCharCode(n); +}; +var decryptString = function(enc, offset) { + var dec = ''; + var len = enc.length; + for (var i = 0; i < len; i++) { + var n = enc.charCodeAt(i); + if (n >= 43 && n <= 58) { + dec += decryptCharcode(n, 43, 58, offset); + } else if (n >= 64 && n <= 90) { + dec += decryptCharcode(n, 64, 90, offset); + } else if (n >= 97 && n <= 122) { + dec += decryptCharcode(n, 97, 122, offset); + } else { + dec += enc.charAt(i); + } + } + return dec; +}; +/** + * 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() {}; + } +} + +var wikiLang = "de"; +/** + * anonymous func: get page language + */ +(function($){ $("html").attr("lang"); if(typeof(l)!= 'undefined' && l.length>=2) wikiLang=l.substr(0,2).toLowerCase(); if(wikiLang!='de'&& wikiLang!='en') wikiLang='de'; })(jQuery); diff --git a/js/base/rem.min.js b/js/base/rem.min.js old mode 100644 new mode 100755 index 7a96d75..609efe9 --- a/js/base/rem.min.js +++ b/js/base/rem.min.js @@ -1,7 +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 ; -**/ +/** + * 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(); - if(focusobj) console.log(focusobj); - }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)); - } - } - } -}; +/** + * @file utility funcs for jQuery projects + * + */ +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +// object literal with funcs for jquery plug-ins +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + + var spc = { + /*general options */ + config: { + debug: false, + dev: true + }, + isDef: function(val){ + return (val===undefined) ? false : true; + }, + /* get options of object */ + get_options: function(key, options){ + var result = null; + if ('object' == typeof(options)) { + result = options[key]; + } + if (!result) { return ""; } + return result; + }, + /* set wai aria roles to list of containern */ + set_wa: function(contlist, ariaattr,ariaval){ + $(contlist).attr(ariaattr, ariaval); + }, + /* Encode/decode htmlentities */ + encode_entities: function(s){ + return $("").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(); + if(focusobj) console.log(focusobj); + }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)); + } + } + } +}; diff --git a/js/legacy/html5shiv.js b/js/legacy/html5shiv.js index 448cebd..e2e0015 100755 --- a/js/legacy/html5shiv.js +++ b/js/legacy/html5shiv.js @@ -1,8 +1,8 @@ -/* - HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed -*/ -(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); -a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; -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;darticle,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;b0){ + var $panel = $('#tab-jira'), + $num = $('a[href="#tab-jira"]').find('.num'); + + if($panel.length > 0 && $num.length > 0){ + $num.empty().append($tickets.length); + $panel.find('> div').empty().append('
    '); + var $ul = $panel.find('ul'); + $tickets.each(function (){ + var $ticket = $(this).clone(); + $ul.prepend('
  • '); + $ul.find('li:first-child').append($ticket); + }); + } + } + }, + findSitemap = function(){ + var $panel = $('#tab-toc'), + $toc = $panel.find('ul'), + $num = $('a[href="#tab-toc"]').find('.num'); + if($toc.length == 0){ + $panel.append('

    '+$_LANG['meta_box_sitemap_none']+'

    '); + }else{ + $num.empty().append('1'); + } }; $(function () { toggleTabs(); + findJiraTickets(); + findSitemap(); }); -})(jQuery, spc); +})(jQuery, spc, $_LANG); diff --git a/js/plugins/do_tasks.js b/js/plugins/do_tasks.js index 4357211..e1a33ab 100755 --- a/js/plugins/do_tasks.js +++ b/js/plugins/do_tasks.js @@ -1,37 +1,37 @@ -( function( $, spc ) { - - var togglePageAnalysis = function(){ - var $this = $('.page-attributes').find('.plugin__qc'); - try{ - var $link = $this.find('#plugin__qc__link'), - $container = $this.find('#plugin__qc__wrapper'); - if($container.length < 1){ - $this.remove(); - }else{ - $container.attr('aria-hidden','true'); - var $icon = $container.find('#plugin__qc__icon'); - $container.find('#plugin__qc__out').removeAttr('style'); - $link.on( 'click', function(e){ - e.preventDefault(); - $icon.trigger('click'); - var oldState = ($link.attr('aria-expanded')=== "true" ); - $container.attr('aria-hidden',oldState); - $(this).attr('aria-expanded',!oldState); - - }); - } - - }catch(err){ - $this.remove(); - } - }; - - $(function(){ - togglePageAnalysis(); - }); - -} )( jQuery, spc ); - - - - +( function( $, spc ) { + + var togglePageAnalysis = function(){ + var $this = $('.page-attributes').find('.plugin__qc'); + try{ + var $link = $this.find('#plugin__qc__link'), + $container = $this.find('#plugin__qc__wrapper'); + if($container.length < 1){ + $this.remove(); + }else{ + $container.attr('aria-hidden','true'); + var $icon = $container.find('#plugin__qc__icon'); + $container.find('#plugin__qc__out').removeAttr('style'); + $link.on( 'click', function(e){ + e.preventDefault(); + $icon.trigger('click'); + var oldState = ($link.attr('aria-expanded')=== "true" ); + $container.attr('aria-hidden',oldState); + $(this).attr('aria-expanded',!oldState); + + }); + } + + }catch(err){ + $this.remove(); + } + }; + + $(function(){ + togglePageAnalysis(); + }); + +} )( jQuery, spc ); + + + + diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js old mode 100644 new mode 100755 index 5188479..9c88ccb --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -2,6 +2,12 @@ var addToggleLink = function($elem){ $elem.wrapInner(''); + }, + setWideContent = function(){ + + }, + setDefaultContent= function(){ + }, toggleState = function($toggler){ $toggler.toggleClass('closed'); diff --git a/lang/de/lang.js b/lang/de/lang.js old mode 100644 new mode 100755 index b746f4d..3fb9372 --- a/lang/de/lang.js +++ b/lang/de/lang.js @@ -16,6 +16,10 @@ $lang['head_menu_status'] = 'Seitenstatus'; $lang['head_breadcrumb'] = 'Standortanzeiger'; $lang['head_menu_trace'] = 'zuletzt angesehen'; +$lang['meta_box_jira_tickets_none'] = 'Keine Jira-Tickets verknüpft'; +$lang['meta_box_tags_none'] = 'Keine Tags verknüpft'; +$lang['meta_box_sitemap_none'] = 'keine Sitemap vorhanden'; + $lang['quality_trigger'] = 'Seitenanalyse ein- bzw. ausblenden'; $lang['prefix_tasks'] = 'offene Aufgaben: '; @@ -33,3 +37,4 @@ $lang['__sidebar_width__'] = 'The width of the sidebar, if any (can be $lang['__button_color__'] = 'Schriftfarbe für Buttons'; $lang['__button_background__'] = 'Hintergrundfarbe für Buttons'; + diff --git a/lang/de/lang.php b/lang/de/lang.php index 32966b7..59656d9 100755 --- a/lang/de/lang.php +++ b/lang/de/lang.php @@ -21,6 +21,10 @@ $lang['head_breadcrumb'] = 'Standortanzeiger'; $lang['head_menu_trace'] = 'zuletzt angesehen'; $lang['head_meta_box'] = 'Metainformationen zur Seite'; +$lang['meta_box_jira_tickets_none'] = 'Keine Jira-Tickets verknüpft'; +$lang['meta_box_tags_none'] = 'Keine Tags verknüpft'; +$lang['meta_box_sitemap_none'] = 'keine Sitemap vorhanden'; + $lang['quality_trigger'] = 'Seitenanalyse ein- bzw. ausblenden'; $lang['prefix_tasks'] = 'offene Aufgaben: '; diff --git a/lang/de/settings.php b/lang/de/settings.php index e6430be..077c421 100755 --- a/lang/de/settings.php +++ b/lang/de/settings.php @@ -1,10 +1,10 @@ -/style.ini file to prevent losing -; any changes after an upgrade. -; Please don't forget to copy the section your changes should be under -; (i.e. [stylesheets] or [replacements]) into that file as well. - - -; Define the stylesheets your template uses here. The second value -; defines for which output media the style should be loaded. Currently -; print, screen and all are supported. -; You can reference CSS and LESS files here. Files referenced here will -; be checked for updates when considering a cache rebuild while files -; included through LESS' @import statements are not - - - -[stylesheets] - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; DokuWiki Default Template Styles -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -../dokuwiki/css/_imgdetail.css = screen -../dokuwiki/css/_media_popup.css = screen -../dokuwiki/css/_media_fullscreen.css = screen -../dokuwiki/css/_fileuploader.css = screen -../dokuwiki/css/_tabs.css = screen -../dokuwiki/css/_links.css = screen -../dokuwiki/css/_toc.css = screen -../dokuwiki/css/_footnotes.css = screen -../dokuwiki/css/_search.css = screen -../dokuwiki/css/_recent.css = screen -../dokuwiki/css/_diff.css = screen -../dokuwiki/css/_edit.css = screen -../dokuwiki/css/_modal.css = screen -../dokuwiki/css/_forms.css = screen -../dokuwiki/css/_admin.css = screen -../dokuwiki/css/pagetools.less = screen -../dokuwiki/css/content.less = screen - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; sprintDoc Template Styles -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -; responsive behaviour for structure and areas is handled in style modules - -; _____________ basic styles _____________ - -css/base.less = all -css/base_mixins.less = all -css/base_fontello-codes.less = all -css/base_fonts.less = all -css/base_structure.less = all -css/base_design.less = all - - -; _____________ area styles _____________ - -css/area_content.less = all -css/area_header.less = all -css/area_footer.less = all -css/area_nav-direct.less = all -css/area_nav-breadcrumb.less = all -css/area_nav-usertools.less = all -css/area_sidebar-search.less = all -css/area_nav-pagetools.less = all -css/area_nav-metabox.less = all -css/area_main-sidebar.less = all -css/area_sidetools.less = all -css/area_main-content.less = all - - -; _____________ plugin styles _____________ - -css/plugins/popupviewer.less = all -css/plugins/magic-matcher.less = all -css/plugins/do_tasks.less = all -css/plugins/struct.less = all -css/plugins/bureaucracy.less = all - - -; _____________ print styles _____________ - -css/print.css = print - - - -; This section is used to configure some placeholder values used in -; the stylesheets. Changing this file is the simplest method to -; give your wiki a new look. -; Placeholders defined here will also be made available as LESS variables -; (with surrounding underscores removed, and the prefix @ini_ added) - -[replacements] - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; guaranteed dokuwiki color placeholders that every plugin can use -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -; main text and background colors -__text__ = "#252525" ; @ini_text -__background__ = "#ECECEC" ; @ini_background - -; alternative text and background colors -__text_alt__ = "#454545" ; @ini_text_alt -__background_alt__ = "#e8e8e8" ; @ini_background_alt - -; neutral text and background colors -__text_neu__ = "#656565" ; @ini_text_neu -__background_neu__ = "#ffffff" ; @ini_background_neu - -; border color -__border__ = "#cccccc" ; @ini_border - -; highlighted text (e.g. search snippets) -__highlight__ = "#efefef" ; @ini_highlight - - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; template specific placeholders -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -; these are used for links -__link__ = "#286DA8" ; @ini_link -__existing__ = "#286DA8" ; @ini_existing -__missing__ = "#CD5360" ; @ini_missing - -__button_color__ = "#FFF" -__button_background__ = "#286DA8" - -; widths -__site_width__ = "64em" ; @ini_site_width -__sidebar_width__ = "16em" ; @ini_sidebar_width - -__font_family_screen__ = "roboto, 'helvetica', arial, sans-serif" -__font_family_menu__ = "'roboto condensed', 'helvetica neue', arial, sans-serif" -__font_family_print__ = "'times new roman', serif" - -__nav_direct_background__ = "#FFF" -__nav_direct_color__ = "#286da8" -__box_shadow_colored__ = "0 0 .5em rgba(40,109,168,.5)" -__box_shadow__ = "0 0 .5em rgb(153,153,153,.5)" -__box_shadow_offset__ = ".1em .1em .1em rgb(153,153,153,.5)" -__nav_menu_color__ = "#696969" -__nav_menu_hover_color__ = "#286da8" -__nav_menu_hover_bg__ = "#FFF" - -__background_content__ = "#FFF" -__background_site__ = "#ECECEC" - -__default_border_radius__ = "5px" - -__background_page-header__ = "#F6F6F6" +; Please see http://www.php.net/manual/en/function.parse-ini-file.php +; for limitations of the ini format used here + +; To extend this file or make changes to it, it is recommended to create +; a local conf/tpl//style.ini file to prevent losing +; any changes after an upgrade. +; Please don't forget to copy the section your changes should be under +; (i.e. [stylesheets] or [replacements]) into that file as well. + + +; Define the stylesheets your template uses here. The second value +; defines for which output media the style should be loaded. Currently +; print, screen and all are supported. +; You can reference CSS and LESS files here. Files referenced here will +; be checked for updates when considering a cache rebuild while files +; included through LESS' @import statements are not + + + +[stylesheets] + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; DokuWiki Default Template Styles +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +../dokuwiki/css/_imgdetail.css = screen +../dokuwiki/css/_media_popup.css = screen +../dokuwiki/css/_media_fullscreen.css = screen +../dokuwiki/css/_fileuploader.css = screen +../dokuwiki/css/_tabs.css = screen +../dokuwiki/css/_links.css = screen +../dokuwiki/css/_toc.css = screen +../dokuwiki/css/_footnotes.css = screen +../dokuwiki/css/_search.css = screen +../dokuwiki/css/_recent.css = screen +../dokuwiki/css/_diff.css = screen +../dokuwiki/css/_edit.css = screen +../dokuwiki/css/_modal.css = screen +../dokuwiki/css/_forms.css = screen +../dokuwiki/css/_admin.css = screen +../dokuwiki/css/pagetools.less = screen +../dokuwiki/css/content.less = screen + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; sprintDoc Template Styles +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; responsive behaviour for structure and areas is handled in style modules + +; _____________ basic styles _____________ + +css/base.less = all +css/base_mixins.less = all +css/base_fontello-codes.less = all +css/base_fonts.less = all +css/base_structure.less = all +css/base_design.less = all + + +; _____________ area styles _____________ + +css/area_content.less = all +css/area_header.less = all +css/area_footer.less = all +css/area_nav-direct.less = all +css/area_nav-breadcrumb.less = all +css/area_nav-usertools.less = all +css/area_sidebar-search.less = all +css/area_nav-pagetools.less = all +css/area_nav-metabox.less = all +css/area_main-sidebar.less = all +css/area_sidetools.less = all +css/area_main-content.less = all + + +; _____________ plugin styles _____________ + +css/plugins/popupviewer.less = all +css/plugins/magic-matcher.less = all +css/plugins/do_tasks.less = all +css/plugins/struct.less = all +css/plugins/bureaucracy.less = all + + +; _____________ print styles _____________ + +css/print.css = print + + + +; This section is used to configure some placeholder values used in +; the stylesheets. Changing this file is the simplest method to +; give your wiki a new look. +; Placeholders defined here will also be made available as LESS variables +; (with surrounding underscores removed, and the prefix @ini_ added) + +[replacements] + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; guaranteed dokuwiki color placeholders that every plugin can use +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; main text and background colors +__text__ = "#252525" ; @ini_text +__background__ = "#ECECEC" ; @ini_background + +; alternative text and background colors +__text_alt__ = "#454545" ; @ini_text_alt +__background_alt__ = "#e8e8e8" ; @ini_background_alt + +; neutral text and background colors +__text_neu__ = "#656565" ; @ini_text_neu +__background_neu__ = "#ffffff" ; @ini_background_neu + +; border color +__border__ = "#cccccc" ; @ini_border + +; highlighted text (e.g. search snippets) +__highlight__ = "#efefef" ; @ini_highlight + + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; template specific placeholders +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; these are used for links +__link__ = "#286DA8" ; @ini_link +__existing__ = "#286DA8" ; @ini_existing +__missing__ = "#CD5360" ; @ini_missing + +__button_color__ = "#FFF" +__button_background__ = "#286DA8" + +; widths +__site_width__ = "64em" ; @ini_site_width +__sidebar_width__ = "16em" ; @ini_sidebar_width + +__font_family_screen__ = "roboto, 'helvetica', arial, sans-serif" +__font_family_menu__ = "'roboto condensed', 'helvetica neue', arial, sans-serif" +__font_family_print__ = "'times new roman', serif" + +__nav_direct_background__ = "#FFF" +__nav_direct_color__ = "#286da8" +__box_shadow_colored__ = "0 0 .5em rgba(40,109,168,.5)" +__box_shadow__ = "0 0 .5em rgb(153,153,153,.5)" +__box_shadow_offset__ = ".1em .1em .1em rgb(153,153,153,.5)" +__nav_menu_color__ = "#696969" +__nav_menu_hover_color__ = "#286da8" +__nav_menu_hover_bg__ = "#FFF" + +__background_content__ = "#FFF" +__background_site__ = "#ECECEC" + +__default_border_radius__ = "5px" + +__background_page-header__ = "#F6F6F6" diff --git a/tpl/favicon_tiles.php b/tpl/favicon_tiles.php index d6724d1..ab8d5bf 100755 --- a/tpl/favicon_tiles.php +++ b/tpl/favicon_tiles.php @@ -1,23 +1,23 @@ - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + diff --git a/tpl/main-sidebar-logo.php b/tpl/main-sidebar-logo.php index 5408ddd..dd87dcc 100755 --- a/tpl/main-sidebar-logo.php +++ b/tpl/main-sidebar-logo.php @@ -1,14 +1,14 @@ -'; - - /* homepage logo should not link to itself (BITV accessibility requirement) */ - if (strcmp(wl(), $_SERVER['REQUEST_URI']) === 0 ){ - echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; - echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; - - } else{ - tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); - tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); - } - echo "
    "; +'; + + /* homepage logo should not link to itself (BITV accessibility requirement) */ + if (strcmp(wl(), $_SERVER['REQUEST_URI']) === 0 ){ + echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; + echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; + + } else{ + tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); + tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); + } + echo "
    "; diff --git a/tpl/main-sidebar-search.php b/tpl/main-sidebar-search.php index e222da0..49cb179 100755 --- a/tpl/main-sidebar-search.php +++ b/tpl/main-sidebar-search.php @@ -1,6 +1,6 @@ -'.tpl_getLang('head_quick_search').''; - - tpl_searchform(); +'.tpl_getLang('head_quick_search').''; + + tpl_searchform(); diff --git a/tpl/nav-breadcrumb.php b/tpl/nav-breadcrumb.php index 4ce634a..c719da4 100755 --- a/tpl/nav-breadcrumb.php +++ b/tpl/nav-breadcrumb.php @@ -1,11 +1,11 @@ - - - -
    -

    - - - + + + +
    +

    + + + diff --git a/tpl/nav-direct.php b/tpl/nav-direct.php index 8bf91c0..f2d4d4f 100755 --- a/tpl/nav-direct.php +++ b/tpl/nav-direct.php @@ -1,25 +1,25 @@ - - - - + + + + diff --git a/tpl/nav-magicmatcher.php b/tpl/nav-magicmatcher.php index 394de12..bb399a6 100755 --- a/tpl/nav-magicmatcher.php +++ b/tpl/nav-magicmatcher.php @@ -1,14 +1,14 @@ - - -
    -
    - ".tpl_getLang('head_magic_matcher').""; - echo PHP_EOL; - echo $matcher; - echo PHP_EOL; - ?> -
    -
    + + +
    +
    + ".tpl_getLang('head_magic_matcher').""; + echo PHP_EOL; + echo $matcher; + echo PHP_EOL; + ?> +
    +
    diff --git a/tpl/nav-main.php b/tpl/nav-main.php index 4349a58..60753ff 100755 --- a/tpl/nav-main.php +++ b/tpl/nav-main.php @@ -1,12 +1,12 @@ -"; - echo "
    ".tpl_getLang('head_menu_main')."
    "; - echo PHP_EOL; - tpl_include_page($conf['sidebar'], 1, 1); - echo PHP_EOL; - echo ""; - - endif ?> +"; + echo "
    ".tpl_getLang('head_menu_main')."
    "; + echo PHP_EOL; + tpl_include_page($conf['sidebar'], 1, 1); + echo PHP_EOL; + echo ""; + + endif ?> diff --git a/tpl/nav-meta-box.php b/tpl/nav-meta-box.php old mode 100644 new mode 100755 index c7efd6a..7df5b72 --- a/tpl/nav-meta-box.php +++ b/tpl/nav-meta-box.php @@ -5,24 +5,34 @@
    - diff --git a/tpl/nav-page-quality-tasks.php b/tpl/nav-page-quality-tasks.php index 377087e..87554f1 100755 --- a/tpl/nav-page-quality-tasks.php +++ b/tpl/nav-page-quality-tasks.php @@ -1,54 +1,54 @@ - - -"; - } - if ($qc) { - echo "
  • ".tpl_getLang('quality_trigger')."0"; - $qc->tplErrorCount(); - echo "
    • "; - } - if ($doPlugin !== null ) { - $count = $doPlugin->getPageTaskCount(); - $num = $count['count']; - $title = ""; - - if($num == 0){ // no tasks - does not exist do in plug-in - $class = "do_none"; - $title = tpl_getLang('tasks_page_none'); - } elseif($count['undone'] == 0){ // all tasks done - $class = 'do_done'; - $title = $this->getLang('title_alldone'); - }elseif($count['late'] == 0) { // open tasks but none late - $class = 'do_undone'; - $title = sprintf($this->getLang('title_intime'), $count['undone']); - } else { // late tasks - $class = 'do_late'; - $title = sprintf($this->getLang('title_late'), $count['undone'], $count['late']); - } - $markup = "
  • ".tpl_getLang('prefix_tasks_page')." ".$num."
    • "; - - echo $markup; - } - - if ($doPlugin !== null ||$qc ) { - echo ""; - } - -/* - - -$out = '
    '; -$out .= $count['undone']; -$out .= '
    '; - -if($return) return $out; -echo $out;*/ + + +"; + } + if ($qc) { + echo "
  • ".tpl_getLang('quality_trigger')."0"; + $qc->tplErrorCount(); + echo "
    • "; + } + if ($doPlugin !== null ) { + $count = $doPlugin->getPageTaskCount(); + $num = $count['count']; + $title = ""; + + if($num == 0){ // no tasks - does not exist do in plug-in + $class = "do_none"; + $title = tpl_getLang('tasks_page_none'); + } elseif($count['undone'] == 0){ // all tasks done + $class = 'do_done'; + $title = $this->getLang('title_alldone'); + }elseif($count['late'] == 0) { // open tasks but none late + $class = 'do_undone'; + $title = sprintf($this->getLang('title_intime'), $count['undone']); + } else { // late tasks + $class = 'do_late'; + $title = sprintf($this->getLang('title_late'), $count['undone'], $count['late']); + } + $markup = "
  • ".tpl_getLang('prefix_tasks_page')." ".$num."
    • "; + + echo $markup; + } + + if ($doPlugin !== null ||$qc ) { + echo ""; + } + +/* + + +$out = '
    '; +$out .= $count['undone']; +$out .= '
    '; + +if($return) return $out; +echo $out;*/ diff --git a/tpl/nav-page-tools.php b/tpl/nav-page-tools.php index 951fbaa..177b3e7 100755 --- a/tpl/nav-page-tools.php +++ b/tpl/nav-page-tools.php @@ -1,20 +1,20 @@ - - - - - + + + + + diff --git a/tpl/nav-sitetools.php b/tpl/nav-sitetools.php index cb57c7e..3e929f6 100755 --- a/tpl/nav-sitetools.php +++ b/tpl/nav-sitetools.php @@ -1,14 +1,14 @@ - - - - + + + + diff --git a/tpl/nav-status.php b/tpl/nav-status.php index 7085553..6badd7e 100755 --- a/tpl/nav-status.php +++ b/tpl/nav-status.php @@ -1,6 +1,6 @@ - -
    - -
    + +
    + +
    diff --git a/tpl/nav-trace.php b/tpl/nav-trace.php index 52ade4f..12f2403 100755 --- a/tpl/nav-trace.php +++ b/tpl/nav-trace.php @@ -1,11 +1,11 @@ - - - - - + + + + + diff --git a/tpl/nav-usermenu.php b/tpl/nav-usermenu.php index f6fe3fe..1bb552f 100755 --- a/tpl/nav-usermenu.php +++ b/tpl/nav-usermenu.php @@ -1,23 +1,23 @@ - - - - - + + + + + diff --git a/tpl/nav-usertools-buttons.php b/tpl/nav-usertools-buttons.php index 05400a7..8eb2768 100755 --- a/tpl/nav-usertools-buttons.php +++ b/tpl/nav-usertools-buttons.php @@ -1,53 +1,53 @@ - - - - - + + + + +