diff --git a/css/area_content.less b/css/area_content.less index 8ddbc7a..1526394 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -21,8 +21,8 @@ height: @page-header_height; box-sizing: border-box; width: 100%; - background-color: @background_page-header; - border-bottom: 1px solid @color-border-light; + background-color: @ini_background_page_header; + border-bottom: 1px solid @ini_border_light; } #plugin__highlightparent { @@ -33,28 +33,6 @@ } - -.structaggregation { - td, - th { - line-height: @line-height-default; - - a { - - line-height: @line-height-default; - } - } - - > a.export { - line-height: 135%; - padding-top: .5em; - } -} - -.dokuwiki .structaggregation a.export { - padding-top: .3em; -} - .main-content > .level2, .main-content > .level1, .main-content > .level3, diff --git a/css/area_footer.less b/css/area_footer.less index d1f887d..39b068e 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -11,48 +11,69 @@ @media screen { .page-footer { min-height: @page-header_height; - background-color: @background_page-header; - border-top: 1px solid @color-border-light; + background-color: @ini_background_page_header; + border-top: 1px solid @ini_border_light; + border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius + color: @ini_background_page_footer; font-size: @font-size-default; text-align: right; padding: @margin-small @margin-default; + + *, + a:link, + a:visited { + color: inherit; + } + bdi { font-weight: bold; } } + #dokuwiki__footer { .main-footer { position: relative; z-index: 2; box-sizing: border-box; - background-color: @color-site-bg; - + background-color: @ini_background; } + p { + color: @ini_text_webframe; font-size: @font-size-default; margin: 0; } + + a { + color: @ini_nav_menu_color; + } } } + + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* 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%; + width: @ini_site_width; } } } + .wide-content { &.showSidebar { #dokuwiki__footer { @@ -63,8 +84,11 @@ } } } + + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* max-width: 1023px */ + @media @screen_max-md { #dokuwiki__footer { .main-footer { @@ -73,3 +97,38 @@ } } } + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 768px */ + +@media @screen_max-xs { + .page-footer { + padding-left: @margin-small; + padding-right: @margin-small; + } + + #dokuwiki__footer { + .main-footer { + > * { + padding-left: 0; + padding-right: 0; + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 480px */ + +@media @screen_max-xxs { + #dokuwiki__footer { + .main-footer { + > * { + padding-left: @margin-small; + padding-right: @margin-small; + } + } + } +} diff --git a/css/area_forms.less b/css/area_forms.less new file mode 100644 index 0000000..6469546 --- /dev/null +++ b/css/area_forms.less @@ -0,0 +1,336 @@ +/** + * This file provides the design styles for forms. + * + * @author Jana Deutschlaender + */ + + +/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ + +form { + display: inline; + margin: 0; + padding: 0; + + + // multiline label + fieldset > label.block > span:first-child { + display: inline-block; + + @media @screen_min-lg { + width: 48.8%; + } + + @media @screen_max-lg { + width: 48.5%; + } + } + + + // older version (history) + .dokuwiki & > .no > ul > li { + min-height: 2rem; + vertical-align: baseline; + + a, + span, + img { + vertical-align: baseline; + } + + img { + margin-left: 4px; + margin-right: 4px; + } + + input[type="checkbox"] { + margin-bottom: .2rem; + } + + span.user bdi { + a { + vertical-align: baseline; + } + } + } +} + +fieldset { + font-size: @font-size-default; + line-height: 140%; + border: 1px solid @ini_text_alt; + padding: .7rem 1rem; + + > :last-child { + margin-bottom: 0; + } + + + p { + padding-top: 1rem; + } +} + +legend { + margin: 0; + padding: 0 .1em; +} + +label { + vertical-align: baseline; + 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: @font-size-default; +} + +optgroup { + font-style: italic; + font-weight: bold; +} + +option { + font-style: normal; + font-weight: normal; +} + +input, +textarea, +select, +keygen { + min-height: @formfield_min-height; + border: 1px solid @ini_border; + box-shadow: inset 0 0 1px #eee; + border-radius: @fix_border-radius; + padding-left: .3rem; + padding-right: .3rem; +} + +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; +} + +input[type="file"] { + padding-top: .1rem; + padding-bottom: .1rem; +} + + +/* + + + + + 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: @fix_border-radius; + 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 + + + */ +form input[type=submit], // heredity 'adnewpage' +a.button, +input[type=submit], +input[type=reset], +button[type=submit], +.qq-upload-button { + cursor: pointer; + box-shadow: none; + background-image: none; + background-color: @ini_button_background; + border: 1px solid @ini_button_background; + border-radius: @fix_border-radius; + color: @ini_button_color; + vertical-align: top; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: @ini_button_color; + color: @ini_button_background; + } +} + +button[type='reset'] { + min-height: 2rem; + vertical-align: middle; + padding: .3em 1rem; +} + +input[type=submit], +button[type=submit] { + min-height: 2rem; + vertical-align: middle; + + &[disabled] { + cursor: default; + + &:hover, + &:active, + &:focus { + box-shadow: none; + background-image: none; + background-color: @ini_button_background; + color: @ini_button_color; + border-color: @ini_button_background; + } + } + + + span { + display: block; + margin-top: @grid; + } +} + + +/* + + + 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: @fix_border-radius; + 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 @ini_border; + border-radius: @fix_border-radius; + 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; +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* media queries - Styles for auth forms */ + +@media @screen_max-xs { + .tpl_sprintdoc { + #dw__login, + #dw__register, + #dw__resendpwd { + fieldset { + width: 100%; + + label.block { + text-align: left; + + > span:first-child { + width: 100%; + } + + input.edit { + width: 100%; + margin-top: .5rem; + } + } + } + } + + #dw__login { + label[for="remember__me"] { + width: 100%; + margin-left: 0; + } + } + } +} diff --git a/css/area_header.less b/css/area_header.less index d2342fd..e02bf1a 100755 --- a/css/area_header.less +++ b/css/area_header.less @@ -3,45 +3,151 @@ * * @author Jana Deutschlaender */ + + #dokuwiki__header { + @header-font-opacity: 1; - .menu-togglelink { - border: 1px solid @color-border; - border-radius: @border-radius; - text-align: center; - margin: @very-small-spacing -(@very-small-spacing) 0 0; - - font-size: @font-size-small; - min-height: 2em; - min-width: 2em; - box-sizing: border-box; - line-height: 2em; - - cursor: pointer; - background-color: #fff; - text-decoration: none; - transition: @transition color, @transition background-color, @transition border-color; - - - svg { - height: @font-size-default + (@font-scale-factor * 4); - width: @font-size-default + (@font-scale-factor * 4); +/* + + + wiki logo + + + */ + @media @screen_min-md { + div.claim { + display: table-cell; + height: 100%; vertical-align: middle; - path { - fill: @color-nav - } } - &:hover, - &:active, - &:focus { - background-color: @button_color; - border-color: @button_background; - svg path { - fill: @button_background; + .logo { + padding: 1rem 0 .3rem; + + img { + height: 4.6rem; + width: auto; + border-style: solid; + border-color: transparent; + border-width: 2px 0; + } + + a:hover, + a:focus, + a:active { + img { + border-width: 0; + } } } - } + @media @screen_max-md { + .logo { + display: table-cell; + + .mobile-only { + margin: .8rem 1rem .6rem 0; + } + } + } + + +/* + + + wiki title + claim + + + */ + .main-title.desktop-only { + @media @screen_min-md { + display: table-cell; + vertical-align: middle; + } + + @media @screen_max-md { + display: block; + } + + p.title { + @media @screen_max-md { + display: none; + } + } + + p.claim { + @media @screen_max-md { + display: block; + padding-bottom: 1rem; + } + } + } + + .main-title:not([class*="desktop-only"]) { + @media @screen_max-md { + display: table-cell; + vertical-align: middle; + } + } + + +/* + + + wiki title + + + */ + p.title { + background-color: @ini_background; + opacity: @header-font-opacity; + color: @ini_text_webframe; + line-height: @line-height-default; + margin-bottom: .5rem; + + @media @screen_min-md { + font-size: @font-size-big; + } + + @media @screen_max-md { + font-size: (@font-size-default + .25); + padding-top: .5rem; + padding-left: 1rem; + } + } + + +/* + + + wiki claim + + + */ + p.claim { + opacity: @header-font-opacity; + color: @ini_text_webframe; + font-size: @font-size-default; + margin-bottom: 0; + + @media @screen_max-md { + padding-top: .5rem; + } + } + + +/* + + + mobile nav togglelink + + + */ + .menu-togglelink { + margin: .45rem -(@very-small-spacing) 0 0; + + a { + .fontello(); + .icon-menu(); + + display: block; + min-height: @toggle-size; + min-width: @toggle-size; + box-sizing: border-box; + background-color: #fff; + border: 1px solid @ini_border; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius + color: @ini_nav_menu_color; + font-size: 1rem; + text-align: center; + text-decoration: none; + line-height: 1; + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + font-size: 1.5rem; + margin: .1rem 0 0; + } + + &:hover, + &:active, + &:focus { + background-color: @ini_nav_menu_hover_bg; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_color; + } + } + } } diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less index 1b2cacb..cd5582d 100644 --- a/css/area_main-content-secedit.less +++ b/css/area_main-content-secedit.less @@ -1,33 +1,33 @@ /** * This styles the section editing buttons and highlighting */ -#dokuwiki__content.main-content { - @button-margin: .5rem; // FIXME shouldn't we have something in our base.less for this? + +#dokuwiki__content.main-content { div.section_highlight { - clear: right; // FIXME why? + clear: right; background: repeating-linear-gradient( -45deg, - transparent, - transparent 10px, - @ini_background_alt 10px, - @ini_background_alt 20px, + @highlight-odd-ini_text, + @highlight-odd-ini_text 10px, + @highlight-even-ini_text 10px, + @highlight-even-ini_text 20px, ); - } - - .secedit button { - clear: both; - font-size: 100%; - margin-top: @button-margin; - margin-bottom: @button-margin; + border-color: @ini_background_page_header; } .editbutton_section { - float: right; - margin-top: 0; position: relative; z-index: 2; top: 0; + float: right; + margin-top: 0; + + form div.no { + button { + padding-right: 0; + } + } button { background-color: transparent; @@ -36,20 +36,30 @@ &::after { content: ''; + float: right; display: inline-block; - background: transparent url("svg.php?svg=pencil.svg&f=link") center center no-repeat; + background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat; height: 1em; width: 1em; background-size: contain; - margin-left: @button-margin; + border: solid 2px transparent; + border-radius: @ini_default_border_radius; + margin-left: @small-spacing; + margin-top: -1px; } &:hover, &:active, &:focus { - background-color: @button_color; - color: @button_background; - border-color: @button_background; + //background-color: @ini_existing; + color: @ini_existing; + //border-color: @ini_existing; + + &::after { + background-color: @ini_existing; + background-image: url("svg.php?svg=pencil.svg&f=background_content"); + border-color: @ini_existing; + } } } } diff --git a/css/area_main-content.less b/css/area_main-content.less index 6db9048..d5db8a5 100755 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -4,39 +4,52 @@ * @author Jana Deutschlaender */ -#dokuwiki__content.main-content { +#dokuwiki__content.main-content { .level2 { p a.media { img { - border: 1px dotted @color-site-bg; + border: 1px dotted @ini_background; } - &:hover, &:focus, &:active { + &:hover, + &:focus, + &:active { img { - border: 1px solid @color-link; + border: 1px solid @ini_existing; } } + } + } + > div, + .section_highlight > div { + > ul, + > ol { + &:not([class="tabs"]) > li { + margin-bottom: @small-spacing; + } } } .wikipagefooter { > hr { margin-top: 3em; - margin-bottom: 0.5em; - border-top: dashed @color-border-light 2px; + margin-bottom: .5em; + border-top: dashed @ini_border_light 2px; border-bottom: none; } } } + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* min-width: 1440px */ @media @screen_min-xlg { } + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* max-width: 1199px */ diff --git a/css/area_main-sidebar-content.less b/css/area_main-sidebar-content.less index 862c0fc..fb02fbe 100644 --- a/css/area_main-sidebar-content.less +++ b/css/area_main-sidebar-content.less @@ -1,14 +1,18 @@ /** * This file provides the design styles the non-navigational elements in the sidebar */ + + #dokuwiki__aside { // do not indent the first level of lists // and use less indention in deeper levels - ul, ol { + ul, + ol { padding-left: 0; - ul, ol { + ul, + ol { padding-left: @margin-small; li { @@ -17,3 +21,41 @@ } } } + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + #dokuwiki__aside { + display: none; + } + + body.show-mobile-sidebar { + #dokuwiki__aside { + display: block !important; + position: absolute; + left: 1.25rem; //left margin of content container + z-index: 200; // above all + box-shadow: @box-shadow-right-bottom; + min-width: 45%; + max-width: 90%; + height: auto; + + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + background: @ini_background; + background: -webkit-linear-gradient(left, @ini_background, @ini_background_content); + background: linear-gradient(left, @ini_background, @ini_background_content); + z-index: 0; + } + } + } +} diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index 35133f7..681dd4d 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -4,36 +4,101 @@ * @author Jana Deutschlaender * @author Andreas Gohr */ + + #dokuwiki__aside { @icon-size: @font-size-big; @menu-margin: @icon-size + @margin-small*2; // FIXME this is still wrong + nav > p, + .mmissuelist li, + .mmissuelist div { + color: @ini_nav_menu_color; + + &.noissue { + color: @ini_text_webframe; + + * { + color: inherit; + } + } + } + + nav { + li { + color: @ini_nav_menu_color; + + > div { + color: @ini_text_webframe; + } + } + } + + + /* jira itemlist */ + .mmissuelist { + li { + &.noissue { + list-style-type: none; + margin-left: 0; + } + + a { + display: inline-block; + } + } + + img { + vertical-align: bottom; + margin-right: .3rem; + } + + .mm__status { + padding-left: .3rem; + padding-right: .3rem; + } + + form { + vertical-align: text-top; + } + } + > * { margin-left: @menu-margin; // moves *all* sidebar content to the right } + a { + &:link, + &:visited { + opacity: .9; + color: @ini_nav_menu_color; + } + + * { + color: inherit; + } + } + // the toggle element a.nav { - font-size: @font-size-head6; - margin: 0 0 @font-size-head6; + .display-flex(); + .align-items(); + cursor: pointer; - font-weight: normal; - margin-left: (@menu-margin * -1); // moves the toggles back to the left - color: @color-nav; + height: @icon-size + @margin-small; + opacity: 1; border: 1px solid transparent; border-radius: @fix_border-radius; + color: @ini_nav_menu_color; + font-size: @font-size-head6; + font-weight: normal; + margin: -1px 0 (@font-size-head6 / 2) (@menu-margin * -1); // moves the toggles back to the left transition: @transition color, @transition background-color, @transition border-color; - height: @icon-size + @margin-small; - display: flex; - display: -ms-flexbox; - flex-direction: row; - -ms-flex-direction: row; - align-items: center; - span { display: inline-block; vertical-align: middle; + color: inherit; } span.lbl { @@ -44,10 +109,10 @@ width: @menu-margin; height: @icon-size; flex-grow: 0; - border-right: 1px solid @color-border; + border-right: 1px solid @ini_nav_menu_color; text-align: center; margin-right: @margin-small; - color: @color-nav; + color: inherit; // simple fake icon strong { @@ -59,19 +124,21 @@ margin: @icon-size * 0.05; vertical-align: baseline; text-align: center; - color: @color-nav; - border: 2px solid @color-nav; + color: inherit; + border: 2px solid @ini_nav_menu_color; border-top-right-radius: 50%; border-bottom-left-radius: 50%; - + transition: @transition border-color; } // real icon svg { width: @icon-size; height: @icon-size; + path { - fill: @color-nav; + fill: @ini_nav_menu_color; + transition: @transition all; } } } @@ -79,18 +146,23 @@ &:hover, &:focus, &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; + background-color: @ini_nav_menu_hover_bg; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_color; text-decoration: none; - span.ico strong { - color: @button_background; - border-color: @button_background; - } + span.ico { + border-color: inherit; - span.ico svg path { - fill: @button_background; + strong { + border-color: inherit; + } + + svg { + path { + fill: @ini_nav_menu_hover_color; + } + } } } } @@ -98,53 +170,97 @@ // the panel (hidden by default) div.nav-panel { display: none; + margin-top: .5rem; + + ul { + margin-bottom: 1rem; + + ul { + margin-bottom: 0; + } + } } } -/** - * Sidebar handling in mobile view - */ -@media @screen_max-md { - // hide on medium and smaller screens + +/* + + + + + + wide page content border-bottom between a.nav (short width) + + + + + +.wide-content { #dokuwiki__aside { - display: none; - } + a.nav { + position: relative; - // show when toggled - body.show-mobile-sidebar { - - #dokuwiki__aside { - display: block; - - position: absolute; - left: 1.25rem;//left margin of content container - z-index: 200; // above all - box-shadow: @box-shadow-right-bottom; - min-width: 45%; - max-width: 90%; - height: auto; - - &:after{ - content: ""; + &::after { + content: ''; position: absolute; - top: 0; - left:0; - bottom:0; - right:0; + bottom: -1px; + left: 0; width: 100%; - height: 100%; - background: @ini_background; - background: -webkit-linear-gradient(left, @ini_background, @color-content-bg); - background: linear-gradient(left, @ini_background, @color-content-bg); - - z-index: 0; + height: 1px; + border-bottom: solid 1px @ini_border; } - > nav{ + &:hover, + &:focus, + &:active { + &::after { + display: none; + } + } + } + } +} */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + #dokuwiki__aside { + nav { + li:not([class]), + .li { + font-size: @font-size-head6; + padding: .15em 0; + + * { + font-size: inherit; + font-weight: inherit; + } + + a { + font-size: (@font-size-head6 - .05); + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + // show when toggled + body.show-mobile-sidebar { + .search.main-sidebar { + display: block !important; + position: relative; + + form { + margin-bottom: 1rem; + + .no { + display: block; + } + } + } + + #dokuwiki__aside { + > nav { position: relative; - //display: block; z-index: 2; - &:first-child{ + + &:first-child { margin-top: 1.2rem; } } @@ -154,53 +270,23 @@ border-right-width: 0; border-left-width: 0; } + .nav-panel, - a.nav{ + a.nav { padding-right: .8em; } } - - } - } -// FIXME check if the stuff below is still relevant /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { - .li { - font-size: @font-size-default; - padding: .1em 0; - - * { - font-size: inherit; - font-weight: inherit; - } - } - - > ul > li > .li { - font-size: @font-size-default; - - * { - font-size: inherit; - } - } - } - } - -} - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ +/* max-width: 1439px */ @media @screen_max-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { + #dokuwiki__aside { + nav { + li:not([class]), .li { font-size: @font-size-default; padding: .15em 0 .15em .25rem; @@ -210,14 +296,6 @@ font-weight: inherit; } } - - > ul > li > .li { - font-size: @font-size-default; - - > * { - font-size: inherit; - } - } } } } diff --git a/css/area_msg.less b/css/area_msg.less index 21a47d7..1e2ad9e 100644 --- a/css/area_msg.less +++ b/css/area_msg.less @@ -1,11 +1,39 @@ -.msg-area{ +.msg-area { clear: both; padding-top: 1.6rem; - div{ - //font-size: .88rem; + + div { line-height: 135%; } - &:empty{ + + &:empty { display: none; } } + +/* short fix: SPR-891 - Icons für Notifications in Message Area werden gekachelt */ +div.success, div.error, div.info, div.notify { + background-repeat: no-repeat; + background-position: 8px 50%; + border: 1px solid #eeb; + font-size: 90%; + margin: 0 0 .5em; + padding: .4em; + padding-left: 32px; + overflow: hidden; + border-radius: 5px; + + * { + color: inherit; + } + + a { + text-decoration: underline; + + &:hover, + &:focus, + &:active { + text-decoration: none; + } + } +} diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index cd3f5b6..16ef4ad 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -1,19 +1,35 @@ /** - * This file provides the design styles for the direct / menu jump links. + * This file provides the design styles for the breadcrumb * * @author Jana Deutschlaender */ + .breadcrumbs { position: relative; - border-bottom: 1px solid @color-border-light; - padding: 1rem 1.8rem .2rem; min-height: @page-header_height; box-sizing: border-box; + background-color: @ini_background_content; + border-bottom: 1px solid @ini_border_light; + padding: 1rem 1.8rem .2rem; + + @media @screen_max-md { + background-color: @ini_background_page_header; + } + + @media @screen_max-xs { + padding-left: @margin-small; + padding-right: .75rem; + } + + @media @screen_xs-lg { + background-color: @ini_background_content; + } > p { font-size: @font-size-small; margin: 0; + @media @screen_max-xs{ width: 1px; position: relative; @@ -31,9 +47,11 @@ span.home { margin-left: -.2rem; // reverse spacing in home icon --> content text and home icon aligned - .wide-content &{ + + .wide-content & { margin-left: .4rem; //toggle link has position absolute, hover on home icon needs more space than left padding of breadcrumb } + a { .fontello(); .hide-text-show-before(); @@ -44,7 +62,7 @@ width: auto; box-sizing: border-box; border: solid 1px transparent; - border-radius: @border-radius; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius vertical-align: middle; text-decoration: none; margin-top: -.2em; @@ -58,7 +76,7 @@ &:hover, &:focus, &:active { - border-color: @color-link; + border-color: @ini_existing; } } } @@ -77,6 +95,7 @@ max-width: 30%; margin: -.45em 0 0; padding: 0; + @media @screen_max-xs{ max-width: 90%; } @@ -91,10 +110,9 @@ > a { display: block; width: auto; - min-height: 2em; - border: 1px solid @color-border; - border-radius: @border-radius; - color: @color-nav; + min-height: @toggle-size; + border: 1px solid @wikiicons-border; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius text-align: center; margin: 0; } @@ -102,114 +120,19 @@ .prefix { .btn-prefix (); .icon-clipboard(); - } -/* check !!! */ - &.do_none { - position: relative; - - strong { - background-color: @color-site-bg; - } - - .num { - background-color: @color-border; - color: @color-nav; - } - } -/* end check !!! */ - - &.plugin__qc { - display: inline-block; - overflow: visible; - position: static; + display: block; + font-size: 1.2rem; + line-height: 1; } } // li a { - transition: @transition color, @transition background-color, @transition border-color; + .btn-hover(); &[aria-expanded="false"] + #plugin__qc__wrapper { display: none; } - - &:hover, - &:active, - &:focus { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - - .prefix { - color: @button_background; - } - } - } - - #plugin__qc__wrapper { - position: absolute; - right: 0; - width: auto; - border: 0 none; - background: @background_page-header; - background: -webkit-linear-gradient(top, @background_page-header, @color-content-bg); - background: linear-gradient(top, @background_page-header, @color-content-bg); - box-shadow: @box-shadow-bottom; - z-index: 2000; - - #plugin__qc__out{ - h1 { - font-size: @font-size-head3; - } - - h2 { - margin-top: 1.6em; - font-size: @font-size-head5; - } - > 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; - } - } - - #plugin__qc__icon { - display: none; - } - - #plugin__qc__link { - position: relative; - - .prefix { - .icon-emo-happy(); - - width: 100%; - font-size: @font-size-default; - - &::before { - width: 100%; - margin: .1em 0 0; - } - } } } } - - -/* + + + + + ? + + + + + */ -.mode_admin { - -} diff --git a/css/area_nav-direct.less b/css/area_nav-direct.less index 21328ad..5defc3b 100755 --- a/css/area_nav-direct.less +++ b/css/area_nav-direct.less @@ -4,8 +4,9 @@ * @author Jana Deutschlaender */ + .nav-direct { - background-color: __nav_direct_background__; + background-color: @nav_direct_background; margin-top: -1px; p { @@ -21,12 +22,12 @@ a:visited { .sr-out(); - box-shadow: __box_shadow__; + box-shadow: @box-shadow; display: block; width: 100%; - background-color: __nav_direct_background__; - border-bottom: 1px solid __shadow_color__; - color: __nav_direct_color__; + background-color: @nav_direct_background; + border-bottom: 1px solid @ini_border_light; + color: @nav_direct_color; line-height: @line-height-default; text-decoration: none; padding: 1em; diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 8aba8a3..165d831 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -1,20 +1,48 @@ +/** + * This file provides the design styles for the metatabbox + * + * @author Jana Deutschlaender + */ + + #spr__meta-box { + .display-flex(); + .flex-direction(); + .justify-content(flex-end); + position: relative; z-index: 10; - display: inline-block; - min-height: @page-header_height; - max-width: 40%; float: right; - margin-top: @page_padding-top * -1; // reverse padding-top of .page container - padding-top: 1rem; - border: 1px solid transparent; + max-width: 40%; + margin-top: -(@page_padding-top); // reverse padding-top of .page container + margin-right: -1px; + + // >= 1024 + @media @screen_min-md { + height: @page-header_height; + border: 1px solid transparent; + } + + // < 1024 + @media @screen_max-md { + position: relative; + top: .2rem; + right: auto; + float: none; + display: block; + max-width: 100%; + min-height: @page-header_height; + height: auto; + border: 0 none; + } .tab-container { display: table; - @media @screen_max-md{ + + @media @screen_max-md { + display: block; width: 100%; } - } .box-content { @@ -23,21 +51,25 @@ overflow-y: visible; } + +/* + + + + + tab controlls + + + + + */ ul.meta-tabs { list-style: none; - background-color: @background_page-header; - @media @screen_max-md{ - background-color: #fff; - } + line-height: 160%; margin: 0; padding: 0; + @media @screen_min-md { + white-space: nowrap; + text-align: right; + } + &::before, &::after { - display: table; - content: " "; - box-sizing: border-box; + content: ''; clear: both; + display: table; + box-sizing: border-box; } > li:first-child { @@ -47,27 +79,45 @@ } > li { - margin: 0 0 -1px; position: relative; display: inline-block; + vertical-align: bottom; + margin: 0; + + @media @screen_min-md { + margin-left: .3rem; + } + + @media @screen_max-md { + margin-right: .4rem; + margin-bottom: .2rem; + } > a { cursor: pointer; position: relative; display: block; - background-color: @color-site-bg; - border: 1px solid @color-border-light; - border-bottom-color: @color-site-bg; - border-radius: @fix_border-radius @fix_border-radius 0 0; - color: @color-nav; font-size: @font-size-small; line-height: 1.42857143; - padding: .3em 1rem .1em; - margin-left: 4px; - transition: @transition color, @transition background-color, @transition border-color; - @media @screen_max-xs{ - padding: .3em .3rem .1em; + transition: @transition background-color, @transition border-color, @transition color; + + @media @screen_min-md { + background-color: @ini_background; + border: 1px solid @noopentasks-border; + border-bottom-color: @ini_background; + border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius + color: @ini_nav_menu_color; + margin-left: 4px; + padding: .3em 1rem .1em; + } + + @media @screen_max-md { + top: 0; + border: 1px solid @ini_existing; + color: @ini_existing; + margin-top: .2rem; margin-left: 0; + padding: .2em .3rem; } * { @@ -77,20 +127,25 @@ .prefix { position: relative; - transition: @transition color; + color: inherit; font-size: @font-size-small; } &:hover, &:focus, &:active { - background-color: @color-content-bg; - border-color: @color-link; - color: @color-link; text-decoration: none; - .prefix { - color: inherit; + @media @screen_min-md { + background-color: @ini_background_content; + border-color: @ini_existing; + color: @ini_existing; + } + + @media @screen_max-md { + background-color: @ini_existing; + border-color: @ini_background_content; + color: @ini_background_content; } } } @@ -100,43 +155,56 @@ > a { cursor: default; - background-color: @color-content-bg; - border-color: @color-link; - border-bottom-color: @color-content-bg; - color: @color-link; + background-color: @ini_background_content; + border-color: @ini_existing; + border-bottom-color: @ini_background_content; + color: @ini_existing; + + @media @screen_max-md { + background-color: @ini_existing; + border-bottom-color: @ini_existing; + border-radius: 0; + color: @ini_background_content; + } } } } } + +/* + + + + + toggle content + + + + + */ .meta-content { - margin-right: 1px; margin-top: -1px; + + @media @screen_max-md { + clear: both; + margin-top: 2px; + } + .tab-pane { position: absolute; top: 0; right: 0; display: none; width: 100%; - min-width: 20em; - background-color: @color-content-bg; - border: 1px solid @color-link; - border-top-color: transparent; - border-radius: 0 0 @fix_border-radius @fix_border-radius; + background-color: @ini_background_content; + border: 1px solid @ini_existing; - &::before { - content: ''; - position: absolute; - top: -1px; - left: 0; - z-index: 0; - width: 100%; - height: 1px; - background-color: @color-link; + @media @screen_min-xs { + min-width: 20em; + } + + @media @screen_min-md { + border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius } &.active { display: block; + overflow: hidden; + } + + a { + color: @ini_existing; } > div { @@ -162,6 +230,16 @@ } } + &#spr__tab-tags { + > div { + ul { + li { + padding-left: 0; + } + } + } + } + #dw__toc { width: auto; float: none; @@ -189,23 +267,20 @@ position: relative; } - li { - } - div.li { position: relative; padding: .15em 0; &::before { + content: ''; position: absolute; - top: .3em; - content: ""; + top: .6em; + left: 0; display: inline-block; width: 4px; height: 4px; - background-color: #ccc; overflow: hidden; - left: 0; + background-color: @ini_existing; } } } @@ -221,25 +296,4 @@ clear: right; margin-top: 20px; } - - @media @screen_max-md{ - max-width: 100%; - float: none; - display: block; - top: -1.1rem; - position: relative; - right: auto; - .tab-container{ - display: block; - } - ul.meta-tabs{ - > li > a{ - margin-left: 0; - } - } - .meta-content{ - clear: both; - } - } } - diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index 10f147a..40d2b06 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -18,200 +18,142 @@ .pagetools-item(subscribe, 9, subscribe); .pagetools-item(mediaManager, 11); .pagetools-item(back, 12); -.pagetools-item(img_backto, 12);*/ +.pagetools-item(img_backto, 12); +*/ +#dokuwiki__aside { + @media @screen_max-md { + display: none !important; + } +} + +nav#dokuwiki__pagetools { + @toolbox-size: 30px; -nav#dokuwiki__pagetools{ - right: -(@margin-default); top: 3.05rem; z-index: 100; + + @media @screen_min-md { + right: -2.5rem; + } + + @media @screen_max-md { + right: 8px; + } + ul { li { + @page-tools_svg-size: 25px; + @page-tools_svg-space: (@toolbox-size - @page-tools_svg-size) / 2; - *{ + * { font-size: @font-size-default; } - &.plugin_move_page{ - a{ - opacity: .6; - color: @color-nav; - *{ - color: @color-nav; - } - background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9InJnYigxMDUsMTA1LDEwNSkiIGQ9Ik05NDYuNCAyMTQuM3EyMi40IDAgMzggMTUuNnQxNS42IDM4djY3OC41cTAgMjIuMyAtMTUuNiAzOHQtMzggMTUuNkg0MTAuN3EtMjIuMyAwIC0zNy45IC0xNS42dC0xNS43IC0zOFY3ODUuN0g1My42cS0yMi40IDAgLTM4IC0xNS42VDAgNzMyLjF2LTM3NVEwIDMzNC44IDExLjIgMzA4dDI2LjcgLTQyLjRMMjY1LjYgMzcuOVEyODEuMyAyMi4zIDMwOCAxMS4yVDM1Ny4xIDBoMjMyLjJxMjIuMyAwIDM3LjkgMTUuNnQxNS43IDM4djE4M3EzNy45IC0yMi4zIDcxLjQgLTIyLjNoMjMyLjF6TTY0Mi45IDMzMy4xTDQ3NiA1MDBoMTY2LjlWMzMzLjF6TTI4NS43IDExOC45TDExOC45IDI4NS43aDE2Ni44VjExOC45em0xMDkuNCAzNjFMNTcxLjQgMzAzLjZWNzEuNEgzNTcuMXYyMzIuMnEwIDIyLjMgLTE1LjYgMzcuOXQtMzcuOSAxNS42SDcxLjR2MzU3LjJoMjg1LjdWNTcxLjRxMCAtMjIuMyAxMS4yIC00OS4xdDI2LjggLTQyLjR6bTUzMy41IDQ0OC43VjI4NS43SDcxNC4zdjIzMi4ycTAgMjIuMyAtMTUuNiAzNy45dC0zOCAxNS42SDQyOC42djM1Ny4yaDUwMHoiLz48L3N2Zz4=) 95% center no-repeat; - background-size: @font-size-head2 auto; - &:before{ - visibility: hidden; - } + a { + .fontello-double(); - &:hover, &:focus, &:active{ - opacity: 1; - color: @color-nav-hover; - background-color: #fff; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9InJnYig0MCwxMDksMTY4KSIgZD0iTTk0Ni40IDIxNC4zcTIyLjQgMCAzOCAxNS42dDE1LjYgMzh2Njc4LjVxMCAyMi4zIC0xNS42IDM4dC0zOCAxNS42SDQxMC43cS0yMi4zIDAgLTM3LjkgLTE1LjZ0LTE1LjcgLTM4Vjc4NS43SDUzLjZxLTIyLjQgMCAtMzggLTE1LjZUMCA3MzIuMXYtMzc1UTAgMzM0LjggMTEuMiAzMDh0MjYuNyAtNDIuNEwyNjUuNiAzNy45UTI4MS4zIDIyLjMgMzA4IDExLjJUMzU3LjEgMGgyMzIuMnEyMi4zIDAgMzcuOSAxNS42dDE1LjcgMzh2MTgzcTM3LjkgLTIyLjMgNzEuNCAtMjIuM2gyMzIuMXpNNjQyLjkgMzMzLjFMNDc2IDUwMGgxNjYuOVYzMzMuMXpNMjg1LjcgMTE4LjlMMTE4LjkgMjg1LjdoMTY2LjhWMTE4Ljl6bTEwOS40IDM2MUw1NzEuNCAzMDMuNlY3MS40SDM1Ny4xdjIzMi4ycTAgMjIuMyAtMTUuNiAzNy45dC0zNy45IDE1LjZINzEuNHYzNTcuMmgyODUuN1Y1NzEuNHEwIC0yMi4zIDExLjIgLTQ5LjF0MjYuOCAtNDIuNHptNTMzLjUgNDQ4LjdWMjg1LjdINzE0LjN2MjMyLjJxMCAyMi4zIC0xNS42IDM3Ljl0LTM4IDE1LjZINDI4LjZ2MzU3LjJoNTAweiIvPjwvc3ZnPg==); - - *{ - color: @color-nav-hover; - } - background-position: 95% center; - &::before{ - visibility: visible; - } - } - } - } - - a{ + position: relative; + height: auto; + min-height: @toolbox-size; // for nav:hover + width: @toolbox-size; // for nav:hover font-size: @font-size-default; - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{ - opacity: .6; - color: @color-nav; - *{ - color: @color-nav; + padding: 2px @toolbox-size 2px 2px; + + @media @screen_min-md { + color: @ini_nav_menu_color; + } + + @media @screen_max-md { + color: @ini_existing; + } + + * { + color: inherit; + } + + &::before { + display: none; + } + + &:hover, + &:focus, + &:active { + background-color: transparent; + } + + span { + .sr-only(); + + padding-right: .5rem; + padding-left: .3rem; + } + + svg { + display: inline-block; + width: @page-tools_svg-size; + height: @page-tools_svg-size; + vertical-align: middle; + border: solid 1px transparent; + margin: @page-tools_svg-space; + + @media @screen_min-md { + fill: @ini_nav_menu_color; } - background-position: 95% center; - background-size: @font-size-head2 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; - } + + @media @screen_max-md { + fill: @ini_existing; } } - &.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{ + &.top { margin-top: 1em; - position: relative; - background-size: @font-size-default; - 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: @font-size-default auto; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } - } - &.show{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNMjE0LjMgNDQ2LjRxMCAtNy44IDUgLTEyLjh0MTIuOCAtNUg2MjVxNy44IDAgMTIuOCA1dDUuMSAxMi44djM1LjdxMCA3LjkgLTUuMSAxMi45dC0xMi44IDVIMjMyLjFxLTcuOCAwIC0xMi44IC01dC01IC0xMi45di0zNS43em00MTAuNyAxMjVxNy44IDAgMTIuOCA1LjF0NS4xIDEyLjhWNjI1cTAgNy44IC01LjEgMTIuOHQtMTIuOCA1LjFIMjMyLjFxLTcuOCAwIC0xMi44IC01LjF0LTUgLTEyLjh2LTM1LjdxMCAtNy44IDUgLTEyLjh0MTIuOCAtNS4xSDYyNXptMCAxNDIuOXE3LjggMCAxMi44IDV0NS4xIDEyLjh2MzUuOHEwIDcuOCAtNS4xIDEyLjh0LTEyLjggNUgyMzIuMXEtNy44IDAgLTEyLjggLTV0LTUgLTEyLjh2LTM1LjhxMCAtNy44IDUgLTEyLjh0MTIuOCAtNUg2MjV6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek0yMTQuMyA0NDYuNHEwIC03LjggNSAtMTIuOHQxMi44IC01SDYyNXE3LjggMCAxMi44IDV0NS4xIDEyLjh2MzUuN3EwIDcuOSAtNS4xIDEyLjl0LTEyLjggNUgyMzIuMXEtNy44IDAgLTEyLjggLTV0LTUgLTEyLjl2LTM1Ljd6bTQxMC43IDEyNXE3LjggMCAxMi44IDUuMXQ1LjEgMTIuOFY2MjVxMCA3LjggLTUuMSAxMi44dC0xMi44IDUuMUgyMzIuMXEtNy44IDAgLTEyLjggLTUuMXQtNSAtMTIuOHYtMzUuN3EwIC03LjggNSAtMTIuOHQxMi44IC01LjFINjI1em0wIDE0Mi45cTcuOCAwIDEyLjggNXQ1LjEgMTIuOHYzNS44cTAgNy44IC01LjEgMTIuOHQtMTIuOCA1SDIzMi4xcS03LjggMCAtMTIuOCAtNXQtNSAtMTIuOHYtMzUuOHEwIC03LjggNSAtMTIuOHQxMi44IC01SDYyNXoiLz48L3N2Zz4=); - } } } - } } - &:hover{ - ul{ - background-color: #fff; - box-shadow: @box-shadow-offset; - li{ - &.plugin_move_page{ - a{ - color: @color-nav; - background-position: 95% center; - opacity: .8; - &:hover, &:focus, &:active{ - opacity: 1; - *{ - opacity: 1; - } - color: @color-nav-hover; - background-color: #fff; - } - } - } - a{ - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.show { - 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=); - } + &:hover { + ul { + box-shadow: @box-shadow; // @box-shadow-offset; + background-color: @ini_background_content; + border-color: @wikiicons-border; - } - &.export_pdf{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } + li { + color: @ini_existing; - } + a { + box-shadow: none; + background-image: none; + border-color: transparent; + color: inherit; + padding: 2px 0 2px 2px; - } - } - } - } -} + svg { + border: solid 1px transparent; + border-radius: @ini_default_border_radius; + fill: @ini_existing; + transition: @transition background-color, @transition border-color, @transition fill; + } -/* overwrite do:backlink */ -.mode_backlink #dokuwiki__pagetools ul li a.backlink{ - background-position: 95% center; -} + &:hover, + &:focus, + &:active { + svg { + background-color: @ini_existing; + border-color: @ini_existing; + fill: @ini_background_content; + } + } - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-md { - nav#dokuwiki__pagetools { - right: 8px; + span { + position: static; + width: auto; + height: auto; + margin: auto; + } + } + } + } } } diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 1ad7c5a..87959cd 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -16,60 +16,172 @@ ul { float: right; padding: 0; - margin: @very-small-spacing -(@very-small-spacing) 0 0; + margin: (@very-small-spacing * 2) -.25rem 0 0; li { .btn-usertools-wrapper(); // uniform li .btn-usertools-num(); float: right; + min-height: 28px; > strong, > a { display: block; width: auto; - min-height: 2em; - border: 1px solid @color-border; - border-radius: @border-radius; - color: @color-nav; + min-height: @toggle-size; + overflow: hidden; + border: 1px solid @wikiicons-border; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius text-align: center; margin: 0; - } - &.noopentasks { - strong { - background-color: @color-site-bg; + @media @screen_only-lg { + padding-top: .14rem; } - .num { - background-color: @color-border; - color: @color-nav; + @media @screen_max-xxlg { + min-height: 28px; + } + + @media @screen_max-md { + min-height: @toggle-size; } } &.user { - border: 1px solid @color-border; - border-radius: @border-radius; - padding: .3em .25rem; + @space-min-xxlg: .35rem; + @space-max-xxlg: .4rem; + @space-max-xlg: .5rem; + @space-max-md: .35rem; - bdi { - color: @color-nav; - display: inline-block; - padding-top: 1px; + position: relative; + display: table-cell; + background-color: @ini_background; + border: solid 1px @noopentasks-border;//@ini_border_light; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius + color: @ini_text_webframe; + padding-right: .3rem; + + @media @screen_min-xxlg { + padding-top: @space-min-xxlg; } - > bdi:first-of-type { - .fontello(); - .icon-user(); + @media @screen_max-xxlg { + padding-top: @space-max-xxlg; + } + + @media @screen_max-xlg { + padding-top: @space-max-xlg; + } + + @media @screen_max-md { + min-height: @toggle-size; + padding-top: @space-max-md; + } + + > a { + .display-flex(); + .align-items(); + + position: relative; + min-height: 26px; + overflow: visible; + background: @ini_nav_menu_hover_bg; // for removing bg-image + border: 0 none; + color: @ini_nav_menu_hover_color; + text-indent: 0; + font-size: inherit; + margin-right: -.3rem; + padding: 0 .2em 0 0; + + @media @screen_min-xxlg { + margin-top: -(@space-min-xxlg); + } + + @media @screen_max-xxlg { + margin-top: -(@space-max-xxlg); + } + + @media @screen_max-xlg { + margin-top: -(@space-max-xlg); + } + + @media @screen_max-md { + min-height: (@toggle-size - .1); + margin-top: -(@space-max-md); + } &::before { - float: left; - background: @color-nav; - border: 4px solid @color-nav; - border-radius: 50%; - color: #fff; - font-size: @font-size-small; - margin: -2px 6px -2px 0; + content: ''; + top: -1px; + bottom: -1px; + left: -1px; + right: -1px; + width: auto; + opacity: 0; + border: solid 1px @ini_nav_menu_hover_color; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius + color: inherit; + transform: none; + //transition: @transition opacity; + } + + &:hover, + &:focus, + &:active { + background-color: @ini_nav_menu_hover_color; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_bg; + + &::before { + opacity: 1; + } + + bdi, + bdi:first-of-type { + color: @ini_nav_menu_hover_bg; + + //&::before { + // color: inherit; + //} + } + } + } + + bdi { + display: inline-block; + color: inherit; + transition: @transition color; + } + + bdi:first-of-type { + .fontello(); + .icon-user-circle(); + + position: relative; + margin: 0 0 0 .25rem; + padding: 0 .1rem 0 1.3rem; + + &::before { + position: absolute; + left: -2px; + font-size: 1.4rem; + margin: 0; + transition: @transition color; + + @media @screen_min-xxlg { + top: -.25rem; + } + + @media @screen_max-xxlg { + top: -.2rem; + } + + @media @screen_max-xxs { + top: -.25rem; + + } } } } // user @@ -92,8 +204,27 @@ .prefix { .btn-prefix(); .icon-clipboard(); + + display: block; + font-size: 1.2rem; + text-align: center; + margin-bottom: -1px; } } // user-task + + &.noopentasks { + strong { + background-color: @ini_background; + border-color: @noopentasks-border; + color: @ini_text_webframe; + } + + .num { + background-color: @noopentasks-border; // fix + color: @noopentasks-color; // fix + margin-top: 1px; + } + } } // li @@ -101,30 +232,27 @@ a { .fontello(); .hide-text-show-before(); + .btn-hover(); cursor: pointer; - background-color: #fff; + position: relative; + line-height: 1; 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; + @media @screen_only-lg { + min-width: 2rem; } &::before { + .center-middle(); + content: "?"; + cursor: pointer; display: block; width: 100%; box-sizing: border-box; font-size: @font-size-default + (@font-scale-factor * 4); - cursor: pointer; - margin: .2em 0 0; + line-height: 1; } /* icon register new user */ @@ -147,7 +275,7 @@ .icon-cog(); &::before { - margin-top: .18rem; + vertical-align: top; } } } // a diff --git a/css/area_search.less b/css/area_search.less new file mode 100644 index 0000000..9fddb00 --- /dev/null +++ b/css/area_search.less @@ -0,0 +1,12 @@ +/** + * This file provides the design styles for the search results + * + * @author Jana Deutschlaender + */ + + +/* search hit in normal text */ +.dokuwiki .search_hit { + background-color: @ini_highlight; + color: @ini_highlight_text; +} diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index 4b7dd14..dc7eedc 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -5,35 +5,38 @@ */ .search.main-sidebar { -; @main-ico-dummy: @font-size-big + @margin-small*2; //FIXME copied from area_main-sidebar-nav - @icon-size: @page-header_height; @icon-search_font-size: @font-size-big; + p.toggleSearch a, 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; - color: @color-nav; + background-color: transparent; // fix + border: solid 1px transparent; 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; + min-height: @icon-size; + background-color: @ini_button_color; + border: solid 1px @ini_button_background; + &::after { - background-color: @button_background; + background-color: @ini_button_background; } } + &::before { width: 100%; color: inherit; @@ -42,51 +45,91 @@ margin: 0; } } + p.toggleSearch { display: none; margin: -2px 0 0; // reverse transparent border and box-sizing of a child padding: 0; + + @media @screen_max-xxlg { + margin-top: -1px; + } + a { min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */ width: @main-ico-dummy; - border: solid 1px transparent; - border-bottom: solid 1px @color-border; - border-radius: @fix_border-radius 0 0 0; + border-radius: @fix_border-radius; + color: @ini_nav_menu_color; text-decoration: none; box-sizing: border-box; - &:hover, - &:focus, - &:active { - border-radius: @fix_border-radius 0 0 @fix_border-radius; - } + &::before { position: absolute; top: 50%; left: 0; + color: inherit; text-align: center; margin-top: -(@icon-search_font-size / 2); } + + &:hover, + &:focus, + &:active { + background-color: @ini_nav_menu_hover_bg; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_color; + } } } - /* + + + form + + + */ + + button[type="submit"] { + position: absolute; + top: 1px; + bottom: 1px; + right: 0; + height: auto; + min-height: (@icon-size - .2); + color: @quicksearch-button-color; + + &:hover, + &:focus, + &:active { + top: 0; + bottom: 0; + min-height: @icon-size; + background-color: @ini_button_color; + border: solid 1px @ini_button_background; + color: @ini_button_background; + } + } + + +/* + + + form + + + */ form { + position: relative; display: block; margin: 0 0 @margin-default; + .no { + display: block; + #qsearch__in { width: 100%; padding-left: 10px; - padding-right: (@icon-size + 10); + padding-right: @icon-size; } } + input { min-height: @icon-size; box-sizing: border-box; } + button[type="submit"] { border: solid 1px transparent; - border-right-color: @color-border; + border-right-color: @ini_border; margin-left: -(@icon-size); + &::after { content: ''; position: absolute; @@ -94,10 +137,32 @@ bottom: 15%; width: 1px; left: -1px; - background-color: @color-border; + background-color: @ini_border; transition: @transition background-color; } } + + div.ajax_qsearch { + box-shadow: none; + background-color: #FFF; + padding: 0; + + strong, + ul li { + color: @quicksearch-button-color; + padding: .25rem .5rem; + + * { + color: inherit; + } + } + + ul li { + &:nth-child(odd) { + background-color: @suggestion-zebra; + } + } + } } #qsearch__out { @@ -106,23 +171,31 @@ width: 100%; } } + + +/* + + + + + wide page content + + + + + */ .wide-content { .search.main-sidebar { p.toggleSearch { + position: relative; + z-index: 1; display: block; float: left; width: 100%; } + form { input { border: 0 none; } + .no { #qsearch__in { width: 0; padding: 0; margin: 0; } + button[type="submit"] { display: none; } diff --git a/css/area_tabs.less b/css/area_tabs.less new file mode 100644 index 0000000..6574645 --- /dev/null +++ b/css/area_tabs.less @@ -0,0 +1,39 @@ +/** + * This file provides styles for tab boxes + */ + + +/* + + + + + tabs + + + + + */ + +#dokuwiki__content { + ul.tabs { + li:not([class~="active"]) { + strong, + a { + color: @ini_text_neu; + transition: @transition background-color, @transition color; + } + + a:hover, + a:focus, + a:active { + color: @ini_text; + } + } + } + + .tabs > ul { + li:not([class~="active"]) { + a { + color: @ini_text_neu; + transition: @transition background-color, @transition color; + } + + a:hover, + a:focus, + a:active { + color: @ini_text; + } + } + } +} diff --git a/css/area_togglelink.less b/css/area_togglelink.less index a8ce7c6..816799e 100755 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -8,81 +8,102 @@ .togglelink { &.page_main-content { position: absolute; - top: 0px; + top: 0; bottom: -1px; width: 2rem; left: -(@margin-default); z-index: 1; - @media @screen_max-md{ + + @media @screen_max-md { display: none; } a { + .fontello-double(); + .icon-right-bold(); + .icon-left-bold(); + .display-flex(); .flex-direction(); .justify-content(); - width: (@margin-default); + width: @margin-default; height: 100%; - background-color: @button_background; - border: solid 1px @button_background; - border-radius: @fix_border-radius 0 0 @fix_border-radius; - color: @button_color; + background-color: @ini_button_background; + border: solid 1px @ini_button_background; + border-radius: @ini_default_border_radius 0 0 @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius + color: @ini_button_color; text-decoration: none; - text-align: center; transition: @transition color, @transition background-color, @transition border-color; + &::before, + &::after { + width: 100%; + opacity: .6; + font-size: 1rem; + line-height: 1; + text-align: center; + margin: 0; + transition: @transition opacity; + } + + &::before { + opacity: 1; + font-size: 1.25rem; + } + &:hover, &:focus, &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; + background-color: @ini_button_color; + border-color: @ini_button_background; + color: @ini_button_background; text-decoration: none; * { color: inherit; text-decoration: none; } + + &::after { + opacity: 0; + } } } - /* + + + toggle out + + + */ .wide-content & { left: -1px; a { - background-color: @button_background; - border-color: @button_background; - border-radius: 0 @fix_border-radius @fix_border-radius 0; + background-color: @ini_button_background; + border-color: @ini_button_background; + border-radius: 0 @ini_default_border_radius @ini_default_border_radius 0; // @ini_default_border_radius vs. @fix_border-radius + + &::before { + opacity: .6; + font-size: 1rem; + } + + &::after { + opacity: 1; + font-size: 1.25rem; + } &:hover, &:focus, &:active { - background-color: @button_color; + background-color: @ini_button_color; + + &::before { + opacity: 0; + } + + &::after { + opacity: 1; + } } } } } } - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - .togglelink { - - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ - -@media @screen_max-xlg { - .togglelink { - - } -} diff --git a/css/base.less b/css/base.less index 9b9ed35..8d8a53f 100755 --- a/css/base.less +++ b/css/base.less @@ -5,92 +5,102 @@ */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* 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-border-light: __border_light__; -@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__; -@box-shadow-right-bottom:__box_shadow_right_bottom__; -@box-shadow-bottom: __box_shadow_bottom__; - -@th_background: __background_alt__; - - /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* global vars */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -@height-context-bar: 50px; +@font_family_screen: arial, sans-serif; +@font_family_print: "Times New Roman", serif; -@margin-small: 1rem; -@margin-default: 2rem; -@margin-big: 3.07rem; +@nav_direct_background: @ini_background_content; +@nav_direct_color: @ini_existing; -@small-spacing: .3rem; -@very-small-spacing: .2rem; +@ini_sidebar_width: (100 - @ini_site_width) - 4; -@grid: @margin-small; +@height-context-bar: 50px; + +@margin-small: 1rem; +@margin-default: 2rem; +@margin-big: 3.07rem; + +@small-spacing: .3rem; +@very-small-spacing: .2rem; + +@grid: @margin-small; +@toggle-size: 1.75rem; + +@transition: ease-out .30s; + +@box-shadow-offset: .1em .1em .1em rgba(153,153,153,.5); // pagetools, tabinclude +@box-shadow: 0 0 .5em rgba(153,153,153,.5); +@box-shadow-colored: 0 0 .5em fade(@ini_existing, 50%); +@box-shadow-right-bottom: 0.1em 0.3rem 0.5em rgba(153,153,153,.5); +@box-shadow-bottom: 0 .1em .5em rgba(153,153,153,.5); // qc-wrapper - breadcrumb -@transition: ease-out .30s; /* + + + for programmers customizing + + + */ + @fix_border-radius: 3px; + @toggle-showsidebar_width: 3.07rem; // shown sidebar after toggle + @page_padding-top: @margin-small; // padding-top for 'dokuwiki__content' @page-header_height: 2.8rem; // minimum: 2.8rem (height for breadcrumb, page-header, page-footer) @meta-box_height: (@page-header_height - @page_padding-top); @breadcrumb_height: @page-header_height; + @formfield_min-height: 2rem; // min-height for input, textarea, select, keygen +//@metanav-ini_background: rgba(0, 0, 0, .1); + + +/* icons */ +@noopentasks-background: #ECECEC; /* metabox tabs + num in icons + tabinclude + code, pre, samp, kbd */ +@noopentasks-border: #BBB; /* metabox tabs + num in icons + code, pre, samp, kbd */ +@noopentasks-color: #666; /* metabox tabs + num in icons + code, pre, samp, kbd */ +@wikiicons-border: #CCC; /* usertools, breadcrumbs icons, pagetools box-hover */ + + +/* navigation left */ +@quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */ +@suggestion-zebra: #EEE; + + +/* edit mode */ +@highlight-odd-ini_text: fade(@ini_background_content, 95%); +@highlight-even-ini_text: fade(@ini_text, 5%); +@color-editBox: #252525; // editmode for tables + + +//@nolinkedicon-ini_background: fade(@ini_background, 10%); +//@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%); + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* fonts */ -@font-size-very-small: .73rem; -@font-size-small: .88rem; -@font-size-default: 1rem; -@font-size-big: 1.5rem; -@font-size-bigger: 1.75rem; +@font-size-very-small: .73rem; +@font-size-small: .88rem; +@font-size-default: 1rem; +@font-size-big: 1.5rem; +@font-size-bigger: 1.75rem; -@line-height-default: 125%; -@line-height-big: 135%; -@line-height-bigger: 140%; +@line-height-default: 125%; +@line-height-big: 135%; +@line-height-bigger: 140%; -@font-weight-bold: 800; -@font-weight-normal: 400; +@font-weight-bold: 800; +@font-weight-normal: 400; -@font-scale-factor: .0769; +@font-scale-factor: .0769; @font-size-head6: @font-size-default; @font-size-head5: @font-size-default + @font-scale-factor; -@font-size-head4: @font-size-default + (@font-scale-factor * 2); -@font-size-head3: @font-size-default + (@font-scale-factor * 3); -@font-size-head2: @font-size-default + (@font-scale-factor * 4); -@font-size-head1: @font-size-default + (@font-scale-factor * 5); +@font-size-head4: @font-size-default + (@font-scale-factor * 3); +@font-size-head3: @font-size-default + (@font-scale-factor * 5); +@font-size-head2: @font-size-default + (@font-scale-factor * 7); +@font-size-head1: @font-size-default + (@font-scale-factor * 9); + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* breakpoints */ @@ -114,7 +124,7 @@ @break-max-xlg: (@break-min-xlg - 1); @break-min-xxlg: 1600; -@break-max-xxlg: (@break-min-xlg - 1); +@break-max-xxlg: (@break-min-xxlg - 1); /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ @@ -131,7 +141,6 @@ @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)"; @@ -142,6 +151,10 @@ @screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)"; @screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; +@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; +@screen_only-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)"; +@screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)"; + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* col width */ @@ -201,7 +214,7 @@ q { acronym { cursor: help; - border-bottom: dotted 1px #333; + border-bottom: dotted 1px @ini_text; } *:focus { @@ -244,7 +257,7 @@ nav > ul { &::before, &::after { display: table; - content: " "; + content: ' '; clear: both; } } @@ -273,6 +286,7 @@ nav > ul { .mobile-only { display: none; + @media @screen_max-md { display: inline-block; } @@ -286,6 +300,13 @@ nav > ul { } } +.desktop-only { + display: none; + @media @screen_min-md { + display: inline-block; + } +} + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* screen only */ diff --git a/css/base_design.less b/css/base_design.less index 2b7f88e..9d68d7b 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -7,11 +7,7 @@ html, body { - background-color: @color-site-bg; -} - -a { - color: @color-link; + background-color: @ini_background; } @@ -30,73 +26,93 @@ a { font-weight: bold; } -.dokuwiki .pageId { - float: right; - margin-right: -1em; - margin-bottom: -1px; - margin-top: -1.5em; - overflow: hidden; - padding: 0.5em 1em 0; +.dokuwiki { + .page ol li, + .page ul li, + .aside ul li { + color: @ini_text; + } - span { + .pageId { + float: right; + margin-right: -1em; + margin-bottom: -1px; + margin-top: -1.5em; + overflow: hidden; + padding: 0.5em 1em 0; + + span { + font-size: @font-size-small; + 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; + } + } + + div.page { + clear: both; + overflow: hidden; + word-wrap: break-word; + background: @ini_background_content; + color: inherit; + padding: @page_padding-top @margin-default @margin-default; + + @media @screen_max-md { + padding-right: (@margin-default * 1.6); + } + + @media @screen_max-xs { + padding-left: @margin-small; + } + } + + .content #dokuwiki__pagetools { + @media @screen_max-md { + top: 4rem; + } + } + + .docInfo { font-size: @font-size-small; - 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; + text-align: right; } -} -.dokuwiki div.page { - clear: both; - overflow: hidden; - word-wrap: break-word; - background: @color-content-bg; - color: inherit; - // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border - padding: @page_padding-top @margin-default @margin-default; + /* license note under edit window */ + div.license { + font-size: @font-size-small; + line-height: @line-height-default; + padding-top: 1rem; - @media @screen_max-md{ - padding-right: (@margin-default *1.6); + @media @screen_max-lg { + font-size: @font-size-default; + } + + @media @screen_max-md { + font-size: @font-size-small; + } + + * { + font-size: inherit; + } } -} -.content #dokuwiki__pagetools{ - @media @screen_max-md{ - top: 4rem; + + [dir=rtl] & .docInfo { + text-align: left; } -} -.dokuwiki .docInfo { - font-size: @font-size-small; - text-align: right; -} - -/* license note under edit window */ -.dokuwiki div.license { - font-size: @font-size-small; - line-height: @line-height-default; - padding-top: 1rem; - - * { - font-size: inherit; + [dir=rtl] & .pageId { + float: left; + margin-left: -1em; + margin-right: 0; } } -[dir=rtl] .dokuwiki .docInfo { - text-align: left; -} - -[dir=rtl] .dokuwiki .pageId { - float: left; - margin-left: -1em; - margin-right: 0; -} - caption, figcaption, summary, @@ -136,27 +152,77 @@ h1 { h2 { font-size: @font-size-head2; margin: 0 0 @font-size-head2; + padding-top: (@font-size-head2 / 2); + + .secedit + &, + .section_highlight &:first-child { + padding-top: 0; + } + + .section_highlight + & { + padding-top: (@font-size-head2 / 2); + } } h3 { font-size: @font-size-head3; margin: 0 0 @font-size-head3; + padding-top: (@font-size-head3 / 2); + + .secedit + &, + .section_highlight &:first-child { + padding-top: 0; + } + + .section_highlight + & { + padding-top: (@font-size-head3 / 2); + } } h4 { font-size: @font-size-head4; margin: 0 0 @font-size-head4; + padding-top: (@font-size-head4 / 2); + + .secedit + &, + .section_highlight &:first-child { + padding-top: 0; + } + + .section_highlight + & { + padding-top: (@font-size-head4 / 2); + } } h5 { font-size: @font-size-head5; margin: 0 0 @font-size-head5; + padding-top: (@font-size-head5 / 2); + + .secedit + &, + .section_highlight &:first-child { + padding-top: 0; + } + + .section_highlight + & { + padding-top: (@font-size-head5 / 2); + } } h6 { font-size: @font-size-head6; font-weight: @font-weight-bold; margin: 0 0 @font-size-head6; + padding-top: (@font-size-head6 / 2); + + .secedit + &, + .section_highlight &:first-child { + padding-top: 0; + } + + .section_highlight + & { + padding-top: (@font-size-head6 / 2); + } } p { @@ -297,11 +363,31 @@ ol ol ol ol ol { list-style-type: lower-roman; } + +/*____________ tables ____________*/ + +.dokuwiki { + table.inline tr:hover { + th { + background-color: fade(@ini_background_alt, 50%); + } + + td { + background-color: fade(@ini_background_alt, 80%); + color: @ini_text_alt; + + *:not(button,a) { + color: @ini_text_alt; + } + } + } +} + table { border-collapse: collapse; empty-cells: show; border-spacing: 0; - border: 1px solid @color-border; + border: 1px solid @ini_border; font-size: @font-size-default; line-height: 140%; } @@ -320,12 +406,13 @@ td { padding: .3em .5em; margin: 0; vertical-align: top; - border: 1px solid @color-border; + border: 1px solid @ini_border; } th { font-weight: bold; background-color: @ini_background_alt; + color: @ini_text_alt; text-align: left; } @@ -335,18 +422,18 @@ th { a { outline: none; -} -a:link, -a:visited { - text-decoration: none; - color: @color-link; -} + &:link, + &:visited { + text-decoration: none; + color: @ini_link; // links to non wikipages (external links) + } -a:hover, -a:focus, -a:active { - text-decoration: underline; + &:hover, + &:focus, + &:active { + text-decoration: underline; + } } img { @@ -373,7 +460,7 @@ button img { } hr { - border-top: solid @color-border; + border-top: solid @ini_border; border-bottom: solid @ini_background; border-width: 1px 0; height: 0; @@ -395,7 +482,7 @@ em abbr { mark { background-color: @ini_highlight; - color: inherit; + color: @ini_highlight_text; } pre, @@ -407,25 +494,28 @@ kbd { font-size: @font-size-default; direction: ltr; text-align: left; - background-color: @color-site-bg; - color: @color-text; - box-shadow: inset 0 0 .3em @color-border; + background-color: @noopentasks-background; + color: @noopentasks-color; + box-shadow: inset 0 0 .3em @noopentasks-border; border-radius: @fix_border-radius; + padding-left: @small-spacing; + padding-right: @small-spacing; } pre { overflow: auto; word-wrap: normal; - border: 1px solid @color-border; + background-color: @noopentasks-background; + border: 1px solid @noopentasks-border; border-radius: @fix_border-radius; - box-shadow: inset 0 0 .5em @color-border; + box-shadow: inset 0 0 .5em @noopentasks-border; font-size: @font-size-default; line-height: 140%; padding: .7em 1em; } blockquote { - border: solid @color-border; + border: solid @ini_border; border-width: 0 0 0 .25em; font-size: @font-size-default; line-height: 140%; @@ -458,248 +548,3 @@ sup { 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: @font-size-default; - 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: @font-size-default; -} - -optgroup { - font-style: italic; - font-weight: bold; -} - -option { - font-style: normal; - font-weight: normal; -} - -input, -textarea, -select, -keygen { - min-height: @formfield_min-height; - border: 1px solid @color-border; - box-shadow: inset 0 0 1px #eee; - border-radius: @fix_border-radius; - padding-left: .3rem; - padding-right: .3rem; -} - -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: @fix_border-radius; - 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 + + + */ -form input[type=submit], // heredity 'adnewpage' -a.button, -input[type=submit], -input[type=reset], -button[type=submit], -.qq-upload-button { - cursor: pointer; - box-shadow: none; - background-image: none; - background-color: @button_background; - border: 1px solid @button_background; - border-radius: @fix_border-radius; - color: @button_color; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - color: @button_background; - } -} - -input[type=submit], -button[type=submit] { - &[disabled] { - cursor: default; - &:hover, - &:active, - &:focus { - box-shadow: none; - background-image: none; - background-color: @button_background; - color: @button_color; - border-color: @button_background; - } - } - - + span { - display: block; - margin-top: @grid; - } -} - - -/* + + + 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: @fix_border-radius; - 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 @color-border; - border-radius: @fix_border-radius; - 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; -} -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* media queries */ -@media @screen_max-lg { - .dokuwiki div.license { - font-size: @font-size-default; - } -} -@media @screen_max-md { - .dokuwiki div.license { - font-size: @font-size-small; - } -} diff --git a/css/base_fontello-icons.less b/css/base_fontello-icons.less new file mode 100644 index 0000000..bb31646 --- /dev/null +++ b/css/base_fontello-icons.less @@ -0,0 +1,149 @@ +/** + * This file provides styles for web fonts and icon fonts + * + * @author Jana Deutschlaender + */ + + +/* icon font */ +.setIconFontFace('fontello','fontello'); + +.icon, [class^="icon-"], [class*=" icon-"]{ + .fontello(); +} + + +/* + + + + + fontello codes + + + + + */ +/** + * If in the Fontello-Packet an icon is added, the code should be supplemented here: +*/ + +.icon-emo-happy { &::before { content: '\e804'; } } /* '' */ +.icon-emo-wink { &::before { content: '\e805'; } } /* '' */ +.icon-emo-unhappy { &::before { content: '\e806'; } } /* '' */ +.icon-emo-sleep { &::before { content: '\e807'; } } /* '' */ +.icon-emo-thumbsup { &::before { content: '\e808'; } } /* '' */ +.icon-emo-grin { &::before { content: '\e80c'; } } /* '' */ +.icon-emo-angry { &::before { content: '\e80d'; } } /* '' */ +.icon-emo-cry { &::before { content: '\e80f'; } } /* '' */ +.icon-emo-squint { &::before { content: '\e811'; } } /* '' */ +.icon-emo-laugh { &::before { content: '\e812'; } } /* '' */ +.icon-emo-wink2 { &::before { content: '\e813'; } } /* '' */ + +.icon-up { &::before { content: '\e853'; } } /* '' */ +.icon-up-small { &::before { content: '\e82f'; } } /* '' */ +.icon-up-thick { &::before { content: '\e831'; } } /* '' */ +.icon-up-open-big { &::before { content: '\e848'; } } /* '' */ + +.icon-down { &::before { content: '\e859'; } } /* '' */ +.icon-down-small { &::before { content: '\e834'; } } /* '' */ +.icon-down-thick { &::before { content: '\e835'; } } /* '' */ +.icon-down-bold { &::before { content: '\e883'; } } /* '' */ + +.icon-right-small { &::before { content: '\e82d'; } } /* '' */ +.icon-right-thick { &::before { content: '\e82e'; } } /* '' */ + +.icon-left-small { &::before { content: '\e836'; } } /* '' */ +.icon-left-thick { &::before { content: '\e82c'; } } /* '' */ +.icon-left-bold { &::before { content: '\e837'; } } /* '' */ + +.icon-smile { &::before { content: '\e85e'; } } /* '' */ +.icon-frown { &::before { content: '\e84b'; } } /* '' */ +.icon-meh { &::before { content: '\e85f'; } } /* '' */ + +.icon-help { &::before { content: '\e83c'; } } /* '' */ +.icon-menu { &::before { content: '\e854'; } } /* '' */ +.icon-home { &::before { content: '\e842'; } } /* '' */ +.icon-search { &::before { content: '\e855'; } } /* '' */ +.icon-user { &::before { content: '\e833'; } } /* '' */ +.icon-user-circle { &::before { content: '\e86c'; } } /* '' */ +.icon-login { &::before { content: '\e845'; } } /* '' */ +.icon-logout { &::before { content: '\e847'; } } /* '' */ + +.icon-dividers { &::before { content: '\e801'; } } /* '' */ +.icon-cog { &::before { content: '\e84e'; } } /* '' */ +.icon-cog-alt { &::before { content: '\e818'; } } /* '' */ +.icon-attachment { &::before { content: '\e832'; } } /* '' */ +.icon-revert-replay { &::before { content: '\e839'; } } /* '' */ +.icon-bell { &::before { content: '\e83a'; } } /* '' */ +.icon-bookmark-empty { &::before { content: '\e83b'; } } /* '' */ +.icon-check { &::before { content: '\e841'; } } /* '' */ +.icon-checkbox-marked { &::before { content: '\e844'; } } /* '' */ +.icon-down-open-big { &::before { content: '\e846'; } } /* '' */ +.icon-star { &::before { content: '\e860'; } } /* '' */ +.icon-star-outline { &::before { content: '\e84c'; } } /* '' */ +.icon-sitemap { &::before { content: '\e84d'; } } /* '' */ +.icon-puzzle { &::before { content: '\e84f'; } } /* '' */ +.icon-plus { &::before { content: '\e850'; } } /* '' */ +.icon-minus { &::before { content: '\e852'; } } /* '' */ +.icon-pencil-1 { &::before { content: '\e851'; } } /* '' */ +.icon-clipboard { &::before { content: '\e857'; } } /* '' */ +.icon-clipboard-empty { &::before { content: '\e856'; } } /* '' */ +.icon-clock { &::before { content: '\e858'; } } /* '' */ +.icon-cloud { &::before { content: '\e85a'; } } /* '' */ +.icon-mail { &::before { content: '\e85d'; } } /* '' */ + +.icon-folder-image { &::before { content: '\e809'; } } /* '' */ +.icon-file-new { &::before { content: '\e83d'; } } /* '' */ +.icon-file { &::before { content: '\e83e'; } } /* '' */ +.icon-file-export { &::before { content: '\e80a'; } } /* '' */ +.icon-files { &::before { content: '\e849'; } } /* '' */ + +.icon-comment-question { &::before { content: '\e880'; } } /* '' */ +.icon-jira { &::before { content: '\e881'; } } /* '' */ + + +/* + + + + + additional "after" for nav-pagetools + + + + + */ + +.icon-pencil { + &::before, + &::after { content: '\e840'; } +} +.icon-pencil-add { + &::before, + &::after { content: '\e800'; } +} +.icon-revisions-history { + &::before, + &::after { content: '\e803'; } +} +.icon-link { + &::before, + &::after { content: '\e843'; } +} +.icon-file-pdf { + &::before, + &::after { content: '\e838'; } +} +.icon-file-xml { + &::before, + &::after { content: '\e802'; } +} +.icon-up-bold { + &::before, + &::after { content: '\e830'; } +} +.icon-disk { + &::before, + &::after{ content: '\e85c'; } +} +.icon-file-text { + &::before, + &::after{ content: '\e84a'; } +} +.icon-book-open { + &::before, + &::after { content: '\e83f'; } +} +.icon-code-braces { + &::before, + &::after { content: '\e85b'; } +} +.icon-code { + &::before, + &::after { content: '\e861'; } +} +.icon-right-bold { + &::before, + &::after { content: '\e882'; } +} diff --git a/css/base_fonts.less b/css/base_fonts.less deleted file mode 100755 index 505c5b7..0000000 --- a/css/base_fonts.less +++ /dev/null @@ -1,277 +0,0 @@ -/** - * This file provides styles for web fonts and icon fonts - * - * @author Jana Deutschlaender - */ - -/* 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 8f605ad..82a5291 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -142,15 +142,33 @@ /* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ -.btn-usertools-wrapper(@elem:2em) { +.btn-hover { + background-color: @ini_nav_menu_hover_bg; + color: @ini_nav_menu_hover_color; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:active, + &:focus { + background-color: @ini_nav_menu_hover_color; + border-color: @ini_nav_menu_hover_color; + color: @ini_nav_menu_hover_bg; + + .prefix { + color: inherit; + } + } +} + +.btn-usertools-wrapper(@elem:@toggle-size) { display: inline-block; min-height: @elem; min-width: @elem; box-sizing: border-box; - color: @color-nav; + color: @ini_text_webframe; font-size: @font-size-small; padding: 0; - margin: 0 @very-small-spacing; + margin: 0 .25rem; * { font-size: @font-size-small; @@ -161,28 +179,17 @@ .num { position: absolute; right: -.4rem; - top: -.4em; - background-color: @button_background; + top: -.5em; + background-color: @ini_nav_menu_hover_color; border-radius: 2px; - color: @button_color; + color: @ini_nav_menu_hover_bg; font-size: @font-size-very-small; font-weight: 400; text-align: center; line-height: 1; - padding: @very-small-spacing @very-small-spacing .1em; + padding: .1em @very-small-spacing; transition: @transition color, @transition background-color; } - - a { - &:hover, - &:active, - &:focus { - .num { - background-color: @button_background; - color: @button_color; - } - } - } } .btn-prefix () { @@ -191,55 +198,53 @@ color: inherit; font-size: @font-size-default; - margin-top: .35rem; + + @media @screen_min-xxlg { + margin-top: .25rem; + } + + @media @screen_max-xxlg { + margin-top: .3rem; + } + + @media @screen_max-md { + margin-top: .25rem; + } } - -.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(){ +.hide-text-show-before() { display: inline-block; overflow: hidden; white-space: nowrap; text-indent: -9999px; - .btn-default-size(); - &::before{ - text-indent: 0; + &::before { float: left; + width: 100%; + text-indent: 0; + margin: 0; } - &::after{ - text-indent: 0; + &::after { float: left; + text-indent: 0; } } - .hide-text-show-after() { display: inline-block; overflow: hidden; white-space: nowrap; text-indent: -9999px; - &::before{ - text-indent: 0; + &::before { float: right; + text-indent: 0; } - &::after{ - text-indent: 0; + + &::after { float: right; + text-indent: 0; } } @@ -259,13 +264,37 @@ -webkit-flex-direction: @elem; } -// default "center" .justify-content(@elem:center) { justify-content: @elem; -ms-justify-content: @elem; -webkit-justify-content: @elem; } +.align-items(@elem:center) { + align-items: @elem; + -ms-align-items: @elem; + -webkit-align-items: @elem; +} + +.flex(@elem:1 0 auto) { + flex: @elem; + -ms-flex: @elem; + -webkit-flex: @elem; +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* positioning */ + +.center-middle() { + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + -webkit-transform: translateX(-50%) translateY(-50%); +} + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* Screenreader / Hide */ diff --git a/css/base_structure.less b/css/base_structure.less index 8daf866..83957ce 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -39,7 +39,8 @@ @media @screen_min-md { .make-grid(md); html { - font-size: 81.25%; //13px + font-size: 87.5%; //14px + //font-size: 81.25%; //13px } } @@ -82,6 +83,7 @@ .content .row > .col-xs-12 { z-index: 3; + border-radius: 0 @ini_default_border_radius @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius } .top-header { @@ -97,7 +99,7 @@ position: relative; > .col-xs-12 { - width: 23%; + width: @ini_sidebar_width; box-sizing: border-box; } } @@ -109,6 +111,12 @@ height: 150px; min-height: 6rem; display: table; + + + .col-xs-12 { + float: right; + width: @ini_site_width; + box-sizing: border-box; + } } } @@ -126,62 +134,30 @@ } } - .claim { - display: table-cell; - height: 100%; - vertical-align: middle; - .logo { - /*position: absolute; - bottom: 1em; - overflow: visible;*/ - padding: 1rem 0 .3rem; - - - img { - height: 4.6rem; - width: auto; - border-style: solid; - border-color: transparent; - border-width: 2px 0; - } - - a:hover, - a:focus, - a:active { - img { - border-width: 0; - } - } - } - - - } - .showSidebar { .content { .row > .col-xs-12 { - width: 73%; + width: @ini_site_width; float: right; } } } - .wide-content{ - .logo{ } + .wide-content { .content { .row > .col-xs-12 { width: auto; float: none; } } - &.showSidebar{ + + &.showSidebar { .content { .row > .col-xs-12 { margin-left: @toggle-showsidebar_width; } } } - } .main-sidebar { @@ -220,14 +196,6 @@ } } - #dokuwiki__header { - .logo { - /*width: 200px; - max-width: 33%; - margin: .8rem 0;*/ - } - } - .tools { .main-sidebar { display: none; @@ -235,40 +203,27 @@ } } -@media @screen_max-md{ - .claim{ - min-height: 3rem; - .logo{ - .mobile-only{ - margin: .8rem 1rem .6rem 0; - } - } - } -} - -@media @screen_max-xxs{ +@media @screen_max-xxs { @mobileMargin: 4px; - .container{ + + .container { margin: 0 @mobileMargin; } - body.show-mobile-sidebar #dokuwiki__aside{ + + body.show-mobile-sidebar #dokuwiki__aside { left: @mobileMargin; } - #dokuwiki__usertools{ + + #dokuwiki__usertools { right: @mobileMargin; } - #dokuwiki__footer{ - .main-footer{ - > *{ + + #dokuwiki__footer { + .main-footer { + > * { padding-left: 2rem; padding-right: 2rem; } - } } - .page-footer{ - - } - } - diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less index 1fcb7ed..3ba0143 100755 --- a/css/plugins/bureaucracy.less +++ b/css/plugins/bureaucracy.less @@ -1,6 +1,9 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/** + * This file provides styles for bureaucracy plugin + */ + + +/* + + + + + global + + + + + */ .dokuwiki form.bureaucracy__plugin { fieldset { @@ -42,7 +45,6 @@ select { float: left; width: 50%; - //min-height: 2em; text-align: left; padding: .1em .2em; } @@ -95,13 +97,6 @@ } - - -#icke__page .content ul.autocompletion {} - -ul.autocompletion li {} - - /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* min-width: 1440px */ diff --git a/css/plugins/configmanager.less b/css/plugins/configmanager.less new file mode 100644 index 0000000..97f6948 --- /dev/null +++ b/css/plugins/configmanager.less @@ -0,0 +1,27 @@ +/** + * This file provides styles for config manager + */ + + +/* + + + + + config__manager + + + + + */ + +#dokuwiki__content { + #config__manager { + .selectiondefault { + background-color: transparent; + } + + tr { + .input { + background-color: transparent; + color: inherit; + } + } + + tr.default { + .input { + background-color: transparent; + } + } + } +} diff --git a/css/plugins/do_tasks.less b/css/plugins/do_tasks.less index 989fe7b..261f5de 100755 --- a/css/plugins/do_tasks.less +++ b/css/plugins/do_tasks.less @@ -1,9 +1,28 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/** + * This file provides styles for do-task plugin + */ + + +/* + + + + + global + + + + + */ ul.page-attributes { .plugin__do_pagetasks { - &.do_none { } + &.do_none { + position: relative; + border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius + + strong { + overflow: hidden; + background-color: @ini_background; + border-color: @noopentasks-border; + color: @ini_text_webframe; + } + + .num { + margin-top: 1px; + background-color: @noopentasks-border; // fix + color: @noopentasks-color; // fix + } + } } } diff --git a/css/plugins/edit.less b/css/plugins/edit.less index 934bdc8..9e1dcda 100644 --- a/css/plugins/edit.less +++ b/css/plugins/edit.less @@ -2,15 +2,39 @@ * This file provides styles for the edit view (?do=edit), preview * and section edit buttons. */ -/* + + + + + edit view + + + + + */ -.dokuwiki { - .editBox { + +/* + + + + + edit view + + + + + */ + +#dokuwiki__content { + div.section_highlight { + clear: right; + } + + .secedit button { + clear: both; + font-size: 100%; + margin-top: .5rem; + margin-bottom: .5rem; + } + + div.editBox { + background-color: #FFF; + border: solid 2px #FFF; + border-radius: @ini_default_border_radius; + .editButtons { display: inline-block; padding-bottom: 1rem; } + + * { + &:not(button) { + color: @color-editBox; + } + } } + } @@ -21,6 +45,7 @@ margin-bottom: 1.5rem; clear: both; } + #spr__meta-box { display: none; } diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less index 74cfc77..21cad08 100644 --- a/css/plugins/edittable.less +++ b/css/plugins/edittable.less @@ -1,12 +1,46 @@ /** - * Style Adjustments for the edittable plugin + * This file provides styles for qc edittable plugin */ + + +/* + + + + + global + + + + + */ + #dokuwiki__content.main-content { - div.editbutton_table form div.no { - button, - input.button { - margin-top: 0; - font-size: @font-size-very-small; + div.editbutton_table { + position: relative; // for IE + z-index: 1; // for IE + float: left; + margin-top: -1.46rem !important; // overwrite inline stales + + form div.no { + button, + input.button { + min-height: 1rem; + background-color: @ini_background_content; + border-top: solid 1px @ini_button_background; + border-color: @ini_border; + color: @ini_existing; + font-size: @font-size-small; + margin-top: 0; + padding-right: .3em; + transition: @transition background-color, @transition border-color, @transition color; + + &:hover, + &:focus, + &:active { + background-color: @ini_existing; + border-color: @ini_existing; + color: @ini_background_content; + } + } + } + + + * { + clear: left; + } + + + div.editbutton_table { + clear: none; } } } diff --git a/css/plugins/extension__manager.less b/css/plugins/extension__manager.less new file mode 100644 index 0000000..3d3b80d --- /dev/null +++ b/css/plugins/extension__manager.less @@ -0,0 +1,20 @@ +/** + * This file provides styles for extension manager + */ + + +/* + + + + + global + + + + + */ + +.dokuwiki #extension__manager { + .actions { + font-size: 0; + + > button { + font-size: .92rem; + margin-left: .3rem; + padding-left: .3rem; + padding-right: .3rem; + } + } +} + diff --git a/css/plugins/folded.less b/css/plugins/folded.less new file mode 100644 index 0000000..0402618 --- /dev/null +++ b/css/plugins/folded.less @@ -0,0 +1,35 @@ +/** + * This file provides styles for the toggle "folded" + */ + + +/* + + + + + global + + + + + */ + +#dokuwiki__content { + a.folder { + background: transparent url("svg.php?svg=down.svg&f=existing") right center no-repeat; + color: @ini_existing; + padding-right: 20px; + + &.open { + background-image: url("svg.php?svg=up.svg&f=existing"); + } + } + + div.folded { + box-shadow: @box-shadow-colored; + border: 1px solid fade(@ini_existing, 50%); + border-radius: 0; + margin-top: -.7rem; + margin-bottom: .7rem; + padding: .5em; + + p { + margin: .5rem 0; + } + } + + span.folded { + border: 1px dotted @ini_border; + } +} diff --git a/css/plugins/hightlight_parent.less b/css/plugins/hightlight_parent.less index 2a3d44c..a59a4df 100644 --- a/css/plugins/hightlight_parent.less +++ b/css/plugins/hightlight_parent.less @@ -1,5 +1,12 @@ -@media @screen_max-md{ - #plugin__highlightparent{ +/** + * This file provides styles for highlight plugin + */ + + +/* + + + + + global + + + + + */ + +@media @screen_max-md { + #plugin__highlightparent { clear: both; margin-top: 1rem; } diff --git a/css/plugins/include.less b/css/plugins/include.less index 0fbdf83..f793a80 100644 --- a/css/plugins/include.less +++ b/css/plugins/include.less @@ -4,23 +4,30 @@ * * @author Jana Deutschlaender */ + #dokuwiki__content .plugin_include_content { - > h1 { + > h1, + > .section_highlight h1 { padding-top: @font-size-head1; } - > h2 { + > h2, + > .section_highlight h2 { padding-top: @font-size-head2; } - > h3 { + > h3, + > .section_highlight h3 { padding-top: @font-size-head3; } - > h4 { + > h4, + > .section_highlight h4 { padding-top: @font-size-head4; } - > h5 { + > h5, + > .section_highlight h5 { padding-top: @font-size-head5; } - > h6 { + > h6, + > .section_highlight h6 { padding-top: @font-size-head6; } } diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 6366c45..b61be46 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -1,6 +1,6 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/** + * This file provides styles for magic matcher plugin + */ /* + + + + + + + + + + + + + + + + + + + + + + + */ @@ -21,9 +21,9 @@ right: 0; top: 0; border: 0; - border-bottom: 1px solid @color-border; - border-left: 1px solid @color-border; - color: @color-nav; + border-bottom: 1px solid @ini_border; + border-left: 1px solid @ini_border; + color: @ini_nav_menu_color; background: #fff; border-radius: 0; border-bottom-left-radius: 5px; @@ -31,8 +31,8 @@ &:hover, &:focus, &:active { - border-color: @button_background; - color: @button_background; + border-color: @ini_button_background; + color: @ini_button_background; } } @@ -42,9 +42,9 @@ 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__; + box-shadow: @box-shadow; + background-color: @ini_background_content; + border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; font-size: @font-size-default; padding: .8em 1em .5em; margin-bottom: 0; diff --git a/css/plugins/mediamanager.less b/css/plugins/mediamanager.less index 628a26e..33515fb 100644 --- a/css/plugins/mediamanager.less +++ b/css/plugins/mediamanager.less @@ -1,20 +1,30 @@ /** - * This file provides styles for the edit view (?do=edit), preview - * and section edit buttons. + * This file provides styles for mediamanager */ -/* + + + + + mediamanager + + + + + */ + + +/* + + + + + global + + + + + */ + #mediamanager__page { .namespaces h2 { bottom: 0; line-height: 100%; margin-bottom: -1px; } + #media__tree ul li img { padding-top: .3em; } + + ul.tabs li a { + border-bottom-color: transparent; + } } + + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* media queries */ + @media @screen_max-md { #mediamanager__page { min-width: 100%; diff --git a/css/plugins/move.less b/css/plugins/move.less index 885f1b4..3863e28 100644 --- a/css/plugins/move.less +++ b/css/plugins/move.less @@ -1,6 +1,14 @@ -#dokuwiki__site > .plugin_move_dialog{ +/** + * This file provides styles for move plugin + */ + + +/* + + + + + global + + + + + */ + +#dokuwiki__site > .plugin_move_dialog { font-size: @font-size-default; - *{ + + * { font-size: @font-size-default; } } diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less index 8335dbb..afa3119 100755 --- a/css/plugins/popupviewer.less +++ b/css/plugins/popupviewer.less @@ -1,5 +1,10 @@ +/** + * This file provides styles for popupviewer plugin + */ +/* + + + + + global + + + + + */ + #popupviewer { > .controls > .content { diff --git a/css/plugins/qc.less b/css/plugins/qc.less index dff5a32..aaf152a 100644 --- a/css/plugins/qc.less +++ b/css/plugins/qc.less @@ -1,6 +1,79 @@ -#plugin__qc__wrapper{ - font-size: @font-size-default; - p{ +/** + * This file provides styles for qc plugin + */ + + +/* + + + + + global + + + + + */ + +#dokuwiki__site { + .plugin__qc { + display: inline-block; + overflow: visible; + position: static; + } + + #plugin__qc__icon { + display: none; + } + + #plugin__qc__link { + position: relative; + + .prefix { + .icon-emo-happy(); + + width: 100%; + font-size: @font-size-default; + + &::before { + width: 100%; + margin: 0; + } + } + } + + #plugin__qc__wrapper { + position: absolute; + right: 0; + z-index: 2000; + width: auto; + box-shadow: @box-shadow-bottom; + background: @ini_background_page_header; + background: -webkit-linear-gradient(top, @ini_background_page_header, @ini_background_content); + background: linear-gradient(top, @ini_background_page_header, @ini_background_content); + border: 0 none; font-size: @font-size-default; + + p { + font-size: @font-size-default; + } + + #plugin__qc__out { + h1 { + font-size: @font-size-head3; + } + + h2 { + margin-top: 1.6em; + font-size: @font-size-head5; + } + > 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/plugins/starred.less b/css/plugins/starred.less new file mode 100644 index 0000000..6c3e0c6 --- /dev/null +++ b/css/plugins/starred.less @@ -0,0 +1,10 @@ +/** + * This file provides styles for starred plugin + */ + + +/* + + + + + global + + + + + */ + +#dokuwiki__site { + +} diff --git a/css/plugins/struct.less b/css/plugins/struct.less index 34f8512..1f9998b 100755 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -1,6 +1,9 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/** + * This file provides styles for struct plugin + */ + + +/* + + + + + global + + + + + */ #dokuwiki__content { .structaggregation { @@ -10,9 +13,26 @@ padding-bottom: @link-height; margin-bottom: @grid; - table th input:focus { - width: 100%; - box-sizing: border-box; + td, + th { + line-height: @line-height-default; + + a { + color: @ini_existing; + line-height: @line-height-default; + } + } + + // search button in table (f.i. "All products") + table th input { + &:not(:focus) { + cursor: pointer; + } + + &:focus { + width: 100%; + box-sizing: border-box; + } } .table { @@ -26,26 +46,106 @@ margin-bottom: 0; &.export { + bottom: 1px; + background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat; + background-size: auto 20px; + border: solid 1px @ini_border; + color: @ini_existing; + font-size: @font-size-small; line-height: 1; - padding-top: .3em; + margin-top: -1px; + padding-top: .4em; + transition: @transition background-color, @transition border-color, @transition color; + + &:hover, + &:focus, + &:active { + background-color: @ini_existing; + background-image: url("svg.php?svg=file-export.svg&f=background_content"); + border-color: @ini_existing; + color: @ini_background_content; + text-decoration: none; + } } } } + #plugin__struct_output{ margin-right: 0; } .struct_entry_form { margin-bottom: 2rem; + > fieldset { margin-top: 1.5rem; } } + textarea + .struct_entry_form { margin-top: -.5rem; } + + div.editBox { + .struct_entry_form { + label span.label { + color: @color-editBox; + } + } + } } .dokuwiki .struct_inlineditor { z-index: 3; } + + +/* + + + + + form - Struct Schema Editor + + + + + */ +form { + &.doku_form.struct_newschema { + fieldset { + > label { + > span:first-child { + display: inline-block; + + @media @screen_min-lg { + width: 48.8%; + } + + @media @screen_max-lg { + width: 48.5%; + } + } + + > input[type="text"] { + width: 50%; + } + } + + button { + cursor: pointer; + box-shadow: none; + background-image: none; + background-color: @ini_button_background; + border: 1px solid @ini_button_background; + border-radius: @fix_border-radius; + color: @ini_button_color; + vertical-align: top; + margin-top: .3em; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: @ini_button_color; + color: @ini_button_background; + } + + + p { + padding-top: 1rem; + } + } + } + } +} diff --git a/css/plugins/tabinclude.less b/css/plugins/tabinclude.less index 385235e..8737ed4 100644 --- a/css/plugins/tabinclude.less +++ b/css/plugins/tabinclude.less @@ -1,39 +1,57 @@ /** - * This file provides styles for the edit view (?do=edit), preview - * and section edit buttons. + * This file provides styles for the tabinclude */ /* + + + + + plugin tabinclude + + + + + */ - div#dwpl-ti-container { - -/* + + + tabnav + + + */ li.dwpl-ti-tab { box-shadow: none; - border-color: @color-site-bg; + background-color: @ini_background_page_header; + border-color: @ini_border; border-radius: @fix_border-radius @fix_border-radius 0 0; + color: @ini_background_page_footer; padding: 0; + &:hover { + background-color: @ini_background_page_header; + text-decoration: none; + + div { + text-decoration: underline; + + &.selected { + color: @ini_text; + } + } + } + div { - background-color: @background_page-header; border-radius: inherit; + color: inherit; padding: .1em .35em; + &.selected { - background-color: @color-site-bg; + position: relative; + z-index: 1; + background-color: @ini_background_content; + color: @ini_text; } } } -/* + + + box + + + */ +/* + + + content box + + + */ div.dwpl-ti-content-box { + position: relative; + z-index: 0; overflow: auto; - box-shadow: none; - background-color: @color-site-bg; - border: solid 1px @color-site-bg; + box-shadow: @box-shadow; + background-color: @ini_background_content; + border: solid 1px @ini_border; border-radius: 0; + margin-top: -1px; } } @@ -42,7 +60,5 @@ div#dwpl-ti-container { /* media queries */ @media @screen_max-md { - div#dwpl-ti-container { - - } + div#dwpl-ti-container { } } diff --git a/css/plugins/tagging.less b/css/plugins/tagging.less new file mode 100644 index 0000000..a15cdfb --- /dev/null +++ b/css/plugins/tagging.less @@ -0,0 +1,117 @@ +/** + * This file provides styles for the form in tagcloud + */ + + +/* + + + + + plugin tagging + + + + + */ + +#spr__meta-box { + ul.tagging_cloud { + width: 100%; + padding-right: 0; + + li { + &.t0 a { + font-size: .9rem; + } + &.t1 a { + font-size: 1rem; + } + &.t2 a { + font-size: 1.1rem; + } + &.t3 a { + font-size: 1.2rem; + } + &.t4 a { + font-size: 1.3rem; + } + &.t5 a { + font-size: 1.4rem; + } + &.t6 a { + font-size: 1.5rem; + } + &.t7 a { + font-size: 1.6rem; + } + &.t8 a { + font-size: 1.7rem; + } + &.t9 a { + font-size: 1.8rem; + } + &.t10 a { + font-size: 1.9rem; + } + } + } + + form#tagging__edit { + width: 100%; + + label { + display: block; + } + + input.edit { + width: 100%; + margin-bottom: .5rem; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* media queries */ + +@media @screen_max-md { + #spr__meta-box { + form { + &#tagging__edit { + label { + display: inline-block; + min-width: 50%; + vertical-align: top; + margin-bottom: .5rem; + } + + input.edit { + margin-bottom: 0; + } + } + } + } +} + +@media @screen_max-xs { + #spr__meta-box { + form { + div > button[type="submit"] { + width: 49%; + padding: 0; + } + + &#tagging__edit { + &::after { + content: ''; + clear: both; + display: block; + } + + label { + display: block; + width: 100%; + } + + button[type="submit"] { + float: right; + + &:first-of-type { + float: left; + } + } + } + } + } +} diff --git a/css/template_admin.less b/css/template_admin.less index 1dc739c..285962a 100644 --- a/css/template_admin.less +++ b/css/template_admin.less @@ -1,42 +1,129 @@ +/** + * This file provides the design styles for the admin tools + * + * @author Jana Deutschlaender + */ + + .do-admin { #admin__version { font-size: @font-size-default; } + .main-content ul { - > li{ + > li { font-size: @font-size-default; - div.li{ - font-size: @font-size-default; + div.li { + font-size: @font-size-default; - a{ - font-size: @font-size-default; - line-height: 125%; - cursor: pointer; - } - } - } - } - - ul.admin_tasks { - padding: 0; - - li { - background-size: auto 1rem; - margin: 0 0 .6em 0; - - a { - font-weight: 400; + a { + font-size: @font-size-default; + line-height: 125%; + cursor: pointer; + } } } } - @media @screen_max-md { - ul.admin_tasks { - float: none; - width: auto; - } + div.ui-admin { + ul.admin_tasks, + ul.admin_plugins { + padding: 0; + li { + background-size: auto 1rem; + margin: 0 0 .6em 0; + + a { + color: @ini_existing; + font-weight: 400; + + * { + color: inherit; + } + + span.icon { + width: 1.6em; + min-height: 1.6em; + margin-top: -.3rem; + margin-bottom: .3rem; + + svg { + width: 26px; + height: 26px; + border: solid 1px @ini_background_content; + border-radius: @ini_default_border_radius; + fill: @ini_existing; + transition: @transition background-color, @transition border-color, @transition fill; + + path { + fill: @ini_existing; + transition: @transition fill; + } + } + } + + &:hover, + &:focus, + &:active { + span.icon { + svg { + background-color: @ini_existing; + border-color: @ini_existing; + fill: @ini_background_content; + + path { + fill: @ini_background_content; + } + } + } + } + } + } + } } } + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* 1024px */ + +@media @screen_max-md { + .do-admin { + div.ui-admin { + ul.admin_tasks { + width: 50%; + padding-top: 1rem; + + li { + white-space: normal; + + a { + .display-flex(); // for better position with line breaks (white-space) + + span.icon { + margin-top: -.3rem; + margin-bottom: .3rem; + } + } + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* 768px */ + +@media @screen_max-xs { + .do-admin { + div.ui-admin { + ul.admin_tasks { + width: auto; + padding-top: 1rem; + } + } + } +} diff --git a/fonts/icons/LICENSE.txt b/fonts/icons/LICENSE.txt index d8d00bf..1843a45 100755 --- a/fonts/icons/LICENSE.txt +++ b/fonts/icons/LICENSE.txt @@ -1,33 +1,6 @@ Font license info -## Entypo - - Copyright (C) 2012 by Daniel Bruce - - Author: Daniel Bruce - License: SIL (http://scripts.sil.org/OFL) - Homepage: http://www.entypo.com - - -## Font Awesome - - Copyright (C) 2016 by Dave Gandy - - Author: Dave Gandy - License: SIL () - Homepage: http://fortawesome.github.com/Font-Awesome/ - - -## Elusive - - Copyright (C) 2013 by Aristeides Stathopoulos - - Author: Aristeides Stathopoulos - License: SIL (http://scripts.sil.org/OFL) - Homepage: http://aristeides.com/ - - ## Fontelico Copyright (C) 2012 by Fontello project @@ -37,30 +10,12 @@ Font license info Homepage: http://fontello.com -## Typicons +## Font Awesome - (c) Stephen Hutchings 2012 + Copyright (C) 2016 by Dave Gandy - Author: Stephen Hutchings - License: SIL (http://scripts.sil.org/OFL) - Homepage: http://typicons.com/ - - -## Linecons - - Copyright (C) 2013 by Designmodo - - Author: Designmodo for Smashing Magazine - License: CC BY () - Homepage: http://designmodo.com/linecons-free/ - - -## Iconic - - Copyright (C) 2012 by P.J. Onori - - Author: P.J. Onori - License: SIL (http://scripts.sil.org/OFL) - Homepage: http://somerandomdude.com/work/iconic/ + Author: Dave Gandy + License: SIL () + Homepage: http://fortawesome.github.com/Font-Awesome/ diff --git a/fonts/icons/config.json b/fonts/icons/config.json index 8140778..3e018be 100755 --- a/fonts/icons/config.json +++ b/fonts/icons/config.json @@ -6,48 +6,6 @@ "units_per_em": 1000, "ascent": 850, "glyphs": [ - { - "uid": "bbd66ef66bb8fa9edde54d9a90b89150", - "css": "user", - "code": 59392, - "src": "entypo" - }, - { - "uid": "0d20938846444af8deb1920dc85a29fb", - "css": "logout", - "code": 59393, - "src": "fontawesome" - }, - { - "uid": "3a00327e61b997b58518bd43ed83c3df", - "css": "login", - "code": 59394, - "src": "fontawesome" - }, - { - "uid": "c9bef3dc67fea47e94c4a5030ea64dad", - "css": "clipboard", - "code": 59395, - "src": "elusive" - }, - { - "uid": "d862a10e1448589215be19702f98f2c1", - "css": "smile", - "code": 61720, - "src": "fontawesome" - }, - { - "uid": "06ddc67d609c477cd5524a7238d7850d", - "css": "frown", - "code": 61721, - "src": "fontawesome" - }, - { - "uid": "2c5055a9c9723725f49f0593a08535af", - "css": "meh", - "code": 61722, - "src": "fontawesome" - }, { "uid": "c64623255a4a7c72436b199b05296c4f", "css": "emo-happy", @@ -115,94 +73,354 @@ "src": "fontelico" }, { - "uid": "598a5f2bcf3521d1615de8e1881ccd17", - "css": "clock", - "code": 59401, - "src": "fontawesome" - }, - { - "uid": "5408be43f7c42bccee419c6be53fdef5", - "css": "doc-text", - "code": 61686, - "src": "fontawesome" - }, - { - "uid": "9daa1fdf0838118518a7e22715e83abc", - "css": "file-pdf", - "code": 61889, - "src": "fontawesome" - }, - { - "uid": "0ddd3e8201ccc7d41f7b7c9d27eca6c1", - "css": "link", - "code": 59402, - "src": "fontawesome" - }, - { - "uid": "cd21cbfb28ad4d903cede582157f65dc", - "css": "bell", - "code": 59403, - "src": "fontawesome" - }, - { - "uid": "2f5ef6f6b7aaebc56458ab4e865beff5", - "css": "bookmark-empty", - "code": 61591, - "src": "fontawesome" - }, - { - "uid": "bf882b30900da12fca090d9796bc3030", - "css": "mail", - "code": 59406, - "src": "fontawesome" - }, - { - "uid": "559647a6f430b3aeadbecd67194451dd", - "css": "menu", - "code": 61641, - "src": "fontawesome" - }, - { - "uid": "f9efb0f1944c550cf8d38cdf4aba07c4", - "css": "cloud", - "code": 59408, - "src": "typicons" - }, - { - "uid": "f6eb7f8aed5dc03a323d5ef2895ae50b", - "css": "cloud-1", - "code": 59412, - "src": "linecons" - }, - { - "uid": "a42f298da5c64e646a5d532724cd6e15", - "css": "home-outline", - "code": 59413, - "src": "typicons" - }, - { - "uid": "d7271d490b71df4311e32cdacae8b331", + "uid": "d1bfe11bd7c3d74f871191d28c6dda76", "css": "home", - "code": 59414, - "src": "fontawesome" + "code": 59458, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 833.3V583.3H583.3V833.3H791.7V500H916.7L500 125 83.3 500H208.3V833.3H416.7Z", + "width": 1000 + }, + "search": [ + "home" + ] }, { - "uid": "6fe95ffc3c807e62647d4f814a96e0d7", - "css": "sitemap", - "code": 61672, - "src": "fontawesome" + "uid": "35b55be702360a92231dcdaee8ee57a1", + "css": "left-thick", + "code": 59436, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 416.7V583.3H458.3L604.2 729.2 503.3 830 173.3 500 503.3 170 604.2 270.8 458.3 416.7H833.3Z", + "width": 1000 + }, + "search": [ + "arrow-left-thick" + ] }, { - "uid": "5f0f183e241d15cbe486bff88b188dff", - "css": "puzzle", - "code": 61742, - "src": "fontawesome" + "uid": "dcb11e7419c84676d54dfef9531302f0", + "css": "right-thick", + "code": 59438, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M166.7 416.7V583.3H541.7L395.8 729.2 496.7 830 826.7 500 496.7 170 395.8 270.8 541.7 416.7H166.7Z", + "width": 1000 + }, + "search": [ + "arrow-right-thick" + ] }, { - "uid": "xoidjr6q3rzi7tpw6hci1k6srz15g11l", - "css": "puzzle-1", - "code": 59415, - "src": "typicons" + "uid": "89c74e7b827d97ca0d09d7d75e90f40c", + "css": "up-thick", + "code": 59441, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 833.3H416.7V458.3L270.8 604.2 170 503.3 500 173.3 830 503.3 729.2 604.2 583.3 458.3V833.3Z", + "width": 1000 + }, + "search": [ + "arrow-up-thick" + ] + }, + { + "uid": "aac5a0e38b0f430c23250d4e5f884d0c", + "css": "down-thick", + "code": 59445, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 166.7H583.3V541.7L729.2 395.8 830 496.7 500 826.7 170 496.7 270.8 395.8 416.7 541.7V166.7Z", + "width": 1000 + }, + "search": [ + "arrow-down-thick" + ] + }, + { + "uid": "9269d187f38a552a4731584be58751e2", + "css": "left-small", + "code": 59446, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 458.3V541.7H333.3L562.5 770.8 503.3 830 173.3 500 503.3 170 562.5 229.2 333.3 458.3H833.3Z", + "width": 1000 + }, + "search": [ + "arrow-left" + ] + }, + { + "uid": "7b93d1ddaa778286d0272df250fb7a16", + "css": "right-small", + "code": 59437, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M166.7 458.3V541.7H666.7L437.5 770.8 496.7 830 826.7 500 496.7 170 437.5 229.2 666.7 458.3H166.7Z", + "width": 1000 + }, + "search": [ + "arrow-right" + ] + }, + { + "uid": "0be27857a48f6de2c3a72e0cef4696f1", + "css": "up-small", + "code": 59439, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M541.7 833.3H458.3V333.3L229.2 562.5 170 503.3 500 173.3 830 503.3 770.8 562.5 541.7 333.3V833.3Z", + "width": 1000 + }, + "search": [ + "arrow-up" + ] + }, + { + "uid": "8dcd98341dd1e53fc61c2da920f4055e", + "css": "down-small", + "code": 59444, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M458.3 166.7H541.7V666.7L770.8 437.5 830 496.7 500 826.7 170 496.7 229.2 437.5 458.3 666.7V166.7Z", + "width": 1000 + }, + "search": [ + "arrow-down" + ] + }, + { + "uid": "bcecdef6db201b1bab4b337ecae67e2b", + "css": "left-bold", + "code": 59447, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 375V625H500V826.7L173.3 500 500 173.3V375H833.3Z", + "width": 1000 + }, + "search": [ + "arrow-left-bold" + ] + }, + { + "uid": "be1984df02c15bc51c0c83bf51f3bab6", + "css": "right-bold", + "code": 59522, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M166.7 625V375H500V173.3L826.7 500 500 826.7V625H166.7Z", + "width": 1000 + }, + "search": [ + "right-bold" + ] + }, + { + "uid": "c58db1d3ca8a7d95ab530541c4aff47b", + "css": "up-bold", + "code": 59440, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M625 833.3H375V500H173.3L500 173.3 826.7 500H625V833.3Z", + "width": 1000 + }, + "search": [ + "arrow-up-bold" + ] + }, + { + "uid": "d03bf8f62747a186370204a5053cddc9", + "css": "down-bold", + "code": 59523, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M375 166.7H625V500H826.7L500 826.7 173.3 500H375V166.7Z", + "width": 1000 + }, + "search": [ + "down-bold" + ] + }, + { + "uid": "8ed00db9d20a2d7ff1c7eed96813b6cf", + "css": "up-open-big", + "code": 59464, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M308.8 642.1L500 451.3 691.3 642.1 750 583.3 500 333.3 250 583.3 308.8 642.1Z", + "width": 1000 + }, + "search": [ + "chevron-up" + ] + }, + { + "uid": "9a69742d2a75f043ec4b7aaa3af45269", + "css": "down-open-big", + "code": 59462, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M308.8 357.5L500 548.8 691.3 357.5 750 416.7 500 666.7 250 416.7 308.8 357.5Z", + "width": 1000 + }, + "search": [ + "chevron-down" + ] + }, + { + "uid": "3ebbddce1a3605e54c4b2b7299aa146d", + "css": "up", + "code": 59475, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M291.7 625L500 416.7 708.3 625H291.7Z", + "width": 1000 + }, + "search": [ + "menu-up" + ] + }, + { + "uid": "e1dd6d70b1971b9b2d917d2b9385dd67", + "css": "down", + "code": 59481, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M291.7 416.7L500 625 708.3 416.7H291.7Z", + "width": 1000 + }, + "search": [ + "menu-down" + ] + }, + { + "uid": "e7226f2ac8200dea21fd7d6fffa1778c", + "css": "user-circle", + "code": 59500, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 800C395.8 800 303.8 746.7 250 666.7 251.3 583.3 416.7 537.5 500 537.5 583.3 537.5 748.7 583.3 750 666.7 696.3 746.7 604.2 800 500 800M500 208.3A125 125 0 0 1 625 333.3 125 125 0 0 1 500 458.3 125 125 0 0 1 375 333.3 125 125 0 0 1 500 208.3M500 83.3A416.7 416.7 0 0 0 83.3 500 416.7 416.7 0 0 0 500 916.7 416.7 416.7 0 0 0 916.7 500C916.7 269.6 729.2 83.3 500 83.3Z", + "width": 1000 + }, + "search": [ + "account-circle" + ] + }, + { + "uid": "e9cf37693b41c528d5b115a05daf598f", + "css": "user", + "code": 59443, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 166.7A166.7 166.7 0 0 1 666.7 333.3 166.7 166.7 0 0 1 500 500 166.7 166.7 0 0 1 333.3 333.3 166.7 166.7 0 0 1 500 166.7M500 583.3C684.2 583.3 833.3 657.9 833.3 750V833.3H166.7V750C166.7 657.9 315.8 583.3 500 583.3Z", + "width": 1000 + }, + "search": [ + "account" + ] + }, + { + "uid": "be1f61500fdc0f0996492dfdb15161f7", + "css": "login", + "code": 59461, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 125H208.3C162.1 125 125 162.1 125 208.3V375H208.3V208.3H791.7V791.7H208.3V625H125V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3C875 162.1 837.5 125 791.7 125M420 649.2L479.2 708.3 687.5 500 479.2 291.7 420 350.4 527.9 458.3H125V541.7H527.9L420 649.2Z", + "width": 1000 + }, + "search": [ + "login-variant" + ] + }, + { + "uid": "e838e73a4c493ae863e8b4327779ecde", + "css": "logout", + "code": 59463, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M586.7 649.6L694.6 541.7H291.7V458.3H694.6L586.7 350.4 645.8 291.7 854.2 500 645.8 708.3 586.7 649.6M791.7 125A83.3 83.3 0 0 1 875 208.3V402.9L791.7 319.6V208.3H208.3V791.7H791.7V680.4L875 597.1V791.7A83.3 83.3 0 0 1 791.7 875H208.3C162.1 875 125 837.5 125 791.7V208.3C125 162.1 162.1 125 208.3 125H791.7Z", + "width": 1000 + }, + "search": [ + "logout-variant" + ] + }, + { + "uid": "2105ab73d46373dd43ada434efe509e8", + "css": "smile", + "code": 59486, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 500A333.3 333.3 0 0 0 500 166.7 333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3 333.3 333.3 0 0 0 833.3 500M916.7 500A416.7 416.7 0 0 1 500 916.7 416.7 416.7 0 0 1 83.3 500 416.7 416.7 0 0 1 500 83.3 416.7 416.7 0 0 1 916.7 500M416.7 395.8C416.7 429.2 387.5 458.3 354.2 458.3 320.8 458.3 291.7 429.2 291.7 395.8 291.7 362.5 320.8 333.3 354.2 333.3 387.5 333.3 416.7 362.5 416.7 395.8M708.3 395.8C708.3 429.2 679.2 458.3 645.8 458.3 612.5 458.3 583.3 429.2 583.3 395.8 583.3 362.5 612.5 333.3 645.8 333.3 679.2 333.3 708.3 362.5 708.3 395.8M500 717.9C427.1 717.9 362.9 687.5 325.4 642.5L384.6 583.3C403.3 613.3 447.9 634.6 500 634.6 552.1 634.6 596.7 613.3 615.4 583.3L674.6 642.5C637.1 687.5 572.9 717.9 500 717.9Z", + "width": 1000 + }, + "search": [ + "emoticon-happy" + ] + }, + { + "uid": "d8873736717b8bdcf32838e13c1e58d9", + "css": "meh", + "code": 59487, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M354.2 458.3A62.5 62.5 0 0 1 291.7 395.8 62.5 62.5 0 0 1 354.2 333.3 62.5 62.5 0 0 1 416.7 395.8 62.5 62.5 0 0 1 354.2 458.3M645.8 458.3A62.5 62.5 0 0 1 583.3 395.8 62.5 62.5 0 0 1 645.8 333.3 62.5 62.5 0 0 1 708.3 395.8 62.5 62.5 0 0 1 645.8 458.3M500 833.3A333.3 333.3 0 0 0 833.3 500 333.3 333.3 0 0 0 500 166.7 333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3M500 83.3A416.7 416.7 0 0 1 916.7 500 416.7 416.7 0 0 1 500 916.7C269.6 916.7 83.3 729.2 83.3 500A416.7 416.7 0 0 1 500 83.3M375 583.3H625A41.7 41.7 0 0 1 666.7 625 41.7 41.7 0 0 1 625 666.7H375A41.7 41.7 0 0 1 333.3 625 41.7 41.7 0 0 1 375 583.3Z", + "width": 1000 + }, + "search": [ + "emoticon-neutral" + ] + }, + { + "uid": "01f54b55b05d665569e32506966473fc", + "css": "frown", + "code": 59467, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 500A333.3 333.3 0 0 0 500 166.7 333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3 333.3 333.3 0 0 0 833.3 500M916.7 500A416.7 416.7 0 0 1 500 916.7 416.7 416.7 0 0 1 83.3 500 416.7 416.7 0 0 1 500 83.3 416.7 416.7 0 0 1 916.7 500M645.8 333.3C679.2 333.3 708.3 362.5 708.3 395.8 708.3 429.2 679.2 458.3 645.8 458.3 612.5 458.3 583.3 429.2 583.3 395.8 583.3 362.5 612.5 333.3 645.8 333.3M416.7 395.8C416.7 429.2 387.5 458.3 354.2 458.3 320.8 458.3 291.7 429.2 291.7 395.8 291.7 362.5 320.8 333.3 354.2 333.3 387.5 333.3 416.7 362.5 416.7 395.8M500 583.3C572.9 583.3 637.1 613.3 674.6 658.8L615.4 717.9C596.7 687.5 552.1 666.7 500 666.7 447.9 666.7 403.3 687.5 384.6 717.9L325.4 658.8C362.9 613.3 427.1 583.3 500 583.3Z", + "width": 1000 + }, + "search": [ + "emoticon-sad" + ] + }, + { + "uid": "5ef861fb60eccaa2790c933167ec6aa1", + "css": "cog", + "code": 59470, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 645.8A145.8 145.8 0 0 1 354.2 500 145.8 145.8 0 0 1 500 354.2 145.8 145.8 0 0 1 645.8 500 145.8 145.8 0 0 1 500 645.8M809.6 540.4C811.2 527.1 812.5 513.8 812.5 500 812.5 486.2 811.2 472.5 809.6 458.3L897.5 390.4C905.4 384.2 907.5 372.9 902.5 363.8L819.2 219.6C814.2 210.4 802.9 206.7 793.8 210.4L690 252.1C668.3 235.8 645.8 221.7 619.6 211.3L604.2 100.8C602.5 90.8 593.8 83.3 583.3 83.3H416.7C406.3 83.3 397.5 90.8 395.8 100.8L380.4 211.3C354.2 221.7 331.7 235.8 310 252.1L206.3 210.4C197.1 206.7 185.8 210.4 180.8 219.6L97.5 363.8C92.1 372.9 94.6 384.2 102.5 390.4L190.4 458.3C188.8 472.5 187.5 486.2 187.5 500 187.5 513.8 188.8 527.1 190.4 540.4L102.5 609.6C94.6 615.8 92.1 627.1 97.5 636.3L180.8 780.4C185.8 789.6 197.1 792.9 206.3 789.6L310 747.5C331.7 764.2 354.2 778.3 380.4 788.8L395.8 899.2C397.5 909.2 406.3 916.7 416.7 916.7H583.3C593.8 916.7 602.5 909.2 604.2 899.2L619.6 788.8C645.8 777.9 668.3 764.2 690 747.5L793.8 789.6C802.9 792.9 814.2 789.6 819.2 780.4L902.5 636.3C907.5 627.1 905.4 615.8 897.5 609.6L809.6 540.4Z", + "width": 1000 + }, + "search": [ + "settings" + ] }, { "uid": "98687378abd1faf8f6af97c254eb6cd6", @@ -211,130 +429,536 @@ "src": "fontawesome" }, { - "uid": "e99461abfef3923546da8d745372c995", - "css": "cog", - "code": 59417, - "src": "fontawesome" + "uid": "3b1ed5290f0ac657d3a08e12df23ca97", + "css": "folder-image", + "code": 59401, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M208.3 708.3L395.8 458.3 541.7 645.8 645.8 520.8 791.7 708.3M833.3 250H500L416.7 166.7H166.7A83.3 83.3 0 0 0 83.3 250V750A83.3 83.3 0 0 0 166.7 833.3H833.3A83.3 83.3 0 0 0 916.7 750V333.3A83.3 83.3 0 0 0 833.3 250Z", + "width": 1000 + }, + "search": [ + "folder" + ] }, { - "uid": "3a230e539a4f3b904debd04c6c155034", - "css": "help", - "code": 59418, - "src": "entypo" + "uid": "c24c3a39a7cfc385fcdbfb6e550a6333", + "css": "clipboard-empty", + "code": 59478, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M291.7 333.3V250H208.3V791.7H791.7V250H708.3V333.3H291.7M375 166.7A125 125 0 0 1 500 41.7 125 125 0 0 1 625 166.7H791.7A83.3 83.3 0 0 1 875 250V791.7A83.3 83.3 0 0 1 791.7 875H208.3A83.3 83.3 0 0 1 125 791.7V250A83.3 83.3 0 0 1 208.3 166.7H375M500 125A41.7 41.7 0 0 0 458.3 166.7 41.7 41.7 0 0 0 500 208.3 41.7 41.7 0 0 0 541.7 166.7 41.7 41.7 0 0 0 500 125Z", + "width": 1000 + }, + "search": [ + "clipboard-outline" + ] }, { - "uid": "c8585e1e5b0467f28b70bce765d5840c", - "css": "docs", - "code": 61637, - "src": "fontawesome" + "uid": "6cb4de8b486bdca063ac643f29efeffb", + "css": "clipboard", + "code": 59479, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 375H291.7V291.7H708.3M708.3 541.7H291.7V458.3H708.3M583.3 708.3H291.7V625H583.3M500 125A41.7 41.7 0 0 1 541.7 166.7 41.7 41.7 0 0 1 500 208.3 41.7 41.7 0 0 1 458.3 166.7 41.7 41.7 0 0 1 500 125M791.7 125H617.5C600 76.7 554.2 41.7 500 41.7 445.8 41.7 400 76.7 382.5 125H208.3A83.3 83.3 0 0 0 125 208.3V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3A83.3 83.3 0 0 0 791.7 125Z", + "width": 1000 + }, + "search": [ + "clipboard-text" + ] }, { - "uid": "1b5a5d7b7e3c71437f5a26befdd045ed", - "css": "doc", - "code": 59419, - "src": "fontawesome" + "uid": "108d2cf571cfb17440c1691dc597609a", + "css": "file", + "code": 59454, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M541.7 375H770.8L541.7 145.8V375M250 83.3H583.3L833.3 333.3V833.3A83.3 83.3 0 0 1 750 916.7H250C203.7 916.7 166.7 879.2 166.7 833.3V166.7C166.7 120.4 203.7 83.3 250 83.3M458.3 166.7H250V833.3H458.3L750 833.3V458.3H458.3V166.7Z", + "width": 1000 + }, + "search": [ + "file-outline" + ] }, { - "uid": "8fc56819afcd07e2786e34f18d39b71b", - "css": "book-open", - "code": 59420, - "src": "iconic" + "uid": "2fffd3933d8cc5e0ed4c292f3631ed0b", + "css": "files", + "code": 59465, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M625 291.7H854.2L625 62.5V291.7M333.3 0H666.7L916.7 250V750A83.3 83.3 0 0 1 833.3 833.3H333.3C287.1 833.3 250 795.8 250 750V83.3A83.3 83.3 0 0 1 333.3 0M166.7 166.7V916.7H833.3V1000H166.7A83.3 83.3 0 0 1 83.3 916.7V166.7H166.7Z", + "width": 1000 + }, + "search": [ + "file-multiple" + ] }, { - "uid": "9e0404ba55575a540164db9a5ad511df", - "css": "doc-new", - "code": 59421, - "src": "elusive" + "uid": "7b357343fb97c221a7c3f5a27b7b800c", + "css": "file-new", + "code": 59453, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M541.7 375H770.8L541.7 145.8V375M250 83.3H583.3L833.3 333.3V833.3A83.3 83.3 0 0 1 750 916.7H250C203.7 916.7 166.7 879.2 166.7 833.3V166.7C166.7 120.4 203.7 83.3 250 83.3M458.3 625V500H375V625H250V708.3H375V833.3H458.3V708.3H583.3V625H458.3Z", + "width": 1000 + }, + "search": [ + "file-plus" + ] }, { - "uid": "44e04715aecbca7f266a17d5a7863c68", - "css": "plus", - "code": 59422, - "src": "fontawesome" + "uid": "b0272e5454a168f0348017ad47a5411a", + "css": "file-pdf", + "code": 59448, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 375H812.5L583.3 145.8V375M291.7 83.3H625L875 333.3V833.3A83.3 83.3 0 0 1 791.7 916.7H291.7C245.4 916.7 208.3 879.2 208.3 833.3V166.7A83.3 83.3 0 0 1 291.7 83.3M497.1 518.3C514.2 555.8 535.8 586.7 560.8 607.9L577.9 621.3C541.7 627.9 491.7 639.6 438.7 660V660L434.2 661.7 455 618.3C473.7 582.1 487.5 549.2 497.1 518.3M767.1 677.1C774.6 669.6 778.3 660 778.8 649.6 780 641.3 777.9 633.3 773.8 626.7 761.7 607.1 730.4 597.9 678.7 597.9L625 600.8 588.8 576.7C562.5 555 538.8 517.1 522.1 470L523.8 464.2C537.5 408.8 550.4 341.7 522.9 314.2 516.3 307.5 507.1 304.2 497.5 304.2H487.5C472.1 304.2 458.3 320.4 454.6 336.3 439.2 391.7 448.3 422.1 463.8 472.5V472.9C453.3 509.6 440 552.1 418.8 595L378.8 670 341.7 690.4C291.7 721.7 267.9 756.7 263.3 778.8 261.7 786.7 262.5 793.8 265.4 801.3L266.7 803.3 286.7 816.3 305 820.8C338.8 820.8 377.1 781.3 428.7 692.9L436.3 690C479.2 676.3 532.5 666.7 604.2 658.8 647.1 680 697.5 689.6 729.2 689.6 747.5 689.6 760 685 767.1 677.1M750 647.5L753.8 652.1C753.3 656.3 752.1 656.7 750 657.5H748.3L740.4 658.3C721.2 658.3 691.7 650.4 661.2 637.1 665 632.9 666.7 632.9 670.8 632.9 729.2 632.9 745.8 643.3 750 647.5M367.9 708.3C340.8 757.9 316.3 785.4 297.5 791.7 299.6 775.8 318.3 748.3 347.9 721.2L367.9 708.3M493.7 420.4C484.2 382.9 483.7 352.5 490.8 335L493.7 330 500 332.1C507.1 342.1 507.9 355.4 503.7 377.9L502.5 384.6 495.8 418.8 493.7 420.4Z", + "width": 1000 + }, + "search": [ + "file-pdf" + ] }, { - "uid": "7222571caa5c15f83dcfd447c58d68d9", - "css": "search", - "code": 59423, - "src": "entypo" + "uid": "3dbc74b737ad75b2dea6346133003e37", + "css": "file-text", + "code": 59466, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M541.7 375H770.8L541.7 145.8V375M250 83.3H583.3L833.3 333.3V833.3A83.3 83.3 0 0 1 750 916.7H250C203.7 916.7 166.7 879.2 166.7 833.3V166.7C166.7 120.4 203.7 83.3 250 83.3M625 750V666.7H250V750H625M750 583.3V500H250V583.3H750Z", + "width": 1000 + }, + "search": [ + "file-document" + ] }, { - "uid": "7034e4d22866af82bef811f52fb1ba46", - "css": "code", - "code": 61729, - "src": "fontawesome" + "uid": "6ba0f5403cd0e8e95462198d1c2f2203", + "css": "file-xml", + "code": 59394, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M541.7 375H770.8L541.7 145.8V375M250 83.3H583.3L833.3 333.3V833.3A83.3 83.3 0 0 1 750 916.7H250A83.3 83.3 0 0 1 166.7 833.3V166.7C166.7 120.4 203.7 83.3 250 83.3M255 645.8L410.8 801.7 470 742.9 372.9 645.8 470 548.8 410.8 490 255 645.8M720 645.8L564.2 490 505 548.8 602.1 645.8 505 742.9 564.2 801.7 720 645.8Z", + "width": 1000 + }, + "search": [ + "file-xml" + ] }, { - "uid": "abf264d54e3f10187167ebc0e833d12e", - "css": "up-outline", - "code": 59424, - "src": "typicons" + "uid": "bb5181b39a408e334b9213d6051250c3", + "css": "file-export", + "code": 59402, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M250 83.3C203.7 83.3 166.7 120.8 166.7 166.7V833.3A83.3 83.3 0 0 0 250 916.7H750A83.3 83.3 0 0 0 833.3 833.3V333.3L583.3 83.3M541.7 145.8L770.8 375H541.7M372.1 509.2H666.7V803.7L578.3 715.4 460.4 833.3 342.5 715.4 460.4 597.9", + "width": 1000 + }, + "search": [ + "file-export" + ] }, { - "uid": "1d9b2bb0d0621cd616139c6a441ed442", - "css": "down-outline", - "code": 59425, - "src": "typicons" + "uid": "2c9c17d58273a5617b1bbdc0602c6bb4", + "css": "link", + "code": 59459, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M441.2 558.8C458.3 575 458.3 601.7 441.2 617.9 425 634.2 398.3 634.2 382.1 617.9 300.8 536.7 300.8 404.6 382.1 323.3V323.3L529.6 175.8C610.8 94.6 742.9 94.6 824.2 175.8 905.4 257.1 905.4 389.2 824.2 470.4L762.1 532.5C762.5 498.3 757.1 464.2 745.4 431.7L765 411.7C814.2 362.9 814.2 283.7 765 235 716.3 185.8 637.1 185.8 588.3 235L441.2 382.1C392.1 430.8 392.1 510 441.2 558.8M558.8 382.1C575 365.8 601.7 365.8 617.9 382.1 699.2 463.3 699.2 595.4 617.9 676.7V676.7L470.4 824.2C389.2 905.4 257.1 905.4 175.8 824.2 94.6 742.9 94.6 610.8 175.8 529.6L237.9 467.5C237.5 501.7 242.9 535.8 254.6 568.8L235 588.3C185.8 637.1 185.8 716.3 235 765 283.7 814.2 362.9 814.2 411.7 765L558.8 617.9C607.9 569.2 607.9 490 558.8 441.2 541.7 425 541.7 398.3 558.8 382.1Z", + "width": 1000 + }, + "search": [ + "link-variant" + ] }, { - "uid": "ec3be32c1330a17ef251b378ebd7d3ac", - "css": "left-outline", - "code": 59426, - "src": "typicons" + "uid": "d77a3c3d474886b388746eb6778c07c7", + "css": "attachment", + "code": 59442, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M312.5 750A229.2 229.2 0 0 1 83.3 520.8 229.2 229.2 0 0 1 312.5 291.7H750A166.7 166.7 0 0 1 916.7 458.3 166.7 166.7 0 0 1 750 625H395.8A104.2 104.2 0 0 1 291.7 520.8 104.2 104.2 0 0 1 395.8 416.7H708.3V479.2H395.8A41.7 41.7 0 0 0 354.2 520.8 41.7 41.7 0 0 0 395.8 562.5H750A104.2 104.2 0 0 0 854.2 458.3 104.2 104.2 0 0 0 750 354.2H312.5A166.7 166.7 0 0 0 145.8 520.8 166.7 166.7 0 0 0 312.5 687.5H708.3V750H312.5Z", + "width": 1000 + }, + "search": [ + "attachment" + ] }, { - "uid": "86bc84e014767f8f1377723c47d1b153", - "css": "right-outline", - "code": 59427, - "src": "typicons" - }, - { - "uid": "c16a63e911bc47b46dc2a7129d2f0c46", - "css": "down-small", - "code": 59428, - "src": "typicons" - }, - { - "uid": "58b78b6ca784d5c3db5beefcd9e18061", - "css": "left-small", - "code": 59429, - "src": "typicons" - }, - { - "uid": "877a233d7fdca8a1d82615b96ed0d7a2", - "css": "right-small", - "code": 59430, - "src": "typicons" - }, - { - "uid": "62bc6fe2a82e4864e2b94d4c0985ee0c", - "css": "up-small", - "code": 59431, - "src": "typicons" - }, - { - "uid": "289b5f92f23acf1059c93fbf401c1ad5", - "css": "down-open-big", - "code": 59432, - "src": "entypo" - }, - { - "uid": "0805cca616b3c12714f35af4d0912c10", - "css": "up-open-big", - "code": 59433, - "src": "entypo" - }, - { - "uid": "587bjlxppui6u4japooa2foe58rsvicp", + "uid": "256d512a42d54f808cc5afffb7adca21", "css": "pencil", - "code": 59434, - "src": "modernpics" + "code": 59456, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M701.7 113.7C685.4 113.7 669.6 120 657.1 132.1L568.8 220.4 789.6 441.7 877.9 354.2C902.9 328.7 902.9 289.2 877.9 265L745.8 132.1C733.3 120 717.5 113.7 701.7 113.7M539.2 250L201.7 587.9 308.3 599.6 315.8 695 410.8 702.1 422.9 808.8 760.4 470.8M177.1 626.7L104.2 905.4 383.3 830.8 373.3 740.8 277.1 733.7 269.6 637.1", + "width": 1000 + }, + "search": [ + "lead-pencil" + ] }, { - "uid": "2aeb4987b469d22fcb8b471b6d2cdfff", + "uid": "b35452c8799239d5f9a0dbc1237303ea", "css": "pencil-1", - "code": 59435, - "src": "linecons" + "code": 59473, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M862.9 293.3C879.2 277.1 879.2 250 862.9 234.6L765.4 137.1C750 120.8 722.9 120.8 706.7 137.1L630 213.3 786.3 369.6M125 718.8V875H281.3L742.1 413.7 585.8 257.5 125 718.8Z", + "width": 1000 + }, + "search": [ + "pencil" + ] + }, + { + "uid": "affa5bca15baedc7e4d51e239d058525", + "css": "pencil-add", + "code": 59392, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M546.6 671.6H671.6V546.6H754.9V671.6H879.9V754.9H754.9V879.9H671.6V754.9H546.6ZM862.9 293.3C879.2 277.1 879.2 250 862.9 234.6L765.4 137.1C750 120.8 722.9 120.8 706.7 137.1L630 213.3 786.3 369.6M125 718.8V875H281.3L742.1 413.7 585.8 257.5Z", + "width": 1000 + }, + "search": [ + "pencil" + ] + }, + { + "uid": "869010a7f405f1c4c4f8e1d610d66aed", + "css": "book-open", + "code": 59455, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 208.3C828.8 193.8 777.9 187.5 729.2 187.5 647.9 187.5 560.4 204.2 500 250 439.6 204.2 352.1 187.5 270.8 187.5 189.6 187.5 102.1 204.2 41.7 250V860.4C41.7 870.8 52.1 881.2 62.5 881.2 66.7 881.2 68.7 879.2 72.9 879.2 129.2 852.1 210.4 833.3 270.8 833.3 352.1 833.3 439.6 850 500 895.8 556.3 860.4 658.3 833.3 729.2 833.3 797.9 833.3 868.8 845.8 927.1 877.1 931.3 879.2 933.3 879.2 937.5 879.2 947.9 879.2 958.3 868.8 958.3 858.3V250C933.3 231.2 906.3 218.8 875 208.3M875 770.8C829.2 756.2 779.2 750 729.2 750 658.3 750 556.3 777.1 500 812.5V333.3C556.3 297.9 658.3 270.8 729.2 270.8 779.2 270.8 829.2 277.1 875 291.7V770.8Z", + "width": 1000 + }, + "search": [ + "book-open-variant" + ] + }, + { + "uid": "dd3fce505416914a6e261f56e012bedf", + "css": "bookmark-empty", + "code": 59451, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 750L500 659.2 291.7 750V208.3H708.3M708.3 125H291.7A83.3 83.3 0 0 0 208.3 208.3V875L500 750 791.7 875V208.3C791.7 162.1 754.2 125 708.3 125Z", + "width": 1000 + }, + "search": [ + "bookmark-outline" + ] + }, + { + "uid": "89c875ec5b1d33b5e4a815bd640c4044", + "css": "cloud", + "code": 59482, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 750H250A166.7 166.7 0 0 1 83.3 583.3 166.7 166.7 0 0 1 250 416.7H279.6C307.1 320.4 395.8 250 500 250A229.2 229.2 0 0 1 729.2 479.2V500H791.7A125 125 0 0 1 916.7 625 125 125 0 0 1 791.7 750M806.3 417.9C777.9 274.6 651.7 166.7 500 166.7 379.6 166.7 275 235 222.9 334.6 97.5 348.3 0 454.2 0 583.3A250 250 0 0 0 250 833.3H791.7A208.3 208.3 0 0 0 1000 625C1000 515 914.6 425.8 806.3 417.9Z", + "width": 1000 + }, + "search": [ + "cloud-outline" + ] + }, + { + "uid": "733b084cd46a5563c506c30eedf088ee", + "css": "bell", + "code": 59450, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M666.7 708.3H291.7V437.5C291.7 333.3 375 250 479.2 250 583.3 250 666.7 333.3 666.7 437.5M750 666.7V437.5C750 309.6 660.8 202.5 541.7 174.2V145.8A62.5 62.5 0 0 0 479.2 83.3 62.5 62.5 0 0 0 416.7 145.8V174.2C297.1 202.5 208.3 309.6 208.3 437.5V666.7L125 750V791.7H833.3V750M479.2 916.7A83.3 83.3 0 0 0 562.5 833.3H395.8A83.3 83.3 0 0 0 479.2 916.7Z", + "width": 1000 + }, + "search": [ + "bell-outline" + ] + }, + { + "uid": "796dab572ec00c61233c6835655bf27e", + "css": "clock", + "code": 59480, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 833.3A333.3 333.3 0 0 0 833.3 500 333.3 333.3 0 0 0 500 166.7 333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3M500 83.3A416.7 416.7 0 0 1 916.7 500 416.7 416.7 0 0 1 500 916.7C269.6 916.7 83.3 729.2 83.3 500A416.7 416.7 0 0 1 500 83.3M520.8 291.7V510.4L708.3 621.7 677.1 672.9 458.3 541.7V291.7H520.8Z", + "width": 1000 + }, + "search": [ + "clock" + ] + }, + { + "uid": "ca7476d2dec8b5e8290215391f6a16c3", + "css": "puzzle", + "code": 59471, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M854.2 458.3H791.7V291.7C791.7 245.4 754.2 208.3 708.3 208.3H541.7V145.8A104.2 104.2 0 0 0 437.5 41.7 104.2 104.2 0 0 0 333.3 145.8V208.3H166.7A83.3 83.3 0 0 0 83.3 291.7V450H145.8C208.3 450 258.3 500 258.3 562.5 258.3 625 208.3 675 145.8 675H83.3V833.3A83.3 83.3 0 0 0 166.7 916.7H325V854.2C325 791.7 375 741.7 437.5 741.7 500 741.7 550 791.7 550 854.2V916.7H708.3A83.3 83.3 0 0 0 791.7 833.3V666.7H854.2A104.2 104.2 0 0 0 958.3 562.5 104.2 104.2 0 0 0 854.2 458.3Z", + "width": 1000 + }, + "search": [ + "puzzle" + ] + }, + { + "uid": "65f4d10973a541ace5da216063498bd2", + "css": "menu", + "code": 59476, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 250H875V333.3H125V250M125 458.3H875V541.7H125V458.3M125 666.7H875V750H125V666.7Z", + "width": 1000 + }, + "search": [ + "menu" + ] + }, + { + "uid": "315df2cedeb7eaf5e0a6e69bae4ec1bb", + "css": "search", + "code": 59477, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M395.8 125A270.8 270.8 0 0 1 666.7 395.8C666.7 462.9 642.1 524.6 601.7 572.1L612.9 583.3H645.8L854.2 791.7 791.7 854.2 583.3 645.8V612.9L572.1 601.7C524.6 642.1 462.9 666.7 395.8 666.7A270.8 270.8 0 0 1 125 395.8 270.8 270.8 0 0 1 395.8 125M395.8 208.3C291.7 208.3 208.3 291.7 208.3 395.8 208.3 500 291.7 583.3 395.8 583.3 500 583.3 583.3 500 583.3 395.8 583.3 291.7 500 208.3 395.8 208.3Z", + "width": 1000 + }, + "search": [ + "magnify" + ] + }, + { + "uid": "fef6633a7489e5db2505be117bbc9bbb", + "css": "help", + "code": 59452, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 791.7H541.7V916.7H416.7V791.7M500 83.3C722.9 92.5 820 317.5 687.5 486.2 652.9 527.9 597.1 555.4 569.6 590.4 541.7 625 541.7 666.7 541.7 708.3H416.7C416.7 638.8 416.7 580 444.6 538.3 472.1 496.7 527.9 472.1 562.5 444.6 663.3 351.2 638.3 219.2 500 208.3A125 125 0 0 0 375 333.3H250A250 250 0 0 1 500 83.3Z", + "width": 1000 + }, + "search": [ + "help" + ] + }, + { + "uid": "090e74f1d6d9e8672793363a119342c8", + "css": "star-outline", + "code": 59468, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 641.3L343.3 735.8 384.6 557.5 246.3 437.5 428.7 422.1 500 253.7 571.3 422.1 753.8 437.5 615.4 557.5 656.7 735.8M916.7 385L617.1 359.6 500 83.3 382.9 359.6 83.3 385 310.4 582.1 242.5 875 500 719.6 757.5 875 689.2 582.1 916.7 385Z", + "width": 1000 + }, + "search": [ + "star-outline" + ] + }, + { + "uid": "3024b192dfbe078205b905abf5e4c56b", + "css": "star", + "code": 59488, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 719.6L757.5 875 689.2 582.1 916.7 385 617.1 359.2 500 83.3 382.9 359.2 83.3 385 310.4 582.1 242.5 875 500 719.6Z", + "width": 1000 + }, + "search": [ + "star" + ] + }, + { + "uid": "76ac689ecab8fb3e7584d014ffd2a4e2", + "css": "sitemap", + "code": 59469, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M375 83.3V333.3H458.3V458.3H208.3C162.1 458.3 125 495.4 125 541.7V666.7H41.7V916.7H291.7V666.7H208.3V541.7H458.3V666.7H375V916.7H625V666.7H541.7V541.7H791.7V666.7H708.3V916.7H958.3V666.7H875V541.7C875 495.4 837.9 458.3 791.7 458.3H541.7V333.3H625V83.3H375Z", + "width": 1000 + }, + "search": [ + "sitemap" + ] + }, + { + "uid": "b3e2d6075eaea48125b4595d0740cb6c", + "css": "plus", + "code": 59472, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 541.7H541.7V791.7H458.3V541.7H208.3V458.3H458.3V208.3H541.7V458.3H791.7V541.7Z", + "width": 1000 + }, + "search": [ + "plus" + ] + }, + { + "uid": "6802a2a08f89c94bc9336d328d7cb6f4", + "css": "minus", + "code": 59474, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 541.7H208.3V458.3H791.7V541.7Z", + "width": 1000 + }, + "search": [ + "minus" + ] + }, + { + "uid": "37bd9b9434b9ba58500d3254b72aae94", + "css": "mail", + "code": 59485, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 166.7H166.7A83.3 83.3 0 0 0 83.3 250V750A83.3 83.3 0 0 0 166.7 833.3H833.3A83.3 83.3 0 0 0 916.7 750V250A83.3 83.3 0 0 0 833.3 166.7M833.3 750H166.7V333.3L500 541.7 833.3 333.3V750M833.3 250L500 458.3 166.7 250V250H833.3V250Z", + "width": 1000 + }, + "search": [ + "email-outline" + ] + }, + { + "uid": "e4d6dcc63cc67762b2324d180aab0f52", + "css": "disk", + "code": 59484, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 583.3C453.8 583.3 416.7 545.8 416.7 500 416.7 453.8 453.8 416.7 500 416.7 546.3 416.7 583.3 453.8 583.3 500A83.3 83.3 0 0 1 500 583.3M500 166.7A333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3 333.3 333.3 0 0 0 833.3 500 333.3 333.3 0 0 0 500 166.7Z", + "width": 1000 + }, + "search": [ + "disk" + ] + }, + { + "uid": "9ee76d23e10e37d5c4a39fec91445c94", + "css": "code-braces", + "code": 59483, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M333.3 125A83.3 83.3 0 0 0 250 208.3V375A83.3 83.3 0 0 1 166.7 458.3H125V541.7H166.7A83.3 83.3 0 0 1 250 625V791.7A83.3 83.3 0 0 0 333.3 875H416.7V791.7H333.3V583.3A83.3 83.3 0 0 0 250 500 83.3 83.3 0 0 0 333.3 416.7V208.3H416.7V125M666.7 125A83.3 83.3 0 0 1 750 208.3V375A83.3 83.3 0 0 0 833.3 458.3H875V541.7H833.3A83.3 83.3 0 0 0 750 625V791.7A83.3 83.3 0 0 1 666.7 875H583.3V791.7H666.7V583.3A83.3 83.3 0 0 1 750 500 83.3 83.3 0 0 1 666.7 416.7V208.3H583.3V125H666.7Z", + "width": 1000 + }, + "search": [ + "code-braces" + ] + }, + { + "uid": "c3787a756d99f2e9eb958c0573a90afe", + "css": "code", + "code": 59489, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M608.3 691.7L800 500 608.3 308.3 666.7 250 916.7 500 666.7 750 608.3 691.7M391.7 691.7L200 500 391.7 308.3 333.3 250 83.3 500 333.3 750 391.7 691.7Z", + "width": 1000 + }, + "search": [ + "code-tags" + ] + }, + { + "uid": "01450c0d1a9c98cebdf6c84063b43f3a", + "css": "checkbox-marked", + "code": 59460, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 708.3L208.3 500 267.1 440.8 416.7 590.4 732.9 274.2 791.7 333.3M791.7 125H208.3C162.1 125 125 162.1 125 208.3V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3C875 162.1 837.5 125 791.7 125Z", + "width": 1000 + }, + "search": [ + "checkbox-marked" + ] + }, + { + "uid": "1a4bb66dee8acc9a829656665a36e339", + "css": "check", + "code": 59457, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 291.7L375 791.7 145.8 562.5 204.6 503.7 375 673.8 816.3 232.9 875 291.7Z", + "width": 1000 + }, + "search": [ + "check" + ] + }, + { + "uid": "d4eb253b87393661a6bb0d84edf343d5", + "css": "dividers", + "code": 59393, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M458.3 83.3H541.7V166.7H562.5A62.5 62.5 0 0 1 625 229.2V375L606.7 393.3 675 511.7C721.2 466.2 750 403.3 750 333.3H833.3C833.3 434.2 788.8 524.6 717.9 585.8L848.8 812.5 854.2 905 776.2 854.2 648.3 632.1C604.2 654.2 553.3 666.7 500 666.7 446.7 666.7 395.8 654.2 351.7 632.1L223.8 854.2 145.8 905 151.3 812.5 393.3 393.3 375 375V229.2A62.5 62.5 0 0 1 437.5 166.7H458.3V83.3M393.3 559.6C425.8 575 462.1 583.3 500 583.3 537.9 583.3 574.2 575 606.7 559.6L545.8 454.2H545.4C519.6 479.2 480.4 479.2 454.6 454.2H454.2L393.3 559.6M500 250A41.7 41.7 0 0 0 458.3 291.7 41.7 41.7 0 0 0 500 333.3 41.7 41.7 0 0 0 541.7 291.7 41.7 41.7 0 0 0 500 250Z", + "width": 1000 + }, + "search": [ + "dividers" + ] + }, + { + "uid": "539de8f1b724882316384084be16d523", + "css": "revert-replay", + "code": 59449, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 208.3V41.7L291.7 250 500 458.3V291.7A250 250 0 0 1 750 541.7 250 250 0 0 1 500 791.7 250 250 0 0 1 250 541.7H166.7A333.3 333.3 0 0 0 500 875 333.3 333.3 0 0 0 833.3 541.7 333.3 333.3 0 0 0 500 208.3Z", + "width": 1000 + }, + "search": [ + "revert" + ] + }, + { + "uid": "9fa299e43ac2df88490666723151a4f9", + "css": "revisions-history", + "code": 59395, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M458.3 291.7V504.6L654.6 620.8 687.5 567.5 520.8 468.8V291.7M520.8 83.3C373.8 83.3 246.3 163.3 177.9 282.1L83.3 187.5V458.3H354.2L239.6 343.8C290 238.8 395.8 166.7 520.8 166.7A312.5 312.5 0 0 1 833.3 479.2 312.5 312.5 0 0 1 520.8 791.7C384.6 791.7 269.6 704.6 226.7 583.3H139.2C185 751.3 337.9 875 520.8 875 739.2 875 916.7 697.9 916.7 479.2A395.8 395.8 0 0 0 520.8 83.3Z", + "width": 1000 + }, + "search": [ + "history" + ] } ] } \ No newline at end of file diff --git a/fonts/icons/fontello-codes.css b/fonts/icons/fontello-codes.css new file mode 100644 index 0000000..7b734e6 --- /dev/null +++ b/fonts/icons/fontello-codes.css @@ -0,0 +1,78 @@ + +.icon-pencil-add:before { content: '\e800'; } /* '' */ +.icon-dividers:before { content: '\e801'; } /* '' */ +.icon-file-xml:before { content: '\e802'; } /* '' */ +.icon-revisions-history: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-folder-image:before { content: '\e809'; } /* '' */ +.icon-file-export:before { content: '\e80a'; } /* '' */ +.icon-emo-grin:before { content: '\e80c'; } /* '' */ +.icon-emo-angry:before { content: '\e80d'; } /* '' */ +.icon-emo-cry:before { content: '\e80f'; } /* '' */ +.icon-emo-squint:before { content: '\e811'; } /* '' */ +.icon-emo-laugh:before { content: '\e812'; } /* '' */ +.icon-emo-wink2:before { content: '\e813'; } /* '' */ +.icon-cog-alt:before { content: '\e818'; } /* '' */ +.icon-left-thick:before { content: '\e82c'; } /* '' */ +.icon-right-small:before { content: '\e82d'; } /* '' */ +.icon-right-thick:before { content: '\e82e'; } /* '' */ +.icon-up-small:before { content: '\e82f'; } /* '' */ +.icon-up-bold:before { content: '\e830'; } /* '' */ +.icon-up-thick:before { content: '\e831'; } /* '' */ +.icon-attachment:before { content: '\e832'; } /* '' */ +.icon-user:before { content: '\e833'; } /* '' */ +.icon-down-small:before { content: '\e834'; } /* '' */ +.icon-down-thick:before { content: '\e835'; } /* '' */ +.icon-left-small:before { content: '\e836'; } /* '' */ +.icon-left-bold:before { content: '\e837'; } /* '' */ +.icon-file-pdf:before { content: '\e838'; } /* '' */ +.icon-revert-replay:before { content: '\e839'; } /* '' */ +.icon-bell:before { content: '\e83a'; } /* '' */ +.icon-bookmark-empty:before { content: '\e83b'; } /* '' */ +.icon-help:before { content: '\e83c'; } /* '' */ +.icon-file-new:before { content: '\e83d'; } /* '' */ +.icon-file:before { content: '\e83e'; } /* '' */ +.icon-book-open:before { content: '\e83f'; } /* '' */ +.icon-pencil:before { content: '\e840'; } /* '' */ +.icon-check:before { content: '\e841'; } /* '' */ +.icon-home:before { content: '\e842'; } /* '' */ +.icon-link:before { content: '\e843'; } /* '' */ +.icon-checkbox-marked:before { content: '\e844'; } /* '' */ +.icon-login:before { content: '\e845'; } /* '' */ +.icon-down-open-big:before { content: '\e846'; } /* '' */ +.icon-logout:before { content: '\e847'; } /* '' */ +.icon-up-open-big:before { content: '\e848'; } /* '' */ +.icon-files:before { content: '\e849'; } /* '' */ +.icon-file-text:before { content: '\e84a'; } /* '' */ +.icon-frown:before { content: '\e84b'; } /* '' */ +.icon-star-outline:before { content: '\e84c'; } /* '' */ +.icon-sitemap:before { content: '\e84d'; } /* '' */ +.icon-cog:before { content: '\e84e'; } /* '' */ +.icon-puzzle:before { content: '\e84f'; } /* '' */ +.icon-plus:before { content: '\e850'; } /* '' */ +.icon-pencil-1:before { content: '\e851'; } /* '' */ +.icon-minus:before { content: '\e852'; } /* '' */ +.icon-up:before { content: '\e853'; } /* '' */ +.icon-menu:before { content: '\e854'; } /* '' */ +.icon-search:before { content: '\e855'; } /* '' */ +.icon-clipboard-empty:before { content: '\e856'; } /* '' */ +.icon-clipboard:before { content: '\e857'; } /* '' */ +.icon-clock:before { content: '\e858'; } /* '' */ +.icon-down:before { content: '\e859'; } /* '' */ +.icon-cloud:before { content: '\e85a'; } /* '' */ +.icon-code-braces:before { content: '\e85b'; } /* '' */ +.icon-disk:before { content: '\e85c'; } /* '' */ +.icon-mail:before { content: '\e85d'; } /* '' */ +.icon-smile:before { content: '\e85e'; } /* '' */ +.icon-meh:before { content: '\e85f'; } /* '' */ +.icon-star:before { content: '\e860'; } /* '' */ +.icon-code:before { content: '\e861'; } /* '' */ +.icon-user-circle:before { content: '\e86c'; } /* '' */ +.icon-comment-question:before { content: '\e880'; } /* '' */ +.icon-jira:before { content: '\e881'; } /* '' */ +.icon-right-bold:before { content: '\e882'; } /* '' */ +.icon-down-bold:before { content: '\e883'; } /* '' */ \ No newline at end of file diff --git a/fonts/icons/fontello-no-materialdesign.zip b/fonts/icons/fontello-no-materialdesign.zip new file mode 100644 index 0000000..f3f2420 Binary files /dev/null and b/fonts/icons/fontello-no-materialdesign.zip differ diff --git a/fonts/icons/fontello.eot b/fonts/icons/fontello.eot index 8dfe134..f484f83 100755 Binary files a/fonts/icons/fontello.eot and b/fonts/icons/fontello.eot differ diff --git a/fonts/icons/fontello.svg b/fonts/icons/fontello.svg index 3e73627..6f5d835 100755 --- a/fonts/icons/fontello.svg +++ b/fonts/icons/fontello.svg @@ -6,13 +6,13 @@ - + - + - + - + @@ -24,97 +24,141 @@ - + - - - + - - - - - - - - - - - - - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/icons/fontello.ttf b/fonts/icons/fontello.ttf index ca8ea38..8c27493 100755 Binary files a/fonts/icons/fontello.ttf and b/fonts/icons/fontello.ttf differ diff --git a/fonts/icons/fontello.woff b/fonts/icons/fontello.woff index 0994c58..b51cc09 100755 Binary files a/fonts/icons/fontello.woff and b/fonts/icons/fontello.woff differ diff --git a/fonts/icons/fontello.woff2 b/fonts/icons/fontello.woff2 index 1ef8549..89dcf2e 100755 Binary files a/fonts/icons/fontello.woff2 and b/fonts/icons/fontello.woff2 differ diff --git a/fonts/icons/fontello.zip b/fonts/icons/fontello.zip index f3f2420..7f737b2 100644 Binary files a/fonts/icons/fontello.zip and b/fonts/icons/fontello.zip differ diff --git a/images/tools/00-default_checkbox-blank-circle-outline.svg b/images/tools/00-default_checkbox-blank-circle-outline.svg new file mode 100644 index 0000000..22f76f2 --- /dev/null +++ b/images/tools/00-default_checkbox-blank-circle-outline.svg @@ -0,0 +1 @@ + diff --git a/images/tools/01-edit_pencil.svg b/images/tools/01-edit_pencil.svg new file mode 100644 index 0000000..31cb7be --- /dev/null +++ b/images/tools/01-edit_pencil.svg @@ -0,0 +1 @@ + diff --git a/images/tools/02-create_pencil.svg b/images/tools/02-create_pencil.svg new file mode 100644 index 0000000..eddb11a --- /dev/null +++ b/images/tools/02-create_pencil.svg @@ -0,0 +1 @@ + diff --git a/images/tools/03-draft_android-studio.svg b/images/tools/03-draft_android-studio.svg new file mode 100644 index 0000000..c270f1a --- /dev/null +++ b/images/tools/03-draft_android-studio.svg @@ -0,0 +1 @@ + diff --git a/images/tools/04-show_file-document.svg b/images/tools/04-show_file-document.svg new file mode 100644 index 0000000..b6de9db --- /dev/null +++ b/images/tools/04-show_file-document.svg @@ -0,0 +1 @@ + diff --git a/images/tools/05-source_file-xml.svg b/images/tools/05-source_file-xml.svg new file mode 100644 index 0000000..f6e5848 --- /dev/null +++ b/images/tools/05-source_file-xml.svg @@ -0,0 +1 @@ + diff --git a/images/tools/06-revert_replay.svg b/images/tools/06-revert_replay.svg new file mode 100644 index 0000000..21c93de --- /dev/null +++ b/images/tools/06-revert_replay.svg @@ -0,0 +1 @@ + diff --git a/images/tools/07-revisions_history.svg b/images/tools/07-revisions_history.svg new file mode 100644 index 0000000..75b8d13 --- /dev/null +++ b/images/tools/07-revisions_history.svg @@ -0,0 +1 @@ + diff --git a/images/tools/08-backlink_link-variant.svg b/images/tools/08-backlink_link-variant.svg new file mode 100644 index 0000000..4b665bd --- /dev/null +++ b/images/tools/08-backlink_link-variant.svg @@ -0,0 +1 @@ + diff --git a/images/tools/09-subscribe_email-outline.svg b/images/tools/09-subscribe_email-outline.svg new file mode 100644 index 0000000..27d9515 --- /dev/null +++ b/images/tools/09-subscribe_email-outline.svg @@ -0,0 +1 @@ + diff --git a/images/tools/10-top_arrow-up.svg b/images/tools/10-top_arrow-up.svg new file mode 100644 index 0000000..50967f7 --- /dev/null +++ b/images/tools/10-top_arrow-up.svg @@ -0,0 +1 @@ + diff --git a/images/tools/11-mediamanager_folder-image.svg b/images/tools/11-mediamanager_folder-image.svg new file mode 100644 index 0000000..8602b4c --- /dev/null +++ b/images/tools/11-mediamanager_folder-image.svg @@ -0,0 +1 @@ + diff --git a/images/tools/12-back_arrow-left.svg b/images/tools/12-back_arrow-left.svg new file mode 100644 index 0000000..c0cf75b --- /dev/null +++ b/images/tools/12-back_arrow-left.svg @@ -0,0 +1 @@ + diff --git a/images/tools/40-pdf-file.svg b/images/tools/40-pdf-file.svg new file mode 100644 index 0000000..0c0b1d5 --- /dev/null +++ b/images/tools/40-pdf-file.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/tools/41-format-paint.svg b/images/tools/41-format-paint.svg new file mode 100644 index 0000000..a87f0b2 --- /dev/null +++ b/images/tools/41-format-paint.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/tools/43-file-delimeted.svg b/images/tools/43-file-delimeted.svg new file mode 100644 index 0000000..f4a984a --- /dev/null +++ b/images/tools/43-file-delimeted.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/down.svg b/img/down.svg new file mode 100644 index 0000000..50b8625 --- /dev/null +++ b/img/down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/file-export.svg b/img/file-export.svg new file mode 100644 index 0000000..d1a3f2d --- /dev/null +++ b/img/file-export.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/up.svg b/img/up.svg new file mode 100644 index 0000000..5fb8642 --- /dev/null +++ b/img/up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/lang/de/lang.php b/lang/de/lang.php index a45586b..2de4372 100755 --- a/lang/de/lang.php +++ b/lang/de/lang.php @@ -1,16 +1,19 @@ - +
+ +

