EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

font-size des root reduziert, damit default font size 1rem entspricht

Browse source
This commit is contained in:
Jana Deutschländer 2017-01-11 14:40:43 +01:00
commit fda6466f1a
25 changed files with 1279 additions and 1245 deletions
Download patch file Download diff file Expand all files Collapse all files

22
css/area_content.less
View file

@ -35,27 +35,26 @@
} }
.structaggregation{ .structaggregation{
font-size: .88rem;
td, th{ td, th{
font-size: .88rem;
line-height: 125%; line-height: 125%;
a{ a{
font-size: .88rem;
line-height: 125%; line-height: 125%;
} }
} }
> a.export{ > a.export{
font-size: .88rem;
line-height: 135%; line-height: 135%;
padding-top: .5em; padding-top: .5em;
} }
~ ul li .li{ ~ ul li .li{
font-size: .88rem;
} }
} }
.dokuwiki .structaggregation a.export{ .dokuwiki .structaggregation a.export{
padding-top: .3em; padding-top: .3em;
font-size: .88rem;
} }
.main-content > .level2, .main-content > .level2,
@ -64,13 +63,20 @@
.main-content > .level4, .main-content > .level4,
.main-content > .level5, .main-content > .level5,
.main-content > .level6{ .main-content > .level6{
font-size: .88rem;
padding-bottom: 1rem; padding-bottom: 1rem;
> p, > ul > li .li{ > p, > ul > li .li{
font-size: .88rem;
a{ a{
font-size: inherit; font-size: inherit;
} }
} }
} }
.level1, .level2, .level3, .level4, .level5, .level6{
line-height: 125%;
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, th, td, textarea{
line-height: 125%;
}
}

5
css/area_footer.less
View file

@ -22,9 +22,12 @@
} }
#dokuwiki__footer { #dokuwiki__footer {
.main-footer { .main-footer {
position: relative; position: relative;
z-index: 10;
box-sizing: border-box; box-sizing: border-box;
background-color: @color-site-bg;
} }
p { p {
@ -67,7 +70,7 @@
&.showSidebar{ &.showSidebar{
#dokuwiki__footer { #dokuwiki__footer {
.col-xs-12 { .col-xs-12 {
margin-left: 2.5rem; margin-left: @margin-big;
} }
} }
} }

24
css/area_main-sidebar.less
View file