+ +
+ + + +
+
+ +

+ +

- -
+
@@ -219,7 +243,7 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
- < > +
diff --git a/style.ini b/style.ini index d29dc7e..1fd8b20 100755 --- a/style.ini +++ b/style.ini @@ -53,8 +53,7 @@ css/base.less = all css/base_mixins.less = all -css/base_fontello-codes.less = all -css/base_fonts.less = all +css/base_fontello-icons.less = all css/base_structure.less = all css/base_design.less = all @@ -77,6 +76,9 @@ css/area_main-sidebar-content.less = all css/area_main-content.less = all css/area_main-content-secedit.less = all css/area_togglelink.less = all +css/area_forms.less = all +css/area_search.less = all +css/area_tabs.less = all css/template_admin.less = all @@ -93,8 +95,12 @@ css/plugins/highlight_parent.less = all css/plugins/edit.less = all css/plugins/mediamanager.less = all css/plugins/tabinclude.less = all +css/plugins/tagging.less = all css/plugins/include.less = all css/plugins/edittable.less = all +css/plugins/extension__manager.less = all +css/plugins/folded.less = all +css/plugins/configmanager.less = all ; _____________ print styles _____________ @@ -112,66 +118,72 @@ css/print.css = print [replacements] -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; guaranteed dokuwiki color placeholders that every plugin can use -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; guaranteed dokuwiki color placeholders that every plugin can use + template specific placeholders +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; main content width (from this ASIDE is calculated) +__site_width__ = "73%" ; @ini_site_width -; 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__ = "#f6f6f6" ; @ini_background_alt +__background__ = "#ECECEC" ; @ini_background (guaranteed for every plugin) -; neutral text and background colors -__text_neu__ = "#656565" ; @ini_text_neu -__background_neu__ = "#ffffff" ; @ini_background_neu +__text_webframe__ = "#696969" ; @ini_text_webframe + + +; icons: usertools, pagetools, metabox, tabbox +__nav_menu_color__ = "#696969" ; @ini_nav_menu_color +__nav_menu_hover_color__ = "#286da8" ; @ini_nav_menu_hover_color +__nav_menu_hover_bg__ = "#FFF" ; @ini_nav_menu_hover_bg + +__background_content__ = "#FFF" ; @ini_background_content +__text__ = "#252525" ; @ini_text (guaranteed for every plugin) + +__background_neu__ = "#ffffff" ; @ini_background_neu (guaranteed for every plugin) +__text_neu__ = "#656565" ; @ini_text_neu (guaranteed for every plugin) + +__background_page_header__ = "#F6F6F6" ; @ini_background_page_header +__border_light__ = "#dadada" ; @ini_border_light +__background_page_footer__ = "#252525" ; @ini_background_page_footer -; border color -__border__ = "#bbbbbb" ; @ini_border ; highlighted text (e.g. search snippets) -__highlight__ = "#efefef" ; @ini_highlight +__highlight__ = "#efefef" ; @ini_highlight (guaranteed for every plugin) +__highlight_text__ = "#252525" ; @ini_highlight_text - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; template specific placeholders -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - ; these are used for links -__link__ = "#286DA8" ; @ini_link -__existing__ = "#286DA8" ; @ini_existing -__missing__ = "#CD5360" ; @ini_missing +__existing__ = "#286DA8" ; @ini_existing +__missing__ = "#CD5360" ; @ini_missing +__link__ = "#286DA8" ; @ini_link -__button_color__ = "#FFF" -__button_background__ = "#286DA8" -; widths -__site_width__ = "64em" ; @ini_site_width -__sidebar_width__ = "16em" ; @ini_sidebar_width +; buttons: submit, links styled like buttons, togglebuttons +__button_color__ = "#FFF" ; @ini_button_color +__button_background__ = "#286DA8" ; @ini_button_background -__font_family_screen__ = "arial, sans-serif" -__font_family_menu__ = "arial, sans-serif" -__font_family_print__ = "'times new roman', serif" +__background_alt__ = "#f6f6f6" ; @ini_background_alt (guaranteed for every plugin) +__text_alt__ = "#454545" ; @ini_text_alt (guaranteed for every plugin) -__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_right_bottom__ = "0.1em 0.3rem 0.5em rgb(153,153,153,.5)" -__box_shadow_bottom__ = "0 0.1em 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" +; border color +__border__ = "#bbbbbb" ; @ini_border (guaranteed for every plugin) -__default_border_radius__ = "3px" +__default_border_radius__ = "3px" ; @ini_default_border_radius -__background_page-header__ = "#F6F6F6" -__border_light__ = "#dadada" +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; obsolete + +;__sidebar_width__ = "23%" + +;__font_family_screen__ = "arial, sans-serif" +;__font_family_menu__ = "arial, sans-serif" +;__font_family_print__ = "times new roman, serif" + +;__box_shadow_colored__ = "0 0 .5em rgba(40,109,168,.5)" +;__box_shadow__ = "0 0 .5em rgb(153,153,153,.5)" +;__box_shadow_right_bottom__ = "0.1em 0.3rem 0.5em rgb(153,153,153,.5)" +;__box_shadow_bottom__ = "0 0.1em 0.5em rgb(153,153,153,.5)" +;__box_shadow_offset__ = ".1em .1em .1em rgb(153,153,153,.5)" diff --git a/tpl.php b/tpl.php new file mode 100644 index 0000000..98a8663 --- /dev/null +++ b/tpl.php @@ -0,0 +1,100 @@ + '00-default_checkbox-blank-circle-outline.svg', + 'edit' => '01-edit_pencil.svg', + 'create' => '02-create_pencil.svg', + 'draft' => '03-draft_android-studio.svg', + 'show' => '04-show_file-document.svg', + 'source' => '05-source_file-xml.svg', + 'revert' => '06-revert_replay.svg', + 'revs' => '07-revisions_history.svg', + 'backlink' => '08-backlink_link-variant.svg', + 'subscribe' => '09-subscribe_email-outline.svg', + 'top' => '10-top_arrow-up.svg', + 'mediaManager' => '11-mediamanager_folder-image.svg', + 'img_backto' => '12-back_arrow-left.svg', + ); + +/** + * Return the HTML for one of the default actions + * + * Reimplements parts of tpl_actionlink + * + * @param string $action + * @return string + */ + static public function pageToolAction($action) { + $data = tpl_get_action($action); + if(!is_array($data)) return ''; + global $lang; + + if($data['id'][0] == '#') { + $linktarget = $data['id']; + } else { + $linktarget = wl($data['id'], $data['params'], false, '&'); + } + $caption = $lang['btn_' . $data['type']]; + if(strpos($caption, '%s')) { + $caption = sprintf($caption, $data['replacement']); + } + + $svg = __DIR__ . '/images/tools/' . self::$icons[$data['type']]; + + return self::pageToolItem( + $linktarget, + $caption, + $svg, + array('accesskey' => $data['accesskey']) + ); + } + +/** + * Return the HTML for a page action + * + * Plugins may use this in TEMPLATE_PAGETOOLS_DISPLAY + * + * @param string $link The link + * @param string $caption The label of the action + * @param string $svg The icon to show + * @param string[] $args HTML attributes for the item + * @return string + */ + static public function pageToolItem($link, $caption, $svg, $args = array()) { + if(blank($args['title'])) { + $args['title'] = $caption; + } + + if(!blank($args['accesskey'])) { + $args['title'] .= ' [' . strtoupper($args['accesskey']) . ']'; + } + + if(blank($args['rel'])) { + $args['rel'] = 'nofollow'; + } + + $args['href'] = $link; + + $svg = inlineSVG($svg); + if(!$svg) $svg = inlineSVG(__DIR__ . '/images/tools/' . self::$icons['default']); + + $attributes = buildAttributes($args, true); + + $out = ""; + $out .= '' . hsc($caption) . ''; + $out .= $svg; + $out .= ''; + + return $out; + } +} diff --git a/tpl/main-sidebar-logo.php b/tpl/main-sidebar-logo.php index 6987875..4766e21 100755 --- a/tpl/main-sidebar-logo.php +++ b/tpl/main-sidebar-logo.php @@ -3,7 +3,7 @@ if(!defined('DOKU_INC')) die(); echo '
'; echo ''; -echo inlineSVG(__DIR__ . '/../img/menu.svg'); +//echo inlineSVG(__DIR__ . '/../img/menu.svg'); echo ''.tpl_getLang('a11y_sidebartoggle').''; echo ''; echo '
'; diff --git a/tpl/nav-page-tools.php b/tpl/nav-page-tools.php index fbf4f0c..f57d335 100755 --- a/tpl/nav-page-tools.php +++ b/tpl/nav-page-tools.php @@ -7,16 +7,87 @@
-
    - tpl_action('edit', 1, 'li', 1), - 'revisions' => tpl_action('revisions', 1, 'li', 1), - 'backlink' => tpl_action('backlink', 1, 'li', 1), - 'subscribe' => tpl_action('subscribe', 1, 'li', 1), - 'revert' => tpl_action('revert', 1, 'li', 1), - 'top' => tpl_action('top', 1, 'li', 1), - )); ?> -