@ -12,9 +12,9 @@
/* + + + + + nav main + + + + + */ /* + + + + + nav main + + + + + */
.nav-main { .nav-main {
> ul { > ul {
@icon-size: 2rem; @icon-size: @margin-default;
margin: 0 0 1.8rem; margin: 0 0 @margin-default;
padding: 0; padding: 0;
ul { ul {
@ -72,7 +72,7 @@
position: relative; position: relative;
z-index: 1; z-index: 1;
margin-top: -1px; margin-top: -1px;
padding: .5em 0 .5em (@icon-size + 1); padding: .5em 0 .5em (@margin-big + 1);
&[class="li"] { &[class="li"] {
border-bottom: solid 1px @color-border; border-bottom: solid 1px @color-border;
@ -88,7 +88,7 @@
top: 0; top: 0;
left: 0; left: 0;
height: 100%; height: 100%;
width: 2.5rem; width: @margin-big;
overflow: hidden; overflow: hidden;
color: @color-nav; color: @color-nav;
text-align: center; text-align: center;
@ -102,7 +102,7 @@
top: 15%; top: 15%;
bottom: 15%; bottom: 15%;
width: 1px; width: 1px;
left: (@icon-size + .5); left: (@margin-big + .5);
background-color: @color-border; background-color: @color-border;
} }
@ -121,7 +121,7 @@
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 2px; border-radius: 2px;
margin-bottom: -.3rem; margin-bottom: -.3rem;
padding: .6em 0 .6em (@icon-size + 1); padding: .7em 0 .7em (@margin-big + 1);
transition: @transition color, @transition background-color, @transition border-color; transition: @transition color, @transition background-color, @transition border-color;
&::before { &::before {
@ -135,7 +135,7 @@
bottom: 1px; bottom: 1px;
left: 0; left: 0;
height: 100%; height: 100%;
width: 2.5rem; width: @margin-big;
overflow: hidden; overflow: hidden;
color: @color-nav; color: @color-nav;
text-align: center; text-align: center;
@ -150,7 +150,7 @@
top: 15%; top: 15%;
bottom: 15%; bottom: 15%;
width: 1px; width: 1px;
left: (@icon-size + .5); left: @margin-big;
background-color: @color-border; background-color: @color-border;
transition: @transition background-color; transition: @transition background-color;
} }
@ -235,7 +235,7 @@
#dokuwiki__aside.main-sidebar { #dokuwiki__aside.main-sidebar {
.nav-main { .nav-main {
.li { .li {
font-size: .8rem; font-size: @font-size-default;
padding: .1em 0; padding: .1em 0;
* { * {
@ -245,7 +245,7 @@
} }
> ul > li > .li { > ul > li > .li {
font-size: .9rem; font-size: @font-size-default;
* { * {
font-size: inherit; font-size: inherit;
@ -263,7 +263,7 @@
#dokuwiki__aside.main-sidebar { #dokuwiki__aside.main-sidebar {
.nav-main { .nav-main {
.li { .li {
font-size: .9rem; font-size: @font-size-default;
padding: .15em 0 .15em .25rem; padding: .15em 0 .15em .25rem;
* { * {
@ -273,7 +273,7 @@
} }
> ul > li > .li { > ul > li > .li {
font-size: 1rem; font-size: @font-size-default;
> * { > * {
font-size: inherit; font-size: inherit;

2
css/area_msg.less
View file

@ -2,7 +2,7 @@
clear: both; clear: both;
padding-top: 1.6rem; padding-top: 1.6rem;
div{ div{
font-size: .88rem; //font-size: .88rem;
line-height: 135%; line-height: 135%;
} }
&:empty{ &:empty{

14
css/area_nav-breadcrumb.less
View file

@ -7,14 +7,14 @@
.breadcrumbs { .breadcrumbs {
position: relative; position: relative;
border-bottom: 1px solid @color-border; border-bottom: 1px solid @color-border;
padding: .8rem 1.8rem .4rem; padding: .8rem @margin-default @very-small-spacing;
> p { > p {
font-size: .83rem; font-size: @font-size-small;
margin: 0; margin: 0;
* { * {
font-size: .83rem; font-size: @font-size-small;
} }
.bchead { .bchead {
@ -38,7 +38,7 @@
transition: @transition border-color; transition: @transition border-color;
&:before { &:before {
font-size: 1rem; font-size: @font-size-default + (@font-scale-factor*2);
margin-top: .17rem; margin-top: .17rem;
} }
@ -140,11 +140,11 @@
#plugin__qc__out{ #plugin__qc__out{
h1{ h1{
font-size: 1.2rem; font-size: @font-size-head3;
} }
h2{ h2{
margin-top: 1.6em; margin-top: 1.6em;
font-size: .93rem; font-size: @font-size-head5;
} }
> h1, > h2, > p, >dl, >div{ > h1, > h2, > p, >dl, >div{
padding-left: 1rem; padding-left: 1rem;
@ -172,7 +172,7 @@
.icon-emo-happy(); .icon-emo-happy();
width: 100%; width: 100%;
font-size: .9rem; font-size: @font-size-default;
&::before { &::before {
width: 100%; width: 100%;

33
css/area_nav-metabox.less
View file

@ -9,7 +9,6 @@
} }
ul.meta-tabs { ul.meta-tabs {
border-bottom: 1px solid @color-border;
background-color: @background_page-header; background-color: @background_page-header;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -26,21 +25,22 @@
} }
} }
> li { > li {
margin: 0 -1px -1px; margin: 1px -1px -1px;
position: relative; position: relative;
display: inline-block; display: inline-block;
> a { > a {
font-size: .78rem;
margin-left: 4px; margin-left: 4px;
line-height: 1.42857143; line-height: 1.42857143;
position: relative; position: relative;
display: block; display: block;
padding: .56em 2em; padding: .38em 2em .12em;
border: 1px solid @color-border; border: 1px solid @color-border;
border-bottom: 0 none;
background-color: @color-site-bg; background-color: @color-site-bg;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
color: @color-nav; color: @color-nav;
cursor: pointer; cursor: pointer;
text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color; transition: @transition color, @transition background-color, @transition border-color;
* { * {
@ -48,24 +48,12 @@
} }
.prefix { .prefix {
font-size: .78rem;
color: @color-nav; color: @color-nav;
position: relative; position: relative;
transition: @transition color; transition: @transition color;
font-size: @font-size-small;
} }
.num { .num {
position: absolute;
right: -.8rem;
top: -.4rem;
background-color: @color-border;
border-radius: 2px;
color: @color-nav;
font-size: .56rem;
font-weight: 400;
text-align: center;
line-height: 1;
padding: .2em .2rem .1em;
transition: @transition color, @transition background-color;
} }
&:hover, &:hover,
@ -90,8 +78,7 @@
cursor: default; cursor: default;
tab-index: -1; tab-index: -1;
color: #555; color: #555;
background-color: @background_page-header; background-color: #fff;
border-color: transparent;
} }
} }
} }
@ -108,6 +95,10 @@
} }
> div { > div {
padding: .8rem .5rem .5rem; padding: .8rem .5rem .5rem;
font-size: @font-size-small;
*{
font-size: inherit;
}
p{ p{
padding-left: 1em; padding-left: 1em;
} }
@ -134,10 +125,10 @@
padding: 0; padding: 0;
} }
> div ul.toc { > div ul.toc {
font-size: .78rem; font-size: @font-size-small;
padding-left: .5em; padding-left: .5em;
a { a {
font-size: .78rem; font-size: @font-size-small;
display: inline-block; display: inline-block;
padding-left: 10px; padding-left: 10px;
position: relative; position: relative;

18
css/area_nav-pagetools.less
View file

@ -22,16 +22,14 @@
nav#dokuwiki__pagetools{ nav#dokuwiki__pagetools{
right: -2rem; right: -(@margin-default);
top: 3.05rem; top: 3.05rem;
z-index: 100; z-index: 100;
ul { ul {
li { li {
&:nth-child(3n+3){
margin-bottom: 1rem;
}
*{ *{
font-size: .8rem; font-size: @font-size-default;
} }
&.plugin_move_page{ &.plugin_move_page{
a{ a{
@ -42,7 +40,7 @@ nav#dokuwiki__pagetools{
} }
background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9InJnYigxMDUsMTA1LDEwNSkiIGQ9Ik05NDYuNCAyMTQuM3EyMi40IDAgMzggMTUuNnQxNS42IDM4djY3OC41cTAgMjIuMyAtMTUuNiAzOHQtMzggMTUuNkg0MTAuN3EtMjIuMyAwIC0zNy45IC0xNS42dC0xNS43IC0zOFY3ODUuN0g1My42cS0yMi40IDAgLTM4IC0xNS42VDAgNzMyLjF2LTM3NVEwIDMzNC44IDExLjIgMzA4dDI2LjcgLTQyLjRMMjY1LjYgMzcuOVEyODEuMyAyMi4zIDMwOCAxMS4yVDM1Ny4xIDBoMjMyLjJxMjIuMyAwIDM3LjkgMTUuNnQxNS43IDM4djE4M3EzNy45IC0yMi4zIDcxLjQgLTIyLjNoMjMyLjF6TTY0Mi45IDMzMy4xTDQ3NiA1MDBoMTY2LjlWMzMzLjF6TTI4NS43IDExOC45TDExOC45IDI4NS43aDE2Ni44VjExOC45em0xMDkuNCAzNjFMNTcxLjQgMzAzLjZWNzEuNEgzNTcuMXYyMzIuMnEwIDIyLjMgLTE1LjYgMzcuOXQtMzcuOSAxNS42SDcxLjR2MzU3LjJoMjg1LjdWNTcxLjRxMCAtMjIuMyAxMS4yIC00OS4xdDI2LjggLTQyLjR6bTUzMy41IDQ0OC43VjI4NS43SDcxNC4zdjIzMi4ycTAgMjIuMyAtMTUuNiAzNy45dC0zOCAxNS42SDQyOC42djM1Ny4yaDUwMHoiLz48L3N2Zz4=) 95% center no-repeat; background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9InJnYigxMDUsMTA1LDEwNSkiIGQ9Ik05NDYuNCAyMTQuM3EyMi40IDAgMzggMTUuNnQxNS42IDM4djY3OC41cTAgMjIuMyAtMTUuNiAzOHQtMzggMTUuNkg0MTAuN3EtMjIuMyAwIC0zNy45IC0xNS42dC0xNS43IC0zOFY3ODUuN0g1My42cS0yMi40IDAgLTM4IC0xNS42VDAgNzMyLjF2LTM3NVEwIDMzNC44IDExLjIgMzA4dDI2LjcgLTQyLjRMMjY1LjYgMzcuOVEyODEuMyAyMi4zIDMwOCAxMS4yVDM1Ny4xIDBoMjMyLjJxMjIuMyAwIDM3LjkgMTUuNnQxNS43IDM4djE4M3EzNy45IC0yMi4zIDcxLjQgLTIyLjNoMjMyLjF6TTY0Mi45IDMzMy4xTDQ3NiA1MDBoMTY2LjlWMzMzLjF6TTI4NS43IDExOC45TDExOC45IDI4NS43aDE2Ni44VjExOC45em0xMDkuNCAzNjFMNTcxLjQgMzAzLjZWNzEuNEgzNTcuMXYyMzIuMnEwIDIyLjMgLTE1LjYgMzcuOXQtMzcuOSAxNS42SDcxLjR2MzU3LjJoMjg1LjdWNTcxLjRxMCAtMjIuMyAxMS4yIC00OS4xdDI2LjggLTQyLjR6bTUzMy41IDQ0OC43VjI4NS43SDcxNC4zdjIzMi4ycTAgMjIuMyAtMTUuNiAzNy45dC0zOCAxNS42SDQyOC42djM1Ny4yaDUwMHoiLz48L3N2Zz4=) 95% center no-repeat;
background-size: 1rem auto; background-size: @font-size-head2 auto;
&:before{ &:before{
visibility: hidden; visibility: hidden;
} }
@ -65,7 +63,7 @@ nav#dokuwiki__pagetools{
} }
a{ a{
font-size: .8rem; font-size: @font-size-default;
&.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{ &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{
opacity: .6; opacity: .6;
color: @color-nav; color: @color-nav;
@ -73,7 +71,7 @@ nav#dokuwiki__pagetools{
color: @color-nav; color: @color-nav;
} }
background-position: 95% center; background-position: 95% center;
background-size: 1rem auto; background-size: @font-size-head2 auto;
&:before{ &:before{
visibility: hidden; visibility: hidden;
} }
@ -118,7 +116,7 @@ nav#dokuwiki__pagetools{
&.top{ &.top{
margin-top: 1em; margin-top: 1em;
position: relative; position: relative;
background-size: .9rem; background-size: @font-size-default;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+); background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{ &:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=);
@ -131,7 +129,7 @@ nav#dokuwiki__pagetools{
} }
} }
&.export_pdf{ &.export_pdf{
background-size: .9rem auto; background-size: @font-size-default auto;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+);
&:hover, &:focus, &:active{ &:hover, &:focus, &:active{
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=);

310
css/area_nav-usertools.less
View file

@ -1,155 +1,155 @@
/** /**
* This file provides the design styles for the direct / menu jump links. * This file provides the design styles for the direct / menu jump links.
* *
* @author Jana Deutschlaender <deutschlaender@cosmocode.de> * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.nav-usertools { .nav-usertools {
&.has-bar { &.has-bar {
margin-top: @height-context-bar; margin-top: @height-context-bar;
padding-top: .5em; padding-top: .5em;
} }
/* + + + + + icon list + + + + + */ /* + + + + + icon list + + + + + */
ul { ul {
float: right; float: right;
padding: 0; padding: 0;
margin: .2em -.2rem 0 0; margin: @very-small-spacing -(@very-small-spacing) 0 0;
li { li {
.btn-usertools-wrapper(); // uniform li .btn-usertools-wrapper(); // uniform li
.btn-usertools-num(); .btn-usertools-num();
float: right; float: right;
> strong, > strong,
> a { > a {
display: block; display: block;
width: auto; width: auto;
min-height: 2em; min-height: 2em;
border: 1px solid @color-border; border: 1px solid @color-border;
border-radius: @border-radius; border-radius: @border-radius;
color: @color-nav; color: @color-nav;
text-align: center; text-align: center;
margin: 0; margin: 0;
} }
&.noopentasks { &.noopentasks {
strong { strong {
background-color: @color-site-bg; background-color: @color-site-bg;
} }
.num { .num {
background-color: @color-border; background-color: @color-border;
color: @color-nav; color: @color-nav;
} }
} }
&.user { &.user {
border: 1px solid @color-border; border: 1px solid @color-border;
border-radius: @border-radius; border-radius: @border-radius;
padding: .3em .25rem; padding: .3em .25rem;
bdi { bdi {
color: @color-nav; color: @color-nav;
display: inline-block; display: inline-block;
padding-top: 1px; padding-top: 1px;
} }
> bdi:first-of-type { > bdi:first-of-type {
.fontello(); .fontello();
.icon-user(); .icon-user();
&::before { &::before {
float: left; float: left;
background: @color-nav; background: @color-nav;
border: 4px solid @color-nav; border: 4px solid @color-nav;
border-radius: 50%; border-radius: 50%;
color: #fff; color: #fff;
font-size: .6rem; font-size: @font-size-small;
margin: -2px 6px -2px 0; margin: -2px 6px -2px 0;
} }
} }
} // user } // user
&.user-task { &.user-task {
position: relative; position: relative;
a { a {
position: relative; position: relative;
overflow: visible; overflow: visible;
white-space: normal; white-space: normal;
text-indent: 0; text-indent: 0;
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
} }
} }
.prefix { .prefix {
.btn-prefix(); .btn-prefix();
.icon-clipboard(); .icon-clipboard();
} }
} // user-task } // user-task
} // li } // li
/* + + + icons + + + */ /* + + + icons + + + */
a { a {
.fontello(); .fontello();
.hide-text-show-before(); .hide-text-show-before();
cursor: pointer; cursor: pointer;
background-color: #fff; background-color: #fff;
text-decoration: none; text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color; transition: @transition color, @transition background-color, @transition border-color;
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
background-color: @button_color; background-color: @button_color;
border-color: @button_background; border-color: @button_background;
//-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); //-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); //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
color: @button_background; color: @button_background;
} }
&::before { &::before {
content: "?"; content: "?";
display: block; display: block;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
font-size: 1.4em; font-size: @font-size-default + (@font-scale-factor * 4);
cursor: pointer; cursor: pointer;
margin: .2em 0 0; margin: .2em 0 0;
} }
/* icon register new user */ /* icon register new user */
&.register { &.register {
.icon-user(); .icon-user();
} }
/* icon log-out */ /* icon log-out */
&.logout { &.logout {
.icon-logout(); .icon-logout();
} }
/* icon log-in */ /* icon log-in */
&.login { &.login {
.icon-login(); .icon-login();
} }
/* icon admin */ /* icon admin */
&.admin { &.admin {
.icon-cog(); .icon-cog();
&::before { &::before {
margin-top: .18rem; margin-top: .18rem;
} }
} }
} // a } // a
} // ul } // ul
} // nav-usertools } // nav-usertools

30
css/area_sidetools.less
View file

@ -6,13 +6,13 @@
.side-tools.main-sidebar { .side-tools.main-sidebar {
@icon-size: 2rem; @icon-size: @margin-default;
counter-increment: bar-counter; counter-increment: bar-counter;
ul, ul,
.trace { .trace {
padding-left: (@icon-size + .5); padding-left: (@margin-big + .5);
} }
ul { ul {
@ -45,7 +45,7 @@
> nav { > nav {
> ul { > ul {
margin: 0; margin: 0;
padding: 0 0 0 (@icon-size + .5); padding: 0 0 0 (@margin-big + .5);
li { li {
list-style-type: none; list-style-type: none;
@ -66,7 +66,7 @@
height: auto; height: auto;
color: @color-nav; color: @color-nav;
font-weight: normal; font-weight: normal;
padding: .5em 0 .5em (@icon-size + 1.1); padding: .7em 0 .7em (@margin-big + 1.1);
&[class="sr-only"] { &[class="sr-only"] {
border-bottom: solid 1px @color-border; border-bottom: solid 1px @color-border;
@ -88,7 +88,7 @@
top: 0; top: 0;
left: 0; left: 0;
height: 100%; height: 100%;
width: 2.5rem; width: @margin-big;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
margin-top: auto; margin-top: auto;
@ -103,7 +103,7 @@
top: 15%; top: 15%;
bottom: 15%; bottom: 15%;
width: 1px; width: 1px;
left: (@icon-size + .6); left: (@margin-big + .6);
background-color: @color-border; background-color: @color-border;
transition: @transition background-color; transition: @transition background-color;
} }
@ -130,7 +130,7 @@
display: block; display: block;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 2px; border-radius: 2px;
padding: .6em 0 .6em (@icon-size + 1); padding: .6em 0 .6em (@margin-big + 1);
transition: @transition color, @transition background-color, @transition border-color; transition: @transition color, @transition background-color, @transition border-color;
&::before { &::before {
@ -144,7 +144,7 @@
bottom: 1px; bottom: 1px;
left: 0; left: 0;
height: 100%; height: 100%;
width: 2.5rem; width: @margin-big;
overflow: hidden; overflow: hidden;
color: @color-nav; color: @color-nav;
text-align: center; text-align: center;
@ -159,7 +159,7 @@
top: 15%; top: 15%;
bottom: 15%; bottom: 15%;
width: 1px; width: 1px;
left: (@icon-size + .5); left: @margin-big;
background-color: @color-border; background-color: @color-border;
transition: @transition background-color; transition: @transition background-color;
} }
@ -244,7 +244,7 @@
background-color: @color-content-bg; background-color: @color-content-bg;
border: 1px solid @button_background; border: 1px solid @button_background;
border-radius: 2px; border-radius: 2px;
font-size: .8rem; font-size: @font-size-small;
margin-top: .1rem; margin-top: .1rem;
padding: .3rem .6em; padding: .3rem .6em;
@ -294,7 +294,7 @@
@media @screen_min-xlg { @media @screen_min-xlg {
.side-tools.main-sidebar { .side-tools.main-sidebar {
h6 { h6 {
font-size: .9rem; font-size: @font-size-default;
* { * {
font-size: inherit; font-size: inherit;
@ -302,7 +302,7 @@
} }
li { li {
font-size: .8rem; font-size: @font-size-small;
padding: .1em 0 .1em .1rem; padding: .1em 0 .1em .1rem;
> * { > * {
@ -319,11 +319,11 @@
@media @screen_max-xlg { @media @screen_max-xlg {
.side-tools.main-sidebar { .side-tools.main-sidebar {
h6 { h6 {
font-size: 1rem; font-size: @font-size-default;
} }
li { li {
font-size: .9rem; font-size: @font-size-small;
padding: .15em 0 .15em .23rem; padding: .15em 0 .15em .23rem;
> * { > * {
@ -332,7 +332,7 @@
} }
p { p {
font-size: .9rem; font-size: @font-size-small;
} }
} }
} }

4
css/area_togglelink.less
View file

@ -10,7 +10,7 @@
position: absolute; position: absolute;
top: -1px; top: -1px;
bottom: -1px; bottom: -1px;
left: -2rem; left: -(@margin-default);
z-index: 1; z-index: 1;
a { a {
@ -18,7 +18,7 @@
.flex-direction(); .flex-direction();
.justify-content(); .justify-content();
width: 2rem; width: (@margin-default);
height: 100%; height: 100%;
background-color: @button_background; background-color: @button_background;
border: solid 1px @button_background; border: solid 1px @button_background;

24
css/base.less
View file

@ -42,8 +42,11 @@
@height-context-bar: 50px; @height-context-bar: 50px;
@margin-small: 1rem; @margin-small: 1rem;
@margin-default: 1.5rem; @margin-default: 2rem;
@margin-big: 2.5rem; @margin-big: 3.07rem;
@small-spacing: .3rem;
@very-small-spacing: .2rem;
@grid: @margin-small; @grid: @margin-small;
@ -53,8 +56,9 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* fonts */ /* fonts */
@font-size-small: .75rem; @font-size-very-small: .73rem;
@font-size-default: .88rem; @font-size-small: .88rem;
@font-size-default: 1rem;
@font-size-big: 1.5rem; @font-size-big: 1.5rem;
@font-size-bigger: 1.75rem; @font-size-bigger: 1.75rem;
@ -62,6 +66,17 @@
@line-height-big: 135%; @line-height-big: 135%;
@line-height-bigger: 140%; @line-height-bigger: 140%;
@font-weight-bold: 800;
@font-weight-normal: 400;
@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);
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* breakpoints */ /* breakpoints */
@ -140,7 +155,6 @@
html, html,
body { body {
.reset(); .reset();
font-size: 100.1%; font-size: 100.1%;
} }

1303
css/base_design.less
View file

File diff suppressed because it is too large Load diff

14
css/base_mixins.less
View file

@ -148,12 +148,12 @@
min-width: @elem; min-width: @elem;
box-sizing: border-box; box-sizing: border-box;
color: @color-nav; color: @color-nav;
font-size: .8rem; font-size: @font-size-small;
padding: 0; padding: 0;
margin: 0 .2rem; margin: 0 @very-small-spacing;
* { * {
font-size: .8rem; font-size: @font-size-small;
} }
} }
@ -165,11 +165,11 @@
background-color: @button_background; background-color: @button_background;
border-radius: 2px; border-radius: 2px;
color: @button_color; color: @button_color;
font-size: .6rem; font-size: @font-size-very-small;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
line-height: 1; line-height: 1;
padding: .2em .2rem .1em; padding: @very-small-spacing @very-small-spacing .1em;
transition: @transition color, @transition background-color; transition: @transition color, @transition background-color;
} }
@ -190,8 +190,8 @@
.hide-text-show-before(); .hide-text-show-before();
color: inherit; color: inherit;
font-size: 1rem; font-size: @font-size-default;
margin-top: .2rem; margin-top: @very-small-spacing;
} }

17
css/base_structure.less
View file

@ -25,25 +25,34 @@
@media @screen_min-sm { @media @screen_min-sm {
.make-grid(sm); .make-grid(sm);
html {
font-size: 100%; //16px
}
} }
@media @screen_min-md { @media @screen_min-md {
.make-grid(md); .make-grid(md);
html {
font-size: 81.25%; //13px
}
} }
@media @screen_min-lg { @media @screen_min-lg {
.make-grid(lg); .make-grid(lg);
html {
font-size: 87.5%; //14px
}
} }
@media @screen_min-xlg { @media @screen_min-xlg {
html { html {
font-size: 120%; font-size: 93.75%; //15px
} }
} }
@media @screen_min-xxlg { @media @screen_min-xxlg {
html { html {
//font-size: 135%; font-size: 106.25%; //17px
} }
} }
@ -173,7 +182,7 @@
&.showSidebar{ &.showSidebar{
.content { .content {
.row > .col-xs-12 { .row > .col-xs-12 {
margin-left: 2.5rem; margin-left: @margin-big;
} }
} }
} }
@ -192,7 +201,7 @@
@media @screen_max-md { @media @screen_max-md {
.container { .container {
margin: 0 2.5rem 0 1.25rem; margin: 0 @margin-big 0 1.25rem;
} }
#dokuwiki__usertools { #dokuwiki__usertools {

258
css/plugins/bureaucracy.less
View file

@ -1,129 +1,129 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */ /* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.dokuwiki form.bureaucracy__plugin { .dokuwiki form.bureaucracy__plugin {
fieldset { fieldset {
width: 100%; width: 100%;
max-width: 800px; max-width: 800px;
box-sizing: border-box; box-sizing: border-box;
border: 0 none; border: 0 none;
text-align: center; text-align: center;
margin-left: 0; margin-left: 0;
margin-bottom: (@grid * 2); margin-bottom: (@grid * 2);
padding: @grid 0 0; padding: @grid 0 0;
> *:not(button) { > *:not(button) {
text-align: left; text-align: left;
} }
} }
legend { legend {
font-size: 1.12em; font-size: @font-size-small;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
} }
label { label {
clear: both; clear: both;
padding-top: (@grid / 2); padding-top: (@grid / 2);
&::after { &::after {
content: ''; content: '';
clear: both; clear: both;
} }
sup { sup {
float: right; float: right;
font-size: 1em; font-size: 1em;
} }
input, input,
select { select {
float: left; float: left;
width: 50%; width: 50%;
min-height: 2em; min-height: 2em;
text-align: left; text-align: left;
padding: .1em .2em; padding: .1em .2em;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
background-image: none; background-image: none;
} }
span { span {
float: left; float: left;
width: 50%; width: 50%;
text-align: right; text-align: right;
line-height: @line-height-default; line-height: @line-height-default;
padding-top: .2em; padding-top: .2em;
padding-right: @grid; padding-right: @grid;
&:not([class]) { &:not([class]) {
font-weight: bold; font-weight: bold;
margin-top: .5em; margin-top: .5em;
+ input, + input,
+ select { + select {
margin-top: .3em; margin-top: .3em;
} }
// checkboxes // checkboxes
+ input + input { + input + input {
margin-top: .3em; margin-top: .3em;
} }
} }
&.label { &.label {
text-align: right; text-align: right;
padding-top: .5em; padding-top: .5em;
} }
&.input { &.input {
width: 49%; width: 49%;
text-align: left; text-align: left;
padding-left: 0; padding-left: 0;
} }
} // span } // span
} // label } // label
button[type="submit"] { button[type="submit"] {
margin-top: (@grid * 2); margin-top: (@grid * 2);
} }
} }
#icke__page .content ul.autocompletion {} #icke__page .content ul.autocompletion {}
ul.autocompletion li {} ul.autocompletion li {}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */ /* min-width: 1440px */
@media @screen_min-xlg { @media @screen_min-xlg {
.dokuwiki form.bureaucracy__plugin { .dokuwiki form.bureaucracy__plugin {
p { p {
font-size: .9rem; font-size: @font-size-default;
} }
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1439px */ /* max-width: 1439px */
@media @screen_max-xlg { @media @screen_max-xlg {
.dokuwiki form.bureaucracy__plugin { .dokuwiki form.bureaucracy__plugin {
p, p,
label, label,
button[type="submit"] { button[type="submit"] {
font-size: 1rem; font-size: @font-size-default;
} }
} }
} }

298
css/plugins/magic-matcher.less
View file

@ -1,149 +1,149 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */ /* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + */
/* magic matcher bar with form on top of page */ /* magic matcher bar with form on top of page */
#dokuwiki_magic-matcher { #dokuwiki_magic-matcher {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
#mm__issueselect_chosen { #mm__issueselect_chosen {
max-width: 50%; max-width: 50%;
} }
button[name="toggleSuggestions"] { button[name="toggleSuggestions"] {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
border: 0; border: 0;
border-bottom: 1px solid @color-border; border-bottom: 1px solid @color-border;
border-left: 1px solid @color-border; border-left: 1px solid @color-border;
color: @color-nav; color: @color-nav;
background: #fff; background: #fff;
border-radius: 0; border-radius: 0;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
border-color: @button_background; border-color: @button_background;
color: @button_background; color: @button_background;
} }
} }
#magicmatcher__context { #magicmatcher__context {
position: relative; position: relative;
z-index: 100; z-index: 100;
width: 100%; width: 100%;
min-height: @height-context-bar; min-height: @height-context-bar;
box-sizing: border-box; box-sizing: border-box;
box-shadow: __box_shadow__; box-shadow: __box_shadow__;
background-color: __nav_direct_background__; background-color: __nav_direct_background__;
border-radius: 0 0 __default_border_radius__ __default_border_radius__; border-radius: 0 0 __default_border_radius__ __default_border_radius__;
font-size: .88rem; font-size: @font-size-default;
padding: .8em 1em .5em; padding: .8em 1em .5em;
margin-bottom: 0; margin-bottom: 0;
.chosen-container-single, .chosen-container-single,
.chosen-container-single *, .chosen-container-single *,
#mm_issue_loading, #mm_issue_loading,
.mm__status, .mm__status,
.toggleSuggestions { .toggleSuggestions {
font-size: .88rem; font-size: @font-size-default;
} }
.chosen-container-single { .chosen-container-single {
.chosen-single span { .chosen-single span {
line-height: @line-height-bigger; line-height: @line-height-bigger;
} }
} }
@media @screen_max-md { @media @screen_max-md {
padding-top: 1.8rem; padding-top: @margin-default;
.chosen-container { .chosen-container {
display: block; display: block;
min-width: 100%; min-width: 100%;
max-width: 100%; max-width: 100%;
margin-bottom: .5rem; margin-bottom: .5rem;
} }
} }
} }
} }
/* + + + + + in content + + + + + */ /* + + + + + in content + + + + + */
a.jiralink { a.jiralink {
font-size: @font-size-default; font-size: @font-size-default;
img { img {
float: left; float: left;
display: inline-block; display: inline-block;
margin-top: .13em; margin-top: .13em;
margin-right: 3px; margin-right: 3px;
} }
span.mm__status { span.mm__status {
display: inline-block; display: inline-block;
font-size: @font-size-default; font-size: @font-size-default;
margin-left: 5px; margin-left: 5px;
padding: 1px 4px; padding: 1px 4px;
} }
} }
/* + + + + + no js version + + + + + */ /* + + + + + no js version + + + + + */
.no-js { .no-js {
#dokuwiki_magic-matcher { #dokuwiki_magic-matcher {
display: none; display: none;
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */ /* max-width: 1023px */
@media @screen_max-lg { @media @screen_max-lg {
#dokuwiki_magic-matcher { #dokuwiki_magic-matcher {
#magicmatcher__context { #magicmatcher__context {
.chosen-container-single { .chosen-container-single {
width: 20% !important; width: 20% !important;
+ select + .chosen-container-single { + select + .chosen-container-single {
width: 58% !important; width: 58% !important;
} }
} }
} }
} }
} }
@media @screen_max-md { @media @screen_max-md {
#dokuwiki_magic-matcher { #dokuwiki_magic-matcher {
position: relative; position: relative;
.container { .container {
margin: .8rem 0 -5px; margin: .8rem 0 -5px;
} }
#magicmatcher__context { #magicmatcher__context {
border-radius: 0; border-radius: 0;
} }
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* print */ /* print */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media print { @media print {
#dokuwiki_magic-matcher { #dokuwiki_magic-matcher {
display: none; display: none;
} }
} }

4
css/plugins/move.less
View file

@ -1,6 +1,6 @@
#dokuwiki__site > .plugin_move_dialog{ #dokuwiki__site > .plugin_move_dialog{
font-size: .88rem; font-size: @font-size-default;
*{ *{
font-size: .88rem; font-size: @font-size-default;
} }
} }

6
css/plugins/popupviewer.less
View file

@ -4,15 +4,15 @@
> .controls > .content{ > .controls > .content{
padding: 1.5rem 1rem 1rem; padding: 1.5rem 1rem 1rem;
td, th{ td, th{
font-size: .88rem; font-size: @font-size-default;
line-height: 125%; line-height: 125%;
a{ a{
font-size: .88rem; font-size: @font-size-default;
line-height: 125%; line-height: 125%;
} }
} }
.li, li{ .li, li{
font-size: .88rem; font-size: @font-size-default;
line-height: 125%; line-height: 125%;
} }
} }

6
css/plugins/qc.less Normal file
View file

@ -0,0 +1,6 @@
#plugin__qc__wrapper{
font-size: @font-size-default;
p{
font-size: @font-size-default;
}
}

51
css/plugins/struct.less
View file

@ -1,24 +1,27 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */ /* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#dokuwiki__content { #dokuwiki__content {
.structaggregation { .structaggregation {
@link-height: 1.5rem; @link-height: 1.5rem;
position: relative; position: relative;
padding-bottom: @link-height; padding-bottom: @link-height;
margin-bottom: @grid; margin-bottom: @grid;
.table { .table {
margin-bottom: 0; margin-bottom: 0;
} }
> a { > a {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
height: @link-height; height: @link-height;
margin-bottom: 0; margin-bottom: 0;
} }
} }
} #plugin__struct_output{
margin-right: 0;
}
}

8
css/template_admin.less
View file

@ -1,14 +1,14 @@
.do-admin{ .do-admin{
#admin__version{ #admin__version{
font-size: .88rem; font-size: @font-size-default;
} }
.main-content ul{ .main-content ul{
> li{ > li{
font-size: .88rem; font-size: @font-size-default;
div.li{ div.li{
font-size: .88rem; font-size: @font-size-default;
a{ a{
font-size: .88rem; font-size: @font-size-default;
line-height: 125%; line-height: 125%;
cursor: pointer; cursor: pointer;
} }

1
style.ini
View file

@ -84,6 +84,7 @@ css/template_admin.less = all
css/plugins/popupviewer.less = all css/plugins/popupviewer.less = all
css/plugins/magic-matcher.less = all css/plugins/magic-matcher.less = all
css/plugins/do_tasks.less = all css/plugins/do_tasks.less = all
css/plugins/qc.less = all
css/plugins/struct.less = all css/plugins/struct.less = all
css/plugins/bureaucracy.less = all css/plugins/bureaucracy.less = all

2
tpl/nav-meta-box.php
View file

@ -5,7 +5,7 @@
<div class="tab-container"> <div class="tab-container">
<ul class="meta-tabs"> <ul class="meta-tabs">
<li><a href="#tab-toc" aria-expanded="false"><span class="prefix">Sitemap <span class="num">0</span></span></a></li> <li><a href="#tab-toc" aria-expanded="false"><span class="prefix">Sitemap</span></a></li>
<li><a href="#tab-tags" aria-expanded="false"><span class="prefix">Tags <span class="num">0</span></span></a></li> <li><a href="#tab-tags" aria-expanded="false"><span class="prefix">Tags <span class="num">0</span></span></a></li>
<li><a href="#tab-jira" aria-expanded="false"><span class="prefix">Jira <span class="num">0</span></span></a></li> <li><a href="#tab-jira" aria-expanded="false"><span class="prefix">Jira <span class="num">0</span></span></a></li>

42
tpl/nav-page-tools.php
View file

@ -1,20 +1,22 @@
<?php <?php
if (!defined('DOKU_INC')) die(); if (!defined('DOKU_INC')) die();
?> ?>
<?php if ($showTools): ?> <?php if ($showTools): ?>
<nav id="dokuwiki__pagetools"> <nav id="dokuwiki__pagetools">
<div class="tools">
<?php include('nav-status.php');?>
<ul> <?php include('nav-status.php');?>
<?php tpl_toolsevent('pagetools', array( <ul>
'edit' => tpl_action('edit', 1, 'li', 1), <?php tpl_toolsevent('pagetools', array(
'revisions' => tpl_action('revisions', 1, 'li', 1), 'edit' => tpl_action('edit', 1, 'li', 1),
'backlink' => tpl_action('backlink', 1, 'li', 1), 'revisions' => tpl_action('revisions', 1, 'li', 1),
'subscribe' => tpl_action('subscribe', 1, 'li', 1), 'backlink' => tpl_action('backlink', 1, 'li', 1),
'revert' => tpl_action('revert', 1, 'li', 1), 'subscribe' => tpl_action('subscribe', 1, 'li', 1),
'top' => tpl_action('top', 1, 'li', 1), 'revert' => tpl_action('revert', 1, 'li', 1),
)); ?> 'top' => tpl_action('top', 1, 'li', 1),
</ul> )); ?>
</nav> </ul>
<?php endif; ?> </div>
</nav>
<?php endif; ?>

28
tpl/nav-sitetools.php
View file

@ -1,14 +1,14 @@
<?php <?php
if (!defined('DOKU_INC')) die(); if (!defined('DOKU_INC')) die();
if ($showSidebar): ?> if ($showSidebar): ?>
<nav id="dokuwiki__sitetools" class="nav-sitetools"> <nav id="dokuwiki__sitetools" class="nav-sitetools">
<h6 class="sr-only" role="heading" aria-level="2"><?php echo $lang['site_tools']; ?></h6> <h6 class="sr-only" role="heading" aria-level="2"><?php echo $lang['site_tools']; ?></h6>
<ul><?php tpl_toolsevent('sitetools', array( <ul><?php tpl_toolsevent('sitetools', array(
'recent' => tpl_action('recent', 1, 'li', 1), 'recent' => tpl_action('recent', 1, 'li', 1),
'media' => tpl_action('media', 1, 'li', 1), 'media' => tpl_action('media', 1, 'li', 1),
'index' => tpl_action('index', 1, 'li', 1), 'index' => tpl_action('index', 1, 'li', 1),
)); ?></ul> )); ?></ul>
</nav> </nav>
<?php endif ?> <?php endif ?>