+
    + 'main-svg', + 'items' => array( + 'edit' => dokuwiki\template\sprintdoc\tpl::pageToolAction('edit'), + 'revert' => dokuwiki\template\sprintdoc\tpl::pageToolAction('revert'), + 'revisions' => dokuwiki\template\sprintdoc\tpl::pageToolAction('revisions'), + 'backlink' => dokuwiki\template\sprintdoc\tpl::pageToolAction('backlink'), + 'subscribe' => dokuwiki\template\sprintdoc\tpl::pageToolAction('subscribe'), + 'top' => dokuwiki\template\sprintdoc\tpl::pageToolAction('top'), + ) + ); + + + foreach ($data['items'] as $k => $html) { + if ($html) { + echo "
  • $html
    • "; + } + } + + /** + * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + * Begin shims as a temporary solution until the svg-approach is mainlined and the plugins have adapted + * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + */ + global $ACT; + if (act_clean($ACT) === 'show') { + /** @var action_plugin_move_rename $move */ + $move = plugin_load('action', 'move_rename'); + if ($move && $move->getConf('pagetools_integration')) { + $attr = array( + 'style' => 'background-image: none;', + ); + $item = \dokuwiki\template\sprintdoc\tpl::pageToolItem('', $move->getLang('renamepage'), __DIR__ . '/../images/tools/41-format-paint.svg', $attr); + echo '
  • ' . $item . '
    • '; + } + + /** @var action_plugin_odt_export $odt */ + $odt = plugin_load('action', 'odt_export'); + if ($odt && $odt->getConf('showexportbutton')) { + global $ID, $REV; + $params = array('do' => 'export_odt'); + if ($REV) { + $params['rev'] = $REV; + } + $attr = array( + 'class' => 'action export_pdf', + 'style' => 'background-image: none;', + ); + $svg = __DIR__ . '/../images/tools/43-file-delimeted.svg'; + $item = \dokuwiki\template\sprintdoc\tpl::pageToolItem(wl($ID, $params, false, '&'), $odt->getLang('export_odt_button'), $svg, $attr); + echo '
  • ' . $item . '
    • '; + } + + /** @var action_plugin_dw2pdf $dw2pdf */ + $dw2pdf = plugin_load('action', 'dw2pdf'); + if ($dw2pdf && $dw2pdf->getConf('showexportbutton')) { + global $ID, $REV; + + $params = array('do' => 'export_pdf'); + if ($REV) { + $params['rev'] = $REV; + } + $attr = array( + 'class' => 'action export_pdf', + 'style' => 'background-image: none;', + ); + $svg = __DIR__ . '/../images/tools/40-pdf-file.svg'; + $item = \dokuwiki\template\sprintdoc\tpl::pageToolItem(wl($ID, $params, false, '&'), $dw2pdf->getLang('export_pdf_button'), $svg, $attr); + echo '
  • ' . $item . '
    • '; + } + } + /** + * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + * End of shims + * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + */ + + ?> +
diff --git a/tpl/nav-usertools-buttons.php b/tpl/nav-usertools-buttons.php index 54fdfb7..1caff4c 100755 --- a/tpl/nav-usertools-buttons.php +++ b/tpl/nav-usertools-buttons.php @@ -3,52 +3,53 @@ if ($conf['useacl'] && $showTools): ?> -