From 414d889f3f18da8bd5348679e2fab2dbc2089cbc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 6 Dec 2016 15:55:55 +0100 Subject: [PATCH 001/669] fontello classes cannot be extended with current less compiler --- css/area_nav-usertools.less | 6 +- css/base_fonts.less | 224 +++++++++++++++++++++++++++++++-- css/base_mixins.less | 5 +- fonts/icons/fontello-codes.css | 37 ------ style.ini | 1 + 5 files changed, 225 insertions(+), 48 deletions(-) delete mode 100644 fonts/icons/fontello-codes.css diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 189990a..9510f75 100644 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -15,8 +15,12 @@ font-size: .8rem; } a{ - .profile; + .fontello(); + &.register{ + + } } + } } } diff --git a/css/base_fonts.less b/css/base_fonts.less index 5f3142e..450595d 100755 --- a/css/base_fonts.less +++ b/css/base_fonts.less @@ -16,17 +16,225 @@ /* icon font */ .setIconFontFace('fontello','fontello'); -.icon, [class^="icon-"], [class*=" icon-"], -.profile, -.log-in, -.log-out{ +.icon, [class^="icon-"], [class*=" icon-"]{ .fontello(); } /* custom icon font */ -@import (less) "../fonts/icons/fontello-codes.css"; - -.profile{ - .icon-user; +.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-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-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-smile{ + &::before { + content: '\f118'; + } +} + +.icon-frown{ + &::before { + content: '\f119'; + } +} + +.icon-meh { + &::before { + content: '\f11a'; + } +} + +.icon-puzzle { + &::before { + content: '\f12e'; + } +} + +.icon-file-pdf{ + &::before { + content: '\f1c1'; + } +} + + + diff --git a/css/base_mixins.less b/css/base_mixins.less index e34ea1a..24fd603 100644 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -28,8 +28,9 @@ } .fontello(){ - &:before{ - font-family: "topmeteo"; + + &::before{ + font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; diff --git a/fonts/icons/fontello-codes.css b/fonts/icons/fontello-codes.css deleted file mode 100644 index 419e274..0000000 --- a/fonts/icons/fontello-codes.css +++ /dev/null @@ -1,37 +0,0 @@ - -.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-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-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-smile:before { content: '\f118'; } /* '' */ -.icon-frown:before { content: '\f119'; } /* '' */ -.icon-meh:before { content: '\f11a'; } /* '' */ -.icon-puzzle:before { content: '\f12e'; } /* '' */ -.icon-file-pdf:before { content: '\f1c1'; } /* '' */ \ No newline at end of file diff --git a/style.ini b/style.ini index ca7342e..652927b 100755 --- a/style.ini +++ b/style.ini @@ -51,6 +51,7 @@ css/base.less = all css/base_mixins.less = all +css/base_fontello-codes.less = all css/base_fonts.less = all css/base_structure.less = all css/base_design.less = all From da7e18f85225d1e61d7b08348ad958fde47c2bc7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 13 Dec 2016 17:13:23 +0100 Subject: [PATCH 002/669] nav-tools menu icons --- css/area_nav-usertools.less | 81 ++++++++++++++++++++++++++++++++++-- css/base.less | 37 +++++++++------- css/base_mixins.less | 57 +++++++++++++++++++++++++ images/logo.png | Bin 0 -> 5704 bytes style.ini | 12 ++++-- tpl/nav-usertools.php | 4 +- 6 files changed, 165 insertions(+), 26 deletions(-) create mode 100644 images/logo.png diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 9510f75..bcbadcd 100644 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -10,17 +10,92 @@ li{ display: inline-block; float: right; - border: 1px solid @color-border; + margin: 0 .1rem; + padding: 0; + font-size: .8rem; *{ font-size: .8rem; } a{ - .fontello(); - &.register{ + color: @color-nav; + box-sizing: content-box; + padding: .3em .25em .15em; + text-align: center; + text-decoration: none; + border: 1px solid @color-border; + border-radius: @border-radius; + margin: 2px; + cursor: pointer; + &:hover, &:active, &:focus{ + background-color: @color-nav-hover-bg; + border-width: 3px; + border-style: double; + margin: 0; + + //-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: @color-nav-hover; } + + .fontello(); + .hide-text-show-before(); + &:before{ + font-size: 1.12em; + cursor: pointer; + content: "?"; + } + + /* icon register new user */ + &.register{ + .icon-user(); + } + /* icon log-out */ + &.logout{ + .icon-logout(); + } + /* icon log-in */ + &.login{ + .icon-login(); + } + /* icon admin */ + &.admin{ + .icon-cog(); + } + + /* add more icons if needed */ } + &.user{ + border: 1px solid @color-border; + border-radius: @border-radius; + color: @color-nav; + display: inline-block; + height: 1rem; + min-height: 20px; + min-width: 24px; + box-sizing: content-box; + padding: .3em .25em .15em; + margin-top: 2px; + bdi{ + color: @color-nav; + display: inline-block; + padding-top: 1px; + } + >bdi:first-of-type{ + .fontello(); + .icon-user(); + &:before{ + border: 4px solid @color-nav; + margin-top: -1px; + border-radius: 50%; + background: @color-nav; + color: #fff; + font-size: .5rem; + float: left; + } + } + } } } } diff --git a/css/base.less b/css/base.less index b4c198b..947c4ca 100755 --- a/css/base.less +++ b/css/base.less @@ -62,30 +62,35 @@ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* col width */ -@c12: 100%; -@c11: 91.66666667%; -@c10: 83.33333333%; -@c9: 75%; -@c8: 66.66666667%; -@c7: 58.33333333%; -@c6: 50%; -@c5: 41.66666667%; -@c4: 33.33333333%; -@c3: 25%; -@c2: 16.66666667%; -@c1: 8.33333333%; +@c12: 100%; +@c11: 91.66666667%; +@c10: 83.33333333%; +@c9: 75%; +@c8: 66.66666667%; +@c7: 58.33333333%; +@c6: 50%; +@c5: 41.66666667%; +@c4: 33.33333333%; +@c3: 25%; +@c2: 16.66666667%; +@c1: 8.33333333%; -@grid-columns: 12; +@grid-columns: 12; /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* margin / padding */ -@margin-big: 2.5rem; +@margin-big: 2.5rem; + +@border-radius: __default_border_radius__; -@color-border: __border__; +@color-border: __border__; +@color-nav: __nav_menu_color__; +@color-nav-hover: __nav_menu_hover_color__; +@color-nav-hover-bg:__nav_menu_hover_bg__; -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* all media */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ html, body{ diff --git a/css/base_mixins.less b/css/base_mixins.less index 24fd603..2c876cb 100644 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -65,6 +65,44 @@ } +.fontello-double(){ + + &::before, &::after{ + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } + +} + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @@ -103,6 +141,25 @@ } } +.hide-text-show-before(){ + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-indent: -9999px; + width: 1rem; + height: 1rem; + min-height: 20px; + min-width: 24px; + &::before{ + text-indent: 0; + float: left; + } + &::after{ + text-indent: 0; + float: left; + } +} + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* Screenreader / Hide */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..662f7ab9d89e1646ca195c3bb5b993d099ae077d GIT binary patch literal 5704 zcmeAS@N?(olHy`uVBq!ia0y~yV6i( z0|NtRfk$L90|U1(2s1Lwnj^u$z`$PO>Fdh=fL)5;npe)7uaJR3^s1+eV@SoVw{xpQ zM8ansurDfdJ0|dk$EiwvNM7 zUi9$T!-742%^A(wZ|9!5HN%fF{ju`-hXpl>l$^|FPRhL(JI_^iNU-xJ|%_AO;! z7p3;6F&_V$FT;2I{#FZFroP|zEo9Cah!%u~yV_ln;XD3(OX>ZlOS{CT%v|Mp;OiHD zn;X|^yZcSr4}Z+o^_$$V`%>QSW9>5zKa_Bd{A>E+rF_K&ZKl52%VqeE^KY?OwP@|LIr!88Xrp^bDLpPwdZE%#c7@wjzIL5-`|ng^SUpQbHy`aCUN;bhJuX8D8_q7RHY zEp&C8EoF37X8HE_;7C&oyGb(hCrH%pPki3T!`-^~yzNPOCx$}x8xP_d&Z|7AXlQ(_tyXDy zz#+Npk;Msr?+5%!2ew))GnvRXarO$C`vU40Snq7R#JxhK|IL&L3F*Y9J7+?cWuKV$ z*2B(~-MS#u`hkJ-<|8LI1f1~ee5xPK;J9v2t60IE|Igx=`1Tb2{JW_1#}#(_ z9v*|5Kd#cBH%=D`Kd|i*_lvjb$6P;7*KJT(yfQ<0s(ZlS?iCjo$JFI-|N84_DW~GW z3;T?3Kg~}z6KT9*-eBie@#<=AWK`Iw$di+d# zi-H;`wtk2UbE?D3YWA%l7`k}!LcRbD3ZS4B+?d17~0m-Y6&-1K{V$zv!$oZ(H;MKNsPjlAm z)ysSfi)kxAZ)S9N|HU_}^V(+eb5;mX-LCOnzhy$g_UWPBJD>5M_;vAf{5E5G=Ff^= zuAie;?!L(U^y`kPm+Cv$bc#APJ-l*^HDJFjPa`JVN$Tz2r?tTArkzE;ETufA-nb!SfNyLoFQ89&N-9b}u*@R*T}FYI^GzY}l&HlJzg z;F)(K@neA9v+3qve^32%S?Iylr~TErKF;oa4a~2fFW!ECvMKYtd1eQ*uWweXEpk|L z&ZNU^$EABO9cHfhx9H%~<1-X@v!i^nLkpdtTRxKG@GSyS3WyLzs=z3mL=ysuhoj-rJ*ef?asFK+qbU1ZfLgsM!~^v@&3NenkT+lKK-h@;hBE@@_h$h z8m4K~Yi7Ure)#Iy4NG<~O**4yv7yfHlwr5+beBmtS*FLwKi#x{bG-9A)y?1e53RWW zZqnWRKkKu;KdYH%8)+OM-?X=0;M!Zel@b?s|2UNN#kla_g{dsdW4bzJ^ySukiQsB} z{8z^Jx=str;nt?7A&Cisxf_zMA73S`cr5rQ%(9PO*b=XEWdwZd)o@|&6)1O5exU2ZQq?znr-tKABJZ9}J- zMM%l>rkm?KyU*S5e3HWM6pxDsR5o+Y+HS+VbLPrC`QFWHF7NUMtpmSb%X{6bvYGS9 z+tq=Ge2x0c*3VvDkw2qIYm$}de({+}i>{YH)2zzd?H@N=+@?z?ub8VpXzQOno1(H@ z%#CzHOc_4kx_r5m+uU5uR0OX|C8N=)vzK2TwK^S2q4?_TX(l2dSLNr&*Eg$BwqUu{>~opL2^KWFM} zv6WnM&sFYuo?wZ;G<~XR?V{5+rd;2Cz|wp7=^H7_j~vREoBd>&?)lk&xVQhlbZPzC z#kbe}I+z?arFxS}?w`LFYkx;A&t7#}{+X@U-REbMpU?cWxm_wcvHbsnS4$R}*m2AM zRQ>uRx z+uy(3vTcrW)LET1Qw^^_5o%moTvBpdvHZW}%|e}B8Lf-D!$1XEx0}LuBk$W*-0tbQ zv%lyj9oVArJ;gJMM`=Ir0n=MrEiCsn?=Rvg(zSEyzOnLEm!zulpOy&;Sy#3k)6)7C zct6rcG$={F;P>zScgpocH~)Wgbb0E#h1_B9)|#KISW3SdR1#)v>vZ>UbO1jBTBavwmwiOmHA)t$awqjB-6c-tP=%@?Y5}{!Tq(Y8l`AbH@9$gXRmGx4q(C(tGnz`G59r^RL#Oo!WanvFc#^ zhM!NKx1H?nIU+G3+Ui4I>HpbBg?fG+2{lmSb>v_NK{(IS^cjE8) z_p=I~unS3waV`HOR-JQH`P0!G(S?!0m-J?S6IeN^(?5&n+ds!2Z}(lEWy-g-t^bL8 z#g1JwU*7Y$FS53nedfLet^&P|TRgJ9CAidoJyUU|tUYV3UYd!o#w$-JIakA4>yGCQ zhOZ-ISZ}YMmEe2v_=WF(`Aar`&tbOt^r^j#+nk}{Qm^EKEt~ePYB1j9y7PuPL$$Wv z?o7_<@$szHo6=sq+M+Q1(T1--RDF;CS|zM+;gS9~&uyXCJN@OVCu>`dhW75-q8as^ z?~=+jr49o|w!N}0bLQJGn{!g>R?IwpwO6-RDRVfT)_$WJ!x}7aQvIju-tI4^DLK}w zG@h)vUv^M9`X3i4jJ9uQKalb7@ky5nRr?J&E$TA@_icM3bLGU3nb(&1w|$#?vmom+ zlW%F^Nh3y{wP{CRR2MXbt>fLkx$MBM{gbA-?E4~nx9r&-!=TxVwz8?8tqpT*$qjth z$*06nJ}Jo%R9UV{(>`uK_ZEwco3!%ruXZh-tDjbBt-s&$l2yLx>+N+5_kXSZ&-~}( ziRB+Ic(X6~w5$G$oR7evg$l;1Zn?8}PdOX>KO=D7r(=Of#V&6aK7MfB)?&vy`(~|- z7hSna+Qy|2QVqAQeb}=ck^Ft9bNPIpOcN)A~&uMIKkVX0gn% z*A<)*9>$$)CbDzpnsdvd^U}0BZigSf^dloJe%ibfGMWKX{)DO}m8E^XI^nl=rsoo~ ztH*BqoMv)A^Ph?3Y5|HFt}7#jyogagoDcKU%OVm+`gUt!NTc$ z2ZXJ?9(twg{}8s`BqzNpj3a|L&!gZA?}1yBiUqc0vFB*-Rgk{f&BNU~X-?~vd7&wa zyXT2ZX3u-+yIA3S_^OvzR{KtTW_@#0tgFky+E8`+{Ic9ey{+&0u%g#!5a_G6~ zOHa3`#htNANo72pqqBW~jPG*uEt<3Jd+)?`D;%2g_eJ47@iZ0Vs}kC*_4}MHu5O*O zA-6)Qu_||oy+E~XgnZ!wh48fpbRIA*b*;SUs=Z`Sp~$8(nPTCPoikT%(o|idfBN3~ z+ORWzou#XFCae}xSe(BmQ{>4%ug#W{2_IU_Lfs2BCNpw|ofVNzxNyl)#agv&g)_HU zcSi6U^?hvymyfw^SZc_rcyI&X#k;P0l|QUqK3QMeFRAgSx~?yJE7Rr%?k!?Z+ohrv zw?0@fd&2MUksm|i!(Mp2HNFF?<(_Sy=$tRby0bo5TJOLE&RnmxzuV`qRrg*DZ_W%n zcgb;yfwCl*@uY>{&%aK*eru;s_gW8GhbaeQoUeW9^!dL3`%d+hO#cc>H@|6dt2Se> zxPR}$W`52#S7DYPKW&x&e6l|8(bITlNui_8?>oBs53Cd}2>fPS@Z_@E^qWz7l~b++ zJZdQ@X>Bq7naP>gdeQ4=TGeHZ4UNqHIzODuWCNtd{kLeCD{k3-VWM(CujbcHdEY&= zQg-jz=W5C&Eh*OZN=unDIm#vcth~lI-Uin#E4e=2?0l?Xd#tBQ&%MsP{>9vX_v`O8 z-CA$8z;lbEbF})OwKpS{s%yQ8JDSDHtG3FJvF*HAr07CrJ_a{Xif-TFf_IAYUe!-A(&NZhQMd{o7(OPoJ!(KRL8 z^o7|+cg|dS<&V#sRpDDw3VNo+&9U|0%H+YpS@!zepU?B}a&s^5X+P_KwqfyXF;L_2 zhJo(6fXh>+2{j27tc~5<7w59F&0JybvXzf--b&oP{##!7*Hqr0S?fU$8N^)o1S6>c1`T`U=PtAFA%>)0lVjz?8|4WF>TCexMx!)xAjKP zXRVJ>>vGS=|MR=M?wuRI%(^_csq>zuEz64XyKv9`#Wkrj;VK*tKU~`s=@|8W|Lwc~ z)8?$z{l@Fi8(K2cciucRMm0BAjde*&w-`;_TQ9(OB_h;RWOp$8Rn3h|9k;`sPcHY} zw3^pfUjM|oqAihO>mSSS-hWT@>DR1Tmn6*cE7LTV9yBRpxw8FUNX#6T-E6DO1ET-5 z9m`%Wt)Td-ZoTgLxb7xEJE%tA& z(aRrgmb#SmFQRFmdHja$kBo9`>paUZtw{;3h&qw^vPI_`ufwr#`varzXJ5Q?B`ox_ z*^Mk#HTgM#x~Ek6Ot)!Wo0nAiF=6TKYYNX7SG_G^mRXl~?a#u5S;?FYpy%>hPFgT|IeCHki0U?A-lkBn?||X`ZZ$f%D*}MTa@Wz9Ml`y65bbb zx-Mi%n^NiF*q|83+}OPtYtJg(N_c%S>q@h~(d-h-e;a?lw&iCyP@=Tpa&y6w?pkJr z9Idbzg9zUrmD&dq-pjY#{l6yi-A>yF8@~o$J#&@WH0;Kn2Z3LTdY(v}-08YyS4Gf0 z3$B}*8$ax>uXefo<649(D7@P^%^1FAv6{w+)!hrf`z9hZhVP$CnU_vauffT6Y5FU_ z^ybbj*tOF4>teOTpO)~uMa}d+cU^67OX>A|sb3E)|M}NNG0k|#8TRF-*R6X0{|aB{ zUhUq(B*UQL_u$fQT}`on2R8EVPx5==%DE%`zV*`|5B8)+?5lX<75HzTk$L;)&?K0E7wlm?<>)3ZPFt;Bzl=BbOULp9Tz+%CxRWD|IeI{u42sF63Ec5lZ=gBs*rcH*?yQa zXU{~TMM@8>esq8aC^r;k%{lJ1F@P!0f?dKwrtklQ-YnKo#`Ki#BEI&|j~A6BxB2^A zR%ASWHkhydF?Za_8IP_`5r~BHbN589br3AD(eF9@u%bWE{x9d0ygySFpYJ>ULhPvw pUwTFGgqchi7rV1c7QXw>ZobAr^H0mP3I+xS22WQ%mvv4FO#llb?=S!W literal 0 HcmV?d00001 diff --git a/style.ini b/style.ini index 652927b..553c27c 100755 --- a/style.ini +++ b/style.ini @@ -114,12 +114,12 @@ __highlight__ = "#efefef" ; @ini_highlight ; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ; these are used for links -__existing__ = "#286da8" ; @ini_existing -__missing__ = "#CD5360" ; @ini_missing +__existing__ = "#286da8" ; @ini_existing +__missing__ = "#CD5360" ; @ini_missing ; widths -__site_width__ = "64em" ; @ini_site_width -__sidebar_width__ = "16em" ; @ini_sidebar_width +__site_width__ = "64em" ; @ini_site_width +__sidebar_width__ = "16em" ; @ini_sidebar_width __font_family_screen__ = "roboto, 'helvetica', arial, sans-serif" __font_family_menu__ = "'roboto condensed', 'helvetica neue', arial, sans-serif" @@ -128,6 +128,10 @@ __font_family_print__ = "'times new roman', serif" __nav_direct_background__ = "#FFF" __nav_direct_color__ = "#286da8" __box_shadow__ = "0 0 .5em rgba(40,109,168,.5)" +__nav_menu_color__ = "#696969" +__nav_menu_hover_color__ = "#286da8" +__nav_menu_hover_bg__ = "#FFFFFF" + __default_border_radius__ = "5px" diff --git a/tpl/nav-usertools.php b/tpl/nav-usertools.php index 3e02d91..e4c81d4 100644 --- a/tpl/nav-usertools.php +++ b/tpl/nav-usertools.php @@ -6,16 +6,14 @@ "; + endif ?> From 5cbfd9f86ea9233d9b41091320b91f697ef5daa6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 4 Jan 2017 16:37:51 +0100 Subject: [PATCH 050/669] main nav counter fallback --- css/area_main-sidebar.less | 10 +++++++--- css/area_sidetools.less | 4 ++-- 2 files changed, 9 insertions(+), 5 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index f661324..b6f7353 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -6,10 +6,11 @@ #dokuwiki__aside.main-sidebar { - + counter-reset: nav-counter; /* + + + + + nav main + + + + + */ .nav-main { > ul { + @icon-size: 2rem; margin: 0; @@ -42,13 +43,16 @@ border-bottom: solid 1px @color-border; margin: 0; padding: 0 0 .3rem 0; + counter-increment: nav-counter; > .li { //background-color: pink;// hier activ !!! position: relative; padding: .5rem 0 .5rem (@icon-size + 1); - &::before { background-color: gold;// test - content: '?'; + &::before { + //background-color: @color-link; + color: @color-nav; + content: counter(nav-counter); position: absolute; top: 0; left: 0; diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 657c333..1c69786 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -19,8 +19,8 @@ padding: .5rem 0 .5rem (@icon-size + 1); &::before { - background-color: gold; - content: '?'; + //background-color: gold; + content: 'A'; position: absolute; top: 0; left: 0; From c39e94e4e3d3362eb96c20fbbda2a80553e359a3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 4 Jan 2017 17:37:57 +0100 Subject: [PATCH 051/669] main nav effects --- css/area_main-sidebar.less | 82 ++++++++++++++++++++++++++++++++++++++ js/sidebar-menu.js | 58 +++++++++++++++++++++++++++ main.php | 2 +- script.js | 1 + 4 files changed, 142 insertions(+), 1 deletion(-) create mode 100644 js/sidebar-menu.js diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index b6f7353..675e595 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -80,7 +80,89 @@ background-color: @color-border; transition: @transition background-color; } + + &.opened, &.closed{ + padding: 0; + &::before, &::after{ + display: none; + } + a{ + display: block; + position: relative; + padding: .5rem 0 .8rem (@icon-size + 1); + margin-bottom: -.3rem; + border: 1px solid transparent; + &::before { + //background-color: @color-link; + color: @color-nav; + content: counter(nav-counter); + position: absolute; + top: -.1rem; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + &:hover, &:focus, &:active{ + text-decoration: none; + background-color: #fff; + border-color: @color-link; + color: @color-link; + } + } + + } + + &.opened{ + a{ + background-color: @color-link; + color: #fff; + &::after, &::before{ + color: #fff; + border-color: #fff; + } + &:hover, &:focus, &:active{ + text-decoration: none; + background-color: #fff; + border-color: @color-link; + color: @color-link; + &::after, &::before{ + color: inherit; + border-color: inherit; + } + } + } + } + + ul{ + height: auto; + overflow: hidden; + } + &.closed + ul{ + height: 0; + } } + + } } } diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js new file mode 100644 index 0000000..29e3ee5 --- /dev/null +++ b/js/sidebar-menu.js @@ -0,0 +1,58 @@ +( function( $, spc ) { + + var mainMenu = function(){ + var $menu = $('.nav-main').find('> ul'); + try{ + if($menu.length > 0){ + var $toggler = $menu.find('> li.level1 > .li'), + $submenu = $menu.find('> li.level1 > ul'); + if($toggler.length > 0 && $submenu.length > 0){ + $toggler.addClass('closed'); + $toggler.wrapInner(''); + $toggler.each(function( index ) { + $(this).on( "click", function(e) { + e.preventDefault(); + var $this = $(this); + $this.toggleClass('closed'); + $this.toggleClass('opened'); + if($this.hasClass('opened')){ + var $foc = $this.closest('li.level1').find('li.level2:first-child').find('a:first-child'); + if($foc.length > 0){ + $foc.focus(); + } + } + }); + }); + } + + + } + /*var $link = $this.find('#plugin__qc__link'), + $container = $this.find('#plugin__qc__wrapper'); + if($container.length < 1){ + $this.remove(); + }else{ + $container.attr('aria-hidden','true'); + var $icon = $container.find('#plugin__qc__icon'); + $container.find('#plugin__qc__out').removeAttr('style'); + $link.on( 'click', function(e){ + e.preventDefault(); + $icon.trigger('click'); + var oldState = ($link.attr('aria-expanded')=== "true" ); + $container.attr('aria-hidden',oldState); + $(this).attr('aria-expanded',!oldState); + + }); + }*/ + + }catch(err){ + + } + }; + + $(function(){ + mainMenu(); + }); + +} )( jQuery, spc ); + diff --git a/main.php b/main.php index 5daf5a3..cf07678 100755 --- a/main.php +++ b/main.php @@ -14,7 +14,7 @@ if (!defined('DOKU_INC')) die(); /* must be run from with header('X-UA-Compatible: IE=edge,chrome=1'); $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && !empty($_SERVER['REMOTE_USER']) ); -$showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show'); +$showSidebar = /*page_findnearest($conf['sidebar']) &&*/ ($ACT=='show'); /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ diff --git a/script.js b/script.js index e3128ab..25ecf2d 100755 --- a/script.js +++ b/script.js @@ -3,3 +3,4 @@ /* DOKUWIKI:include js/base/spc.js */ /* DOKUWIKI:include js/plugins/do_tasks.js */ +/* DOKUWIKI:include js/sidebar-menu.js */ From 4fca1d16bba38ed3977f5dace7b9f5e911e8c1dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 4 Jan 2017 18:09:30 +0100 Subject: [PATCH 052/669] language handling for js --- js/base/helper.js | 6 ++++++ js/sidebar-menu.js | 20 +++----------------- lang/de/lang.js | 34 ++++++++++++++++++++++++++++++++++ lang/en/lang.js | 33 +++++++++++++++++++++++++++++++++ script.js | 29 ++++++++++++++++++++++++++++- 5 files changed, 104 insertions(+), 18 deletions(-) create mode 100644 lang/de/lang.js create mode 100644 lang/en/lang.js diff --git a/js/base/helper.js b/js/base/helper.js index a57735e..170773b 100755 --- a/js/base/helper.js +++ b/js/base/helper.js @@ -77,3 +77,9 @@ if (typeof console === "undefined" || typeof console.log === "undefined") { console.log = function() {}; } } + +var wikiLang = "de"; +/** + * anonymous func: get page language + */ +(function($){ $("html").attr("lang"); if(typeof(l)!= 'undefined' && l.length>=2) wikiLang=l.substr(0,2).toLowerCase(); if(wikiLang!='de'&& wikiLang!='en') wikiLang='de'; })(jQuery); diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index 29e3ee5..449b782 100644 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -2,6 +2,7 @@ var mainMenu = function(){ var $menu = $('.nav-main').find('> ul'); + try{ if($menu.length > 0){ var $toggler = $menu.find('> li.level1 > .li'), @@ -23,27 +24,12 @@ } }); }); + + //FIXME: store current nav state with local storage } } - /*var $link = $this.find('#plugin__qc__link'), - $container = $this.find('#plugin__qc__wrapper'); - if($container.length < 1){ - $this.remove(); - }else{ - $container.attr('aria-hidden','true'); - var $icon = $container.find('#plugin__qc__icon'); - $container.find('#plugin__qc__out').removeAttr('style'); - $link.on( 'click', function(e){ - e.preventDefault(); - $icon.trigger('click'); - var oldState = ($link.attr('aria-expanded')=== "true" ); - $container.attr('aria-hidden',oldState); - $(this).attr('aria-expanded',!oldState); - - }); - }*/ }catch(err){ diff --git a/lang/de/lang.js b/lang/de/lang.js new file mode 100644 index 0000000..ff76071 --- /dev/null +++ b/lang/de/lang.js @@ -0,0 +1,34 @@ + +var $lang = {}; + +$lang['direct_prefix'] = 'Direkt'; +$lang['direct_content_main'] = 'Hauptinhalt dieser Seite'; +$lang['direct_menu_main'] = 'Hauptmenü'; + +$lang['adjunct_start_logo_text'] = 'Logo: '; +$lang['adjunct_linked_logo_text'] = '. Link zur Startseite'; + +$lang['nav-area-head'] = 'Navigationsmenüs und Suche'; +$lang['head_magic_matcher'] = 'MagicMatcher'; +$lang['head_quick_search'] = 'wikiübergreifende Schnellsuche'; +$lang['head_menu_main'] = 'Hauptmenü'; +$lang['head_menu_status'] = 'Seitenstatus'; +$lang['head_breadcrumb'] = 'Standortanzeiger'; + +$lang['quality_trigger'] = 'Seitenanalyse ein- bzw. ausblenden'; + +$lang['prefix_tasks'] = 'offene Aufgaben: '; +$lang['prefix_tasks_user'] = 'Ihre offenen Aufgaben: '; +$lang['prefix_tasks_page'] = 'offene Aufgaben auf dieser Seite: '; +$lang['tasks_page_none'] = 'keine offenen Aufgaben für diese Seite'; + +$lang['discussion'] = 'Diskussion'; +$lang['back_to_article'] = 'Zurück zum Artikel'; +$lang['userpage'] = 'Benutzer-Seite'; +$lang['__existing__'] = 'Schriftfarbe für Links zu vorhandenen Webseiten'; +$lang['__missing__'] = 'Schriftfarbe für Links zu nicht vorhandenen Webseiten'; +$lang['__site_width__'] = 'The width of the full site (can be any length unit: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'The width of the sidebar, if any (can be any length unit: %, px, em, ...)'; + +$lang['__button_color__'] = 'Schriftfarbe für Buttons'; +$lang['__button_background__'] = 'Hintergrundfarbe für Buttons'; diff --git a/lang/en/lang.js b/lang/en/lang.js new file mode 100644 index 0000000..b268ca0 --- /dev/null +++ b/lang/en/lang.js @@ -0,0 +1,33 @@ +var $lang = {}; + +$lang['direct_prefix'] = 'jump to'; +$lang['direct_content_main'] = 'main content'; +$lang['direct_menu_main'] = 'main menu'; + +$lang['adjunct_start_logo_text'] = 'Logo: '; +$lang['adjunct_linked_logo_text'] = '. homepage link'; + +$lang['nav-area-head'] = 'menus and quick search'; +$lang['head_magic_matcher'] = 'MagicMatcher'; +$lang['head_quick_search'] = 'quick search'; +$lang['head_menu_main'] = 'main menu'; +$lang['head_menu_status'] = 'site status'; +$lang['head_breadcrumb'] = 'location indicator'; + +$lang['quality_trigger'] = 'toggle page analysis'; + +$lang['prefix_tasks'] = 'open tasks: '; +$lang['prefix_tasks_user'] = 'your open tasks: '; +$lang['prefix_tasks_page'] = 'open tasks for this page: '; +$lang['tasks_page_none'] = 'no open tasks for this page'; + +$lang['discussion'] = 'Discussion'; +$lang['back_to_article'] = 'Back to article'; +$lang['userpage'] = 'User page'; +$lang['__existing__'] = 'The color for links to existing pages'; +$lang['__missing__'] = 'The color for links to non-existing pages'; +$lang['__site_width__'] = 'The width of the full site (can be any length unit: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'The width of the sidebar, if any (can be any length unit: %, px, em, ...)'; + +$lang['__button_color__'] = 'Color for buttons'; +$lang['__button_background__'] = 'Backgroundcolor for buttons'; diff --git a/script.js b/script.js index 25ecf2d..b1ceb69 100755 --- a/script.js +++ b/script.js @@ -1,6 +1,33 @@ /* DOKUWIKI:include js/base/helper.js */ - /* DOKUWIKI:include js/base/spc.js */ + +( function( $, spc, lang ) { + + var setLang = function(){ + try{ + if(lang==="de"){ + /* DOKUWIKI:include lang/de/lang.js */ + } else if(lang==="en"){ + /* DOKUWIKI:include lang/en/lang.js */ + } else{ + /* default */ + /* DOKUWIKI:include lang/de/lang.js */ + } + }catch(err){ + } + }; + + $(function(){ + setLang(); + }); + +} )( jQuery, spc, wikiLang ); + + /* DOKUWIKI:include js/plugins/do_tasks.js */ /* DOKUWIKI:include js/sidebar-menu.js */ + + + + From 158656e27eb04367a01934c99079cbe74885774c Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 08:14:09 +0100 Subject: [PATCH 053/669] css content + struct-plugin prepared --- css/area_main-content.less | 67 ++++++++++++++++++++++++++++++++++++++ css/plugins/struct.less | 24 ++++++++++++++ style.ini | 2 ++ 3 files changed, 93 insertions(+) create mode 100644 css/area_main-content.less create mode 100644 css/plugins/struct.less diff --git a/css/area_main-content.less b/css/area_main-content.less new file mode 100644 index 0000000..e6aeee9 --- /dev/null +++ b/css/area_main-content.less @@ -0,0 +1,67 @@ +/** + * This file provides the design styles for the main-content. + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__content.main-content { + + +/* + + + source block + + + */ + .code { + margin-top: @grid; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + #dokuwiki__content.main-content { + p, a, + li, dl, + td, th, + label, + button { + font-size: .88rem; + line-height: 140%; + + * { + font-size: inherit; + line-height: inherit; + } + } + + .code { + font-size: .75rem; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { + #dokuwiki__content.main-content { + p, a, + li, dl, + td, th, + label, + button { + font-size: 1rem; + line-height: 140%; + + * { + font-size: inherit; + line-height: inherit; + } + } + + .code { + font-size: .94rem; + } + } +} diff --git a/css/plugins/struct.less b/css/plugins/struct.less new file mode 100644 index 0000000..eec790a --- /dev/null +++ b/css/plugins/struct.less @@ -0,0 +1,24 @@ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +#dokuwiki__content { + .structaggregation { + @link-height: 1.5rem; + + position: relative; + padding-bottom: @link-height; + margin-bottom: @grid; + + .table { + margin-bottom: 0; + } + + > a { + position: absolute; + bottom: 0; + height: @link-height; + margin-bottom: 0; + } + } +} diff --git a/style.ini b/style.ini index 64ea103..0744537 100755 --- a/style.ini +++ b/style.ini @@ -71,12 +71,14 @@ css/area_sidebar-search.less = all css/area_nav-pagetools.less = all css/area_main-sidebar.less = all css/area_sidetools.less = all +css/area_main-content.less = all ; _____________ plugin styles _____________ css/plugins/magic-matcher.less = all css/plugins/do_tasks.less = all +css/plugins/struct.less = all ; _____________ print styles _____________ From 4a6674ad6f6f86790690de919ad5707142676f24 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 09:39:18 +0100 Subject: [PATCH 054/669] position + hover --- css/area_main-sidebar.less | 83 +++++++++++++++++++++++++------------- css/base_mixins.less | 8 ++-- 2 files changed, 59 insertions(+), 32 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index 675e595..a750446 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -7,10 +7,10 @@ #dokuwiki__aside.main-sidebar { counter-reset: nav-counter; + /* + + + + + nav main + + + + + */ .nav-main { > ul { - @icon-size: 2rem; margin: 0; @@ -38,19 +38,31 @@ /* + + + first level + + + */ - > li { + > li {position: relative; list-style-type: none; - border-bottom: solid 1px @color-border; margin: 0; padding: 0 0 .3rem 0; counter-increment: nav-counter; - > .li { //background-color: pink;// hier activ !!! + &::after { + content: ''; + position: absolute; + left: 0; + bottom: 0px; + display: block; + width: 100%; + height: 1px; + background-color: @color-border; + transition: @transition background-color; + } + + > .li { position: relative; + z-index: 1; padding: .5rem 0 .5rem (@icon-size + 1); + margin-top: -1px; &::before { - //background-color: @color-link; color: @color-nav; content: counter(nav-counter); position: absolute; @@ -81,20 +93,25 @@ transition: @transition background-color; } - &.opened, &.closed{ + &.opened, + &.closed { padding: 0; - &::before, &::after{ + + &::before, + &::after { display: none; } - a{ - display: block; + + a { position: relative; - padding: .5rem 0 .8rem (@icon-size + 1); - margin-bottom: -.3rem; + display: block; border: 1px solid transparent; + border-radius: 2px; + margin-bottom: -.3rem; + padding: .6rem 0 .7rem (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + &::before { - //background-color: @color-link; - color: @color-nav; content: counter(nav-counter); position: absolute; top: -.1rem; @@ -108,6 +125,7 @@ height: 100%; width: @icon-size; overflow: hidden; + color: @color-nav; text-align: center; margin-top: auto; margin-bottom: auto; @@ -123,46 +141,55 @@ background-color: @color-border; transition: @transition background-color; } - &:hover, &:focus, &:active{ - text-decoration: none; + + &:hover, + &:focus, + &:active { background-color: #fff; border-color: @color-link; color: @color-link; + text-decoration: none; } } - } - &.opened{ - a{ + &.opened { + a { background-color: @color-link; color: #fff; - &::after, &::before{ + + &::after, + &::before{ color: #fff; border-color: #fff; } - &:hover, &:focus, &:active{ - text-decoration: none; + + &:hover, + &:focus, + &:active { background-color: #fff; border-color: @color-link; color: @color-link; - &::after, &::before{ + text-decoration: none; + + &::after, + &::before { color: inherit; border-color: inherit; } } } } - + ul{ + + + ul { height: auto; overflow: hidden; } - &.closed + ul{ - height: 0; - } + + &.closed + ul { + height: 0; + } } - - } } } diff --git a/css/base_mixins.less b/css/base_mixins.less index 715abb1..115cc6a 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -160,7 +160,7 @@ .btn-usertools-num () { .num { position: absolute; - right: -.4em; + right: -.5em; top: -.4em; background-color: @button_color; border-radius: 2px; @@ -168,7 +168,7 @@ font-size: .6rem; font-weight: 400; text-align: center; - line-height: 100%; + line-height: 1; padding: .2em .3em .1em; transition: @transition color, @transition background-color; } @@ -189,8 +189,8 @@ .fontello(); .hide-text-show-before(); - color: @color-nav; - font-size: 1rem; + color: inherit; + font-size: 1.3em; margin-top: .2rem; } From 14fc5f24f91533cfa5c8f76be31f756668c92910 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 10:46:02 +0100 Subject: [PATCH 055/669] added var --- css/base.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/css/base.less b/css/base.less index 8aa4e35..fb60e2d 100755 --- a/css/base.less +++ b/css/base.less @@ -45,6 +45,8 @@ @margin-default: 1.5rem; @margin-big: 2.5rem; +@grid: @margin-small; + @transition: ease-out .30s; From ea4d64f5edb9386404aa2c1511f4799068f284c0 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 10:46:21 +0100 Subject: [PATCH 056/669] img as inline-block --- css/area_main-content.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/css/area_main-content.less b/css/area_main-content.less index e6aeee9..d5d984f 100644 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -6,7 +6,9 @@ #dokuwiki__content.main-content { - + img { + display: inline-block; + } /* + + + source block + + + */ .code { From dba38052f8687ae5d617af3b091ed324d75c8845 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 10:47:49 +0100 Subject: [PATCH 057/669] using button-color + button-background --- css/area_main-sidebar.less | 62 ++++++++++++++++++++++-------------- css/area_nav-breadcrumb.less | 4 ++- css/area_nav-usertools.less | 14 ++------ css/area_sidebar-search.less | 6 ++-- css/area_sidetools.less | 16 ++++++++-- css/base_mixins.less | 2 +- 6 files changed, 62 insertions(+), 42 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index a750446..87370ae 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -21,6 +21,7 @@ } li { + list-style-type: none; color: @color-nav; &:first-of-type { @@ -29,16 +30,26 @@ } .li { - color: @color-nav; - a { - color: inherit; + display: list-item; + list-style-type: square; + color: @color-nav; + padding-top: .1rem; + padding-bottom: .1rem; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_color; + } } } /* + + + first level + + + */ - > li {position: relative; + > li { + position: relative; list-style-type: none; margin: 0; padding: 0 0 .3rem 0; @@ -48,22 +59,20 @@ content: ''; position: absolute; left: 0; - bottom: 0px; + bottom: 0; display: block; width: 100%; height: 1px; background-color: @color-border; - transition: @transition background-color; } > .li { position: relative; z-index: 1; - padding: .5rem 0 .5rem (@icon-size + 1); margin-top: -1px; + padding: .5rem 0 .5rem (@icon-size + 1); &::before { - color: @color-nav; content: counter(nav-counter); position: absolute; top: 0; @@ -77,6 +86,7 @@ height: 100%; width: @icon-size; overflow: hidden; + color: @color-nav; text-align: center; margin-top: auto; margin-bottom: auto; @@ -90,7 +100,6 @@ width: 1px; left: (@icon-size + .5); background-color: @color-border; - transition: @transition background-color; } &.opened, @@ -129,6 +138,7 @@ text-align: center; margin-top: auto; margin-bottom: auto; + transition: @transition color; } &::after { @@ -145,37 +155,41 @@ &:hover, &:focus, &:active { - background-color: #fff; - border-color: @color-link; - color: @color-link; + background-color: @button_background; + border-color: @button_color; + color: @button_color; text-decoration: none; + + &::before { + color: @button_color; + } + + &::after { + background-color: @button_color; + } } } } &.opened { a { - background-color: @color-link; - color: #fff; + background-color: @button_color; + color: @button_background; - &::after, - &::before{ - color: #fff; - border-color: #fff; + &::before { + color: @button_background; } &:hover, &:focus, &:active { - background-color: #fff; - border-color: @color-link; - color: @color-link; + background-color: @button_background; + border-color: @button_color; + color: @button_color; text-decoration: none; - &::after, &::before { - color: inherit; - border-color: inherit; + color: @button_color; } } } diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 4fc30ab..38b861e 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -160,6 +160,8 @@ } } -.mode_admin{ + +/* + + + + + ? + + + + + */ +.mode_admin { } diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 74a38ec..0d1b134 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -90,17 +90,9 @@ } .prefix { - .btn-prefix (); + .btn-prefix(); .icon-clipboard(); } - - &.opentasks, - &.opentask { - .num { - background-color: @color-link; - color: #fff; - } - } } // user-task } // li @@ -118,10 +110,10 @@ &:hover, &:active, &:focus { - border-color: @color-nav-hover; + border-color: @button_color; //-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: @color-nav-hover; + color: @button_color; } &::before { diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index f48f501..ff96456 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -46,11 +46,11 @@ &:hover, &:focus, &:active { - border: solid 1px @color-link; - color: @color-link; + border: solid 1px @button_color; + color: @button_color; &::after { - background-color: @color-link; + background-color: @button_color; } } diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 1c69786..348a927 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -50,16 +50,28 @@ } } + /* + + + linklist + + + */ ul { padding-left: (@icon-size + .5); } li { - color: @color-nav; + list-style-type: none; a { - color: inherit; + display: list-item; + list-style-type: square; + color: @color-nav; + padding-top: .1rem; + padding-bottom: .1rem; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_color; + } } &:first-of-type { diff --git a/css/base_mixins.less b/css/base_mixins.less index 115cc6a..9f75f95 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -164,7 +164,7 @@ top: -.4em; background-color: @button_color; border-radius: 2px; - color: #fff; + color: @button_background; font-size: .6rem; font-weight: 400; text-align: center; From 98c19ec009dbb92fc86fbfb5e2488791a23c54a2 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 11:18:53 +0100 Subject: [PATCH 058/669] color + hover + padding --- css/area_nav-breadcrumb.less | 31 ++++++++++++++++--------------- css/plugins/magic-matcher.less | 2 +- 2 files changed, 17 insertions(+), 16 deletions(-) diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 38b861e..e5c3e60 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -5,7 +5,7 @@ */ .breadcrumbs { - padding: @margin-small 1.8rem; + padding: (@margin-small + .2) 1.8rem @margin-small; border-bottom: 1px solid @color-border; > p { @@ -20,24 +20,21 @@ .sr-only(); } - a { - &:hover, - &:focus, - &:active { - color: @color-nav; - } - } - span.home { a { .fontello(); .hide-text-show-before(); .icon-home(); - height: 1em; + min-height: 1.8em; width: auto; + box-sizing: border-box; + border: solid 1px transparent; + border-radius: 2px; + vertical-align: middle; text-decoration: none; - transition: @transition color; + margin-top: -.2em; + transition: @transition border-color; &:before { font-size: 1rem; @@ -47,21 +44,25 @@ &:hover, &:focus, &:active { - color: @color-link-hover; + border-color: @color-link; } } } + + bdi { + padding: .1em .1em 0; + } } /* + + + + + icon list + + + + + */ .page-attributes { + list-style: none; float: right; display: inline-block; - list-style: none; - margin: 0; - padding: 0; max-width: 30%; + margin: -.2em 0 0; + padding: 0; > li { .btn-usertools-wrapper(); // uniform li diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index b0e0741..d1963b1 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -39,7 +39,7 @@ a.jiralink { img { float: left; display: inline-block; - margin-top: 2px; + margin-top: .3em; margin-right: 3px; } From fa90fc6fcead32347f28b4c5c8bae3f558b9a681 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 13:38:10 +0100 Subject: [PATCH 059/669] button-var reverted --- css/area_main-sidebar.less | 26 +++++++++++++------------- css/area_nav-breadcrumb.less | 6 +++--- css/area_nav-usertools.less | 4 ++-- css/area_sidebar-search.less | 6 +++--- css/area_sidetools.less | 2 +- css/base_mixins.less | 8 ++++---- 6 files changed, 26 insertions(+), 26 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index 87370ae..f13def7 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -41,7 +41,7 @@ &:hover, &:focus, &:active { - color: @button_color; + color: @button_background; } } } @@ -155,17 +155,17 @@ &:hover, &:focus, &:active { - background-color: @button_background; - border-color: @button_color; - color: @button_color; + background-color: @button_color; + border-color: @button_background; + color: @button_background; text-decoration: none; &::before { - color: @button_color; + color: @button_background; } &::after { - background-color: @button_color; + background-color: @button_background; } } } @@ -173,23 +173,23 @@ &.opened { a { - background-color: @button_color; - color: @button_background; + background-color: @button_background; + color: @button_color; &::before { - color: @button_background; + color: @button_color; } &:hover, &:focus, &:active { - background-color: @button_background; - border-color: @button_color; - color: @button_color; + background-color: @button_color; + border-color: @button_background; + color: @button_background; text-decoration: none; &::before { - color: @button_color; + color: @button_background; } } } diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index e5c3e60..0a84098 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -118,11 +118,11 @@ &:hover, &:active, &:focus { - border-color: @button_color; - color: @button_color; + border-color: @button_background; + color: @button_background; .prefix { - color: @button_color; + color: @button_background; } } } diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 0d1b134..eba2f87 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -110,10 +110,10 @@ &:hover, &:active, &:focus { - border-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_color; + color: @button_background; } &::before { diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index ff96456..1006884 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -46,11 +46,11 @@ &:hover, &:focus, &:active { - border: solid 1px @button_color; - color: @button_color; + border: solid 1px @button_background; + color: @button_background; &::after { - background-color: @button_color; + background-color: @button_background; } } diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 348a927..219d910 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -70,7 +70,7 @@ &:hover, &:focus, &:active { - color: @button_color; + color: @button_background; } } diff --git a/css/base_mixins.less b/css/base_mixins.less index 9f75f95..242cd04 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -162,9 +162,9 @@ position: absolute; right: -.5em; top: -.4em; - background-color: @button_color; + background-color: @button_background; border-radius: 2px; - color: @button_background; + color: @button_color; font-size: .6rem; font-weight: 400; text-align: center; @@ -178,8 +178,8 @@ &:active, &:focus { .num { - background-color: @button_color; - color: @button_background; + background-color: @button_background; + color: @button_color; } } } From 646345133d72c121c484c6161208fb384f2f2bef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 13:38:12 +0100 Subject: [PATCH 060/669] side-tools, user links, admin panel --- conf/default.php | 3 +- conf/metadata.php | 1 + css/area_sidetools.less | 14 ++- css/base_design.less | 18 ++- css/base_structure.less | 10 ++ js/base/spc.js | 29 +++++ lang/de/settings.php | 1 + lang/en/settings.php | 1 + main.php | 20 +++- mediamanager.php | 109 +++++++++++++----- tpl/nav-usermenu.php | 23 ++++ ...sertools.php => nav-usertools-buttons.php} | 0 12 files changed, 191 insertions(+), 38 deletions(-) create mode 100755 tpl/nav-usermenu.php rename tpl/{nav-usertools.php => nav-usertools-buttons.php} (100%) diff --git a/conf/default.php b/conf/default.php index 7f6bbe7..fff2ca5 100755 --- a/conf/default.php +++ b/conf/default.php @@ -9,6 +9,7 @@ $conf['logo_spacer'] = 'logo_spacer.png'; $conf['discussionPage'] = 'discussion:@ID@'; $conf['userPage'] = 'user:@USER@:'; +$conf['user_ns'] = 'user'; $conf['hideTools'] = 0; $conf['tasks_page'] = 'dashboard'; -$conf['copyright'] = 'CosmoCode 2017'; +$conf['copyright'] = 'CosmoCode 2017'; diff --git a/conf/metadata.php b/conf/metadata.php index b3f73f4..b8aba0a 100755 --- a/conf/metadata.php +++ b/conf/metadata.php @@ -9,6 +9,7 @@ $conf['logo_spacer'] = array('string'); $meta['discussionPage'] = array('string'); $meta['userPage'] = array('string'); +$conf['user_ns'] = array('string'); $meta['hideTools'] = array('onoff'); $meta['tasks_page'] = array('string'); $meta['copyright'] = array('string'); diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 1c69786..d0a5acc 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -5,9 +5,16 @@ */ -#dokuwiki__sitetools.nav-sitetools { +.side-tools.main-sidebar { @icon-size: 2rem; + > nav{ + margin-top: 1rem; + > ul{ + margin-bottom: 0; + } + } + h6 { //background-color: pink;// hier activ !!! position: relative; width: auto; @@ -15,7 +22,6 @@ color: @color-nav; font-size: .88rem; font-weight: normal; - margin: 0; padding: .5rem 0 .5rem (@icon-size + 1); &::before { @@ -73,7 +79,7 @@ /* min-width: 1440px */ @media @screen_min-xlg { - #dokuwiki__sitetools.nav-sitetools { + .side-tools.main-sidebar { li { font-size: 100%; padding-top: .1rem; @@ -91,7 +97,7 @@ /* max-width: 1199px */ @media @screen_max-xlg { - #dokuwiki__sitetools.nav-sitetools { + .site-tools.main-sidebar { h6 { font-size: 1rem; } diff --git a/css/base_design.less b/css/base_design.less index d92939a..21a0d43 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -126,14 +126,28 @@ h4 { margin: 0 0 1.0em; } h5 { - font-size: .82rem; + font-size: .88rem; margin: 0 0 1.1428em; } h6 { - font-size: .75rem; + font-size: .83rem; margin: 0 0 1.333em; } +p{ + font-size: .83rem; + line-height: 135%; + a, span, strong{ + font-size: inherit; + } +} +label, legend{ + font-size: .83rem; + a, span, strong{ + font-size: inherit; + } +} + p, ul, diff --git a/css/base_structure.less b/css/base_structure.less index 2d00607..72c0a9c 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -154,6 +154,16 @@ .logo img { height: 60px; width: auto; + border-style: solid; + border-color: transparent; + border-width: 0 3px; + } + .logo { + a:hover, a:focus, a:active{ + img { + border: 0 none; + } + } } } diff --git a/js/base/spc.js b/js/base/spc.js index bcac345..a0bc71a 100755 --- a/js/base/spc.js +++ b/js/base/spc.js @@ -165,5 +165,34 @@ var h=window.innerHeight||self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight; arrayPageSize=[w,h]; return arrayPageSize; + }, + useLocStorage: function(){ + return ('localStorage' in window && window.localStorage !== null); + }, + saveLSI: function(key, data){ + if (this.useLocStorage) { + localStorage.setItem(key, data); + } + }, + removeLSI: function(key){ + if (this.useLocStorage) { + localStorage.removeItem(key); + } + }, + getLSI: function(key){ + if (this.useLocStorage) { + return localStorage.getItem(key); + } + return ''; + + }, + showAllLSI: function() { + if (this.useLocStorage) { + var key = ""; + for (var i=0; i<=localStorage.length-1; i++) { + key = localStorage.key(i); + //console.log(key+': '+localStorage.getItem(key)); + } + } } }; diff --git a/lang/de/settings.php b/lang/de/settings.php index 9e2eea5..e6430be 100755 --- a/lang/de/settings.php +++ b/lang/de/settings.php @@ -7,3 +7,4 @@ $lang['discussionPage'] = 'Diskussion-Seite (leer lassen, um Funktion zu deaktivieren)'; $lang['userPage'] = 'Benutzer seite (leer lassen, um Funktion zu deaktivieren)'; $lang['hideTools'] = 'Tools abschalten, wenn der Benutzer nicht angemeldet ist?'; +$lang['user_ns'] = 'Ort an dem Nutzerseiten gespeichert werden'; diff --git a/lang/en/settings.php b/lang/en/settings.php index 5ffea25..4e9d810 100755 --- a/lang/en/settings.php +++ b/lang/en/settings.php @@ -7,3 +7,4 @@ $lang['discussionPage'] = 'Discussion page (leave empty to disable discussions)'; $lang['userPage'] = 'User page (leave empty to disable user pages)'; $lang['hideTools'] = 'Hide tools when not logged in?'; +$lang['user_ns'] = 'Where to store user pages.'; diff --git a/main.php b/main.php index cf07678..0d7ae2a 100755 --- a/main.php +++ b/main.php @@ -14,7 +14,7 @@ if (!defined('DOKU_INC')) die(); /* must be run from with header('X-UA-Compatible: IE=edge,chrome=1'); $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && !empty($_SERVER['REMOTE_USER']) ); -$showSidebar = /*page_findnearest($conf['sidebar']) &&*/ ($ACT=='show'); +$showSidebar = true; /* */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @@ -84,7 +84,7 @@ $showSidebar = /*page_findnearest($conf['sidebar']) &&*/ ($ACT=='show'); /* #dokuwiki__top used as anchor for "back to top" button/link links */ ?> - +
-
+
-
+
+
+ +
@@ -243,7 +253,7 @@ $showSidebar = /*page_findnearest($conf['sidebar']) &&*/ ($ACT=='show'); } } - include('tpl/nav-usertools.php'); + include('tpl/nav-usertools-buttons.php'); if($mm && $matcher !== ""){ include('tpl/nav-magicmatcher.php'); } diff --git a/mediamanager.php b/mediamanager.php index 94fcd9f..3c30f4e 100755 --- a/mediamanager.php +++ b/mediamanager.php @@ -2,7 +2,8 @@ /** * DokuWiki Media Manager Popup * - * @author Andreas Gohr + * @link FIXME + * @author Andreas Gohr , Jana Deutschlaender * @license GPL 2 (http://www.gnu.org/licenses/gpl.html) */ // must be run from within DokuWiki @@ -10,39 +11,95 @@ if (!defined('DOKU_INC')) die(); @require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */ header('X-UA-Compatible: IE=edge,chrome=1'); -?> - +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* conditional comments for IE8 / IE9 browser detection if needed */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +?> + + + - - - <?php echo hsc($lang['mediaselect'])?> - [<?php echo strip_tags($conf['title'])?>] - - - - - + + + + + + + + + <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] + + + + + + - -
+ + +
-
-

+
+
+

- -
+ +
- -
- -
- -
+ +
+
+
+
+ +
+
- + diff --git a/tpl/nav-usermenu.php b/tpl/nav-usermenu.php new file mode 100755 index 0000000..f6fe3fe --- /dev/null +++ b/tpl/nav-usermenu.php @@ -0,0 +1,23 @@ + + + + + diff --git a/tpl/nav-usertools.php b/tpl/nav-usertools-buttons.php similarity index 100% rename from tpl/nav-usertools.php rename to tpl/nav-usertools-buttons.php From 1d7ed72f935dfb63fbe9d8f962501577fe6f8589 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 14:01:12 +0100 Subject: [PATCH 061/669] css moved from main-content to base-design --- css/area_main-content.less | 47 -------------------------------------- css/base_design.less | 43 ++++++++++++++++++++++++++++++---- 2 files changed, 39 insertions(+), 51 deletions(-) diff --git a/css/area_main-content.less b/css/area_main-content.less index 3eca379..bf5304c 100644 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -6,14 +6,6 @@ #dokuwiki__content.main-content { - img { - display: inline-block; - } - -/* + + + source block + + + */ - .code { - margin-top: @grid; - } } @@ -21,26 +13,6 @@ /* min-width: 1440px */ @media @screen_min-xlg { - #dokuwiki__content.main-content { - p, a, - li, dl, - td, th, - label, - button { - font-size: .88rem; - line-height: 140%; - - * { - font-size: inherit; - line-height: inherit; - } - } - - small, - .code { - font-size: .75rem; - } - } } @@ -48,23 +20,4 @@ /* max-width: 1199px */ @media @screen_max-xlg { - #dokuwiki__content.main-content { - p, a, - li, dl, - td, th, - label, - button { - font-size: 1rem; - line-height: 140%; - - * { - font-size: inherit; - line-height: inherit; - } - } - - .code { - font-size: .94rem; - } - } } diff --git a/css/base_design.less b/css/base_design.less index d92939a..e28625e 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -147,6 +147,8 @@ figure, details, fieldset, address { + font-size: .88rem; + line-height: 140%; margin: 0 0 1.4em 0; /* bottom margin = line-height */ padding: 0; } @@ -158,6 +160,15 @@ audio { padding: 0; } +small, +.code { + font-size: .75rem; +} + +.code { + margin-top: @grid; +} + /*____________ lists ____________*/ @@ -165,6 +176,7 @@ ul, ol { padding: 0 0 0 1.5em; } + [dir=rtl] ul, [dir=rtl] ol { padding: 0 1.5em 0 0; @@ -175,10 +187,12 @@ dd { padding: 0; margin: 0 0 0 1.5em; } + [dir=rtl] li, [dir=rtl] dd { margin: 0 1.5em 0 0; } + dt { font-weight: bold; margin: 0; @@ -194,6 +208,7 @@ dl dl { margin-bottom: 0; padding: 0; } + li li { font-size: 100%; } @@ -217,6 +232,7 @@ caption { caption-side: top; text-align: left; } + [dir=rtl] caption { text-align: right; } @@ -228,11 +244,13 @@ td { vertical-align: top; border: 1px solid @ini_border; } + th { font-weight: bold; background-color: @ini_background_alt; text-align: left; } + [dir=rtl] th { text-align: right; } @@ -240,11 +258,13 @@ th { a { outline: none; } + a:link, a:visited { text-decoration: none; color: @ini_link; } + a:hover, a:focus, a:active { @@ -252,6 +272,7 @@ a:active { } img { + display: inline-block; border-width: 0; vertical-align: middle; color: #666; @@ -259,6 +280,7 @@ img { font-style: italic; height: auto; } + img, object, embed, @@ -267,6 +289,7 @@ video, audio { max-width: 100%; } + button img { max-width: none; } @@ -286,6 +309,7 @@ abbr { border-bottom: 1px dotted; font-style: normal; } + em acronym, em abbr { font-style: italic; @@ -310,6 +334,7 @@ kbd { box-shadow: inset 0 0 .3em @ini_border; border-radius: 2px; } + pre { overflow: auto; word-wrap: normal; @@ -324,9 +349,11 @@ blockquote { border: solid @ini_border; border-width: 0 0 0 .25em; } + [dir=rtl] blockquote { border-width: 0 .25em 0 0; } + q:before, q:after { content: ''; @@ -337,9 +364,11 @@ sup { font-size: .8em; line-height: 1; } + sub { vertical-align: sub; } + sup { vertical-align: super; } @@ -348,6 +377,7 @@ small { font-size: .8em; } + /*____________ forms ____________*/ /* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ @@ -357,18 +387,21 @@ form { margin: 0; padding: 0; } + fieldset { - padding: .7em 1em 0; - padding: .7rem 1rem; /* for those browsers understanding :last-child */ + padding: .7rem 1rem; border: 1px solid @ini_text_alt; } + fieldset > :last-child { margin-bottom: 0; } + legend { margin: 0; padding: 0 .1em; } + label { vertical-align: middle; cursor: pointer; @@ -397,10 +430,12 @@ progress { select { max-width: 100%; } + optgroup { font-style: italic; font-weight: bold; } + option { font-style: normal; font-weight: normal; @@ -414,6 +449,7 @@ keygen { box-shadow: inset 0 0 1px #eee; border-radius: 2px; } + input:active, input:focus, textarea:active, @@ -424,6 +460,7 @@ keygen:active, keygen:focus { border-color: #999; } + input[type=radio], input[type=checkbox], input[type=image] { @@ -494,5 +531,3 @@ textarea[readonly] { opacity: .5; background-color: #eee; } - - From b6b228b16d3e618ad3eec47bc63240bdc8a8d87b Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 15:26:31 +0100 Subject: [PATCH 062/669] em --> rem + font-size in responsive --- css/area_footer.less | 2 -- css/area_main-sidebar.less | 36 ++++++++++++------- css/area_nav-usertools.less | 8 ++--- css/area_sidetools.less | 47 ++++++++++++++---------- css/base_design.less | 70 +++++++++++++++++++++++++----------- css/base_mixins.less | 8 ++--- css/plugins/bureaucracy.less | 40 +++++++++++++++++---- 7 files changed, 142 insertions(+), 69 deletions(-) diff --git a/css/area_footer.less b/css/area_footer.less index 6ad4f7a..85ed12c 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -57,8 +57,6 @@ } } } - - } diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index f13def7..8a842d1 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -25,7 +25,7 @@ color: @color-nav; &:first-of-type { - padding-top: .3rem; + padding-top: .3em; } } @@ -34,8 +34,8 @@ display: list-item; list-style-type: square; color: @color-nav; - padding-top: .1rem; - padding-bottom: .1rem; + padding-top: .1em; + padding-bottom: .1em; transition: @transition color; &:hover, @@ -52,7 +52,7 @@ position: relative; list-style-type: none; margin: 0; - padding: 0 0 .3rem 0; + padding: 0 0 .3em; counter-increment: nav-counter; &::after { @@ -70,7 +70,7 @@ position: relative; z-index: 1; margin-top: -1px; - padding: .5rem 0 .5rem (@icon-size + 1); + padding: .5em 0 .5em (@icon-size + 1); &::before { content: counter(nav-counter); @@ -117,13 +117,13 @@ border: 1px solid transparent; border-radius: 2px; margin-bottom: -.3rem; - padding: .6rem 0 .7rem (@icon-size + 1); + padding: .6em 0 .6em (@icon-size + 1); transition: @transition color, @transition background-color, @transition border-color; &::before { content: counter(nav-counter); position: absolute; - top: -.1rem; + top: -.1em; left: 0; display: flex; display: -webkit-flex; @@ -193,6 +193,11 @@ } } } + + + ul { + margin-top: .5em; + margin-bottom: .25em; + } } + ul { @@ -216,12 +221,17 @@ @media @screen_min-xlg { #dokuwiki__aside.main-sidebar { .nav-main { - .li { - font-size: .88rem; - padding: .1rem 0; + > ul > li > .li * { + font-size: .9rem; + } - > * { - font-size: .88rem; + .li { + font-size: .8rem; + padding: .1em 0; + + * { + font-size: inherit; + font-weight: inherit; } } } @@ -237,7 +247,7 @@ .nav-main { .li { font-size: 1rem; - padding: .15rem .25rem; + padding: .15em .25rem; > * { font-size: 1rem; diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index eba2f87..c98f46e 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -8,7 +8,7 @@ .nav-usertools { &.has-bar { margin-top: @height-context-bar; - padding-top: .5rem; + padding-top: .5em; } @@ -16,7 +16,7 @@ ul { float: right; padding: 0; - margin: .2rem -.2rem 0 0; + margin: .2em -.2rem 0 0; li { .btn-usertools-wrapper(); // uniform li @@ -50,7 +50,7 @@ &.user { border: 1px solid @color-border; border-radius: @border-radius; - padding: .3rem .25rem; + padding: .3em .25rem; bdi { color: @color-nav; @@ -123,7 +123,7 @@ box-sizing: border-box; font-size: 1.4em; cursor: pointer; - margin: .2rem 0 0; + margin: .2em 0 0; } /* icon register new user */ diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 5c35194..0657fa9 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -8,24 +8,23 @@ .side-tools.main-sidebar { @icon-size: 2rem; - > nav{ - margin-top: 1rem; - > ul{ + > nav { + margin-top: 1em; + + > ul { margin-bottom: 0; } } - h6 { //background-color: pink;// hier activ !!! + h6 { position: relative; width: auto; height: auto; color: @color-nav; - font-size: .88rem; font-weight: normal; - padding: .5rem 0 .5rem (@icon-size + 1); + padding: .5em 0 .5em (@icon-size + 1.1); &::before { - //background-color: gold; content: 'A'; position: absolute; top: 0; @@ -50,10 +49,15 @@ top: 15%; bottom: 15%; width: 1px; - left: (@icon-size + .5); + left: (@icon-size + .6); background-color: @color-border; transition: @transition background-color; } + + + ul { + margin-top: .5em; + margin-bottom: .25em; + } } @@ -69,8 +73,8 @@ display: list-item; list-style-type: square; color: @color-nav; - padding-top: .1rem; - padding-bottom: .1rem; + padding-top: .1em; + padding-bottom: .1em; transition: @transition color; &:hover, @@ -81,7 +85,7 @@ } &:first-of-type { - padding-top: .3rem; + padding-top: .3em; } } } @@ -92,13 +96,21 @@ @media @screen_min-xlg { .side-tools.main-sidebar { + h6 { + font-size: .9rem; + + * { + font-size: inherit; + } + } + li { font-size: 100%; - padding-top: .1rem; - padding-bottom: .1rem; + padding-top: .1em; + padding-bottom: .1em; > * { - font-size: .88rem; + font-size: .8rem; } } } @@ -106,18 +118,17 @@ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ +/* max-width: 1439px */ @media @screen_max-xlg { - .site-tools.main-sidebar { + .side-tools.main-sidebar { h6 { font-size: 1rem; } li { font-size: 1rem; - padding-top: .15rem; - padding-bottom: .15rem; + padding: .15em .25rem; > * { font-size: 1rem; diff --git a/css/base_design.less b/css/base_design.less index e965bb3..3eaa15c 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -5,12 +5,11 @@ * @author Jana Deutschlaender */ - -html, body{ +html, body { background-color: @color-site-bg; } -a{ +a { color: @ini_existing; } @@ -80,7 +79,6 @@ a{ margin-right: 0; } - caption, figcaption, summary, @@ -89,6 +87,7 @@ legend { margin: 0 0 .35em; line-height: 1.2; } + h1, h2, h3, @@ -100,6 +99,7 @@ h6 { line-height: 1.2; clear: both; } + [dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, @@ -113,41 +113,53 @@ h1 { font-size: 1.4rem; margin: 0 0 0.444em; } + h2 { font-size: 1.12rem; margin: 0 0 0.666em; } + h3 { font-size: 1rem; margin: 0 0 0.888em; } + h4 { font-size: .93rem; margin: 0 0 1.0em; } + h5 { font-size: .88rem; margin: 0 0 1.1428em; } + h6 { font-size: .83rem; margin: 0 0 1.333em; } -p{ +p { font-size: .83rem; line-height: 135%; - a, span, strong{ - font-size: inherit; - } -} -label, legend{ - font-size: .83rem; - a, span, strong{ + + a, + span, + strong { font-size: inherit; } } +label, +legend { + font-size: .88rem; + + a, + span, + strong { + font-size: inherit; + } +} p, ul, @@ -163,7 +175,7 @@ fieldset, address { font-size: .88rem; line-height: 140%; - margin: 0 0 1.4em 0; /* bottom margin = line-height */ + margin: 0 0 1.4em; /* bottom margin = line-height */ padding: 0; } @@ -227,13 +239,29 @@ li li { font-size: 100%; } -ul { list-style: square outside; } -ol { list-style: decimal outside; } -ol ol { list-style-type: lower-alpha; } -ol ol ol { list-style-type: upper-roman; } -ol ol ol ol { list-style-type: upper-alpha; } -ol ol ol ol ol { list-style-type: lower-roman; } +ul { + list-style: square outside; +} +ol { + list-style: decimal outside; +} + +ol ol { + list-style-type: lower-alpha; +} + +ol ol ol { + list-style-type: upper-roman; +} + +ol ol ol ol { + list-style-type: upper-alpha; +} + +ol ol ol ol ol { + list-style-type: lower-roman; +} table { border-collapse: collapse; @@ -388,7 +416,7 @@ sup { } small { - font-size: .8em; + font-size: .9em; } @@ -522,7 +550,7 @@ button:focus, .qq-upload-button:hover { border-color: #999; background-color: #ddd; - background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + 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%); } diff --git a/css/base_mixins.less b/css/base_mixins.less index 242cd04..51c539f 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -150,7 +150,7 @@ color: @color-nav; font-size: .8rem; padding: 0; - margin: 0 .2rem 0 .1rem; + margin: 0 .2rem; * { font-size: .8rem; @@ -160,7 +160,7 @@ .btn-usertools-num () { .num { position: absolute; - right: -.5em; + right: -.4rem; top: -.4em; background-color: @button_background; border-radius: 2px; @@ -169,7 +169,7 @@ font-weight: 400; text-align: center; line-height: 1; - padding: .2em .3em .1em; + padding: .2em .2rem .1em; transition: @transition color, @transition background-color; } @@ -190,7 +190,7 @@ .hide-text-show-before(); color: inherit; - font-size: 1.3em; + font-size: 1rem; margin-top: .2rem; } diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less index ebb32c9..db94803 100644 --- a/css/plugins/bureaucracy.less +++ b/css/plugins/bureaucracy.less @@ -35,6 +35,7 @@ sup { float: right; + font-size: 1em; } input, @@ -47,6 +48,8 @@ } input[type="checkbox"] { + width: 1.5rem; + height: 1.5rem; background-image: none; } @@ -54,12 +57,13 @@ float: left; width: 50%; text-align: right; + line-height: @line-height-default; padding-top: .2em; padding-right: @grid; &:not([class]) { font-weight: bold; - margin-top: .4em; + margin-top: .5em; + input, + select { @@ -106,12 +110,34 @@ -/* neutralize #icke__page .content ul, #icke__page .content ol */ -#icke__page .content ul.autocompletion { - //margin: 0; - //padding: 0.3em; + +#icke__page .content ul.autocompletion {} + +ul.autocompletion li {} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + .dokuwiki form.bureaucracy__plugin { + p { + font-size: .9rem; + } + } } -ul.autocompletion li { - //list-style-type: none; + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + .dokuwiki form.bureaucracy__plugin { + p, + label, + button[type="submit"] { + font-size: 1rem; + } + } } + From fb0ec22f422a5ccde098ae335fbe8fe30a224574 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 15:26:50 +0100 Subject: [PATCH 063/669] additional sidebar menus --- css/area_main-sidebar.less | 1 + css/area_sidetools.less | 32 ++++++++++++++++++++++++++++---- lang/de/lang.js | 1 + lang/de/lang.php | 1 + lang/en/lang.js | 1 + lang/en/lang.php | 1 + main.php | 10 ++++++++++ tpl/nav-trace.php | 11 +++++++++++ 8 files changed, 54 insertions(+), 4 deletions(-) create mode 100755 tpl/nav-trace.php diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index 87370ae..b1dde03 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -10,6 +10,7 @@ /* + + + + + nav main + + + + + */ .nav-main { + padding-bottom: 1.8rem; > ul { @icon-size: 2rem; diff --git a/css/area_sidetools.less b/css/area_sidetools.less index fda5d89..81205f1 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -7,11 +7,12 @@ .side-tools.main-sidebar { @icon-size: 2rem; + counter-increment: bar-counter; > nav{ - margin-top: 1rem; > ul{ margin-bottom: 0; + padding-bottom: .4rem; } } @@ -23,10 +24,9 @@ font-size: .88rem; font-weight: normal; padding: .5rem 0 .5rem (@icon-size + 1); - &::before { //background-color: gold; - content: 'A'; + content: counter(bar-counter, lower-alpha); position: absolute; top: 0; left: 0; @@ -58,9 +58,33 @@ /* + + + linklist + + + */ - ul { + ul,.trace{ padding-left: (@icon-size + .5); } + ul{ + border-bottom: 1px solid @color-border; + } + p{ + border: 1px solid @color-border; + background-color: @background_page-header; + padding: .4rem; + max-height: 200px; + overflow-y: auto; + .bchead, .bcsep{ + display: none; + } + .breadcrumbs{ + padding: 0; margin: 0; + } + bdi{ + display: block; + line-height: 125%; + padding: .1rem 0; + } + a{ + cursor: pointer; + } + } li { list-style-type: none; diff --git a/lang/de/lang.js b/lang/de/lang.js index ff76071..b746f4d 100644 --- a/lang/de/lang.js +++ b/lang/de/lang.js @@ -14,6 +14,7 @@ $lang['head_quick_search'] = 'wikiübergreifende Schnellsuche'; $lang['head_menu_main'] = 'Hauptmenü'; $lang['head_menu_status'] = 'Seitenstatus'; $lang['head_breadcrumb'] = 'Standortanzeiger'; +$lang['head_menu_trace'] = 'zuletzt angesehen'; $lang['quality_trigger'] = 'Seitenanalyse ein- bzw. ausblenden'; diff --git a/lang/de/lang.php b/lang/de/lang.php index 8dd4043..a55def8 100755 --- a/lang/de/lang.php +++ b/lang/de/lang.php @@ -18,6 +18,7 @@ $lang['head_quick_search'] = 'wikiübergreifende Schnellsuche'; $lang['head_menu_main'] = 'Hauptmenü'; $lang['head_menu_status'] = 'Seitenstatus'; $lang['head_breadcrumb'] = 'Standortanzeiger'; +$lang['head_menu_trace'] = 'zuletzt angesehen'; $lang['quality_trigger'] = 'Seitenanalyse ein- bzw. ausblenden'; diff --git a/lang/en/lang.js b/lang/en/lang.js index b268ca0..28f84b2 100644 --- a/lang/en/lang.js +++ b/lang/en/lang.js @@ -13,6 +13,7 @@ $lang['head_quick_search'] = 'quick search'; $lang['head_menu_main'] = 'main menu'; $lang['head_menu_status'] = 'site status'; $lang['head_breadcrumb'] = 'location indicator'; +$lang['head_menu_trace'] = 'trace / visited last'; $lang['quality_trigger'] = 'toggle page analysis'; diff --git a/lang/en/lang.php b/lang/en/lang.php index 09b3d77..9218cef 100755 --- a/lang/en/lang.php +++ b/lang/en/lang.php @@ -18,6 +18,7 @@ $lang['head_quick_search'] = 'quick search'; $lang['head_menu_main'] = 'main menu'; $lang['head_menu_status'] = 'site status'; $lang['head_breadcrumb'] = 'location indicator'; +$lang['head_menu_trace'] = 'trace / visited last'; $lang['quality_trigger'] = 'toggle page analysis'; diff --git a/main.php b/main.php index 0d7ae2a..c13409d 100755 --- a/main.php +++ b/main.php @@ -215,6 +215,16 @@ $showSidebar = true; /* */ ?>
+
+ +
+ + + + From 5939959969429327ac9f2c157b09d3fd5b27a7b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 15:48:32 +0100 Subject: [PATCH 064/669] menu-toggle sidebar --- js/base/rem.min.js | 7 +++++++ js/sidebar-menu.js | 38 ++++++++++++++++++++++++++++++++++++++ script.js | 3 +++ 3 files changed, 48 insertions(+) create mode 100644 js/base/rem.min.js diff --git a/js/base/rem.min.js b/js/base/rem.min.js new file mode 100644 index 0000000..7a96d75 --- /dev/null +++ b/js/base/rem.min.js @@ -0,0 +1,7 @@ +/** + * Module: rem - v1.3.2 + * Description: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers + * Date Built: 2014-07-02 + * Copyright (c) 2014 | Chuck Carpenter ,Lucas Serven ; +**/ +!function(e){"use strict";var t=function(){var e=document.createElement("div");return e.style.cssText="font-size: 1rem;",/rem/.test(e.style.fontSize)},n=function(){for(var e=document.getElementsByTagName("link"),t=[],n=0;n0?(v=[],p=[],m=[],r()):i()}},a=function(e,t){for(var n,r=d(e).replace(/\/\*[\s\S]*?\*\//g,""),o=/[\w\d\s\-\/\\\[\]:,.'"*()<>+~%#^$_=|@]+\{[\w\d\s\-\/\\%#:!;,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!;,.'"*()]*\}/g,a=r.match(o),i=/\d*\.?\d+rem/g,s=r.match(i),c=/(.*\/)/,l=c.exec(t)[0],u=/@import (?:url\()?['"]?([^'\)"]*)['"]?\)?[^;]*/gm;null!==(n=u.exec(e));)m.push(0===n[1].indexOf("/")?n[1]:l+n[1]);null!==a&&0!==a.length&&(f=f.concat(a),g=g.concat(s))},i=function(){for(var e=/[\w\d\s\-\/\\%#:,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!,.'"*()]*[;}]/g,t=0;t 0){ + var $toggler = $menu.find('h6'), + $submenu = $menu.find('nav > ul >li, nav > div'); + if($toggler.length > 0 && $submenu.length > 0){ + $toggler.addClass('closed'); + $toggler.wrapInner(''); + $toggler.each(function( index ) { + $(this).on( "click", function(e) { + e.preventDefault(); + var $this = $(this); + $this.toggleClass('closed'); + $this.toggleClass('opened'); + if($this.hasClass('opened')){ + var $foc = $this.closest('li.level1').find('li.level2:first-child').find('a:first-child'); + if($foc.length > 0){ + $foc.focus(); + } + } + }); + }); + + //FIXME: store current nav state with local storage + } + + + } + + }catch(err){ + alert('err'); + } + }; + $(function(){ mainMenu(); + sideMenu(); }); } )( jQuery, spc ); diff --git a/script.js b/script.js index b1ceb69..3f56cf0 100755 --- a/script.js +++ b/script.js @@ -26,8 +26,11 @@ /* DOKUWIKI:include js/plugins/do_tasks.js */ + /* DOKUWIKI:include js/sidebar-menu.js */ + + From 56e5a149e06289998e4fe4e23e95097dfeee684e Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 5 Jan 2017 15:55:17 +0100 Subject: [PATCH 065/669] font-size in responsive --- css/area_main-sidebar.less | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index 922b1a9..6a47f20 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -11,6 +11,7 @@ /* + + + + + nav main + + + + + */ .nav-main { padding-bottom: 1.8rem; + > ul { @icon-size: 2rem; @@ -35,6 +36,7 @@ display: list-item; list-style-type: square; color: @color-nav; + font-weight: normal; padding-top: .1em; padding-bottom: .1em; transition: @transition color; @@ -73,6 +75,10 @@ margin-top: -1px; padding: .5em 0 .5em (@icon-size + 1); + &[class="li"] { + border-bottom: solid 1px @color-border; + } + &::before { content: counter(nav-counter); position: absolute; @@ -222,8 +228,12 @@ @media @screen_min-xlg { #dokuwiki__aside.main-sidebar { .nav-main { - > ul > li > .li * { + > ul > li > .li { font-size: .9rem; + + * { + font-size: inherit; + } } .li { @@ -231,7 +241,7 @@ padding: .1em 0; * { - font-size: inherit; + font-size: .8rem; font-weight: inherit; } } @@ -251,7 +261,7 @@ padding: .15em .25rem; > * { - font-size: 1rem; + font-size: inherit; } } } From 19265a3d2c55c6000faebefd4f048a3874765e6a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 17:04:48 +0100 Subject: [PATCH 066/669] sidebar toggle + scrolltobottom for trace on page load --- css/area_sidetools.less | 2 +- js/sidebar-menu.js | 139 +++++++++++++++++++++++----------------- script.js | 6 +- 3 files changed, 84 insertions(+), 63 deletions(-) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 81205f1..7db9647 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -68,7 +68,7 @@ border: 1px solid @color-border; background-color: @background_page-header; padding: .4rem; - max-height: 200px; + max-height: 6rem; overflow-y: auto; .bchead, .bcsep{ display: none; diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index 371d3a0..1a87438 100644 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -1,77 +1,100 @@ ( function( $, spc ) { - var mainMenu = function(){ - var $menu = $('.nav-main').find('> ul'); + var addToggleLink = function($elem){ + $elem.wrapInner(''); + }, + toggleState = function($toggler){ + $toggler.toggleClass('closed'); + $toggler.toggleClass('opened'); + }, + focusFirstSubLink = function($elem, is2nd){ - try{ - if($menu.length > 0){ - var $toggler = $menu.find('> li.level1 > .li'), - $submenu = $menu.find('> li.level1 > ul'); - if($toggler.length > 0 && $submenu.length > 0){ - $toggler.addClass('closed'); - $toggler.wrapInner(''); - $toggler.each(function( index ) { - $(this).on( "click", function(e) { - e.preventDefault(); - var $this = $(this); - $this.toggleClass('closed'); - $this.toggleClass('opened'); - if($this.hasClass('opened')){ - var $foc = $this.closest('li.level1').find('li.level2:first-child').find('a:first-child'); - if($foc.length > 0){ - $foc.focus(); + var $foc = (is2nd) ? $elem.find('a')[1] : $elem.find('a')[0]; + + if($foc){ + $foc.focus(); + } + return $foc; + }, + focusLastSubLink = function($elem){ + + var $foc = $elem.find('a:last-child'), + height = $elem.find('p').scrollHeight; + + if($foc){ + $foc.focus(); + } + $elem.scrollTop(height); + return $foc; + }, + + mainMenu = function(){ + var $menu = $('.nav-main').find('> ul'); + + try{ + if($menu.length > 0){ + var $toggler = $menu.find('> li.level1 > .li'), + $submenu = $menu.find('> li.level1 > ul'); + if($toggler.length > 0 && $submenu.length > 0){ + + $toggler.addClass('closed'); + addToggleLink($toggler); + $toggler.each(function( index ) { + $(this).on( "click", function(e) { + e.preventDefault(); + var $this = $(this); + toggleState($this); + if($this.hasClass('opened')){ + var $foc = focusFirstSubLink($this.closest('li.level1'), true); } - } + }); }); - }); - //FIXME: store current nav state with local storage + //FIXME: store current nav state with local storage + } + + } + }catch(err){ } - - }catch(err){ - - } - }; - - var sideMenu = function(){ - var $menu = $('.tools').find('.toggle-menu'); + }, + sideMenu = function(){ + var $menus = $('.tools').find('.toggle-menu'); - try{ - if($menu.length > 0){ - var $toggler = $menu.find('h6'), - $submenu = $menu.find('nav > ul >li, nav > div'); - if($toggler.length > 0 && $submenu.length > 0){ - $toggler.addClass('closed'); - $toggler.wrapInner(''); - $toggler.each(function( index ) { - $(this).on( "click", function(e) { - e.preventDefault(); - var $this = $(this); - $this.toggleClass('closed'); - $this.toggleClass('opened'); - if($this.hasClass('opened')){ - var $foc = $this.closest('li.level1').find('li.level2:first-child').find('a:first-child'); - if($foc.length > 0){ - $foc.focus(); - } - } - }); - }); + try{ + $menus.each(function( ) { + var $menu = $(this); + if($menu.length > 0){ + var $toggler = $menu.find('h6'), + $submenu = $menu.find('nav > ul, nav > div'); + if($toggler.length > 0 && $submenu.length > 0) { - //FIXME: store current nav state with local storage - } + $toggler.addClass('closed'); + addToggleLink($toggler); + $toggler.each(function (index) { + $(this).on("click", function (e) { + e.preventDefault(); + var $this = $(this); + toggleState($this); + if ($this.hasClass('opened')) { + var $elem = ($submenu.is('div')) ? focusLastSubLink($submenu): focusFirstSubLink($submenu,false); + } + }); + }); + + //FIXME: store current nav state with local storage + } + } + }); + }catch(err){ + alert('err'); } - - }catch(err){ - alert('err'); - } - }; + }; $(function(){ mainMenu(); diff --git a/script.js b/script.js index 3f56cf0..166cae9 100755 --- a/script.js +++ b/script.js @@ -24,13 +24,11 @@ } )( jQuery, spc, wikiLang ); - /* DOKUWIKI:include js/plugins/do_tasks.js */ + + /* DOKUWIKI:include js/sidebar-menu.js */ - - - From d76e83a7bcb6365b3f0be92ab789c2c1226bb937 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 17:10:34 +0100 Subject: [PATCH 067/669] Format --- css/area_sidetools.less | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 7db9647..ee5ee09 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -61,27 +61,29 @@ ul,.trace{ padding-left: (@icon-size + .5); } + ul{ border-bottom: 1px solid @color-border; } - p{ + + p { border: 1px solid @color-border; background-color: @background_page-header; padding: .4rem; max-height: 6rem; overflow-y: auto; - .bchead, .bcsep{ + .bchead, .bcsep { display: none; } - .breadcrumbs{ + .breadcrumbs { padding: 0; margin: 0; } - bdi{ + bdi { display: block; line-height: 125%; padding: .1rem 0; } - a{ + a { cursor: pointer; } } From 42f5d72185f2b28853d0738751f1132f4526afbc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 17:12:06 +0100 Subject: [PATCH 068/669] Format --- css/area_sidetools.less | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index ee5ee09..0d70657 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -61,28 +61,33 @@ ul,.trace{ padding-left: (@icon-size + .5); } - + ul{ border-bottom: 1px solid @color-border; } p { - border: 1px solid @color-border; - background-color: @background_page-header; - padding: .4rem; max-height: 6rem; overflow-y: auto; - .bchead, .bcsep { + background-color: @background_page-header; + border: 1px solid @color-border; + padding: .4rem; + + .bchead, + .bcsep { display: none; } + .breadcrumbs { padding: 0; margin: 0; } + bdi { display: block; line-height: 125%; padding: .1rem 0; } + a { cursor: pointer; } From 83efa0de010dbd4219c46aa24e98e0c7f68bf1c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 18:23:56 +0100 Subject: [PATCH 069/669] mobile view part 1 --- conf/default.php | 2 ++ css/area_nav-pagetools.less | 2 +- css/area_sidetools.less | 31 ++++++++++++++++++++++++---- css/base_structure.less | 37 ++++++++++++++++++++++++++++++++++ css/plugins/magic-matcher.less | 9 +++++++++ tpl/main-sidebar-logo.php | 7 +++++-- 6 files changed, 81 insertions(+), 7 deletions(-) diff --git a/conf/default.php b/conf/default.php index fff2ca5..04268b6 100755 --- a/conf/default.php +++ b/conf/default.php @@ -5,6 +5,8 @@ */ $conf['logo'] = 'logo.png'; +$conf['mobile_logo'] = 'images/fav/favicon-32x32.png'; + $conf['logo_spacer'] = 'logo_spacer.png'; $conf['discussionPage'] = 'discussion:@ID@'; diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index c91c25a..e95c33f 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -156,6 +156,6 @@ nav#dokuwiki__pagetools{ @media @screen_max-md { nav#dokuwiki__pagetools { - right: 0; + right: 8px; } } diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 0bca9ac..3193fb5 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -55,10 +55,29 @@ transition: @transition background-color; } - + ul { - margin-top: .5em; - margin-bottom: .25em; + + ul,+ div { + height: auto; + overflow: hidden; } + + &.opened { + + ul, + div { + height: auto; + overflow: hidden; + } + + ul { + margin-top: .5em; + margin-bottom: .25em; + } + } + + &.closed { + + ul, + div { + height: 0; + padding: 0; + } + } + } @@ -78,6 +97,10 @@ background-color: @background_page-header; border: 1px solid @color-border; padding: .4rem; + font-size: .8rem; + *{ + font-size: inherit; + } .bchead, .bcsep { @@ -169,4 +192,4 @@ } } } -} \ No newline at end of file +} diff --git a/css/base_structure.less b/css/base_structure.less index 72c0a9c..c0318d2 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -193,3 +193,40 @@ } } + +@media @screen_max-md { + + .container { + margin: 0 2.5rem 0 1.25rem; + } + + #dokuwiki__usertools{ + margin-top: 0; + max-width: 75%; + position: absolute; + top: 0; + } + + .content{ + position: relative; + #dokuwiki__pagetools{ + top: 0; + + } + } + + #dokuwiki__header{ + .logo{ + width: 200px; + max-width: 33%; + margin: .8rem 0; + } + } + + .tools{ + .main-sidebar{ + display: none; + } + } +} + diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index d1963b1..0ed1723 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -77,6 +77,15 @@ a.jiralink { } } +@media @screen_max-md { + #dokuwiki_magic-matcher { + position: relative; + .container{ + margin: .8rem 0 -5px; + } + } +} + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ diff --git a/tpl/main-sidebar-logo.php b/tpl/main-sidebar-logo.php index b740aa4..5408ddd 100755 --- a/tpl/main-sidebar-logo.php +++ b/tpl/main-sidebar-logo.php @@ -4,8 +4,11 @@ /* homepage logo should not link to itself (BITV accessibility requirement) */ if (strcmp(wl(), $_SERVER['REQUEST_URI']) === 0 ){ - echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; + echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; + echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; + } else{ - tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); + tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); + tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); } echo "
"; From 742a706335c9842c4a9c8644d5d64d2ca3bfadfb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 5 Jan 2017 19:01:19 +0100 Subject: [PATCH 070/669] magic matcher mobile --- css/base.less | 5 ++-- css/base_structure.less | 16 ++++++++----- css/plugins/magic-matcher.less | 42 ++++++++++++++++++++++++++++++++++ 3 files changed, 54 insertions(+), 9 deletions(-) diff --git a/css/base.less b/css/base.less index fb60e2d..8aa3cda 100755 --- a/css/base.less +++ b/css/base.less @@ -241,8 +241,7 @@ nav > ul { .mobile-only { display: none; - - @media @screen_max-xs { + @media @screen_max-md { display: inline-block; } } @@ -250,7 +249,7 @@ nav > ul { .mobile-hide { display: inline-block; - @media @screen_max-xs { + @media @screen_max-md { display: none; } } diff --git a/css/base_structure.less b/css/base_structure.less index c0318d2..e97e995 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -200,33 +200,37 @@ margin: 0 2.5rem 0 1.25rem; } - #dokuwiki__usertools{ + #dokuwiki__usertools { margin-top: 0; max-width: 75%; position: absolute; top: 0; } - .content{ + .content { position: relative; #dokuwiki__pagetools{ top: 0; } + .row > .col-xs-12 #dokuwiki__content::before{ + display: none; + } } - #dokuwiki__header{ - .logo{ + #dokuwiki__header { + .logo { width: 200px; max-width: 33%; margin: .8rem 0; } } - .tools{ - .main-sidebar{ + .tools { + .main-sidebar { display: none; } } + } diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 0ed1723..faa51dd 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -11,6 +11,25 @@ top: 0; left: 0; width: 100%; + #mm__issueselect_chosen{ + max-width: 50%; + } + + button[name="toggleSuggestions"]{ + position: absolute; + right: 0; top: 0; + border: 0; + border-bottom: 1px solid @color-border; + border-left: 1px solid @color-border; + color: @color-nav; + background: #fff; + border-radius: 0; + border-bottom-left-radius: 5px; + &:hover, &:focus, &:active{ + border-color: @button_background; + color: @button_background; + } + } #magicmatcher__context { box-sizing: border-box; @@ -24,11 +43,31 @@ padding: .8em 1em .5em; margin-bottom: 0; + font-size: .88rem; + + .chosen-container-single, + .chosen-container-single *, + #mm_issue_loading, + .mm__status, + .toggleSuggestions { + font-size: .88rem; + } + .chosen-container-single { + .chosen-single span { line-height: @line-height-bigger; } } + @media @screen_max-md { + padding-top: 1.8rem; + .chosen-container{ + display: block; + min-width: 100%; + max-width: 100%; + margin-bottom: .5rem; + } + } } } @@ -83,6 +122,9 @@ a.jiralink { .container{ margin: .8rem 0 -5px; } + #magicmatcher__context{ + border-radius: 0; + } } } From b965719e3cd981e2881d6c9ab8dda77ec0a6a86d Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 10:05:27 +0100 Subject: [PATCH 071/669] code cleaning + hover for logo only 2px border --- css/base_structure.less | 96 +++++++++++++++-------------------------- 1 file changed, 34 insertions(+), 62 deletions(-) diff --git a/css/base_structure.less b/css/base_structure.less index e97e995..6f6ccc9 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -18,38 +18,20 @@ } @media @screen_min-xxs { - .container { - //border: 1px solid deeppink; - } } @media @screen_min-xs { - .container { - //border: 1px solid orangered; - } } @media @screen_min-sm { - .container { - //border: 1px solid green; - } - .make-grid(sm); } @media @screen_min-md { - .container { - //border: 1px solid blue; - } - .make-grid(md); } @media @screen_min-lg { - .container { - //border: 1px solid blue; - } - .make-grid(lg); } @@ -57,25 +39,16 @@ html { font-size: 120%; } - - .container { - //border: 1px solid red; - } } @media @screen_min-xxlg { html { //font-size: 135%; } - - .container { - //border: 1px solid red; - } } +/* + + + + + z-indeces + + + + + */ @media @screen_min-md { - - // z-indeces .nav-direct p { z-index: 1000; } @@ -103,9 +76,11 @@ width: 100%; } - .header, .tools { + .header, + .tools { .row { position: relative; + > .col-xs-12 { width: 23%; box-sizing: border-box; @@ -129,12 +104,36 @@ .content { .row > .col-xs-12 { - width: 100%; position: relative; + width: 100%; background-color: #fff; } } + .claim { + .logo { + position: absolute; + bottom: 1em; + overflow: visible; + + img { + height: 60px; + width: auto; + border-style: solid; + border-color: transparent; + border-width: 0 2px; + } + + a:hover, + a:focus, + a:active { + img { + border-width: 0; + } + } + } + } + .showSidebar { .content { .row > .col-xs-12 { @@ -142,32 +141,7 @@ float: right; } } - } - .claim { - .logo { - position: absolute; - bottom: 1em; - overflow: visible; - } - - .logo img { - height: 60px; - width: auto; - border-style: solid; - border-color: transparent; - border-width: 0 3px; - } - .logo { - a:hover, a:focus, a:active{ - img { - border: 0 none; - } - } - } - } - - .showSidebar { .claim { .logo { position: absolute; @@ -176,6 +150,7 @@ width: 100%; // fo IE overflow: visible; } + .logo img { max-width: 100%; height: auto; @@ -193,9 +168,7 @@ } } - @media @screen_max-md { - .container { margin: 0 2.5rem 0 1.25rem; } @@ -209,11 +182,12 @@ .content { position: relative; - #dokuwiki__pagetools{ - top: 0; + #dokuwiki__pagetools { + top: 0; } - .row > .col-xs-12 #dokuwiki__content::before{ + + .row > .col-xs-12 #dokuwiki__content::before { display: none; } } @@ -231,6 +205,4 @@ display: none; } } - } - From 04289d080f0399f474d81a40b87004ff0cafcdfb Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 10:05:54 +0100 Subject: [PATCH 072/669] sidebar: last LI without border-bottom --- css/area_main-sidebar.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index 6a47f20..7b9652d 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -52,13 +52,13 @@ /* + + + first level + + + */ > li { + counter-increment: nav-counter; position: relative; list-style-type: none; margin: 0; padding: 0 0 .3em; - counter-increment: nav-counter; - &::after { + &:not(:last-of-type)::after { content: ''; position: absolute; left: 0; From 1b08ab7c4791890646ec1cf1af9aaccd868c322f Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 10:20:27 +0100 Subject: [PATCH 073/669] linked h6 + add css for trace --- css/area_sidetools.less | 333 +++++++++++++++++++++++++++------------- 1 file changed, 229 insertions(+), 104 deletions(-) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 3193fb5..7b1fad4 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -10,78 +10,6 @@ counter-increment: bar-counter; - > nav { - > ul { - padding-bottom: .4rem; - margin-bottom: 0; - } - } - - h6 { - position: relative; - width: auto; - height: auto; - color: @color-nav; - font-weight: normal; - padding: .5em 0 .5em (@icon-size + 1.1); - - &::before { - content: counter(bar-counter, lower-alpha); - position: absolute; - top: 0; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - text-align: center; - margin-top: auto; - margin-bottom: auto; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .6); - background-color: @color-border; - transition: @transition background-color; - } - - + ul,+ div { - height: auto; - overflow: hidden; - } - - &.opened { - + ul, + div { - height: auto; - overflow: hidden; - } - + ul { - margin-top: .5em; - margin-bottom: .25em; - } - } - - &.closed { - + ul, + div { - height: 0; - padding: 0; - } - } - - } - - -/* + + + linklist + + + */ ul, .trace { padding-left: (@icon-size + .5); @@ -91,38 +19,6 @@ border-bottom: 1px solid @color-border; } - p { - max-height: 6rem; - overflow-y: auto; - background-color: @background_page-header; - border: 1px solid @color-border; - padding: .4rem; - font-size: .8rem; - *{ - font-size: inherit; - } - - .bchead, - .bcsep { - display: none; - } - - .breadcrumbs { - padding: 0; - margin: 0; - } - - bdi { - display: block; - line-height: 125%; - padding: .1rem 0; - } - - a { - cursor: pointer; - } - } - li { list-style-type: none; @@ -145,6 +41,235 @@ padding-top: .3em; } } + + > nav { + > ul { + margin: 0; + padding: 0 0 0 (@icon-size + .5); + + li { + list-style-type: none; + color: @color-nav; + + &:first-of-type { + padding-top: .3em; + } + } + } + } + + +/* + + + + + headlines for linklists + + + + + */ + h6 { + position: relative; + width: auto; + height: auto; + color: @color-nav; + font-weight: normal; + padding: .5em 0 .5em (@icon-size + 1.1); + + &[class="sr-only"] { + border-bottom: solid 1px @color-border; + } + + * { + color: inherit; + } + + +/* + + + icon + + + */ + &::before { + content: counter(bar-counter, lower-alpha); + position: absolute; + top: 0; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + +/* + + + line bottom + + + */ + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .6); + background-color: @color-border; + transition: @transition background-color; + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + +/* + + + toggle + + + */ + &.opened, + &.closed { + padding: 0; + + &::before, + &::after { + display: none; + } + + a { + position: relative; + display: block; + border: 1px solid transparent; + border-radius: 2px; + padding: .6em 0 .6em (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + content: counter(bar-counter, lower-alpha); + position: absolute; + top: -.1em; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + transition: @transition color; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + + &::after { + background-color: @button_background; + } + } + } + } + + &.opened { + a { + background-color: @button_background; + color: @button_color; + + &::before { + color: @button_color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + } + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + + ul { + margin-top: .5em; + padding-bottom: .4rem; + } + } + + &.closed { + + ul, + + div { + height: 0; + } + } + } + + +/* + + + + + f.i. trace + + + + + */ + p { + max-height: 6rem; + overflow-y: auto; + background-color: @background_page-header; + border: 1px solid @button_background; + font-size: .8rem; + padding: .5rem .6em; + + * { + font-size: inherit; + } + + .bchead { + display: none; + } + + .bcsep { + display: inline-block; + vertical-align: top; + padding-top: .3em; + } + + .breadcrumbs { + border: 0 none; + padding: 0; + margin: 0; + } + + bdi { + display: inline-block; + width: 95%; + line-height: 125%; + padding: .1rem 0; + } + + a { + cursor: pointer; + } + } } From 52b93d12e9171b5f43c148b4ee48dfbeadde1035 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 11:51:32 +0100 Subject: [PATCH 074/669] hover: bg-color for hover --- css/area_nav-breadcrumb.less | 3 ++- css/area_nav-usertools.less | 3 ++- css/area_sidebar-search.less | 3 ++- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 0a84098..b0c96ea 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -109,7 +109,7 @@ } // li a { - transition: @transition color, @transition border-color; + transition: @transition color, @transition background-color, @transition border-color; &[aria-expanded="false"] + #plugin__qc__wrapper { display: none; @@ -118,6 +118,7 @@ &:hover, &:active, &:focus { + background-color: @button_color; border-color: @button_background; color: @button_background; diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index c98f46e..094400d 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -105,11 +105,12 @@ cursor: pointer; background-color: #fff; text-decoration: none; - transition: @transition color, @transition border-color; + 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); diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index 1006884..0268218 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -41,11 +41,12 @@ color: @color-nav; margin-left: -(@icon-size); padding: 0; - transition: @transition color, @transition border-color; + transition: @transition color, @transition background-color, @transition border-color; &:hover, &:focus, &:active { + background-color: @button_color; border: solid 1px @button_background; color: @button_background; From 80a859757131f8960d0bceb1687a4aed3502f416 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 11:52:51 +0100 Subject: [PATCH 075/669] deleted margin-bottom for main-content (for optional bg-color without white space) --- css/base_design.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/base_design.less b/css/base_design.less index 3eaa15c..85d3067 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -54,7 +54,7 @@ a { background: @color-content-bg; color: inherit; padding: 1rem 2rem 2rem; - margin-bottom: .5rem; + // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border overflow: hidden; word-wrap: break-word; } From 2c70b809106e9f30c0c51509c17f919cb8739180 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 11:53:49 +0100 Subject: [PATCH 076/669] trace + better padding and font for responsive --- css/area_sidetools.less | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 7b1fad4..930caba 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -234,10 +234,12 @@ p { max-height: 6rem; overflow-y: auto; - background-color: @background_page-header; + background-color: @color-content-bg; border: 1px solid @button_background; + border-radius: 2px; font-size: .8rem; - padding: .5rem .6em; + margin-top: .1rem; + padding: .3rem .6em; * { font-size: inherit; @@ -250,6 +252,7 @@ .bcsep { display: inline-block; vertical-align: top; + color: @color-link; padding-top: .3em; } @@ -287,12 +290,11 @@ } li { - font-size: 100%; - padding-top: .1em; - padding-bottom: .1em; + font-size: .8rem; + padding: .1em 0 .1em .1rem; > * { - font-size: .8rem; + font-size: inherit; } } } @@ -309,11 +311,11 @@ } li { - font-size: 1rem; - padding: .15em .25rem; + font-size: .9rem; + padding: .15em 0 .15em .23rem; > * { - font-size: 1rem; + font-size: inherit; } } } From 784809336d85840156e9f038cc1124bca4038b5e Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 11:53:57 +0100 Subject: [PATCH 077/669] better padding and font for responsive --- css/area_main-sidebar.less | 29 +++++++++++++++++++---------- 1 file changed, 19 insertions(+), 10 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index 7b9652d..fe71498 100644 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -228,23 +228,23 @@ @media @screen_min-xlg { #dokuwiki__aside.main-sidebar { .nav-main { - > ul > li > .li { - font-size: .9rem; - - * { - font-size: inherit; - } - } - .li { font-size: .8rem; padding: .1em 0; * { - font-size: .8rem; + font-size: inherit; font-weight: inherit; } } + + > ul > li > .li { + font-size: .9rem; + + * { + font-size: inherit; + } + } } } } @@ -257,8 +257,17 @@ #dokuwiki__aside.main-sidebar { .nav-main { .li { + font-size: .9rem; + padding: .15em 0 .15em .25rem; + + * { + font-size: inherit; + font-weight: inherit; + } + } + + > ul > li > .li { font-size: 1rem; - padding: .15em .25rem; > * { font-size: inherit; From 3417b385647a54f3338721680bc47d2260c0115e Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 12:53:18 +0100 Subject: [PATCH 078/669] font-size in responsive --- css/area_sidetools.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 930caba..38e4cf3 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -318,5 +318,9 @@ font-size: inherit; } } + + p { + font-size: .9rem; + } } } From 16ba7ca94f192d29340cf03dd2b71c1c52016caa Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 12:53:31 +0100 Subject: [PATCH 079/669] __link__ added --- style.ini | 1 + 1 file changed, 1 insertion(+) diff --git a/style.ini b/style.ini index e328b79..35be7aa 100755 --- a/style.ini +++ b/style.ini @@ -126,6 +126,7 @@ __highlight__ = "#efefef" ; @ini_highlight ; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ; these are used for links +__link__ = "#286DA8" ; @ini_link __existing__ = "#286DA8" ; @ini_existing __missing__ = "#CD5360" ; @ini_missing From 746025d20bf4aec35bc52f19055b952708981f98 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 13:55:20 +0100 Subject: [PATCH 080/669] font-size + custom vars --- css/base_design.less | 185 ++++++++++++++++++++++++++++++------------- 1 file changed, 130 insertions(+), 55 deletions(-) diff --git a/css/base_design.less b/css/base_design.less index 85d3067..44ac7ef 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -5,12 +5,13 @@ * @author Jana Deutschlaender */ + html, body { background-color: @color-site-bg; } a { - color: @ini_existing; + color: @color-link; } /* highlight selected tool */ @@ -125,7 +126,7 @@ h3 { } h4 { - font-size: .93rem; + font-size: .94rem; margin: 0 0 1.0em; } @@ -140,7 +141,7 @@ h6 { } p { - font-size: .83rem; + font-size: .88rem; line-height: 135%; a, @@ -151,7 +152,8 @@ p { } label, -legend { +legend, +button { font-size: .88rem; a, @@ -161,6 +163,14 @@ legend { } } +hr, +figure, +details, +address { + font-size: .88rem; + line-height: 140%; +} + p, ul, ol, @@ -173,8 +183,6 @@ figure, details, fieldset, address { - font-size: .88rem; - line-height: 140%; margin: 0 0 1.4em; /* bottom margin = line-height */ padding: 0; } @@ -200,6 +208,8 @@ small, ul, ol { + font-size: .88rem; + line-height: 140%; padding: 0 0 0 1.5em; } @@ -219,6 +229,11 @@ dd { margin: 0 1.5em 0 0; } +dl { + font-size: .88rem; + line-height: 140%; +} + dt { font-weight: bold; margin: 0; @@ -267,7 +282,9 @@ table { border-collapse: collapse; empty-cells: show; border-spacing: 0; - border: 1px solid @ini_border; + border: 1px solid @color-border; + font-size: .88rem; + line-height: 140%; } caption { @@ -284,7 +301,7 @@ td { padding: .3em .5em; margin: 0; vertical-align: top; - border: 1px solid @ini_border; + border: 1px solid @color-border; } th { @@ -304,7 +321,7 @@ a { a:link, a:visited { text-decoration: none; - color: @ini_link; + color: @color-link; } a:hover, @@ -337,7 +354,7 @@ button img { } hr { - border-top: solid @ini_border; + border-top: solid @color-border; border-bottom: solid @ini_background; border-width: 1px 0; height: 0; @@ -371,25 +388,29 @@ kbd { font-size: 1em; direction: ltr; text-align: left; - background-color: @ini_background_site; - color: @ini_text; - box-shadow: inset 0 0 .3em @ini_border; + background-color: @color-site-bg; + color: @color-text; + box-shadow: inset 0 0 .3em @color-border; border-radius: 2px; } pre { overflow: auto; word-wrap: normal; - border: 1px solid @ini_border; + border: 1px solid @color-border; border-radius: 2px; - box-shadow: inset 0 0 .5em @ini_border; + box-shadow: inset 0 0 .5em @color-border; + font-size: .88rem; + line-height: 140%; padding: .7em 1em; } blockquote { - padding: 0 .5em; - border: solid @ini_border; + border: solid @color-border; border-width: 0 0 0 .25em; + font-size: .88rem; + line-height: 140%; + padding: 0 .5em; } [dir=rtl] blockquote { @@ -431,8 +452,10 @@ form { } fieldset { - padding: .7rem 1rem; + font-size: .88rem; + line-height: 140%; border: 1px solid @ini_text_alt; + padding: .7rem 1rem; } fieldset > :last-child { @@ -473,6 +496,10 @@ select { max-width: 100%; } +textarea.edit { + font-size: .88em; +} + optgroup { font-style: italic; font-weight: bold; @@ -511,55 +538,79 @@ input[type=image] { box-shadow: none; } -/* all types of buttons */ -input[type=submit], -input[type=button], -input[type=reset], -input.button, -a.button, -button, -.qq-upload-button { - color: #333; + +/* + + + + + buttons + + + + + */ +button { background-color: #eee; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); border: 1px solid #ccc; border-radius: 2px; + color: #333; padding: .1em .5em; cursor: pointer; + transition: @transition background-color, @transition color; + + &:hover, + &:focus, + &:active { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + } } -input[type=submit]:hover, -input[type=submit]:active, -input[type=submit]:focus, -input[type=button]:hover, -input[type=button]:active, -input[type=button]:hover, -input[type=reset]:hover, -input[type=reset]:active, -input[type=reset]:hover, -input.button:hover, -input.button:active, -input.button:focus, -a.button:hover, -a.button:active, -a.button:focus, -button:hover, -button:active, -button:focus, -.qq-upload-button:hover { - border-color: #999; - 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%); + +/* + + + all types of submit-buttons + + + */ +a.button, +input[type=submit], +input[type=reset], +button[type=submit], +.qq-upload-button { + cursor: pointer; + background-image: none; + background-color: @button_background; + border: 1px solid @button_background; + border-radius: 2px; + color: @button_color; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: @button_color; + color: @button_background; + } } -input::-moz-focus-inner, -button::-moz-focus-inner { - border: 0; - padding: 0; + +/* + + + all types of buttons not being submit-buttons + + + */ +input.button, +input[type=button] { + cursor: pointer; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background-color: #eee; + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + padding: .1em .5em; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + border-color: #999; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + } } + +/* + + + all disabled buttons + + + */ input[disabled], button[disabled], select[disabled], @@ -570,6 +621,30 @@ button[readonly], select[readonly], textarea[readonly] { cursor: auto; - opacity: .5; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); background-color: #eee; + opacity: .5; + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + font-weight: normal; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + color: #333; + } +} + +input::-moz-focus-inner, +button::-moz-focus-inner { + border: 0; + padding: 0; } From 6ea8b72ee3aa3e6733e5b33d3c227830b40b4a91 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 6 Jan 2017 13:55:56 +0100 Subject: [PATCH 081/669] delete styles after changing base_design --- css/plugins/bureaucracy.less | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less index db94803..c16d453 100644 --- a/css/plugins/bureaucracy.less +++ b/css/plugins/bureaucracy.less @@ -90,21 +90,7 @@ } // label button[type="submit"] { - background-image: none; - background-color: @button_background; - border: solid 1px @button_background; - color: @button_color; - font-weight: bold; margin-top: (@grid * 2); - padding: .4em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:focus, - &:active { - background-color: @button_color; - color: @button_background; - } } } From f13c82a6a8b6b89b3f1f6562e0205096f52fe3f9 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Mon, 9 Jan 2017 11:09:34 +0100 Subject: [PATCH 082/669] trace in mac --- css/area_sidetools.less | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 38e4cf3..dd818ad 100644 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -250,7 +250,10 @@ } .bcsep { - display: inline-block; + float: left; + clear: both; + display: block; + width: 3%; vertical-align: top; color: @color-link; padding-top: .3em; @@ -263,10 +266,12 @@ } bdi { - display: inline-block; - width: 95%; + display: block; + float: left; + width: 94%; line-height: 125%; padding: .1rem 0; + margin-left: 2%; } a { From 754aa1ca303d584169ea5487e349bdcae4cf7971 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Mon, 9 Jan 2017 11:09:49 +0100 Subject: [PATCH 083/669] image position in jiralink --- css/plugins/magic-matcher.less | 37 ++++++++++++++++++++-------------- 1 file changed, 22 insertions(+), 15 deletions(-) diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index faa51dd..02b9170 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -11,13 +11,15 @@ top: 0; left: 0; width: 100%; - #mm__issueselect_chosen{ + + #mm__issueselect_chosen { max-width: 50%; } - button[name="toggleSuggestions"]{ + button[name="toggleSuggestions"] { position: absolute; - right: 0; top: 0; + right: 0; + top: 0; border: 0; border-bottom: 1px solid @color-border; border-left: 1px solid @color-border; @@ -25,26 +27,28 @@ background: #fff; border-radius: 0; border-bottom-left-radius: 5px; - &:hover, &:focus, &:active{ + + &:hover, + &:focus, + &:active { border-color: @button_background; color: @button_background; } } #magicmatcher__context { - box-sizing: border-box; - background-color: __nav_direct_background__; - box-shadow: __box_shadow__; - border-radius: 0 0 __default_border_radius__ __default_border_radius__; position: relative; z-index: 100; width: 100%; min-height: @height-context-bar; + box-sizing: border-box; + box-shadow: __box_shadow__; + background-color: __nav_direct_background__; + border-radius: 0 0 __default_border_radius__ __default_border_radius__; + font-size: .88rem; padding: .8em 1em .5em; margin-bottom: 0; - font-size: .88rem; - .chosen-container-single, .chosen-container-single *, #mm_issue_loading, @@ -54,14 +58,15 @@ } .chosen-container-single { - .chosen-single span { line-height: @line-height-bigger; } } + @media @screen_max-md { padding-top: 1.8rem; - .chosen-container{ + + .chosen-container { display: block; min-width: 100%; max-width: 100%; @@ -78,7 +83,7 @@ a.jiralink { img { float: left; display: inline-block; - margin-top: .3em; + margin-top: .13em; margin-right: 3px; } @@ -119,10 +124,12 @@ a.jiralink { @media @screen_max-md { #dokuwiki_magic-matcher { position: relative; - .container{ + + .container { margin: .8rem 0 -5px; } - #magicmatcher__context{ + + #magicmatcher__context { border-radius: 0; } } From 38297711aba63ccc7d2bb3cb28f743a1c37c773c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Mon, 9 Jan 2017 14:32:43 +0100 Subject: [PATCH 084/669] metabox part 1 --- css/area_content.less | 2 +- css/area_nav-metabox.less | 56 ++++++++++++++++++++++++++++++++++++ css/base_design.less | 1 + css/plugins/popupviewer.less | 7 +++++ lang/de/lang.php | 1 + lang/en/lang.php | 1 + main.php | 13 ++++++++- style.ini | 2 ++ tpl/nav-meta-box.php | 17 +++++++++++ 9 files changed, 98 insertions(+), 2 deletions(-) create mode 100644 css/area_nav-metabox.less create mode 100644 css/plugins/popupviewer.less create mode 100644 tpl/nav-meta-box.php diff --git a/css/area_content.less b/css/area_content.less index 4e7307f..bc94c27 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -22,7 +22,7 @@ } #meta-box{ display: inline-block; - height: 3rem; + height: 2.05rem; max-width: 40%; float: right; border: 1px solid transparent; diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less new file mode 100644 index 0000000..19768d1 --- /dev/null +++ b/css/area_nav-metabox.less @@ -0,0 +1,56 @@ +#meta-box{ + + ul.nav-tabs { + border-bottom: 1px solid @background_page-header; + background-color: @background_page-header; + position: relative; + bottom: -2px; + margin: 0; padding: 0; + + list-style: none; + &::before, &::after { + display: table; + content: " "; + box-sizing: border-box; + clear: both; + } + >li { + margin: -1px; + position: relative; + display: inline-block; + >a { + font-size: .78rem; + margin-right: 2px; + line-height: 1.42857143; + position: relative; + display: block; + padding: .5em 2em; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; + color: @color-nav; + .prefix{ + font-size: .78rem; + color: @color-nav; + } + .num{ + font-size: .56rem; + } + &:hover, &:focus, &:active{ + color: #555; + cursor: default; + background-color: #fff; + border-color: 1px solid @button_background; + border-bottom-color: transparent; + } + } + &.active >a{ + color: #555; + cursor: default; + background-color: #fff; + border-color: transparent; + } + } + } + +} + diff --git a/css/base_design.less b/css/base_design.less index 3eaa15c..fbfcb54 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -112,6 +112,7 @@ h6 { h1 { font-size: 1.4rem; margin: 0 0 0.444em; + padding-top: 1em; } h2 { diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less new file mode 100644 index 0000000..382a06c --- /dev/null +++ b/css/plugins/popupviewer.less @@ -0,0 +1,7 @@ + + +#popupviewer{ + > .controls > .content{ + padding: 1.5rem 1rem 1rem; + } +} diff --git a/lang/de/lang.php b/lang/de/lang.php index a55def8..32966b7 100755 --- a/lang/de/lang.php +++ b/lang/de/lang.php @@ -19,6 +19,7 @@ $lang['head_menu_main'] = 'Hauptmenü'; $lang['head_menu_status'] = 'Seitenstatus'; $lang['head_breadcrumb'] = 'Standortanzeiger'; $lang['head_menu_trace'] = 'zuletzt angesehen'; +$lang['head_meta_box'] = 'Metainformationen zur Seite'; $lang['quality_trigger'] = 'Seitenanalyse ein- bzw. ausblenden'; diff --git a/lang/en/lang.php b/lang/en/lang.php index 9218cef..55ed39c 100755 --- a/lang/en/lang.php +++ b/lang/en/lang.php @@ -19,6 +19,7 @@ $lang['head_menu_main'] = 'main menu'; $lang['head_menu_status'] = 'site status'; $lang['head_breadcrumb'] = 'location indicator'; $lang['head_menu_trace'] = 'trace / visited last'; +$lang['head_meta_box'] = 'meta data for this page'; $lang['quality_trigger'] = 'toggle page analysis'; diff --git a/main.php b/main.php index c13409d..7503d9d 100755 --- a/main.php +++ b/main.php @@ -326,7 +326,18 @@ $showSidebar = true; /* */
-
+
+
+ + +
+ +
    • +
    • +
  • Tags
    • + + +
    +
    + +
    +
    + +
    +
    + +
    +
    From d62df8bdbf5da94fe902027cc76c3cff132840d1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Mon, 9 Jan 2017 16:31:32 +0100 Subject: [PATCH 085/669] metabox part 2 --- css/area_content.less | 3 +- css/area_nav-metabox.less | 124 ++++++++++++++++++++++++++++++-------- tpl/nav-meta-box.php | 28 +++++---- 3 files changed, 116 insertions(+), 39 deletions(-) diff --git a/css/area_content.less b/css/area_content.less index bc94c27..e8a16eb 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -22,10 +22,9 @@ } #meta-box{ display: inline-block; - height: 2.05rem; + min-height: 1.95rem; max-width: 40%; float: right; - border: 1px solid transparent; } #plugin__highlightparent{ diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 19768d1..4bfe95f 100644 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -1,12 +1,18 @@ -#meta-box{ - - ul.nav-tabs { - border-bottom: 1px solid @background_page-header; - background-color: @background_page-header; +#meta-box { + .tab-container { + display: table; + } + .box-content { position: relative; - bottom: -2px; - margin: 0; padding: 0; + height: 0; + overflow-y: visible; + } + ul.meta-tabs { + border-bottom: 1px solid @color-border; + background-color: @background_page-header; + margin: 0; + padding: 0; list-style: none; &::before, &::after { display: table; @@ -14,43 +20,109 @@ box-sizing: border-box; clear: both; } - >li { - margin: -1px; + > li:first-child{ + > a{ + margin-left: 0; + } + } + > li { + margin: 0 -1px -1px; position: relative; display: inline-block; - >a { + > a { font-size: .78rem; - margin-right: 2px; + margin-left: 4px; line-height: 1.42857143; position: relative; display: block; - padding: .5em 2em; - border: 1px solid transparent; + padding: .56em 2em; + border: 1px solid @color-border; + background-color: @color-site-bg; border-radius: 4px 4px 0 0; - color: @color-nav; - .prefix{ - font-size: .78rem; - color: @color-nav; + color: @color-nav; + cursor: pointer; + * { + cursor: pointer; } - .num{ + .prefix { + font-size: .78rem; + color: @color-nav; + } + .num { font-size: .56rem; } - &:hover, &:focus, &:active{ - color: #555; - cursor: default; - background-color: #fff; - border-color: 1px solid @button_background; + &:hover, &:focus, &:active { + color: @color-link; + background-color: @background_page-header; + border-color: @color-border; border-bottom-color: transparent; } } - &.active >a{ + &.active > a { color: #555; - cursor: default; - background-color: #fff; + background-color: @background_page-header; border-color: transparent; } } } + .meta-content { + .tab-pane { + border: 1px solid @color-border; + border-top-color: transparent; + background-color: @background_page-header; + display: none; + position: absolute; + width: 100%; + &.active { + display: block; + } + > div { + padding: .8rem .5rem .5rem; + } + + #dw__toc { + width: auto; + float: none; + margin: 0; + padding: .6rem .5rem .5rem .8rem; + background: transparent; + border: 0 none; + h3 { + display: none; + } + > div { + padding: 0; + } + > div ul.toc { + font-size: .78rem; + padding-left: .5em; + a { + font-size: .78rem; + } + li { + } + div.li { + position: relative; + ::before { + position: relative; + top: -.2em; + content: ""; + display: inline-block; + width: 4px; + height: 4px; + margin-right: .3rem; + background-color: @color-border; + overflow: hidden; + } + padding: .15em 0; + } + } + > div > ul.toc { + padding: 0; + } + } + } + } } diff --git a/tpl/nav-meta-box.php b/tpl/nav-meta-box.php index c68a9d4..d6bc634 100644 --- a/tpl/nav-meta-box.php +++ b/tpl/nav-meta-box.php @@ -1,17 +1,23 @@ - +
    + -
    -
    +
    +
    +
    + +
    +
    -
    -
    +
    +
    +
    +
    From 92c91ef8b0005599780cc7297c8bbefeced7c4af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Mon, 9 Jan 2017 17:08:44 +0100 Subject: [PATCH 086/669] metabox part 3 --- css/area_nav-metabox.less | 13 +++++++++---- js/meta-box.js | 41 +++++++++++++++++++++++++++++++++++++++ js/sidebar-menu.js | 2 +- script.js | 4 +--- tpl/nav-meta-box.php | 24 ++++++++++++++--------- 5 files changed, 67 insertions(+), 17 deletions(-) create mode 100644 js/meta-box.js diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 4bfe95f..972e7a3 100644 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -59,6 +59,8 @@ } } &.active > a { + cursor: default; + tab-index: -1; color: #555; background-color: @background_page-header; border-color: transparent; @@ -98,21 +100,24 @@ padding-left: .5em; a { font-size: .78rem; + display: inline-block; + padding-left: 10px; + position: relative; } li { } div.li { position: relative; ::before { - position: relative; - top: -.2em; + position: absolute; + top: .3em; content: ""; display: inline-block; width: 4px; height: 4px; - margin-right: .3rem; - background-color: @color-border; + background-color: #ccc; overflow: hidden; + left: 0; } padding: .15em 0; } diff --git a/js/meta-box.js b/js/meta-box.js new file mode 100644 index 0000000..2a46be8 --- /dev/null +++ b/js/meta-box.js @@ -0,0 +1,41 @@ +(function ($, spc) { + + var toggleTabs = function () { + + var $metaBox = $('#meta-box'), + $tabLinks = $metaBox.find('.meta-tabs').find('a'), + $tabPanels = $metaBox.find('.meta-content').find('.tab-pane'); + + try { + $tabLinks.each(function () { + $(this).on("click", function (e) { + e.preventDefault(); + var $link = $(this), + $panel = $($link.attr('href')); + + //reset + resetTabs(); + + //current state + $link.addClass('active').attr('aria-expanded','true'); + $panel.addClass('active').attr('aria-hidden','false'); + }); + }); + + + } catch (err) { + alert('err'); + } + }, + resetTabs = function($tabLinks,$tabPanels){ + $tabLinks.closest('li').removeClass('active'); + $tabLinks.attr('aria-expanded','false'); + $tabPanels.removeClass('active').attr('aria-hidden','true'); + }; + + $(function () { + toggleTabs(); + }); + +})(jQuery, spc); + diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index 1a87438..5188479 100644 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -92,7 +92,7 @@ }catch(err){ - alert('err'); + //console.log('err'); } }; diff --git a/script.js b/script.js index 166cae9..2c0a8b8 100755 --- a/script.js +++ b/script.js @@ -26,9 +26,7 @@ /* DOKUWIKI:include js/plugins/do_tasks.js */ - - /* DOKUWIKI:include js/sidebar-menu.js */ - +/* DOKUWIKI:include js/meta-box.js */ diff --git a/tpl/nav-meta-box.php b/tpl/nav-meta-box.php index d6bc634..c7efd6a 100644 --- a/tpl/nav-meta-box.php +++ b/tpl/nav-meta-box.php @@ -1,21 +1,27 @@ +
    -
    + -
    - -
    -
    + + + +
    From 1b899691a7fd2e72c6e2d7d4fa0221eeb1269b05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 09:18:01 +0100 Subject: [PATCH 087/669] Vorbereitung sprint meeting --- conf/default.php | 34 +- conf/metadata.php | 30 +- css/area_content.less | 70 +- css/area_footer.less | 144 ++-- css/area_header.less | 10 +- css/area_main-content.less | 46 +- css/area_main-sidebar.less | 556 +++++++------- css/area_nav-breadcrumb.less | 20 + css/area_nav-direct.less | 102 +-- css/area_nav-metabox.less | 10 + css/area_nav-pagetools.less | 322 ++++---- css/area_nav-usertools.less | 310 ++++---- css/area_sidebar-search.less | 156 ++-- css/area_sidetools.less | 662 ++++++++-------- css/base.less | 860 ++++++++++----------- css/base_design.less | 1302 ++++++++++++++++---------------- css/base_fonts.less | 572 +++++++------- css/base_mixins.less | 592 +++++++-------- css/base_structure.less | 19 + css/plugins/bureaucracy.less | 258 +++---- css/plugins/do_tasks.less | 18 +- css/plugins/magic-matcher.less | 298 ++++---- css/plugins/popupviewer.less | 14 +- css/plugins/struct.less | 48 +- js/base/helper.js | 170 ++--- js/base/rem.min.js | 12 +- js/base/spc.js | 396 +++++----- js/legacy/html5shiv.js | 16 +- js/legacy/respond.min.js | 8 +- js/meta-box.js | 56 +- js/plugins/do_tasks.js | 74 +- js/sidebar-menu.js | 6 + lang/de/lang.js | 5 + lang/de/lang.php | 4 + lang/de/settings.php | 20 +- lang/en/lang.js | 4 + lang/en/lang.php | 4 + lang/en/settings.php | 20 +- script.js | 6 +- style.ini | 320 ++++---- tpl/favicon_tiles.php | 46 +- tpl/main-sidebar-logo.php | 28 +- tpl/main-sidebar-search.php | 12 +- tpl/nav-breadcrumb.php | 22 +- tpl/nav-direct.php | 50 +- tpl/nav-magicmatcher.php | 28 +- tpl/nav-main.php | 24 +- tpl/nav-meta-box.php | 30 +- tpl/nav-page-quality-tasks.php | 108 +-- tpl/nav-page-tools.php | 40 +- tpl/nav-sitetools.php | 28 +- tpl/nav-status.php | 12 +- tpl/nav-trace.php | 22 +- tpl/nav-usermenu.php | 46 +- tpl/nav-usertools-buttons.php | 106 +-- 55 files changed, 4150 insertions(+), 4026 deletions(-) mode change 100644 => 100755 css/area_main-content.less mode change 100644 => 100755 css/area_main-sidebar.less mode change 100644 => 100755 css/area_nav-metabox.less mode change 100644 => 100755 css/area_sidetools.less mode change 100644 => 100755 css/plugins/bureaucracy.less mode change 100644 => 100755 css/plugins/popupviewer.less mode change 100644 => 100755 css/plugins/struct.less mode change 100644 => 100755 js/base/rem.min.js mode change 100644 => 100755 js/meta-box.js mode change 100644 => 100755 js/sidebar-menu.js mode change 100644 => 100755 lang/de/lang.js mode change 100644 => 100755 lang/en/lang.js mode change 100644 => 100755 tpl/nav-meta-box.php diff --git a/conf/default.php b/conf/default.php index 04268b6..2e439b4 100755 --- a/conf/default.php +++ b/conf/default.php @@ -1,17 +1,17 @@ - - */ - - -.content .row { - > .col-xs-12 { - box-shadow: @box-shadow; - #dokuwiki__content{ - position: relative; - z-index: 10; - &::before{ - content: ""; - background-color: @background_page-header; - border-bottom: 1px solid @color-border; - position: absolute; - top: 0; left: 0; - height: 3rem; width: 100%; - z-index: -1; - } - #meta-box{ - display: inline-block; - min-height: 1.95rem; - max-width: 40%; - float: right; - } - - #plugin__highlightparent{ - display: block; - } - } - } -} +/** + * This file provides the design styles for the page content. + * + * @author Jana Deutschlaender + */ + + +.content .row { + > .col-xs-12 { + box-shadow: @box-shadow; + #dokuwiki__content{ + position: relative; + z-index: 10; + &::before{ + content: ""; + background-color: @background_page-header; + border-bottom: 1px solid @color-border; + position: absolute; + top: 0; left: 0; + height: 3rem; width: 100%; + z-index: -1; + } + #meta-box{ + display: inline-block; + min-height: 1.95rem; + max-width: 40%; + float: right; + } + + #plugin__highlightparent{ + display: block; + } + } + } +} diff --git a/css/area_footer.less b/css/area_footer.less index 85ed12c..fac3ee7 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -1,72 +1,72 @@ -/** - * This file provides the design styles for the page footer - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* no print */ - -@media screen { - .page-footer { - background: @background_page-header; - border-top: 1px solid @color-border; - font-size: @font-size-default; - padding: @margin-small (@margin-big - .5); - text-align: right; - - bdi { - font-weight: bold; - } - } - - #dokuwiki__footer { - .main-footer { - position: relative; - box-sizing: border-box; - } - - p { - font-size: @font-size-default; - margin: 0; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1024px */ - -@media @screen_min-md { - #dokuwiki__footer { - .col-xs-12 { - float: right; - width: 100%; - } - - .main-footer { - padding: @margin-default 0; - } - } - - .showSidebar { - #dokuwiki__footer { - .col-xs-12 { - width: 73%; - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-md { - #dokuwiki__footer { - .main-footer { - padding: @margin-default (@margin-big - .5); - } - } -} +/** + * This file provides the design styles for the page footer + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* no print */ + +@media screen { + .page-footer { + background: @background_page-header; + border-top: 1px solid @color-border; + font-size: @font-size-default; + padding: @margin-small (@margin-big - .5); + text-align: right; + + bdi { + font-weight: bold; + } + } + + #dokuwiki__footer { + .main-footer { + position: relative; + box-sizing: border-box; + } + + p { + font-size: @font-size-default; + margin: 0; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1024px */ + +@media @screen_min-md { + #dokuwiki__footer { + .col-xs-12 { + float: right; + width: 100%; + } + + .main-footer { + padding: @margin-default 0; + } + } + + .showSidebar { + #dokuwiki__footer { + .col-xs-12 { + width: 73%; + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + #dokuwiki__footer { + .main-footer { + padding: @margin-default (@margin-big - .5); + } + } +} diff --git a/css/area_header.less b/css/area_header.less index cec19b3..8d85fef 100755 --- a/css/area_header.less +++ b/css/area_header.less @@ -1,5 +1,5 @@ -/** - * This file provides the design styles for the page header. - * - * @author Jana Deutschlaender - */ +/** + * This file provides the design styles for the page header. + * + * @author Jana Deutschlaender + */ diff --git a/css/area_main-content.less b/css/area_main-content.less old mode 100644 new mode 100755 index bf5304c..24bc248 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -1,23 +1,23 @@ -/** - * This file provides the design styles for the main-content. - * - * @author Jana Deutschlaender - */ - - -#dokuwiki__content.main-content { -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ - -@media @screen_max-xlg { -} +/** + * This file provides the design styles for the main-content. + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__content.main-content { +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { +} diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less old mode 100644 new mode 100755 index fe71498..f642dd4 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -1,278 +1,278 @@ -/** - * This file provides the design styles for the sidebar (navmain). - * - * @author Jana Deutschlaender - */ - - -#dokuwiki__aside.main-sidebar { - counter-reset: nav-counter; - -/* + + + + + nav main + + + + + */ - .nav-main { - padding-bottom: 1.8rem; - - > ul { - @icon-size: 2rem; - - margin: 0; - padding: 0; - - ul { - margin-left: (@icon-size + .5); - } - - li { - list-style-type: none; - color: @color-nav; - - &:first-of-type { - padding-top: .3em; - } - } - - .li { - a { - display: list-item; - list-style-type: square; - color: @color-nav; - font-weight: normal; - padding-top: .1em; - padding-bottom: .1em; - transition: @transition color; - - &:hover, - &:focus, - &:active { - color: @button_background; - } - } - } - - -/* + + + first level + + + */ - > li { - counter-increment: nav-counter; - position: relative; - list-style-type: none; - margin: 0; - padding: 0 0 .3em; - - &:not(:last-of-type)::after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - display: block; - width: 100%; - height: 1px; - background-color: @color-border; - } - - > .li { - position: relative; - z-index: 1; - margin-top: -1px; - padding: .5em 0 .5em (@icon-size + 1); - - &[class="li"] { - border-bottom: solid 1px @color-border; - } - - &::before { - content: counter(nav-counter); - position: absolute; - top: 0; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - } - - &.opened, - &.closed { - padding: 0; - - &::before, - &::after { - display: none; - } - - a { - position: relative; - display: block; - border: 1px solid transparent; - border-radius: 2px; - margin-bottom: -.3rem; - padding: .6em 0 .6em (@icon-size + 1); - transition: @transition color, @transition background-color, @transition border-color; - - &::before { - content: counter(nav-counter); - position: absolute; - top: -.1em; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - transition: @transition color; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - transition: @transition background-color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - - &::after { - background-color: @button_background; - } - } - } - } - - &.opened { - a { - background-color: @button_background; - color: @button_color; - - &::before { - color: @button_color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - } - } - - + ul { - margin-top: .5em; - margin-bottom: .25em; - } - } - - + ul { - height: auto; - overflow: hidden; - } - - &.closed + ul { - height: 0; - } - } - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { - .li { - font-size: .8rem; - padding: .1em 0; - - * { - font-size: inherit; - font-weight: inherit; - } - } - - > ul > li > .li { - font-size: .9rem; - - * { - font-size: inherit; - } - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ - -@media @screen_max-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { - .li { - font-size: .9rem; - padding: .15em 0 .15em .25rem; - - * { - font-size: inherit; - font-weight: inherit; - } - } - - > ul > li > .li { - font-size: 1rem; - - > * { - font-size: inherit; - } - } - } - } -} +/** + * This file provides the design styles for the sidebar (navmain). + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__aside.main-sidebar { + counter-reset: nav-counter; + +/* + + + + + nav main + + + + + */ + .nav-main { + padding-bottom: 1.8rem; + + > ul { + @icon-size: 2rem; + + margin: 0; + padding: 0; + + ul { + margin-left: (@icon-size + .5); + } + + li { + list-style-type: none; + color: @color-nav; + + &:first-of-type { + padding-top: .3em; + } + } + + .li { + a { + display: list-item; + list-style-type: square; + color: @color-nav; + font-weight: normal; + padding-top: .1em; + padding-bottom: .1em; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_background; + } + } + } + + +/* + + + first level + + + */ + > li { + counter-increment: nav-counter; + position: relative; + list-style-type: none; + margin: 0; + padding: 0 0 .3em; + + &:not(:last-of-type)::after { + content: ''; + position: absolute; + left: 0; + bottom: 0; + display: block; + width: 100%; + height: 1px; + background-color: @color-border; + } + + > .li { + position: relative; + z-index: 1; + margin-top: -1px; + padding: .5em 0 .5em (@icon-size + 1); + + &[class="li"] { + border-bottom: solid 1px @color-border; + } + + &::before { + content: counter(nav-counter); + position: absolute; + top: 0; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + } + + &.opened, + &.closed { + padding: 0; + + &::before, + &::after { + display: none; + } + + a { + position: relative; + display: block; + border: 1px solid transparent; + border-radius: 2px; + margin-bottom: -.3rem; + padding: .6em 0 .6em (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + content: counter(nav-counter); + position: absolute; + top: -.1em; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + transition: @transition color; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + + &::after { + background-color: @button_background; + } + } + } + } + + &.opened { + a { + background-color: @button_background; + color: @button_color; + + &::before { + color: @button_color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + } + } + + + ul { + margin-top: .5em; + margin-bottom: .25em; + } + } + + + ul { + height: auto; + overflow: hidden; + } + + &.closed + ul { + height: 0; + } + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + #dokuwiki__aside.main-sidebar { + .nav-main { + .li { + font-size: .8rem; + padding: .1em 0; + + * { + font-size: inherit; + font-weight: inherit; + } + } + + > ul > li > .li { + font-size: .9rem; + + * { + font-size: inherit; + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { + #dokuwiki__aside.main-sidebar { + .nav-main { + .li { + font-size: .9rem; + padding: .15em 0 .15em .25rem; + + * { + font-size: inherit; + font-weight: inherit; + } + } + + > ul > li > .li { + font-size: 1rem; + + > * { + font-size: inherit; + } + } + } + } +} diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index b0c96ea..7d94e32 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -105,6 +105,7 @@ &.plugin__qc { display: inline-block; overflow: visible; + position: static; } } // li @@ -134,6 +135,25 @@ width: auto; border: 0 none; background: @color-site-bg; + z-index: 2000; + + #plugin__qc__out{ + h1{ + font-size: 1.2rem; + } + h2{ + margin-top: 1.6em; + font-size: .93rem; + } + > h1, > h2, > p, >dl, >div{ + padding-left: 1rem; + margin-left: 0; + } + > div p{ + padding-left: 0; + margin-left: 0; + } + } &[aria-hidden="false"] { margin-top: .5rem; diff --git a/css/area_nav-direct.less b/css/area_nav-direct.less index 21328ad..d2b230e 100755 --- a/css/area_nav-direct.less +++ b/css/area_nav-direct.less @@ -1,51 +1,51 @@ -/** - * This file provides the design styles for the direct / menu jump links. - * - * @author Jana Deutschlaender - */ - -.nav-direct { - background-color: __nav_direct_background__; - margin-top: -1px; - - p { - box-sizing: border-box; - text-align: center; - position: absolute; - left: 0; - top: -1px; - width: 100%; - height: 1px; - - a:link, - a:visited { - .sr-out(); - - box-shadow: __box_shadow__; - display: block; - width: 100%; - background-color: __nav_direct_background__; - border-bottom: 1px solid __shadow_color__; - color: __nav_direct_color__; - line-height: @line-height-default; - text-decoration: none; - padding: 1em; - box-sizing: border-box; - border-radius: 0; - } - - a:focus, - a:hover, - a:active { - top: 0; - left: 0; - text-decoration: underline; - min-height: 50px; - } - - a:hover, - a:active { - text-decoration: none; - } - } -} +/** + * This file provides the design styles for the direct / menu jump links. + * + * @author Jana Deutschlaender + */ + +.nav-direct { + background-color: __nav_direct_background__; + margin-top: -1px; + + p { + box-sizing: border-box; + text-align: center; + position: absolute; + left: 0; + top: -1px; + width: 100%; + height: 1px; + + a:link, + a:visited { + .sr-out(); + + box-shadow: __box_shadow__; + display: block; + width: 100%; + background-color: __nav_direct_background__; + border-bottom: 1px solid __shadow_color__; + color: __nav_direct_color__; + line-height: @line-height-default; + text-decoration: none; + padding: 1em; + box-sizing: border-box; + border-radius: 0; + } + + a:focus, + a:hover, + a:active { + top: 0; + left: 0; + text-decoration: underline; + min-height: 50px; + } + + a:hover, + a:active { + text-decoration: none; + } + } +} diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less old mode 100644 new mode 100755 index 972e7a3..947788e --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -80,6 +80,16 @@ } > div { padding: .8rem .5rem .5rem; + p{ + padding-left: 1em; + } + ul{ + list-style: none; + padding-left:0; + li{ + margin-left: 0; padding-left: 1em; + } + } } #dw__toc { diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index e95c33f..afb95d4 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -1,161 +1,161 @@ -/** - * This file provides the design styles for the page specific tool bar. - * - * @author Jana Deutschlaender - */ - -/* - FIXME -.pagetools-item(edit, 1); -.pagetools-item(create, 2); -.pagetools-item(show, 4); -.pagetools-item(source, 5); -.pagetools-item(draft, 3); -.pagetools-item(revs, 7, revisions); -.pagetools-item(backlink, 8, backlink); -.pagetools-item(top, 10); -.pagetools-item(revert, 6, revert); -.pagetools-item(subscribe, 9, subscribe); -.pagetools-item(mediaManager, 11); -.pagetools-item(back, 12); -.pagetools-item(img_backto, 12);*/ - - -nav#dokuwiki__pagetools{ - right: -2rem; - top: 3.05rem; - z-index: 100; - ul { - li { - *{ - font-size: .8rem; - } - a{ - font-size: .8rem; - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit{ - opacity: .6; - color: @color-nav; - *{ - color: @color-nav; - } - background-position: 95% center; - background-size: 1rem auto; - &:before{ - visibility: hidden; - } - &:hover, &:focus, &:active{ - opacity: 1; - color: @color-nav-hover; - background-color: #fff; - *{ - color: @color-nav-hover; - } - background-position: 95% center; - &::before{ - visibility: visible; - } - } - } - - &.source{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTM0NC4zIDc4MC43bC0yNy45IDI3LjlxLTUuNiA1LjYgLTEyLjggNS42dC0xMi45IC01LjZMMzAuNyA1NDguNVEyNS4xIDU0MyAyNS4xIDUzNS43dDUuNiAtMTIuOGwyNjAgLTI2MC4xcTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNy45IDI3LjlxNS42IDUuNiA1LjYgMTIuOXQtNS42IDEyLjhMMTI1IDUzNS43IDM0NC4zIDc1NXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOHpNNjc0LjEgMTg1LjNMNDY2IDkwNS43cS0yLjMgNy4yIC04LjcgMTAuOXQtMTMuMSAxLjRsLTM0LjYgLTkuNXEtNy4zIC0yLjIgLTEwLjkgLTguN3QtMS40IC0xMy42TDYwNS41IDE2NS43cTIuMiAtNy4yIDguNiAtMTAuOHQxMy4xIC0xLjRsMzQuNiA5LjRxNy4zIDIuMyAxMC45IDguN3QxLjQgMTMuN3ptMzY2LjYgMzYzLjJsLTI2MCAyNjAuMXEtNS42IDUuNiAtMTIuOCA1LjZUNzU1IDgwOC42bC0yNy45IC0yNy45cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw5NDYuNCA1MzUuNyA3MjcuMSAzMTYuNHEtNS42IC01LjYgLTUuNiAtMTIuOHQ1LjYgLTEyLjlMNzU1IDI2Mi44cTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNjAgMjYwLjFxNS42IDUuNiA1LjYgMTIuOHQtNS42IDEyLjh6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNMzQ0LjMgNzgwLjdsLTI3LjkgMjcuOXEtNS42IDUuNiAtMTIuOCA1LjZ0LTEyLjkgLTUuNkwzMC43IDU0OC41UTI1LjEgNTQzIDI1LjEgNTM1Ljd0NS42IC0xMi44bDI2MCAtMjYwLjFxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI3LjkgMjcuOXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOEwxMjUgNTM1LjcgMzQ0LjMgNzU1cTUuNiA1LjYgNS42IDEyLjl0LTUuNiAxMi44ek02NzQuMSAxODUuM0w0NjYgOTA1LjdxLTIuMyA3LjIgLTguNyAxMC45dC0xMy4xIDEuNGwtMzQuNiAtOS41cS03LjMgLTIuMiAtMTAuOSAtOC43dC0xLjQgLTEzLjZMNjA1LjUgMTY1LjdxMi4yIC03LjIgOC42IC0xMC44dDEzLjEgLTEuNGwzNC42IDkuNHE3LjMgMi4zIDEwLjkgOC43dDEuNCAxMy43em0zNjYuNiAzNjMuMmwtMjYwIDI2MC4xcS01LjYgNS42IC0xMi44IDUuNlQ3NTUgODA4LjZsLTI3LjkgLTI3LjlxLTUuNiAtNS42IC01LjYgLTEyLjh0NS42IC0xMi45TDk0Ni40IDUzNS43IDcyNy4xIDMxNi40cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw3NTUgMjYyLjhxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI2MCAyNjAuMXE1LjYgNS42IDUuNiAxMi44dC01LjYgMTIuOHoiLz48L3N2Zz4=); - } - } - &.edit{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); - } - } - &.revs{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNNTAwIDMwMy42djI1MHEwIDcuOCAtNSAxMi44dC0xMi45IDVIMzAzLjZxLTcuOCAwIC0xMi45IC01dC01IC0xMi44di0zNS43cTAgLTcuOSA1IC0xMi45dDEyLjkgLTVoMTI1VjMwMy42cTAgLTcuOCA1IC0xMi45dDEyLjggLTVoMzUuN3E3LjkgMCAxMi45IDV0NSAxMi45ek03MzIuMSA1MDBxMCAtODIuNiAtNDAuNyAtMTUyLjNUNTgwLjkgMjM3LjIgNDI4LjYgMTk2LjR0LTE1Mi40IDQwLjhUMTY1LjcgMzQ3LjcgMTI1IDUwMHQ0MC43IDE1Mi4zIDExMC41IDExMC41IDE1Mi40IDQwLjggMTUyLjMgLTQwLjhUNjkxLjQgNjUyLjMgNzMyLjEgNTAwem0xMjUgMHEwIDExNi42IC01Ny40IDIxNS4xdC0xNTYgMTU2IC0yMTUuMSA1Ny41VDIxMy40IDg3MS4xIDU3LjUgNzE1LjEgMCA1MDAgNTcuNSAyODQuOXQxNTUuOSAtMTU2VDQyOC42IDcxLjR0MjE1LjEgNTcuNSAxNTYgMTU2VDg1Ny4xIDUwMHoiLz48L3N2Zz4=); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik01MDAgMzAzLjZ2MjUwcTAgNy44IC01IDEyLjh0LTEyLjkgNUgzMDMuNnEtNy44IDAgLTEyLjkgLTV0LTUgLTEyLjh2LTM1LjdxMCAtNy45IDUgLTEyLjl0MTIuOSAtNWgxMjVWMzAzLjZxMCAtNy44IDUgLTEyLjl0MTIuOCAtNWgzNS43cTcuOSAwIDEyLjkgNXQ1IDEyLjl6TTczMi4xIDUwMHEwIC04Mi42IC00MC43IC0xNTIuM1Q1ODAuOSAyMzcuMiA0MjguNiAxOTYuNHQtMTUyLjQgNDAuOFQxNjUuNyAzNDcuNyAxMjUgNTAwdDQwLjcgMTUyLjMgMTEwLjUgMTEwLjUgMTUyLjQgNDAuOCAxNTIuMyAtNDAuOFQ2OTEuNCA2NTIuMyA3MzIuMSA1MDB6bTEyNSAwcTAgMTE2LjYgLTU3LjQgMjE1LjF0LTE1NiAxNTYgLTIxNS4xIDU3LjVUMjEzLjQgODcxLjEgNTcuNSA3MTUuMSAwIDUwMCA1Ny41IDI4NC45dDE1NS45IC0xNTZUNDI4LjYgNzEuNHQyMTUuMSA1Ny41IDE1NiAxNTZUODU3LjEgNTAweiIvPjwvc3ZnPg==); - } - } - &.backlink{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODEyLjUgNjc4LjZxMCAtMjIuMyAtMTUuNiAtMzhsLTExNi4xIC0xMTZxLTE1LjYgLTE1LjcgLTM3LjkgLTE1LjcgLTIzLjUgMCAtNDAuMiAxNy45IDEuNyAxLjcgMTAuNiAxMC4zdDEyIDEyIDguMyAxMC42IDcuMyAxNC4yIDIgMTUuNHEwIDIyLjMgLTE1LjcgMzcuOXQtMzcuOSAxNS43cS04LjQgMCAtMTUuNCAtMnQtMTQuMiAtNy4zIC0xMC42IC04LjMgLTEyIC0xMiAtMTAuMyAtMTAuNnEtMTguNCAxNy4zIC0xOC40IDQwLjcgMCAyMi4zIDE1LjYgMzhsMTE1IDExNS41cTE1IDE1IDM3LjkgMTUgMjIuMyAwIDM3LjkgLTE0LjVMNzk2LjkgNzE2cTE1LjYgLTE1LjcgMTUuNiAtMzcuNHpNNDIwLjIgMjg1LjJxMCAtMjIuNCAtMTUuNiAtMzhsLTExNSAtMTE1LjVRMjc0IDExNi4xIDI1MS43IDExNi4xcS0yMS44IDAgLTM4IDE1bC04MiA4MS41cS0xNS42IDE1LjYgLTE1LjYgMzcuNCAwIDIyLjMgMTUuNiAzNy45TDI0Ny44IDQwNHExNSAxNS4xIDM3LjkgMTUuMSAyMy41IDAgNDAuMiAtMTcuMyAtMS43IC0xLjcgLTEwLjYgLTEwLjN0LTEyIC0xMiAtOC40IC0xMC42IC03LjIgLTE0LjMgLTIgLTE1LjNxMCAtMjIuMyAxNS42IC0zOHQzOCAtMTUuNnE4LjQgMCAxNS4zIDJ0MTQuMyA3LjIgMTAuNiA4LjQgMTIgMTIgMTAuMyAxMC42cTE4LjQgLTE3LjMgMTguNCAtNDAuN3ptNDk5LjQgMzkzLjRxMCA2Ni45IC00Ny40IDExMy4zbC04MiA4MS40cS00Ni4zIDQ2LjMgLTExMy4zIDQ2LjMgLTY3LjUgMCAtMTEzLjggLTQ3LjRsLTExNSAtMTE1LjVRNDAxLjggNzEwLjQgNDAxLjggNjQzLjRxMCAtNjguNiA0OS4xIC0xMTYuNmwtNDkuMSAtNDkuMXEtNDggNDkuMSAtMTE2LjEgNDkuMSAtNjYuOSAwIC0xMTMuOCAtNDYuOUw1NS44IDM2My44UTguOSAzMTcgOC45IDI1MFQ1Ni40IDEzNi43bDgyIC04MS41UTE4NC43IDguOSAyNTEuNyA4LjlxNjcuNSAwIDExMy44IDQ3LjVsMTE1IDExNS41cTQ2LjMgNDYuMyA0Ni4zIDExMy4zIDAgNjguNiAtNDkuMSAxMTYuNmw0OS4xIDQ5LjFxNDggLTQ5LjEgMTE2LjEgLTQ5LjEgNjYuOSAwIDExMy44IDQ2LjlsMTE2LjEgMTE2cTQ2LjggNDYuOSA0Ni44IDExMy45eiIvPjwvc3ZnPg==); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTIuNSA2NzguNnEwIC0yMi4zIC0xNS42IC0zOGwtMTE2LjEgLTExNnEtMTUuNiAtMTUuNyAtMzcuOSAtMTUuNyAtMjMuNSAwIC00MC4yIDE3LjkgMS43IDEuNyAxMC42IDEwLjN0MTIgMTIgOC4zIDEwLjYgNy4zIDE0LjIgMiAxNS40cTAgMjIuMyAtMTUuNyAzNy45dC0zNy45IDE1LjdxLTguNCAwIC0xNS40IC0ydC0xNC4yIC03LjMgLTEwLjYgLTguMyAtMTIgLTEyIC0xMC4zIC0xMC42cS0xOC40IDE3LjMgLTE4LjQgNDAuNyAwIDIyLjMgMTUuNiAzOGwxMTUgMTE1LjVxMTUgMTUgMzcuOSAxNSAyMi4zIDAgMzcuOSAtMTQuNUw3OTYuOSA3MTZxMTUuNiAtMTUuNyAxNS42IC0zNy40ek00MjAuMiAyODUuMnEwIC0yMi40IC0xNS42IC0zOGwtMTE1IC0xMTUuNVEyNzQgMTE2LjEgMjUxLjcgMTE2LjFxLTIxLjggMCAtMzggMTVsLTgyIDgxLjVxLTE1LjYgMTUuNiAtMTUuNiAzNy40IDAgMjIuMyAxNS42IDM3LjlMMjQ3LjggNDA0cTE1IDE1LjEgMzcuOSAxNS4xIDIzLjUgMCA0MC4yIC0xNy4zIC0xLjcgLTEuNyAtMTAuNiAtMTAuM3QtMTIgLTEyIC04LjQgLTEwLjYgLTcuMiAtMTQuMyAtMiAtMTUuM3EwIC0yMi4zIDE1LjYgLTM4dDM4IC0xNS42cTguNCAwIDE1LjMgMnQxNC4zIDcuMiAxMC42IDguNCAxMiAxMiAxMC4zIDEwLjZxMTguNCAtMTcuMyAxOC40IC00MC43em00OTkuNCAzOTMuNHEwIDY2LjkgLTQ3LjQgMTEzLjNsLTgyIDgxLjRxLTQ2LjMgNDYuMyAtMTEzLjMgNDYuMyAtNjcuNSAwIC0xMTMuOCAtNDcuNGwtMTE1IC0xMTUuNVE0MDEuOCA3MTAuNCA0MDEuOCA2NDMuNHEwIC02OC42IDQ5LjEgLTExNi42bC00OS4xIC00OS4xcS00OCA0OS4xIC0xMTYuMSA0OS4xIC02Ni45IDAgLTExMy44IC00Ni45TDU1LjggMzYzLjhROC45IDMxNyA4LjkgMjUwVDU2LjQgMTM2LjdsODIgLTgxLjVRMTg0LjcgOC45IDI1MS43IDguOXE2Ny41IDAgMTEzLjggNDcuNWwxMTUgMTE1LjVxNDYuMyA0Ni4zIDQ2LjMgMTEzLjMgMCA2OC42IC00OS4xIDExNi42bDQ5LjEgNDkuMXE0OCAtNDkuMSAxMTYuMSAtNDkuMSA2Ni45IDAgMTEzLjggNDYuOWwxMTYuMSAxMTZxNDYuOCA0Ni45IDQ2LjggMTEzLjl6Ii8+PC9zdmc+); - } - } - &.top{ - margin-top: 1em; - position: relative; - background-size: .9rem; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=); - } - } - &.plugin_bookcreator_addtobook{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); - } - } - &.export_pdf{ - background-size: .9rem auto; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } - } - } - - } - } - - &:hover{ - ul{ - background-color: #fff; - box-shadow: @box-shadow-offset; - li{ - a{ - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top{ - color: @color-nav; - background-position: 95% center; - opacity: .8; - &:hover, &:focus, &:active{ - opacity: 1; - *{ - opacity: 1; - } - color: @color-nav-hover; - background-color: #fff; - } - } - &.plugin_bookcreator_addtobook{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); - } - - } - &.export_pdf{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } - - } - - } - } - } - } - - -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-md { - nav#dokuwiki__pagetools { - right: 8px; - } -} +/** + * This file provides the design styles for the page specific tool bar. + * + * @author Jana Deutschlaender + */ + +/* + FIXME +.pagetools-item(edit, 1); +.pagetools-item(create, 2); +.pagetools-item(show, 4); +.pagetools-item(source, 5); +.pagetools-item(draft, 3); +.pagetools-item(revs, 7, revisions); +.pagetools-item(backlink, 8, backlink); +.pagetools-item(top, 10); +.pagetools-item(revert, 6, revert); +.pagetools-item(subscribe, 9, subscribe); +.pagetools-item(mediaManager, 11); +.pagetools-item(back, 12); +.pagetools-item(img_backto, 12);*/ + + +nav#dokuwiki__pagetools{ + right: -2rem; + top: 3.05rem; + z-index: 100; + ul { + li { + *{ + font-size: .8rem; + } + a{ + font-size: .8rem; + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit{ + opacity: .6; + color: @color-nav; + *{ + color: @color-nav; + } + background-position: 95% center; + background-size: 1rem auto; + &:before{ + visibility: hidden; + } + &:hover, &:focus, &:active{ + opacity: 1; + color: @color-nav-hover; + background-color: #fff; + *{ + color: @color-nav-hover; + } + background-position: 95% center; + &::before{ + visibility: visible; + } + } + } + + &.source{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTM0NC4zIDc4MC43bC0yNy45IDI3LjlxLTUuNiA1LjYgLTEyLjggNS42dC0xMi45IC01LjZMMzAuNyA1NDguNVEyNS4xIDU0MyAyNS4xIDUzNS43dDUuNiAtMTIuOGwyNjAgLTI2MC4xcTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNy45IDI3LjlxNS42IDUuNiA1LjYgMTIuOXQtNS42IDEyLjhMMTI1IDUzNS43IDM0NC4zIDc1NXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOHpNNjc0LjEgMTg1LjNMNDY2IDkwNS43cS0yLjMgNy4yIC04LjcgMTAuOXQtMTMuMSAxLjRsLTM0LjYgLTkuNXEtNy4zIC0yLjIgLTEwLjkgLTguN3QtMS40IC0xMy42TDYwNS41IDE2NS43cTIuMiAtNy4yIDguNiAtMTAuOHQxMy4xIC0xLjRsMzQuNiA5LjRxNy4zIDIuMyAxMC45IDguN3QxLjQgMTMuN3ptMzY2LjYgMzYzLjJsLTI2MCAyNjAuMXEtNS42IDUuNiAtMTIuOCA1LjZUNzU1IDgwOC42bC0yNy45IC0yNy45cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw5NDYuNCA1MzUuNyA3MjcuMSAzMTYuNHEtNS42IC01LjYgLTUuNiAtMTIuOHQ1LjYgLTEyLjlMNzU1IDI2Mi44cTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNjAgMjYwLjFxNS42IDUuNiA1LjYgMTIuOHQtNS42IDEyLjh6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNMzQ0LjMgNzgwLjdsLTI3LjkgMjcuOXEtNS42IDUuNiAtMTIuOCA1LjZ0LTEyLjkgLTUuNkwzMC43IDU0OC41UTI1LjEgNTQzIDI1LjEgNTM1Ljd0NS42IC0xMi44bDI2MCAtMjYwLjFxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI3LjkgMjcuOXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOEwxMjUgNTM1LjcgMzQ0LjMgNzU1cTUuNiA1LjYgNS42IDEyLjl0LTUuNiAxMi44ek02NzQuMSAxODUuM0w0NjYgOTA1LjdxLTIuMyA3LjIgLTguNyAxMC45dC0xMy4xIDEuNGwtMzQuNiAtOS41cS03LjMgLTIuMiAtMTAuOSAtOC43dC0xLjQgLTEzLjZMNjA1LjUgMTY1LjdxMi4yIC03LjIgOC42IC0xMC44dDEzLjEgLTEuNGwzNC42IDkuNHE3LjMgMi4zIDEwLjkgOC43dDEuNCAxMy43em0zNjYuNiAzNjMuMmwtMjYwIDI2MC4xcS01LjYgNS42IC0xMi44IDUuNlQ3NTUgODA4LjZsLTI3LjkgLTI3LjlxLTUuNiAtNS42IC01LjYgLTEyLjh0NS42IC0xMi45TDk0Ni40IDUzNS43IDcyNy4xIDMxNi40cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw3NTUgMjYyLjhxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI2MCAyNjAuMXE1LjYgNS42IDUuNiAxMi44dC01LjYgMTIuOHoiLz48L3N2Zz4=); + } + } + &.edit{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); + } + } + &.revs{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNNTAwIDMwMy42djI1MHEwIDcuOCAtNSAxMi44dC0xMi45IDVIMzAzLjZxLTcuOCAwIC0xMi45IC01dC01IC0xMi44di0zNS43cTAgLTcuOSA1IC0xMi45dDEyLjkgLTVoMTI1VjMwMy42cTAgLTcuOCA1IC0xMi45dDEyLjggLTVoMzUuN3E3LjkgMCAxMi45IDV0NSAxMi45ek03MzIuMSA1MDBxMCAtODIuNiAtNDAuNyAtMTUyLjNUNTgwLjkgMjM3LjIgNDI4LjYgMTk2LjR0LTE1Mi40IDQwLjhUMTY1LjcgMzQ3LjcgMTI1IDUwMHQ0MC43IDE1Mi4zIDExMC41IDExMC41IDE1Mi40IDQwLjggMTUyLjMgLTQwLjhUNjkxLjQgNjUyLjMgNzMyLjEgNTAwem0xMjUgMHEwIDExNi42IC01Ny40IDIxNS4xdC0xNTYgMTU2IC0yMTUuMSA1Ny41VDIxMy40IDg3MS4xIDU3LjUgNzE1LjEgMCA1MDAgNTcuNSAyODQuOXQxNTUuOSAtMTU2VDQyOC42IDcxLjR0MjE1LjEgNTcuNSAxNTYgMTU2VDg1Ny4xIDUwMHoiLz48L3N2Zz4=); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik01MDAgMzAzLjZ2MjUwcTAgNy44IC01IDEyLjh0LTEyLjkgNUgzMDMuNnEtNy44IDAgLTEyLjkgLTV0LTUgLTEyLjh2LTM1LjdxMCAtNy45IDUgLTEyLjl0MTIuOSAtNWgxMjVWMzAzLjZxMCAtNy44IDUgLTEyLjl0MTIuOCAtNWgzNS43cTcuOSAwIDEyLjkgNXQ1IDEyLjl6TTczMi4xIDUwMHEwIC04Mi42IC00MC43IC0xNTIuM1Q1ODAuOSAyMzcuMiA0MjguNiAxOTYuNHQtMTUyLjQgNDAuOFQxNjUuNyAzNDcuNyAxMjUgNTAwdDQwLjcgMTUyLjMgMTEwLjUgMTEwLjUgMTUyLjQgNDAuOCAxNTIuMyAtNDAuOFQ2OTEuNCA2NTIuMyA3MzIuMSA1MDB6bTEyNSAwcTAgMTE2LjYgLTU3LjQgMjE1LjF0LTE1NiAxNTYgLTIxNS4xIDU3LjVUMjEzLjQgODcxLjEgNTcuNSA3MTUuMSAwIDUwMCA1Ny41IDI4NC45dDE1NS45IC0xNTZUNDI4LjYgNzEuNHQyMTUuMSA1Ny41IDE1NiAxNTZUODU3LjEgNTAweiIvPjwvc3ZnPg==); + } + } + &.backlink{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODEyLjUgNjc4LjZxMCAtMjIuMyAtMTUuNiAtMzhsLTExNi4xIC0xMTZxLTE1LjYgLTE1LjcgLTM3LjkgLTE1LjcgLTIzLjUgMCAtNDAuMiAxNy45IDEuNyAxLjcgMTAuNiAxMC4zdDEyIDEyIDguMyAxMC42IDcuMyAxNC4yIDIgMTUuNHEwIDIyLjMgLTE1LjcgMzcuOXQtMzcuOSAxNS43cS04LjQgMCAtMTUuNCAtMnQtMTQuMiAtNy4zIC0xMC42IC04LjMgLTEyIC0xMiAtMTAuMyAtMTAuNnEtMTguNCAxNy4zIC0xOC40IDQwLjcgMCAyMi4zIDE1LjYgMzhsMTE1IDExNS41cTE1IDE1IDM3LjkgMTUgMjIuMyAwIDM3LjkgLTE0LjVMNzk2LjkgNzE2cTE1LjYgLTE1LjcgMTUuNiAtMzcuNHpNNDIwLjIgMjg1LjJxMCAtMjIuNCAtMTUuNiAtMzhsLTExNSAtMTE1LjVRMjc0IDExNi4xIDI1MS43IDExNi4xcS0yMS44IDAgLTM4IDE1bC04MiA4MS41cS0xNS42IDE1LjYgLTE1LjYgMzcuNCAwIDIyLjMgMTUuNiAzNy45TDI0Ny44IDQwNHExNSAxNS4xIDM3LjkgMTUuMSAyMy41IDAgNDAuMiAtMTcuMyAtMS43IC0xLjcgLTEwLjYgLTEwLjN0LTEyIC0xMiAtOC40IC0xMC42IC03LjIgLTE0LjMgLTIgLTE1LjNxMCAtMjIuMyAxNS42IC0zOHQzOCAtMTUuNnE4LjQgMCAxNS4zIDJ0MTQuMyA3LjIgMTAuNiA4LjQgMTIgMTIgMTAuMyAxMC42cTE4LjQgLTE3LjMgMTguNCAtNDAuN3ptNDk5LjQgMzkzLjRxMCA2Ni45IC00Ny40IDExMy4zbC04MiA4MS40cS00Ni4zIDQ2LjMgLTExMy4zIDQ2LjMgLTY3LjUgMCAtMTEzLjggLTQ3LjRsLTExNSAtMTE1LjVRNDAxLjggNzEwLjQgNDAxLjggNjQzLjRxMCAtNjguNiA0OS4xIC0xMTYuNmwtNDkuMSAtNDkuMXEtNDggNDkuMSAtMTE2LjEgNDkuMSAtNjYuOSAwIC0xMTMuOCAtNDYuOUw1NS44IDM2My44UTguOSAzMTcgOC45IDI1MFQ1Ni40IDEzNi43bDgyIC04MS41UTE4NC43IDguOSAyNTEuNyA4LjlxNjcuNSAwIDExMy44IDQ3LjVsMTE1IDExNS41cTQ2LjMgNDYuMyA0Ni4zIDExMy4zIDAgNjguNiAtNDkuMSAxMTYuNmw0OS4xIDQ5LjFxNDggLTQ5LjEgMTE2LjEgLTQ5LjEgNjYuOSAwIDExMy44IDQ2LjlsMTE2LjEgMTE2cTQ2LjggNDYuOSA0Ni44IDExMy45eiIvPjwvc3ZnPg==); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTIuNSA2NzguNnEwIC0yMi4zIC0xNS42IC0zOGwtMTE2LjEgLTExNnEtMTUuNiAtMTUuNyAtMzcuOSAtMTUuNyAtMjMuNSAwIC00MC4yIDE3LjkgMS43IDEuNyAxMC42IDEwLjN0MTIgMTIgOC4zIDEwLjYgNy4zIDE0LjIgMiAxNS40cTAgMjIuMyAtMTUuNyAzNy45dC0zNy45IDE1LjdxLTguNCAwIC0xNS40IC0ydC0xNC4yIC03LjMgLTEwLjYgLTguMyAtMTIgLTEyIC0xMC4zIC0xMC42cS0xOC40IDE3LjMgLTE4LjQgNDAuNyAwIDIyLjMgMTUuNiAzOGwxMTUgMTE1LjVxMTUgMTUgMzcuOSAxNSAyMi4zIDAgMzcuOSAtMTQuNUw3OTYuOSA3MTZxMTUuNiAtMTUuNyAxNS42IC0zNy40ek00MjAuMiAyODUuMnEwIC0yMi40IC0xNS42IC0zOGwtMTE1IC0xMTUuNVEyNzQgMTE2LjEgMjUxLjcgMTE2LjFxLTIxLjggMCAtMzggMTVsLTgyIDgxLjVxLTE1LjYgMTUuNiAtMTUuNiAzNy40IDAgMjIuMyAxNS42IDM3LjlMMjQ3LjggNDA0cTE1IDE1LjEgMzcuOSAxNS4xIDIzLjUgMCA0MC4yIC0xNy4zIC0xLjcgLTEuNyAtMTAuNiAtMTAuM3QtMTIgLTEyIC04LjQgLTEwLjYgLTcuMiAtMTQuMyAtMiAtMTUuM3EwIC0yMi4zIDE1LjYgLTM4dDM4IC0xNS42cTguNCAwIDE1LjMgMnQxNC4zIDcuMiAxMC42IDguNCAxMiAxMiAxMC4zIDEwLjZxMTguNCAtMTcuMyAxOC40IC00MC43em00OTkuNCAzOTMuNHEwIDY2LjkgLTQ3LjQgMTEzLjNsLTgyIDgxLjRxLTQ2LjMgNDYuMyAtMTEzLjMgNDYuMyAtNjcuNSAwIC0xMTMuOCAtNDcuNGwtMTE1IC0xMTUuNVE0MDEuOCA3MTAuNCA0MDEuOCA2NDMuNHEwIC02OC42IDQ5LjEgLTExNi42bC00OS4xIC00OS4xcS00OCA0OS4xIC0xMTYuMSA0OS4xIC02Ni45IDAgLTExMy44IC00Ni45TDU1LjggMzYzLjhROC45IDMxNyA4LjkgMjUwVDU2LjQgMTM2LjdsODIgLTgxLjVRMTg0LjcgOC45IDI1MS43IDguOXE2Ny41IDAgMTEzLjggNDcuNWwxMTUgMTE1LjVxNDYuMyA0Ni4zIDQ2LjMgMTEzLjMgMCA2OC42IC00OS4xIDExNi42bDQ5LjEgNDkuMXE0OCAtNDkuMSAxMTYuMSAtNDkuMSA2Ni45IDAgMTEzLjggNDYuOWwxMTYuMSAxMTZxNDYuOCA0Ni45IDQ2LjggMTEzLjl6Ii8+PC9zdmc+); + } + } + &.top{ + margin-top: 1em; + position: relative; + background-size: .9rem; + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=); + } + } + &.plugin_bookcreator_addtobook{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); + } + } + &.export_pdf{ + background-size: .9rem auto; + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); + } + } + } + + } + } + + &:hover{ + ul{ + background-color: #fff; + box-shadow: @box-shadow-offset; + li{ + a{ + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top{ + color: @color-nav; + background-position: 95% center; + opacity: .8; + &:hover, &:focus, &:active{ + opacity: 1; + *{ + opacity: 1; + } + color: @color-nav-hover; + background-color: #fff; + } + } + &.plugin_bookcreator_addtobook{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); + } + + } + &.export_pdf{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); + } + + } + + } + } + } + } + + +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + nav#dokuwiki__pagetools { + right: 8px; + } +} diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 094400d..9b7dbb6 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -1,155 +1,155 @@ -/** - * This file provides the design styles for the direct / menu jump links. - * - * @author Jana Deutschlaender - */ - - -.nav-usertools { - &.has-bar { - margin-top: @height-context-bar; - padding-top: .5em; - } - - -/* + + + + + icon list + + + + + */ - ul { - float: right; - padding: 0; - margin: .2em -.2rem 0 0; - - li { - .btn-usertools-wrapper(); // uniform li - .btn-usertools-num(); - - float: right; - - > strong, - > a { - display: block; - width: auto; - min-height: 2em; - border: 1px solid @color-border; - border-radius: @border-radius; - color: @color-nav; - text-align: center; - margin: 0; - } - - &.noopentasks { - strong { - background-color: @color-site-bg; - } - - .num { - background-color: @color-border; - color: @color-nav; - } - } - - &.user { - border: 1px solid @color-border; - border-radius: @border-radius; - padding: .3em .25rem; - - bdi { - color: @color-nav; - display: inline-block; - padding-top: 1px; - } - - > bdi:first-of-type { - .fontello(); - .icon-user(); - - &::before { - float: left; - background: @color-nav; - border: 4px solid @color-nav; - border-radius: 50%; - color: #fff; - font-size: .6rem; - margin: -2px 6px -2px 0; - } - } - } // user - - &.user-task { - position: relative; - - a { - position: relative; - overflow: visible; - white-space: normal; - text-indent: 0; - - &::before { - content: ''; - position: absolute; - } - } - - .prefix { - .btn-prefix(); - .icon-clipboard(); - } - } // user-task - } // li - - -/* + + + icons + + + */ - a { - .fontello(); - .hide-text-show-before(); - - cursor: pointer; - background-color: #fff; - text-decoration: none; - transition: @transition color, @transition background-color, @transition border-color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - border-color: @button_background; - //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - color: @button_background; - } - - &::before { - content: "?"; - display: block; - width: 100%; - box-sizing: border-box; - font-size: 1.4em; - cursor: pointer; - margin: .2em 0 0; - } - - /* icon register new user */ - &.register { - .icon-user(); - } - - /* icon log-out */ - &.logout { - .icon-logout(); - } - - /* icon log-in */ - &.login { - .icon-login(); - } - - /* icon admin */ - &.admin { - .icon-cog(); - - &::before { - margin-top: .18rem; - } - } - } // a - } // ul -} // nav-usertools +/** + * This file provides the design styles for the direct / menu jump links. + * + * @author Jana Deutschlaender + */ + + +.nav-usertools { + &.has-bar { + margin-top: @height-context-bar; + padding-top: .5em; + } + + +/* + + + + + icon list + + + + + */ + ul { + float: right; + padding: 0; + margin: .2em -.2rem 0 0; + + li { + .btn-usertools-wrapper(); // uniform li + .btn-usertools-num(); + + float: right; + + > strong, + > a { + display: block; + width: auto; + min-height: 2em; + border: 1px solid @color-border; + border-radius: @border-radius; + color: @color-nav; + text-align: center; + margin: 0; + } + + &.noopentasks { + strong { + background-color: @color-site-bg; + } + + .num { + background-color: @color-border; + color: @color-nav; + } + } + + &.user { + border: 1px solid @color-border; + border-radius: @border-radius; + padding: .3em .25rem; + + bdi { + color: @color-nav; + display: inline-block; + padding-top: 1px; + } + + > bdi:first-of-type { + .fontello(); + .icon-user(); + + &::before { + float: left; + background: @color-nav; + border: 4px solid @color-nav; + border-radius: 50%; + color: #fff; + font-size: .6rem; + margin: -2px 6px -2px 0; + } + } + } // user + + &.user-task { + position: relative; + + a { + position: relative; + overflow: visible; + white-space: normal; + text-indent: 0; + + &::before { + content: ''; + position: absolute; + } + } + + .prefix { + .btn-prefix(); + .icon-clipboard(); + } + } // user-task + } // li + + +/* + + + icons + + + */ + a { + .fontello(); + .hide-text-show-before(); + + cursor: pointer; + background-color: #fff; + text-decoration: none; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:active, + &:focus { + background-color: @button_color; + border-color: @button_background; + //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); + //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); + color: @button_background; + } + + &::before { + content: "?"; + display: block; + width: 100%; + box-sizing: border-box; + font-size: 1.4em; + cursor: pointer; + margin: .2em 0 0; + } + + /* icon register new user */ + &.register { + .icon-user(); + } + + /* icon log-out */ + &.logout { + .icon-logout(); + } + + /* icon log-in */ + &.login { + .icon-login(); + } + + /* icon admin */ + &.admin { + .icon-cog(); + + &::before { + margin-top: .18rem; + } + } + } // a + } // ul +} // nav-usertools diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index 0268218..bf8656e 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -1,78 +1,78 @@ -/** - * This file provides the design styles for the quick search. - * - * @author Jana Deutschlaender - */ - - -.search.main-sidebar { - form { - @icon-size: 40px; - - display: block; - margin: @margin-default 0; - - .no { - #qsearch__in { - width: 100%; - padding-left: 10px; - padding-right: (@icon-size + 10); - } - } - - input { - min-height: @icon-size; - box-sizing: border-box; - } - - button[type="submit"] { - .fontello(); - .hide-text-show-before(); - .icon-search(); - - position: relative; - width: @icon-size; - min-height: @icon-size; - overflow: visible; - background-image: none; - background-color: transparent; - border: solid 1px transparent; - border-right-color: @color-border; - color: @color-nav; - margin-left: -(@icon-size); - padding: 0; - transition: @transition color, @transition background-color, @transition border-color; - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border: solid 1px @button_background; - color: @button_background; - - &::after { - background-color: @button_background; - } - } - - &::before { - width: 100%; - color: inherit; - font-size: 25px; - text-align: center; - margin: 0; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: -1px; - background-color: @color-border; - transition: @transition background-color; - } - } - } -} +/** + * This file provides the design styles for the quick search. + * + * @author Jana Deutschlaender + */ + + +.search.main-sidebar { + form { + @icon-size: 40px; + + display: block; + margin: @margin-default 0; + + .no { + #qsearch__in { + width: 100%; + padding-left: 10px; + padding-right: (@icon-size + 10); + } + } + + input { + min-height: @icon-size; + box-sizing: border-box; + } + + button[type="submit"] { + .fontello(); + .hide-text-show-before(); + .icon-search(); + + position: relative; + width: @icon-size; + min-height: @icon-size; + overflow: visible; + background-image: none; + background-color: transparent; + border: solid 1px transparent; + border-right-color: @color-border; + color: @color-nav; + margin-left: -(@icon-size); + padding: 0; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border: solid 1px @button_background; + color: @button_background; + + &::after { + background-color: @button_background; + } + } + + &::before { + width: 100%; + color: inherit; + font-size: 25px; + text-align: center; + margin: 0; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: -1px; + background-color: @color-border; + transition: @transition background-color; + } + } + } +} diff --git a/css/area_sidetools.less b/css/area_sidetools.less old mode 100644 new mode 100755 index dd818ad..1cc1013 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -1,331 +1,331 @@ -/** - * This file provides the design styles for the sitetools (nav). - * - * @author Jana Deutschlaender - */ - - -.side-tools.main-sidebar { - @icon-size: 2rem; - - counter-increment: bar-counter; - - ul, - .trace { - padding-left: (@icon-size + .5); - } - - ul { - border-bottom: 1px solid @color-border; - } - - li { - list-style-type: none; - - a { - display: list-item; - list-style-type: square; - color: @color-nav; - padding-top: .1em; - padding-bottom: .1em; - transition: @transition color; - - &:hover, - &:focus, - &:active { - color: @button_background; - } - } - - &:first-of-type { - padding-top: .3em; - } - } - - > nav { - > ul { - margin: 0; - padding: 0 0 0 (@icon-size + .5); - - li { - list-style-type: none; - color: @color-nav; - - &:first-of-type { - padding-top: .3em; - } - } - } - } - - -/* + + + + + headlines for linklists + + + + + */ - h6 { - position: relative; - width: auto; - height: auto; - color: @color-nav; - font-weight: normal; - padding: .5em 0 .5em (@icon-size + 1.1); - - &[class="sr-only"] { - border-bottom: solid 1px @color-border; - } - - * { - color: inherit; - } - - -/* + + + icon + + + */ - &::before { - content: counter(bar-counter, lower-alpha); - position: absolute; - top: 0; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - text-align: center; - margin-top: auto; - margin-bottom: auto; - } - - -/* + + + line bottom + + + */ - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .6); - background-color: @color-border; - transition: @transition background-color; - } - - + ul, - + div { - height: auto; - overflow: hidden; - } - - -/* + + + toggle + + + */ - &.opened, - &.closed { - padding: 0; - - &::before, - &::after { - display: none; - } - - a { - position: relative; - display: block; - border: 1px solid transparent; - border-radius: 2px; - padding: .6em 0 .6em (@icon-size + 1); - transition: @transition color, @transition background-color, @transition border-color; - - &::before { - content: counter(bar-counter, lower-alpha); - position: absolute; - top: -.1em; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - transition: @transition color; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - transition: @transition background-color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - - &::after { - background-color: @button_background; - } - } - } - } - - &.opened { - a { - background-color: @button_background; - color: @button_color; - - &::before { - color: @button_color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - } - } - - + ul, - + div { - height: auto; - overflow: hidden; - } - - + ul { - margin-top: .5em; - padding-bottom: .4rem; - } - } - - &.closed { - + ul, - + div { - height: 0; - } - } - } - - -/* + + + + + f.i. trace + + + + + */ - p { - max-height: 6rem; - overflow-y: auto; - background-color: @color-content-bg; - border: 1px solid @button_background; - border-radius: 2px; - font-size: .8rem; - margin-top: .1rem; - padding: .3rem .6em; - - * { - font-size: inherit; - } - - .bchead { - display: none; - } - - .bcsep { - float: left; - clear: both; - display: block; - width: 3%; - vertical-align: top; - color: @color-link; - padding-top: .3em; - } - - .breadcrumbs { - border: 0 none; - padding: 0; - margin: 0; - } - - bdi { - display: block; - float: left; - width: 94%; - line-height: 125%; - padding: .1rem 0; - margin-left: 2%; - } - - a { - cursor: pointer; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - .side-tools.main-sidebar { - h6 { - font-size: .9rem; - - * { - font-size: inherit; - } - } - - li { - font-size: .8rem; - padding: .1em 0 .1em .1rem; - - > * { - font-size: inherit; - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1439px */ - -@media @screen_max-xlg { - .side-tools.main-sidebar { - h6 { - font-size: 1rem; - } - - li { - font-size: .9rem; - padding: .15em 0 .15em .23rem; - - > * { - font-size: inherit; - } - } - - p { - font-size: .9rem; - } - } -} +/** + * This file provides the design styles for the sitetools (nav). + * + * @author Jana Deutschlaender + */ + + +.side-tools.main-sidebar { + @icon-size: 2rem; + + counter-increment: bar-counter; + + ul, + .trace { + padding-left: (@icon-size + .5); + } + + ul { + border-bottom: 1px solid @color-border; + } + + li { + list-style-type: none; + + a { + display: list-item; + list-style-type: square; + color: @color-nav; + padding-top: .1em; + padding-bottom: .1em; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_background; + } + } + + &:first-of-type { + padding-top: .3em; + } + } + + > nav { + > ul { + margin: 0; + padding: 0 0 0 (@icon-size + .5); + + li { + list-style-type: none; + color: @color-nav; + + &:first-of-type { + padding-top: .3em; + } + } + } + } + + +/* + + + + + headlines for linklists + + + + + */ + h6 { + position: relative; + width: auto; + height: auto; + color: @color-nav; + font-weight: normal; + padding: .5em 0 .5em (@icon-size + 1.1); + + &[class="sr-only"] { + border-bottom: solid 1px @color-border; + } + + * { + color: inherit; + } + + +/* + + + icon + + + */ + &::before { + content: counter(bar-counter, lower-alpha); + position: absolute; + top: 0; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + +/* + + + line bottom + + + */ + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .6); + background-color: @color-border; + transition: @transition background-color; + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + +/* + + + toggle + + + */ + &.opened, + &.closed { + padding: 0; + + &::before, + &::after { + display: none; + } + + a { + position: relative; + display: block; + border: 1px solid transparent; + border-radius: 2px; + padding: .6em 0 .6em (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + content: counter(bar-counter, lower-alpha); + position: absolute; + top: -.1em; + left: 0; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + -webkit-justify-content: center; + height: 100%; + width: @icon-size; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + transition: @transition color; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + + &::after { + background-color: @button_background; + } + } + } + } + + &.opened { + a { + background-color: @button_background; + color: @button_color; + + &::before { + color: @button_color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + } + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + + ul { + margin-top: .5em; + padding-bottom: .4rem; + } + } + + &.closed { + + ul, + + div { + height: 0; + } + } + } + + +/* + + + + + f.i. trace + + + + + */ + p { + max-height: 6rem; + overflow-y: auto; + background-color: @color-content-bg; + border: 1px solid @button_background; + border-radius: 2px; + font-size: .8rem; + margin-top: .1rem; + padding: .3rem .6em; + + * { + font-size: inherit; + } + + .bchead { + display: none; + } + + .bcsep { + float: left; + clear: both; + display: block; + width: 3%; + vertical-align: top; + color: @color-link; + padding-top: .3em; + } + + .breadcrumbs { + border: 0 none; + padding: 0; + margin: 0; + } + + bdi { + display: block; + float: left; + width: 94%; + line-height: 125%; + padding: .1rem 0; + margin-left: 2%; + } + + a { + cursor: pointer; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + .side-tools.main-sidebar { + h6 { + font-size: .9rem; + + * { + font-size: inherit; + } + } + + li { + font-size: .8rem; + padding: .1em 0 .1em .1rem; + + > * { + font-size: inherit; + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + .side-tools.main-sidebar { + h6 { + font-size: 1rem; + } + + li { + font-size: .9rem; + padding: .15em 0 .15em .23rem; + + > * { + font-size: inherit; + } + } + + p { + font-size: .9rem; + } + } +} diff --git a/css/base.less b/css/base.less index 8aa3cda..49f4193 100755 --- a/css/base.less +++ b/css/base.less @@ -1,430 +1,430 @@ -/** - * This file provides the basic vars and reset styles. - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* converted vars */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@background_page-header: __background_page-header__; - -@border-radius: __default_border_radius__; - -@font_family_screen: __font_family_screen__; - -@color-text: __text__; -@color-border: __border__; -@color-nav: __nav_menu_color__; -@color-nav-hover: __nav_menu_hover_color__; -@color-nav-hover-bg: __nav_menu_hover_bg__; - -@color-content-bg: __background_content__; -@color-site-bg: __background_site__; - -@color-link: __existing__; -@color-link-hover: @color-nav; - -@button_color: __button_color__; -@button_background: __button_background__; - -@box-shadow-offset: __box_shadow_offset__; -@box-shadow: __box_shadow__; -@box-shadow-colored: __box_shadow_colored__; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* global vars */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@height-context-bar: 50px; - -@margin-small: 1rem; -@margin-default: 1.5rem; -@margin-big: 2.5rem; - -@grid: @margin-small; - -@transition: ease-out .30s; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* fonts */ - -@font-size-small: .75rem; -@font-size-default: .88rem; -@font-size-big: 1.5rem; -@font-size-bigger: 1.75rem; - -@line-height-default: 125%; -@line-height-big: 135%; -@line-height-bigger: 140%; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* breakpoints */ - -@break-min-xxs: 480; -@break-max-xxs: (@break-min-xxs - 1); - -@break-min-xs: 768; -@break-max-xs: (@break-min-xs - 1); - -@break-min-sm: 992; -@break-max-sm: (@break-min-xs - 1); - -@break-min-md: 1024; -@break-max-md: (@break-min-md - 1); - -@break-min-lg: 1200; -@break-max-lg: (@break-min-lg - 1); - -@break-min-xlg: 1440; -@break-max-xlg: (@break-min-xlg - 1); - -@break-min-xxlg: 1600; -@break-max-xxlg: (@break-min-xlg - 1); - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* media queries for breakpoints */ - -@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; -@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; - -@screen_min-xs: ~"only screen and (min-width: " ~"@{break-min-xs}px)"; -@screen_max-xs: ~"only screen and (max-width: " ~"@{break-max-xs}px)"; - -@screen_min-sm: ~"only screen and (min-width: " ~"@{break-min-sm}px)"; -@screen_max-sm: ~"only screen and (max-width: " ~"@{break-max-sm}px)"; - -@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)"; -@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)"; -@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; - -@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)"; -@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)"; - -@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)"; -@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)"; - -@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)"; -@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* col width */ - -@c12: 100%; -@c11: 91.66666667%; -@c10: 83.33333333%; -@c9: 75%; -@c8: 66.66666667%; -@c7: 58.33333333%; -@c6: 50%; -@c5: 41.66666667%; -@c4: 33.33333333%; -@c3: 25%; -@c2: 16.66666667%; -@c1: 8.33333333%; - -@grid-columns: 12; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -html, -body { - .reset(); - - font-size: 100.1%; -} - -header, -.nav-direct{ - .elementsReset(); -} - -div, span, object, -h1, h2, h3, h4, h5, h6, p, blockquote, -a, abbr, em,acronym, img, strong, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -input, select, option, textarea, button { - font-size: 1rem; - line-height: 100%; -} - - -ol, -ul { - list-style: none outside none; -} - -blockquote, -q { - quotes: none; -} - -acronym { - cursor: help; - border-bottom: dotted 1px #333; -} - -*:focus { - outline: 0; -} - -table{ - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - caption-side: top; -} - -caption, -th, -td { - text-align: left; - vertical-align: top; -} - -img { - display: block; - float: none; - border: none 0; - line-height: @line-height-default; -} - -*, -div, -nav, -header { - box-sizing: border-box; -} - -header, -footer, -.container, -.row, nav, -nav > ul { - &::before, - &::after { - display: table; - content: " "; - clear: both; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* css behaviour */ - -.sr-out { - .sr-out(); -} - -.sr-only { - .sr-only(); -} - -.structure, -.none, -.mobile-only { - display: none; -} - -.mobile-only { - display: none; - @media @screen_max-md { - display: inline-block; - } -} - -.mobile-hide { - display: inline-block; - - @media @screen_max-md { - display: none; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* screen only */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media screen { - html { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - } - - article, aside, details, figcaption, figure, footer, header, - main, menu, nav, section, summary { - display: block; - } - - audio, - canvas, - progress, - video { - display: inline-block; - vertical-align: baseline; - } - - audio:not([controls]) { - display: none; - height: 0; - } - - [hidden], - template { - display: none; - } - - a:active, - a:hover { - outline: 0; - } - - abbr[title] { - border-bottom: 1px dotted; - } - - small { - font-size: 80%; - } - - sub, - sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - - sup { - top: -0.5em; - } - - sub { - bottom: -0.25em; - } - - svg:not(:root) { - overflow: hidden; - } - - hr { - box-sizing: content-box; - height: 0; - } - - pre { - overflow: auto; - } - - code, - kbd, - pre, - samp { - font-family: monospace, monospace; - font-size: 1em; - } - - button, - input, - optgroup, - select, - textarea { - color: inherit; - font: inherit; - margin: 0; - } - - button, - select { - text-transform: none; - } - - button { - overflow: visible; - } - - input { - &[type="checkbox"], - &[type="radio"] { - box-sizing: border-box; - padding: 0; - } - - &[type="number"] { - &::-webkit-inner-spin-button, - &::-webkit-outer-spin-button { - height: auto; - } - } - - &[type="search"] { - -webkit-appearance: textfield; - box-sizing: content-box; - - &::-webkit-search-cancel-button, - &::-webkit-search-decoration { - -webkit-appearance: none; - } - } - } - - legend { - border: 0; - padding: 0; - } - - textarea { - overflow: auto; - } - - table { - border-collapse: collapse; - border-spacing: 0; - } - - td, - th { - padding: 0; - } - - html, body, div, span, applet, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, - a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, - small, strike, strong, sub, sup, tt, var, - b, u, i, center, - dl, dt, dd, ol, ul, li, - fieldset, form, label, legend, - table, caption, tbody, tfoot, thead, tr, th, td, - article, aside, canvas, details, embed, - figure, figcaption, footer, header, - menu, nav, output, ruby, section, summary, - time, mark, audio, video { - font-family: @font_family_screen; - color: @ini_text; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* print only */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media print { - body { - font-size: 12pt; - } -} +/** + * This file provides the basic vars and reset styles. + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* converted vars */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@background_page-header: __background_page-header__; + +@border-radius: __default_border_radius__; + +@font_family_screen: __font_family_screen__; + +@color-text: __text__; +@color-border: __border__; +@color-nav: __nav_menu_color__; +@color-nav-hover: __nav_menu_hover_color__; +@color-nav-hover-bg: __nav_menu_hover_bg__; + +@color-content-bg: __background_content__; +@color-site-bg: __background_site__; + +@color-link: __existing__; +@color-link-hover: @color-nav; + +@button_color: __button_color__; +@button_background: __button_background__; + +@box-shadow-offset: __box_shadow_offset__; +@box-shadow: __box_shadow__; +@box-shadow-colored: __box_shadow_colored__; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* global vars */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@height-context-bar: 50px; + +@margin-small: 1rem; +@margin-default: 1.5rem; +@margin-big: 2.5rem; + +@grid: @margin-small; + +@transition: ease-out .30s; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* fonts */ + +@font-size-small: .75rem; +@font-size-default: .88rem; +@font-size-big: 1.5rem; +@font-size-bigger: 1.75rem; + +@line-height-default: 125%; +@line-height-big: 135%; +@line-height-bigger: 140%; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* breakpoints */ + +@break-min-xxs: 480; +@break-max-xxs: (@break-min-xxs - 1); + +@break-min-xs: 768; +@break-max-xs: (@break-min-xs - 1); + +@break-min-sm: 992; +@break-max-sm: (@break-min-xs - 1); + +@break-min-md: 1024; +@break-max-md: (@break-min-md - 1); + +@break-min-lg: 1200; +@break-max-lg: (@break-min-lg - 1); + +@break-min-xlg: 1440; +@break-max-xlg: (@break-min-xlg - 1); + +@break-min-xxlg: 1600; +@break-max-xxlg: (@break-min-xlg - 1); + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* media queries for breakpoints */ + +@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; +@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; + +@screen_min-xs: ~"only screen and (min-width: " ~"@{break-min-xs}px)"; +@screen_max-xs: ~"only screen and (max-width: " ~"@{break-max-xs}px)"; + +@screen_min-sm: ~"only screen and (min-width: " ~"@{break-min-sm}px)"; +@screen_max-sm: ~"only screen and (max-width: " ~"@{break-max-sm}px)"; + +@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)"; +@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)"; +@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; + +@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)"; +@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)"; + +@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)"; +@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)"; + +@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)"; +@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* col width */ + +@c12: 100%; +@c11: 91.66666667%; +@c10: 83.33333333%; +@c9: 75%; +@c8: 66.66666667%; +@c7: 58.33333333%; +@c6: 50%; +@c5: 41.66666667%; +@c4: 33.33333333%; +@c3: 25%; +@c2: 16.66666667%; +@c1: 8.33333333%; + +@grid-columns: 12; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +html, +body { + .reset(); + + font-size: 100.1%; +} + +header, +.nav-direct{ + .elementsReset(); +} + +div, span, object, +h1, h2, h3, h4, h5, h6, p, blockquote, +a, abbr, em,acronym, img, strong, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +input, select, option, textarea, button { + font-size: 1rem; + line-height: 100%; +} + + +ol, +ul { + list-style: none outside none; +} + +blockquote, +q { + quotes: none; +} + +acronym { + cursor: help; + border-bottom: dotted 1px #333; +} + +*:focus { + outline: 0; +} + +table{ + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + caption-side: top; +} + +caption, +th, +td { + text-align: left; + vertical-align: top; +} + +img { + display: block; + float: none; + border: none 0; + line-height: @line-height-default; +} + +*, +div, +nav, +header { + box-sizing: border-box; +} + +header, +footer, +.container, +.row, nav, +nav > ul { + &::before, + &::after { + display: table; + content: " "; + clear: both; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* css behaviour */ + +.sr-out { + .sr-out(); +} + +.sr-only { + .sr-only(); +} + +.structure, +.none, +.mobile-only { + display: none; +} + +.mobile-only { + display: none; + @media @screen_max-md { + display: inline-block; + } +} + +.mobile-hide { + display: inline-block; + + @media @screen_max-md { + display: none; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* screen only */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media screen { + html { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + } + + article, aside, details, figcaption, figure, footer, header, + main, menu, nav, section, summary { + display: block; + } + + audio, + canvas, + progress, + video { + display: inline-block; + vertical-align: baseline; + } + + audio:not([controls]) { + display: none; + height: 0; + } + + [hidden], + template { + display: none; + } + + a:active, + a:hover { + outline: 0; + } + + abbr[title] { + border-bottom: 1px dotted; + } + + small { + font-size: 80%; + } + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sup { + top: -0.5em; + } + + sub { + bottom: -0.25em; + } + + svg:not(:root) { + overflow: hidden; + } + + hr { + box-sizing: content-box; + height: 0; + } + + pre { + overflow: auto; + } + + code, + kbd, + pre, + samp { + font-family: monospace, monospace; + font-size: 1em; + } + + button, + input, + optgroup, + select, + textarea { + color: inherit; + font: inherit; + margin: 0; + } + + button, + select { + text-transform: none; + } + + button { + overflow: visible; + } + + input { + &[type="checkbox"], + &[type="radio"] { + box-sizing: border-box; + padding: 0; + } + + &[type="number"] { + &::-webkit-inner-spin-button, + &::-webkit-outer-spin-button { + height: auto; + } + } + + &[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; + + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { + -webkit-appearance: none; + } + } + } + + legend { + border: 0; + padding: 0; + } + + textarea { + overflow: auto; + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + td, + th { + padding: 0; + } + + html, body, div, span, applet, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, + a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, + b, u, i, center, + dl, dt, dd, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + article, aside, canvas, details, embed, + figure, figcaption, footer, header, + menu, nav, output, ruby, section, summary, + time, mark, audio, video { + font-family: @font_family_screen; + color: @ini_text; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* print only */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media print { + body { + font-size: 12pt; + } +} diff --git a/css/base_design.less b/css/base_design.less index 8e3b5b6..37ae4c0 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -1,651 +1,651 @@ -/** - * This file provides the main design styles - * across all template elements (typo, colors etc.) - * - * @author Jana Deutschlaender - */ - - -html, body { - background-color: @color-site-bg; -} - -a { - color: @color-link; -} - -/* highlight selected tool */ -.mode_admin a.action.admin, -.mode_login a.action.login, -.mode_register a.action.register, -.mode_profile a.action.profile, -.mode_recent a.action.recent, -.mode_index a.action.index, -.mode_media a.action.media, -.mode_revisions a.action.revs, -.mode_backlink a.action.backlink, -.mode_subscribe a.action.subscribe { - font-weight: bold; -} - -.dokuwiki .pageId { - float: right; - margin-right: -1em; - margin-bottom: -1px; - margin-top: -1.5em; - overflow: hidden; - padding: 0.5em 1em 0; - - span { - font-size: 0.875em; - border: solid @ini_background_alt; - border-width: 1px 1px 0; - background-color: @ini_background; - color: @ini_text_alt; - padding: .1em .35em; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - box-shadow: 0 0 .5em @ini_text_alt; - display: block; - } -} - -.dokuwiki div.page { - clear: both; - background: @color-content-bg; - color: inherit; - padding: 1rem 2rem 2rem; - // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border - overflow: hidden; - word-wrap: break-word; -} - -.dokuwiki .docInfo { - font-size: 0.5rem; - text-align: right; -} - -/* license note under edit window */ -.dokuwiki div.license { - font-size: 93.75%; -} - -[dir=rtl] .dokuwiki .docInfo { - text-align: left; -} - -[dir=rtl] .dokuwiki .pageId { - float: left; - margin-left: -1em; - margin-right: 0; -} - -caption, -figcaption, -summary, -legend { - padding: 0; - margin: 0 0 .35em; - line-height: 1.2; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - padding: 0; - line-height: 1.2; - clear: both; -} - -[dir=rtl] h1, -[dir=rtl] h2, -[dir=rtl] h3, -[dir=rtl] h4, -[dir=rtl] h5, -[dir=rtl] h6 { - clear: right; -} - -h1 { - font-size: 1.4rem; - margin: 0 0 0.444em; - padding-top: 1em; -} - -h2 { - font-size: 1.12rem; - margin: 0 0 0.666em; -} - -h3 { - font-size: 1rem; - margin: 0 0 0.888em; -} - -h4 { - font-size: .94rem; - margin: 0 0 1.0em; -} - -h5 { - font-size: .88rem; - margin: 0 0 1.1428em; -} - -h6 { - font-size: .83rem; - margin: 0 0 1.333em; -} - -p { - font-size: .88rem; - line-height: 135%; - - a, - span, - strong { - font-size: inherit; - } -} - -label, -legend, -button { - font-size: .88rem; - - a, - span, - strong { - font-size: inherit; - } -} - -hr, -figure, -details, -address { - font-size: .88rem; - line-height: 140%; -} - -p, -ul, -ol, -dl, -pre, -table, -hr, -blockquote, -figure, -details, -fieldset, -address { - margin: 0 0 1.4em; /* bottom margin = line-height */ - padding: 0; -} - -div, -video, -audio { - margin: 0; - padding: 0; -} - -small, -.code { - font-size: .75rem; -} - -.code { - margin-top: @grid; -} - - -/*____________ lists ____________*/ - -ul, -ol { - font-size: .88rem; - line-height: 140%; - padding: 0 0 0 1.5em; -} - -[dir=rtl] ul, -[dir=rtl] ol { - padding: 0 1.5em 0 0; -} - -li, -dd { - padding: 0; - margin: 0 0 0 1.5em; -} - -[dir=rtl] li, -[dir=rtl] dd { - margin: 0 1.5em 0 0; -} - -dl { - font-size: .88rem; - line-height: 140%; -} - -dt { - font-weight: bold; - margin: 0; - padding: 0; -} - -li ul, -li ol, -li dl, -dl ul, -dl ol, -dl dl { - margin-bottom: 0; - padding: 0; -} - -li li { - font-size: 100%; -} - -ul { - list-style: square outside; -} - -ol { - list-style: decimal outside; -} - -ol ol { - list-style-type: lower-alpha; -} - -ol ol ol { - list-style-type: upper-roman; -} - -ol ol ol ol { - list-style-type: upper-alpha; -} - -ol ol ol ol ol { - list-style-type: lower-roman; -} - -table { - border-collapse: collapse; - empty-cells: show; - border-spacing: 0; - border: 1px solid @color-border; - font-size: .88rem; - line-height: 140%; -} - -caption { - caption-side: top; - text-align: left; -} - -[dir=rtl] caption { - text-align: right; -} - -th, -td { - padding: .3em .5em; - margin: 0; - vertical-align: top; - border: 1px solid @color-border; -} - -th { - font-weight: bold; - background-color: @ini_background_alt; - text-align: left; -} - -[dir=rtl] th { - text-align: right; -} - -a { - outline: none; -} - -a:link, -a:visited { - text-decoration: none; - color: @color-link; -} - -a:hover, -a:focus, -a:active { - text-decoration: underline; -} - -img { - display: inline-block; - border-width: 0; - vertical-align: middle; - color: #666; - background-color: transparent; - font-style: italic; - height: auto; -} - -img, -object, -embed, -iframe, -video, -audio { - max-width: 100%; -} - -button img { - max-width: none; -} - -hr { - border-top: solid @color-border; - border-bottom: solid @ini_background; - border-width: 1px 0; - height: 0; - text-align: center; - clear: both; -} - -acronym, -abbr { - cursor: help; - border-bottom: 1px dotted; - font-style: normal; -} - -em acronym, -em abbr { - font-style: italic; -} - -mark { - background-color: @ini_highlight; - color: inherit; -} - -pre, -code, -samp, -kbd { - font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; - /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ - font-size: 1em; - direction: ltr; - text-align: left; - background-color: @color-site-bg; - color: @color-text; - box-shadow: inset 0 0 .3em @color-border; - border-radius: 2px; -} - -pre { - overflow: auto; - word-wrap: normal; - border: 1px solid @color-border; - border-radius: 2px; - box-shadow: inset 0 0 .5em @color-border; - font-size: .88rem; - line-height: 140%; - padding: .7em 1em; -} - -blockquote { - border: solid @color-border; - border-width: 0 0 0 .25em; - font-size: .88rem; - line-height: 140%; - padding: 0 .5em; -} - -[dir=rtl] blockquote { - border-width: 0 .25em 0 0; -} - -q:before, -q:after { - content: ''; -} - -sub, -sup { - font-size: .8em; - line-height: 1; -} - -sub { - vertical-align: sub; -} - -sup { - vertical-align: super; -} - -small { - font-size: .9em; -} - - -/*____________ forms ____________*/ - -/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ - -form { - display: inline; - margin: 0; - padding: 0; -} - -fieldset { - font-size: .88rem; - line-height: 140%; - border: 1px solid @ini_text_alt; - padding: .7rem 1rem; -} - -fieldset > :last-child { - margin-bottom: 0; -} - -legend { - margin: 0; - padding: 0 .1em; -} - -label { - vertical-align: middle; - cursor: pointer; -} - -input, -textarea, -button, -select, -optgroup, -option, -keygen, -output, -meter, -progress { - font: inherit; - font-weight: normal; - color: #333; - background-color: #fff; - line-height: normal; - margin: 0; - vertical-align: middle; - box-sizing: border-box; -} - -select { - max-width: 100%; -} - -textarea.edit { - font-size: .88em; -} - -optgroup { - font-style: italic; - font-weight: bold; -} - -option { - font-style: normal; - font-weight: normal; -} - -input, -textarea, -select, -keygen { - border: 1px solid #ccc; - box-shadow: inset 0 0 1px #eee; - border-radius: 2px; -} - -input:active, -input:focus, -textarea:active, -textarea:focus, -select:active, -select:focus, -keygen:active, -keygen:focus { - border-color: #999; -} - -input[type=radio], -input[type=checkbox], -input[type=image] { - padding: 0; - border-style: none; - box-shadow: none; -} - - -/* + + + + + buttons + + + + + */ -button { - background-color: #eee; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - cursor: pointer; - transition: @transition background-color, @transition color; - - &:hover, - &:focus, - &:active { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - } -} - - -/* + + + all types of submit-buttons + + + */ -a.button, -input[type=submit], -input[type=reset], -button[type=submit], -.qq-upload-button { - cursor: pointer; - background-image: none; - background-color: @button_background; - border: 1px solid @button_background; - border-radius: 2px; - color: @button_color; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - color: @button_background; - } -} - - -/* + + + all types of buttons not being submit-buttons + + + */ -input.button, -input[type=button] { - cursor: pointer; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background-color: #eee; - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - border-color: #999; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - } -} - - -/* + + + all disabled buttons + + + */ -input[disabled], -button[disabled], -select[disabled], -textarea[disabled], -option[disabled], -input[readonly], -button[readonly], -select[readonly], -textarea[readonly] { - cursor: auto; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background-color: #eee; - opacity: .5; - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - font-weight: normal; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - color: #333; - } -} - -input::-moz-focus-inner, -button::-moz-focus-inner { - border: 0; - padding: 0; -} +/** + * This file provides the main design styles + * across all template elements (typo, colors etc.) + * + * @author Jana Deutschlaender + */ + + +html, body { + background-color: @color-site-bg; +} + +a { + color: @color-link; +} + +/* highlight selected tool */ +.mode_admin a.action.admin, +.mode_login a.action.login, +.mode_register a.action.register, +.mode_profile a.action.profile, +.mode_recent a.action.recent, +.mode_index a.action.index, +.mode_media a.action.media, +.mode_revisions a.action.revs, +.mode_backlink a.action.backlink, +.mode_subscribe a.action.subscribe { + font-weight: bold; +} + +.dokuwiki .pageId { + float: right; + margin-right: -1em; + margin-bottom: -1px; + margin-top: -1.5em; + overflow: hidden; + padding: 0.5em 1em 0; + + span { + font-size: 0.875em; + border: solid @ini_background_alt; + border-width: 1px 1px 0; + background-color: @ini_background; + color: @ini_text_alt; + padding: .1em .35em; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + box-shadow: 0 0 .5em @ini_text_alt; + display: block; + } +} + +.dokuwiki div.page { + clear: both; + background: @color-content-bg; + color: inherit; + padding: 1rem 2rem 2rem; + // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border + overflow: hidden; + word-wrap: break-word; +} + +.dokuwiki .docInfo { + font-size: 0.5rem; + text-align: right; +} + +/* license note under edit window */ +.dokuwiki div.license { + font-size: 93.75%; +} + +[dir=rtl] .dokuwiki .docInfo { + text-align: left; +} + +[dir=rtl] .dokuwiki .pageId { + float: left; + margin-left: -1em; + margin-right: 0; +} + +caption, +figcaption, +summary, +legend { + padding: 0; + margin: 0 0 .35em; + line-height: 1.2; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + padding: 0; + line-height: 1.2; + clear: both; +} + +[dir=rtl] h1, +[dir=rtl] h2, +[dir=rtl] h3, +[dir=rtl] h4, +[dir=rtl] h5, +[dir=rtl] h6 { + clear: right; +} + +h1 { + font-size: 1.4rem; + margin: 0 0 0.444em; + padding-top: 1em; +} + +h2 { + font-size: 1.12rem; + margin: 0 0 0.666em; +} + +h3 { + font-size: 1rem; + margin: 0 0 0.888em; +} + +h4 { + font-size: .94rem; + margin: 0 0 1.0em; +} + +h5 { + font-size: .88rem; + margin: 0 0 1.1428em; +} + +h6 { + font-size: .83rem; + margin: 0 0 1.333em; +} + +p { + font-size: .88rem; + line-height: 135%; + + a, + span, + strong { + font-size: inherit; + } +} + +label, +legend, +button { + font-size: .88rem; + + a, + span, + strong { + font-size: inherit; + } +} + +hr, +figure, +details, +address { + font-size: .88rem; + line-height: 140%; +} + +p, +ul, +ol, +dl, +pre, +table, +hr, +blockquote, +figure, +details, +fieldset, +address { + margin: 0 0 1.4em; /* bottom margin = line-height */ + padding: 0; +} + +div, +video, +audio { + margin: 0; + padding: 0; +} + +small, +.code { + font-size: .75rem; +} + +.code { + margin-top: @grid; +} + + +/*____________ lists ____________*/ + +ul, +ol { + font-size: .88rem; + line-height: 140%; + padding: 0 0 0 1.5em; +} + +[dir=rtl] ul, +[dir=rtl] ol { + padding: 0 1.5em 0 0; +} + +li, +dd { + padding: 0; + margin: 0 0 0 1.5em; +} + +[dir=rtl] li, +[dir=rtl] dd { + margin: 0 1.5em 0 0; +} + +dl { + font-size: .88rem; + line-height: 140%; +} + +dt { + font-weight: bold; + margin: 0; + padding: 0; +} + +li ul, +li ol, +li dl, +dl ul, +dl ol, +dl dl { + margin-bottom: 0; + padding: 0; +} + +li li { + font-size: 100%; +} + +ul { + list-style: square outside; +} + +ol { + list-style: decimal outside; +} + +ol ol { + list-style-type: lower-alpha; +} + +ol ol ol { + list-style-type: upper-roman; +} + +ol ol ol ol { + list-style-type: upper-alpha; +} + +ol ol ol ol ol { + list-style-type: lower-roman; +} + +table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1px solid @color-border; + font-size: .88rem; + line-height: 140%; +} + +caption { + caption-side: top; + text-align: left; +} + +[dir=rtl] caption { + text-align: right; +} + +th, +td { + padding: .3em .5em; + margin: 0; + vertical-align: top; + border: 1px solid @color-border; +} + +th { + font-weight: bold; + background-color: @ini_background_alt; + text-align: left; +} + +[dir=rtl] th { + text-align: right; +} + +a { + outline: none; +} + +a:link, +a:visited { + text-decoration: none; + color: @color-link; +} + +a:hover, +a:focus, +a:active { + text-decoration: underline; +} + +img { + display: inline-block; + border-width: 0; + vertical-align: middle; + color: #666; + background-color: transparent; + font-style: italic; + height: auto; +} + +img, +object, +embed, +iframe, +video, +audio { + max-width: 100%; +} + +button img { + max-width: none; +} + +hr { + border-top: solid @color-border; + border-bottom: solid @ini_background; + border-width: 1px 0; + height: 0; + text-align: center; + clear: both; +} + +acronym, +abbr { + cursor: help; + border-bottom: 1px dotted; + font-style: normal; +} + +em acronym, +em abbr { + font-style: italic; +} + +mark { + background-color: @ini_highlight; + color: inherit; +} + +pre, +code, +samp, +kbd { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; + /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + font-size: 1em; + direction: ltr; + text-align: left; + background-color: @color-site-bg; + color: @color-text; + box-shadow: inset 0 0 .3em @color-border; + border-radius: 2px; +} + +pre { + overflow: auto; + word-wrap: normal; + border: 1px solid @color-border; + border-radius: 2px; + box-shadow: inset 0 0 .5em @color-border; + font-size: .88rem; + line-height: 140%; + padding: .7em 1em; +} + +blockquote { + border: solid @color-border; + border-width: 0 0 0 .25em; + font-size: .88rem; + line-height: 140%; + padding: 0 .5em; +} + +[dir=rtl] blockquote { + border-width: 0 .25em 0 0; +} + +q:before, +q:after { + content: ''; +} + +sub, +sup { + font-size: .8em; + line-height: 1; +} + +sub { + vertical-align: sub; +} + +sup { + vertical-align: super; +} + +small { + font-size: .9em; +} + + +/*____________ forms ____________*/ + +/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ + +form { + display: inline; + margin: 0; + padding: 0; +} + +fieldset { + font-size: .88rem; + line-height: 140%; + border: 1px solid @ini_text_alt; + padding: .7rem 1rem; +} + +fieldset > :last-child { + margin-bottom: 0; +} + +legend { + margin: 0; + padding: 0 .1em; +} + +label { + vertical-align: middle; + cursor: pointer; +} + +input, +textarea, +button, +select, +optgroup, +option, +keygen, +output, +meter, +progress { + font: inherit; + font-weight: normal; + color: #333; + background-color: #fff; + line-height: normal; + margin: 0; + vertical-align: middle; + box-sizing: border-box; +} + +select { + max-width: 100%; +} + +textarea.edit { + font-size: .88em; +} + +optgroup { + font-style: italic; + font-weight: bold; +} + +option { + font-style: normal; + font-weight: normal; +} + +input, +textarea, +select, +keygen { + border: 1px solid #ccc; + box-shadow: inset 0 0 1px #eee; + border-radius: 2px; +} + +input:active, +input:focus, +textarea:active, +textarea:focus, +select:active, +select:focus, +keygen:active, +keygen:focus { + border-color: #999; +} + +input[type=radio], +input[type=checkbox], +input[type=image] { + padding: 0; + border-style: none; + box-shadow: none; +} + + +/* + + + + + buttons + + + + + */ +button { + background-color: #eee; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + padding: .1em .5em; + cursor: pointer; + transition: @transition background-color, @transition color; + + &:hover, + &:focus, + &:active { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + } +} + + +/* + + + all types of submit-buttons + + + */ +a.button, +input[type=submit], +input[type=reset], +button[type=submit], +.qq-upload-button { + cursor: pointer; + background-image: none; + background-color: @button_background; + border: 1px solid @button_background; + border-radius: 2px; + color: @button_color; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: @button_color; + color: @button_background; + } +} + + +/* + + + all types of buttons not being submit-buttons + + + */ +input.button, +input[type=button] { + cursor: pointer; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background-color: #eee; + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + padding: .1em .5em; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + border-color: #999; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + } +} + + +/* + + + all disabled buttons + + + */ +input[disabled], +button[disabled], +select[disabled], +textarea[disabled], +option[disabled], +input[readonly], +button[readonly], +select[readonly], +textarea[readonly] { + cursor: auto; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background-color: #eee; + opacity: .5; + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + font-weight: normal; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + color: #333; + } +} + +input::-moz-focus-inner, +button::-moz-focus-inner { + border: 0; + padding: 0; +} diff --git a/css/base_fonts.less b/css/base_fonts.less index fd7f5bc..fb460d3 100755 --- a/css/base_fonts.less +++ b/css/base_fonts.less @@ -1,286 +1,286 @@ -/** - * This file provides styles for web fonts and icon fonts - * - * @author Jana Deutschlaender - */ - -/* web font */ -.setLocalFontFace('roboto',300,'Roboto Light','Roboto-Light','roboto-light'); /* roboto light */ -.setLocalFontFace('roboto',400,'Roboto','Roboto-Regular','roboto-regular'); /* roboto regular */ -.setLocalFontFace('roboto',500,'Roboto Medium','Roboto-Medium','roboto-medium'); /* roboto medium */ -.setLocalFontFace('roboto',700,'Roboto Bold','Roboto-Bold','roboto-bold'); /* roboto bold */ - -.setLocalFontFace('roboto',400,'Roboto Condensed','RobotoCondensed-Regular','roboto-condensed'); /* roboto condensed */ -.setLocalFontFace('roboto',700,'Roboto Condensed Bold','RobotoCondensed-Bold','roboto-boldcondensed'); /* roboto condensed */ - -/* icon font */ -.setIconFontFace('fontello','fontello'); - -.icon, [class^="icon-"], [class*=" icon-"]{ - .fontello(); -} - -/* custom icon font */ -.icon-user{ - &::before { - content: '\e800'; - } -} -.icon-logout{ - &::before { - content: '\e801'; - } -} - -.icon-login{ - &::before { - content: '\e802'; - } -} - -.icon-clipboard{ - &::before { - content: '\e803'; - } -} - -.icon-emo-happy { - &::before { - content: '\e804'; - } -} - -.icon-emo-wink { - &::before { - content: '\e805'; - } -} - -.icon-emo-unhappy { - &::before { - content: '\e806'; - } -} - -.icon-emo-sleep{ - &::before { - content: '\e807'; - } -} - -.icon-emo-thumbsup { - &::before { - content: '\e808'; - } -} - -.icon-clock{ - &::before { - content: '\e809'; - } -} - -.icon-link{ - &::before { - content: '\e80a'; - } -} -.icon-link-after{ - &::after { - content: '\e80a'; - } -} - -.icon-bell{ - &::before { - content: '\e80b'; - } -} - -.icon-emo-grin{ - :before { - content: '\e80c'; - } -} - -.icon-emo-angry{ - &::before { - content: '\e80d'; - } -} - -.icon-mail{ - &::before { - content: '\e80e'; - } -} - -.icon-emo-cry { - &::before { - content: '\e80f'; - } -} - -.icon-cloud{ - &::before { - content: '\e810'; - } -} - -.icon-emo-squint{ - &::before { - content: '\e811'; - } -} - -.icon-emo-laugh{ - &::before { - content: '\e812'; - } -} - -.icon-emo-wink2{ - &::before { - content: '\e813'; - } -} - -.icon-cloud-1{ - &::before { - content: '\e814'; - } -} - -.icon-home-outline{ - &::before { - content: '\e815'; - } -} - -.icon-home() { - &::before { - content: '\e816'; - } -} - -.icon-search() { - &::before { - content: '\e81f'; - } -} - -.icon-puzzle-1{ - &::before { - content: '\e817'; - } -} - -.icon-cog-alt{ - &::before { - content: '\e818'; - } -} - -.icon-cog{ - &::before { - content: '\e819'; - } -} - -.icon-help{ - &::before { - content: '\e81a'; - } -} - -.icon-bookmark-empty{ - &::before { - content: '\f097'; - } -} - -.icon-menu{ - &::before { - content: '\f0c9'; - } -} - -.icon-sitemap{ - &::before { - content: '\f0e8'; - } -} - -.icon-doc-text{ - &::before { - content: '\f0f6'; - } -} - -.icon-doc-text-after{ - &::after { - content: '\f0f6'; - } -} - -.icon-smile{ - &::before { - content: '\f118'; - } -} - -.icon-frown{ - &::before { - content: '\f119'; - } -} - -.icon-meh { - &::before { - content: '\f11a'; - } -} - -.icon-puzzle { - &::before { - content: '\f12e'; - } -} -.icon-puzzle-after { - &::after { - content: '\f12e'; - } -} - -.icon-file-pdf{ - &::before { - content: '\f1c1'; - } -} - -.icon-doc-new{ - &::before { - content: '\e81d'; - } -} - -.icon-book-open{ - &::before { - content: '\e81c'; - } -} - -.icon-plus{ - &::before { - content: '\e81e'; - } -} - -.icon-doc{ - &::before { - content: '\e81b'; - } -} - - - +/** + * This file provides styles for web fonts and icon fonts + * + * @author Jana Deutschlaender + */ + +/* web font */ +.setLocalFontFace('roboto',300,'Roboto Light','Roboto-Light','roboto-light'); /* roboto light */ +.setLocalFontFace('roboto',400,'Roboto','Roboto-Regular','roboto-regular'); /* roboto regular */ +.setLocalFontFace('roboto',500,'Roboto Medium','Roboto-Medium','roboto-medium'); /* roboto medium */ +.setLocalFontFace('roboto',700,'Roboto Bold','Roboto-Bold','roboto-bold'); /* roboto bold */ + +.setLocalFontFace('roboto',400,'Roboto Condensed','RobotoCondensed-Regular','roboto-condensed'); /* roboto condensed */ +.setLocalFontFace('roboto',700,'Roboto Condensed Bold','RobotoCondensed-Bold','roboto-boldcondensed'); /* roboto condensed */ + +/* icon font */ +.setIconFontFace('fontello','fontello'); + +.icon, [class^="icon-"], [class*=" icon-"]{ + .fontello(); +} + +/* custom icon font */ +.icon-user{ + &::before { + content: '\e800'; + } +} +.icon-logout{ + &::before { + content: '\e801'; + } +} + +.icon-login{ + &::before { + content: '\e802'; + } +} + +.icon-clipboard{ + &::before { + content: '\e803'; + } +} + +.icon-emo-happy { + &::before { + content: '\e804'; + } +} + +.icon-emo-wink { + &::before { + content: '\e805'; + } +} + +.icon-emo-unhappy { + &::before { + content: '\e806'; + } +} + +.icon-emo-sleep{ + &::before { + content: '\e807'; + } +} + +.icon-emo-thumbsup { + &::before { + content: '\e808'; + } +} + +.icon-clock{ + &::before { + content: '\e809'; + } +} + +.icon-link{ + &::before { + content: '\e80a'; + } +} +.icon-link-after{ + &::after { + content: '\e80a'; + } +} + +.icon-bell{ + &::before { + content: '\e80b'; + } +} + +.icon-emo-grin{ + :before { + content: '\e80c'; + } +} + +.icon-emo-angry{ + &::before { + content: '\e80d'; + } +} + +.icon-mail{ + &::before { + content: '\e80e'; + } +} + +.icon-emo-cry { + &::before { + content: '\e80f'; + } +} + +.icon-cloud{ + &::before { + content: '\e810'; + } +} + +.icon-emo-squint{ + &::before { + content: '\e811'; + } +} + +.icon-emo-laugh{ + &::before { + content: '\e812'; + } +} + +.icon-emo-wink2{ + &::before { + content: '\e813'; + } +} + +.icon-cloud-1{ + &::before { + content: '\e814'; + } +} + +.icon-home-outline{ + &::before { + content: '\e815'; + } +} + +.icon-home() { + &::before { + content: '\e816'; + } +} + +.icon-search() { + &::before { + content: '\e81f'; + } +} + +.icon-puzzle-1{ + &::before { + content: '\e817'; + } +} + +.icon-cog-alt{ + &::before { + content: '\e818'; + } +} + +.icon-cog{ + &::before { + content: '\e819'; + } +} + +.icon-help{ + &::before { + content: '\e81a'; + } +} + +.icon-bookmark-empty{ + &::before { + content: '\f097'; + } +} + +.icon-menu{ + &::before { + content: '\f0c9'; + } +} + +.icon-sitemap{ + &::before { + content: '\f0e8'; + } +} + +.icon-doc-text{ + &::before { + content: '\f0f6'; + } +} + +.icon-doc-text-after{ + &::after { + content: '\f0f6'; + } +} + +.icon-smile{ + &::before { + content: '\f118'; + } +} + +.icon-frown{ + &::before { + content: '\f119'; + } +} + +.icon-meh { + &::before { + content: '\f11a'; + } +} + +.icon-puzzle { + &::before { + content: '\f12e'; + } +} +.icon-puzzle-after { + &::after { + content: '\f12e'; + } +} + +.icon-file-pdf{ + &::before { + content: '\f1c1'; + } +} + +.icon-doc-new{ + &::before { + content: '\e81d'; + } +} + +.icon-book-open{ + &::before { + content: '\e81c'; + } +} + +.icon-plus{ + &::before { + content: '\e81e'; + } +} + +.icon-doc{ + &::before { + content: '\e81b'; + } +} + + + diff --git a/css/base_mixins.less b/css/base_mixins.less index 51c539f..628b497 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -1,296 +1,296 @@ -/** - * This file provides less mixins for all other style modules - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Fonts */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { - @font-face { - font-family: @fontFamily; - font-style: normal; - font-weight: @fontWeight; - src: ~"local('@{localFontName}'), local('@{localFontNameVar}'), url(fonts/@{filename}.eot)"; - src: ~"url(fonts/@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/@{filename}.woff) format('woff')"; - } -} - -.setIconFontFace(@fontFamily,@filename) { - @font-face { - font-family: @fontFamily; - src: ~"url('fonts/icons/@{filename}.eot?6762325')"; - src: ~"url('fonts/icons/@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/@{filename}.woff?6762325') format('woff'), url('fonts/icons/@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/@{filename}.svg?6762325#fontello') format('svg')"; - font-weight: normal; - font-style: normal; - } -} - -.fontello() { - &::before { - font-family: "fontello"; - font-style: normal; - font-weight: normal; - speak: none; - - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ - } -} - -.fontello-double() { - &::before, - &::after { - font-family: "fontello"; - font-style: normal; - font-weight: normal; - speak: none; - - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Screenreader / Hide */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.sr-out() { - display: block; - width: 1px; - height: 1px; - overflow: hidden; - position: absolute; - top: -200000em; - left: -200000em; -} - -.sr-only() { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0,0,0,0); - border: 0; -} - -.sr-only-focusable() { - &:active, - &:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; - } -} - - -/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ -.btn-usertools-wrapper(@elem:2em) { - display: inline-block; - min-height: @elem; - min-width: @elem; - box-sizing: border-box; - color: @color-nav; - font-size: .8rem; - padding: 0; - margin: 0 .2rem; - - * { - font-size: .8rem; - } -} - -.btn-usertools-num () { - .num { - position: absolute; - right: -.4rem; - top: -.4em; - background-color: @button_background; - border-radius: 2px; - color: @button_color; - font-size: .6rem; - font-weight: 400; - text-align: center; - line-height: 1; - padding: .2em .2rem .1em; - transition: @transition color, @transition background-color; - } - - a { - &:hover, - &:active, - &:focus { - .num { - background-color: @button_background; - color: @button_color; - } - } - } -} - -.btn-prefix () { - .fontello(); - .hide-text-show-before(); - - color: inherit; - font-size: 1rem; - margin-top: .2rem; -} - - -.btn-default-size() { - height: 1rem; - width: 1rem; - min-height: 1.2em; - min-width: 1.4em; -} - -.btn-default-height() { - height: 1rem; - min-height: 1.2em; - min-width: 1.4em; -} - -.hide-text-show-before(){ - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-indent: -9999px; - .btn-default-size(); - - &::before{ - text-indent: 0; - float: left; - } - - &::after{ - text-indent: 0; - float: left; - } -} - - -.hide-text-show-after() { - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-indent: -9999px; - - &::before{ - text-indent: 0; - float: right; - } - &::after{ - text-indent: 0; - float: right; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Screenreader / Hide */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.reset() { - background: transparent; - border: none 0; outline: 0; vertical-align: baseline; - font-style: normal; - margin: 0; padding: 0; -} - -.elementsReset() { - div, span, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, - a, abbr, em,acronym, img, strong, - dl, dt, dd, ol, ul, li, - fieldset, form, label, legend, - table, caption, tbody, tfoot, thead, tr, th, td, - input, select, option, textarea, button { - .reset(); - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Col Grid */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.make-grid(@class) { - .float-grid-columns(@class); - .loop-grid-columns(@grid-columns, @class, width); -} - -.float-grid-columns(@class) { - .col-@{class}-1, .col-@{class}-2, .col-@{class}-3, .col-@{class}-4, .col-@{class}-5, .col-@{class}-6, .col-@{class}-7, .col-@{class}-8, .col-@{class}-9, .col-@{class}-10, .col-@{class}-11, .col-@{class}-12 { - float: left; - } -} - -.loop-grid-columns(@index, @class, @type) when (@index >= 0) { - .calc-grid-column(@index, @class, @type); - // next iteration - .loop-grid-columns((@index - 1), @class, @type); -} - -.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { - .col-@{class}-@{index} { - width: percentage((@index / @grid-columns)); - } -} +/** + * This file provides less mixins for all other style modules + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Fonts */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { + @font-face { + font-family: @fontFamily; + font-style: normal; + font-weight: @fontWeight; + src: ~"local('@{localFontName}'), local('@{localFontNameVar}'), url(fonts/@{filename}.eot)"; + src: ~"url(fonts/@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/@{filename}.woff) format('woff')"; + } +} + +.setIconFontFace(@fontFamily,@filename) { + @font-face { + font-family: @fontFamily; + src: ~"url('fonts/icons/@{filename}.eot?6762325')"; + src: ~"url('fonts/icons/@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/@{filename}.woff?6762325') format('woff'), url('fonts/icons/@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/@{filename}.svg?6762325#fontello') format('svg')"; + font-weight: normal; + font-style: normal; + } +} + +.fontello() { + &::before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } +} + +.fontello-double() { + &::before, + &::after { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Screenreader / Hide */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.sr-out() { + display: block; + width: 1px; + height: 1px; + overflow: hidden; + position: absolute; + top: -200000em; + left: -200000em; +} + +.sr-only() { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +.sr-only-focusable() { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} + + +/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ +.btn-usertools-wrapper(@elem:2em) { + display: inline-block; + min-height: @elem; + min-width: @elem; + box-sizing: border-box; + color: @color-nav; + font-size: .8rem; + padding: 0; + margin: 0 .2rem; + + * { + font-size: .8rem; + } +} + +.btn-usertools-num () { + .num { + position: absolute; + right: -.4rem; + top: -.4em; + background-color: @button_background; + border-radius: 2px; + color: @button_color; + font-size: .6rem; + font-weight: 400; + text-align: center; + line-height: 1; + padding: .2em .2rem .1em; + transition: @transition color, @transition background-color; + } + + a { + &:hover, + &:active, + &:focus { + .num { + background-color: @button_background; + color: @button_color; + } + } + } +} + +.btn-prefix () { + .fontello(); + .hide-text-show-before(); + + color: inherit; + font-size: 1rem; + margin-top: .2rem; +} + + +.btn-default-size() { + height: 1rem; + width: 1rem; + min-height: 1.2em; + min-width: 1.4em; +} + +.btn-default-height() { + height: 1rem; + min-height: 1.2em; + min-width: 1.4em; +} + +.hide-text-show-before(){ + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-indent: -9999px; + .btn-default-size(); + + &::before{ + text-indent: 0; + float: left; + } + + &::after{ + text-indent: 0; + float: left; + } +} + + +.hide-text-show-after() { + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-indent: -9999px; + + &::before{ + text-indent: 0; + float: right; + } + &::after{ + text-indent: 0; + float: right; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Screenreader / Hide */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.reset() { + background: transparent; + border: none 0; outline: 0; vertical-align: baseline; + font-style: normal; + margin: 0; padding: 0; +} + +.elementsReset() { + div, span, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, + a, abbr, em,acronym, img, strong, + dl, dt, dd, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + input, select, option, textarea, button { + .reset(); + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Col Grid */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.make-grid(@class) { + .float-grid-columns(@class); + .loop-grid-columns(@grid-columns, @class, width); +} + +.float-grid-columns(@class) { + .col-@{class}-1, .col-@{class}-2, .col-@{class}-3, .col-@{class}-4, .col-@{class}-5, .col-@{class}-6, .col-@{class}-7, .col-@{class}-8, .col-@{class}-9, .col-@{class}-10, .col-@{class}-11, .col-@{class}-12 { + float: left; + } +} + +.loop-grid-columns(@index, @class, @type) when (@index >= 0) { + .calc-grid-column(@index, @class, @type); + // next iteration + .loop-grid-columns((@index - 1), @class, @type); +} + +.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { + .col-@{class}-@{index} { + width: percentage((@index / @grid-columns)); + } +} diff --git a/css/base_structure.less b/css/base_structure.less index 6f6ccc9..35dbcf5 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -142,6 +142,8 @@ } } + + .claim { .logo { position: absolute; @@ -158,6 +160,23 @@ } } + .wide-content{ + .content { + .row > .col-xs-12{ + width: auto; + float: right; + } + } + &.showSidebar{ + .content { + .row > .col-xs-12 { + margin-left: 2.5rem; + } + } + } + + } + .main-sidebar { &.search { > img { diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less old mode 100644 new mode 100755 index c16d453..6eabdc9 --- a/css/plugins/bureaucracy.less +++ b/css/plugins/bureaucracy.less @@ -1,129 +1,129 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.dokuwiki form.bureaucracy__plugin { - fieldset { - width: 100%; - max-width: 800px; - box-sizing: border-box; - border: 0 none; - text-align: center; - margin-left: 0; - margin-bottom: (@grid * 2); - padding: @grid 0 0; - - > *:not(button) { - text-align: left; - } - } - - legend { - font-size: 1.12em; - font-weight: bold; - text-align: left; - } - - label { - clear: both; - padding-top: (@grid / 2); - - &::after { - content: ''; - clear: both; - } - - sup { - float: right; - font-size: 1em; - } - - input, - select { - float: left; - width: 50%; - min-height: 2em; - text-align: left; - padding: .1em .2em; - } - - input[type="checkbox"] { - width: 1.5rem; - height: 1.5rem; - background-image: none; - } - - span { - float: left; - width: 50%; - text-align: right; - line-height: @line-height-default; - padding-top: .2em; - padding-right: @grid; - - &:not([class]) { - font-weight: bold; - margin-top: .5em; - - + input, - + select { - margin-top: .3em; - } - - // checkboxes - + input + input { - margin-top: .3em; - } - } - - &.label { - text-align: right; - padding-top: .5em; - } - - &.input { - width: 49%; - text-align: left; - padding-left: 0; - } - } // span - } // label - - button[type="submit"] { - margin-top: (@grid * 2); - } -} - - - - -#icke__page .content ul.autocompletion {} - -ul.autocompletion li {} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - .dokuwiki form.bureaucracy__plugin { - p { - font-size: .9rem; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1439px */ - -@media @screen_max-xlg { - .dokuwiki form.bureaucracy__plugin { - p, - label, - button[type="submit"] { - font-size: 1rem; - } - } -} - +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.dokuwiki form.bureaucracy__plugin { + fieldset { + width: 100%; + max-width: 800px; + box-sizing: border-box; + border: 0 none; + text-align: center; + margin-left: 0; + margin-bottom: (@grid * 2); + padding: @grid 0 0; + + > *:not(button) { + text-align: left; + } + } + + legend { + font-size: 1.12em; + font-weight: bold; + text-align: left; + } + + label { + clear: both; + padding-top: (@grid / 2); + + &::after { + content: ''; + clear: both; + } + + sup { + float: right; + font-size: 1em; + } + + input, + select { + float: left; + width: 50%; + min-height: 2em; + text-align: left; + padding: .1em .2em; + } + + input[type="checkbox"] { + width: 1.5rem; + height: 1.5rem; + background-image: none; + } + + span { + float: left; + width: 50%; + text-align: right; + line-height: @line-height-default; + padding-top: .2em; + padding-right: @grid; + + &:not([class]) { + font-weight: bold; + margin-top: .5em; + + + input, + + select { + margin-top: .3em; + } + + // checkboxes + + input + input { + margin-top: .3em; + } + } + + &.label { + text-align: right; + padding-top: .5em; + } + + &.input { + width: 49%; + text-align: left; + padding-left: 0; + } + } // span + } // label + + button[type="submit"] { + margin-top: (@grid * 2); + } +} + + + + +#icke__page .content ul.autocompletion {} + +ul.autocompletion li {} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + .dokuwiki form.bureaucracy__plugin { + p { + font-size: .9rem; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + .dokuwiki form.bureaucracy__plugin { + p, + label, + button[type="submit"] { + font-size: 1rem; + } + } +} + diff --git a/css/plugins/do_tasks.less b/css/plugins/do_tasks.less index 989fe7b..7806840 100755 --- a/css/plugins/do_tasks.less +++ b/css/plugins/do_tasks.less @@ -1,9 +1,9 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -ul.page-attributes { - .plugin__do_pagetasks { - &.do_none { } - } -} +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +ul.page-attributes { + .plugin__do_pagetasks { + &.do_none { } + } +} diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 02b9170..9f2a528 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -1,149 +1,149 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + */ -/* magic matcher bar with form on top of page */ - -#dokuwiki_magic-matcher { - position: fixed; - top: 0; - left: 0; - width: 100%; - - #mm__issueselect_chosen { - max-width: 50%; - } - - button[name="toggleSuggestions"] { - position: absolute; - right: 0; - top: 0; - border: 0; - border-bottom: 1px solid @color-border; - border-left: 1px solid @color-border; - color: @color-nav; - background: #fff; - border-radius: 0; - border-bottom-left-radius: 5px; - - &:hover, - &:focus, - &:active { - border-color: @button_background; - color: @button_background; - } - } - - #magicmatcher__context { - position: relative; - z-index: 100; - width: 100%; - min-height: @height-context-bar; - box-sizing: border-box; - box-shadow: __box_shadow__; - background-color: __nav_direct_background__; - border-radius: 0 0 __default_border_radius__ __default_border_radius__; - font-size: .88rem; - padding: .8em 1em .5em; - margin-bottom: 0; - - .chosen-container-single, - .chosen-container-single *, - #mm_issue_loading, - .mm__status, - .toggleSuggestions { - font-size: .88rem; - } - - .chosen-container-single { - .chosen-single span { - line-height: @line-height-bigger; - } - } - - @media @screen_max-md { - padding-top: 1.8rem; - - .chosen-container { - display: block; - min-width: 100%; - max-width: 100%; - margin-bottom: .5rem; - } - } - } -} - -/* + + + + + in content + + + + + */ -a.jiralink { - font-size: @font-size-default; - - img { - float: left; - display: inline-block; - margin-top: .13em; - margin-right: 3px; - } - - span.mm__status { - display: inline-block; - font-size: @font-size-default; - margin-left: 5px; - padding: 1px 4px; - } -} - - -/* + + + + + no js version + + + + + */ -.no-js { - #dokuwiki_magic-matcher { - display: none; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-lg { - #dokuwiki_magic-matcher { - #magicmatcher__context { - .chosen-container-single { - width: 20% !important; - - + select + .chosen-container-single { - width: 58% !important; - } - } - } - } -} - -@media @screen_max-md { - #dokuwiki_magic-matcher { - position: relative; - - .container { - margin: .8rem 0 -5px; - } - - #magicmatcher__context { - border-radius: 0; - } - } -} - - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* print */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media print { - #dokuwiki_magic-matcher { - display: none; - } -} - +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + */ +/* magic matcher bar with form on top of page */ + +#dokuwiki_magic-matcher { + position: fixed; + top: 0; + left: 0; + width: 100%; + + #mm__issueselect_chosen { + max-width: 50%; + } + + button[name="toggleSuggestions"] { + position: absolute; + right: 0; + top: 0; + border: 0; + border-bottom: 1px solid @color-border; + border-left: 1px solid @color-border; + color: @color-nav; + background: #fff; + border-radius: 0; + border-bottom-left-radius: 5px; + + &:hover, + &:focus, + &:active { + border-color: @button_background; + color: @button_background; + } + } + + #magicmatcher__context { + position: relative; + z-index: 100; + width: 100%; + min-height: @height-context-bar; + box-sizing: border-box; + box-shadow: __box_shadow__; + background-color: __nav_direct_background__; + border-radius: 0 0 __default_border_radius__ __default_border_radius__; + font-size: .88rem; + padding: .8em 1em .5em; + margin-bottom: 0; + + .chosen-container-single, + .chosen-container-single *, + #mm_issue_loading, + .mm__status, + .toggleSuggestions { + font-size: .88rem; + } + + .chosen-container-single { + .chosen-single span { + line-height: @line-height-bigger; + } + } + + @media @screen_max-md { + padding-top: 1.8rem; + + .chosen-container { + display: block; + min-width: 100%; + max-width: 100%; + margin-bottom: .5rem; + } + } + } +} + +/* + + + + + in content + + + + + */ +a.jiralink { + font-size: @font-size-default; + + img { + float: left; + display: inline-block; + margin-top: .13em; + margin-right: 3px; + } + + span.mm__status { + display: inline-block; + font-size: @font-size-default; + margin-left: 5px; + padding: 1px 4px; + } +} + + +/* + + + + + no js version + + + + + */ +.no-js { + #dokuwiki_magic-matcher { + display: none; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-lg { + #dokuwiki_magic-matcher { + #magicmatcher__context { + .chosen-container-single { + width: 20% !important; + + + select + .chosen-container-single { + width: 58% !important; + } + } + } + } +} + +@media @screen_max-md { + #dokuwiki_magic-matcher { + position: relative; + + .container { + margin: .8rem 0 -5px; + } + + #magicmatcher__context { + border-radius: 0; + } + } +} + + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* print */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media print { + #dokuwiki_magic-matcher { + display: none; + } +} + diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less old mode 100644 new mode 100755 index 382a06c..f92dcad --- a/css/plugins/popupviewer.less +++ b/css/plugins/popupviewer.less @@ -1,7 +1,7 @@ - - -#popupviewer{ - > .controls > .content{ - padding: 1.5rem 1rem 1rem; - } -} + + +#popupviewer{ + > .controls > .content{ + padding: 1.5rem 1rem 1rem; + } +} diff --git a/css/plugins/struct.less b/css/plugins/struct.less old mode 100644 new mode 100755 index eec790a..783e6d4 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -1,24 +1,24 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -#dokuwiki__content { - .structaggregation { - @link-height: 1.5rem; - - position: relative; - padding-bottom: @link-height; - margin-bottom: @grid; - - .table { - margin-bottom: 0; - } - - > a { - position: absolute; - bottom: 0; - height: @link-height; - margin-bottom: 0; - } - } -} +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +#dokuwiki__content { + .structaggregation { + @link-height: 1.5rem; + + position: relative; + padding-bottom: @link-height; + margin-bottom: @grid; + + .table { + margin-bottom: 0; + } + + > a { + position: absolute; + bottom: 0; + height: @link-height; + margin-bottom: 0; + } + } +} diff --git a/js/base/helper.js b/js/base/helper.js index 170773b..7767e63 100755 --- a/js/base/helper.js +++ b/js/base/helper.js @@ -1,85 +1,85 @@ -/** - * @file helper funcs - * - */ - -// + + + + + + + + + + + + + + + + + + + + + + + + + + + + -// shuffle func for random values -// + + + + + + + + + + + + + + + + + + + + + + + + + + + + -Array.prototype.shuffle = function(){ - var tmp, rand; - for(var i =0; i < this.length; i++){ - rand = Math.floor(Math.random() * this.length); - tmp = this[i]; - this[i] = this[rand]; - this[rand] =tmp; - } -}; -// + + + + + + + + + + + + + + + + + + + + + + + + + + + + -// js trim func for ie -// + + + + + + + + + + + + + + + + + + + + + + + + + + + + -if(typeof String.prototype.trim !== 'function') { - String.prototype.trim = function() { - return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); - }; -} -var linkTo_UnCryptMailto = function(s){ - location.href=decryptString(s,-2); -}; -var decryptCharcode = function(n, start, end, offset) { - n = n + offset; - if (offset > 0 && n > end) { - n = start + (n - end - 1); - } else if (offset < 0 && n < start) { - n = end - (start - n - 1); - } - return String.fromCharCode(n); -}; -var decryptString = function(enc, offset) { - var dec = ''; - var len = enc.length; - for (var i = 0; i < len; i++) { - var n = enc.charCodeAt(i); - if (n >= 43 && n <= 58) { - dec += decryptCharcode(n, 43, 58, offset); - } else if (n >= 64 && n <= 90) { - dec += decryptCharcode(n, 64, 90, offset); - } else if (n >= 97 && n <= 122) { - dec += decryptCharcode(n, 97, 122, offset); - } else { - dec += enc.charAt(i); - } - } - return dec; -}; -/** - * simplify setting and getting state out of a node - * $("#my_id").data("my_data_attr") equals $$("#my_id").my_data_attr and - * $("#my_id").data("my_data_attr", "my_data_val") equals $$("#my_id").my_data_attr = my_data_val - * you can also do - * $$("#my_id").my_data_val = $$("#my_id").my_data_val + 1. - */ -var $$ = function(param) { - var node = $(param)[0]; - var id = $.data(node); - $.cache[id] = $.cache[id] || {}; - $.cache[id].node = node; - return $.cache[id]; -}; -var alertFB = false; -if (typeof console === "undefined" || typeof console.log === "undefined") { - console = {}; - if (alertFB) { - console.log = function(msg) { - alert(msg); - }; - } else { - console.log = function() {}; - } -} - -var wikiLang = "de"; -/** - * anonymous func: get page language - */ -(function($){ $("html").attr("lang"); if(typeof(l)!= 'undefined' && l.length>=2) wikiLang=l.substr(0,2).toLowerCase(); if(wikiLang!='de'&& wikiLang!='en') wikiLang='de'; })(jQuery); +/** + * @file helper funcs + * + */ + +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +// shuffle func for random values +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Array.prototype.shuffle = function(){ + var tmp, rand; + for(var i =0; i < this.length; i++){ + rand = Math.floor(Math.random() * this.length); + tmp = this[i]; + this[i] = this[rand]; + this[rand] =tmp; + } +}; +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +// js trim func for ie +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +if(typeof String.prototype.trim !== 'function') { + String.prototype.trim = function() { + return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); + }; +} +var linkTo_UnCryptMailto = function(s){ + location.href=decryptString(s,-2); +}; +var decryptCharcode = function(n, start, end, offset) { + n = n + offset; + if (offset > 0 && n > end) { + n = start + (n - end - 1); + } else if (offset < 0 && n < start) { + n = end - (start - n - 1); + } + return String.fromCharCode(n); +}; +var decryptString = function(enc, offset) { + var dec = ''; + var len = enc.length; + for (var i = 0; i < len; i++) { + var n = enc.charCodeAt(i); + if (n >= 43 && n <= 58) { + dec += decryptCharcode(n, 43, 58, offset); + } else if (n >= 64 && n <= 90) { + dec += decryptCharcode(n, 64, 90, offset); + } else if (n >= 97 && n <= 122) { + dec += decryptCharcode(n, 97, 122, offset); + } else { + dec += enc.charAt(i); + } + } + return dec; +}; +/** + * simplify setting and getting state out of a node + * $("#my_id").data("my_data_attr") equals $$("#my_id").my_data_attr and + * $("#my_id").data("my_data_attr", "my_data_val") equals $$("#my_id").my_data_attr = my_data_val + * you can also do + * $$("#my_id").my_data_val = $$("#my_id").my_data_val + 1. + */ +var $$ = function(param) { + var node = $(param)[0]; + var id = $.data(node); + $.cache[id] = $.cache[id] || {}; + $.cache[id].node = node; + return $.cache[id]; +}; +var alertFB = false; +if (typeof console === "undefined" || typeof console.log === "undefined") { + console = {}; + if (alertFB) { + console.log = function(msg) { + alert(msg); + }; + } else { + console.log = function() {}; + } +} + +var wikiLang = "de"; +/** + * anonymous func: get page language + */ +(function($){ $("html").attr("lang"); if(typeof(l)!= 'undefined' && l.length>=2) wikiLang=l.substr(0,2).toLowerCase(); if(wikiLang!='de'&& wikiLang!='en') wikiLang='de'; })(jQuery); diff --git a/js/base/rem.min.js b/js/base/rem.min.js old mode 100644 new mode 100755 index 7a96d75..609efe9 --- a/js/base/rem.min.js +++ b/js/base/rem.min.js @@ -1,7 +1,7 @@ -/** - * Module: rem - v1.3.2 - * Description: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers - * Date Built: 2014-07-02 - * Copyright (c) 2014 | Chuck Carpenter ,Lucas Serven ; -**/ +/** + * Module: rem - v1.3.2 + * Description: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers + * Date Built: 2014-07-02 + * Copyright (c) 2014 | Chuck Carpenter ,Lucas Serven ; +**/ !function(e){"use strict";var t=function(){var e=document.createElement("div");return e.style.cssText="font-size: 1rem;",/rem/.test(e.style.fontSize)},n=function(){for(var e=document.getElementsByTagName("link"),t=[],n=0;n0?(v=[],p=[],m=[],r()):i()}},a=function(e,t){for(var n,r=d(e).replace(/\/\*[\s\S]*?\*\//g,""),o=/[\w\d\s\-\/\\\[\]:,.'"*()<>+~%#^$_=|@]+\{[\w\d\s\-\/\\%#:!;,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!;,.'"*()]*\}/g,a=r.match(o),i=/\d*\.?\d+rem/g,s=r.match(i),c=/(.*\/)/,l=c.exec(t)[0],u=/@import (?:url\()?['"]?([^'\)"]*)['"]?\)?[^;]*/gm;null!==(n=u.exec(e));)m.push(0===n[1].indexOf("/")?n[1]:l+n[1]);null!==a&&0!==a.length&&(f=f.concat(a),g=g.concat(s))},i=function(){for(var e=/[\w\d\s\-\/\\%#:,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!,.'"*()]*[;}]/g,t=0;t").text(s).html(); - }, - decode_entities: function(s){ - return $("").html(s).text(); - }, - /* add func to load event */ - add_loadEvent: function(func_name){ - var lastonload = window.onload; - if (typeof window.onload != 'function') { window.onload = func_name; } - else { window.onload = function() { lastonload(); func_name(); }; } - }, - /* logging for debug */ - _debug: function(msg){ - if(this.config.debug) { - try{ - if(console){ - console.log(msg); - } else{ - alert(msg); - } - }catch(err){ - alert(msg); - } - } - }, - /* return obj values for debug */ - _get_objVs: function(objl){ - try{ - var p = typeof JSON != "undefined" ? JSON.stringify : function(objl){ - var arr = []; - $.each(objl,function(key,val){ - var next = key + ": "; - next += $.isPlainObject(val) ? printObj(val) : val; - arr.push( next ); - }); - return "{ " + arr.join(", ") + " }"; - }; - return p(objl); - }catch(err){ - this._debug(err); - return ''; - } - }, - aria_live: function(setobj){ - if(typeof(setobj)=='object'){ - setobj.attr('aria-live',"polite"); - } - }, - aria_role: function(setobj, role){ - if(typeof(setobj)=='object'){ - setobj.attr('role',role); - } - }, - change_tabindex: function(remobj,setobj,i){ - if(typeof(remobj)=='object'){ - remobj.removeAttr('tabindex'); - } - if(typeof(setobj)=='object'){ - setobj.attr('tabindex',i); - } - }, - /* set focus to dom object: param obj */ - set_newfocusObj: function(focusobj){ - try{ - if(focusobj) focusobj.focus(); - }catch(err){ - this._debug('exception: '+err); - } - }, - /* set focus to dom object: param id */ - set_newfocusId: function(fid){ - try{ - var focusobj = document.getElementById(fid); - if(focusobj) focusobj.focus(); - if(focusobj) console.log(focusobj); - }catch(err){ - this._debug('exception: '+err); - } - }, - /* set focus to nonfocussable dom object: */ - set_newfocusBox: function(remobj,setobj){ - this.change_tabindex(remobj,setobj,0); - try{ - if(setobj) setobj.focus(); - }catch(err){ - this._debug('exception: '+err); - } - }, - /* set title(s) and remove other title(s) if set */ - set_title: function(remobj,setobj,ctitle){ - if(typeof(remobj)=='object'){ - remobj.removeAttr('title'); - } - if(typeof(setobj)=='object'){ - setobj.attr('title',ctitle); - } - }, - /* count appearances of dom elems with certain markup */ - count: function(jqdom){ - var num = 0; - $(jqdom).each(function() { - num++; - }); - return num; - }, - countOV: function(objlit){ - var i = 0; - for (var elem in objlit){ - i++; - } - return i; - }, - /*merge object literals (do not overwrite default, not recursively) */ - merge: function(objl1,objl2,objl3,objl4){ - return $.extend({},objl1,objl2,objl3,objl4); - }, - /*merge object literals (do not overwrite default, recursively) */ - mergeR: function(objl1,objl2,objl3,objl4){ - return $.extend(true,{},objl1,objl2,objl3,objl4); - }, - loadImage: function(isrc, func, errfunc){ - try{ - var img = new Image(); - img.onload = func; - img.onerror = errfunc; - img.src = isrc; - }catch(err){ - errfunc(); - } - }, - tb_getPageSize: function(){ - var de=document.documentElement; - var w=window.innerWidth||self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth; - var h=window.innerHeight||self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight; - arrayPageSize=[w,h]; - return arrayPageSize; - }, - useLocStorage: function(){ - return ('localStorage' in window && window.localStorage !== null); - }, - saveLSI: function(key, data){ - if (this.useLocStorage) { - localStorage.setItem(key, data); - } - }, - removeLSI: function(key){ - if (this.useLocStorage) { - localStorage.removeItem(key); - } - }, - getLSI: function(key){ - if (this.useLocStorage) { - return localStorage.getItem(key); - } - return ''; - - }, - showAllLSI: function() { - if (this.useLocStorage) { - var key = ""; - for (var i=0; i<=localStorage.length-1; i++) { - key = localStorage.key(i); - //console.log(key+': '+localStorage.getItem(key)); - } - } - } -}; +/** + * @file utility funcs for jQuery projects + * + */ +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + +// object literal with funcs for jquery plug-ins +// + + + + + + + + + + + + + + + + + + + + + + + + + + + + + var spc = { + /*general options */ + config: { + debug: false, + dev: true + }, + isDef: function(val){ + return (val===undefined) ? false : true; + }, + /* get options of object */ + get_options: function(key, options){ + var result = null; + if ('object' == typeof(options)) { + result = options[key]; + } + if (!result) { return ""; } + return result; + }, + /* set wai aria roles to list of containern */ + set_wa: function(contlist, ariaattr,ariaval){ + $(contlist).attr(ariaattr, ariaval); + }, + /* Encode/decode htmlentities */ + encode_entities: function(s){ + return $("").text(s).html(); + }, + decode_entities: function(s){ + return $("").html(s).text(); + }, + /* add func to load event */ + add_loadEvent: function(func_name){ + var lastonload = window.onload; + if (typeof window.onload != 'function') { window.onload = func_name; } + else { window.onload = function() { lastonload(); func_name(); }; } + }, + /* logging for debug */ + _debug: function(msg){ + if(this.config.debug) { + try{ + if(console){ + console.log(msg); + } else{ + alert(msg); + } + }catch(err){ + alert(msg); + } + } + }, + /* return obj values for debug */ + _get_objVs: function(objl){ + try{ + var p = typeof JSON != "undefined" ? JSON.stringify : function(objl){ + var arr = []; + $.each(objl,function(key,val){ + var next = key + ": "; + next += $.isPlainObject(val) ? printObj(val) : val; + arr.push( next ); + }); + return "{ " + arr.join(", ") + " }"; + }; + return p(objl); + }catch(err){ + this._debug(err); + return ''; + } + }, + aria_live: function(setobj){ + if(typeof(setobj)=='object'){ + setobj.attr('aria-live',"polite"); + } + }, + aria_role: function(setobj, role){ + if(typeof(setobj)=='object'){ + setobj.attr('role',role); + } + }, + change_tabindex: function(remobj,setobj,i){ + if(typeof(remobj)=='object'){ + remobj.removeAttr('tabindex'); + } + if(typeof(setobj)=='object'){ + setobj.attr('tabindex',i); + } + }, + /* set focus to dom object: param obj */ + set_newfocusObj: function(focusobj){ + try{ + if(focusobj) focusobj.focus(); + }catch(err){ + this._debug('exception: '+err); + } + }, + /* set focus to dom object: param id */ + set_newfocusId: function(fid){ + try{ + var focusobj = document.getElementById(fid); + if(focusobj) focusobj.focus(); + if(focusobj) console.log(focusobj); + }catch(err){ + this._debug('exception: '+err); + } + }, + /* set focus to nonfocussable dom object: */ + set_newfocusBox: function(remobj,setobj){ + this.change_tabindex(remobj,setobj,0); + try{ + if(setobj) setobj.focus(); + }catch(err){ + this._debug('exception: '+err); + } + }, + /* set title(s) and remove other title(s) if set */ + set_title: function(remobj,setobj,ctitle){ + if(typeof(remobj)=='object'){ + remobj.removeAttr('title'); + } + if(typeof(setobj)=='object'){ + setobj.attr('title',ctitle); + } + }, + /* count appearances of dom elems with certain markup */ + count: function(jqdom){ + var num = 0; + $(jqdom).each(function() { + num++; + }); + return num; + }, + countOV: function(objlit){ + var i = 0; + for (var elem in objlit){ + i++; + } + return i; + }, + /*merge object literals (do not overwrite default, not recursively) */ + merge: function(objl1,objl2,objl3,objl4){ + return $.extend({},objl1,objl2,objl3,objl4); + }, + /*merge object literals (do not overwrite default, recursively) */ + mergeR: function(objl1,objl2,objl3,objl4){ + return $.extend(true,{},objl1,objl2,objl3,objl4); + }, + loadImage: function(isrc, func, errfunc){ + try{ + var img = new Image(); + img.onload = func; + img.onerror = errfunc; + img.src = isrc; + }catch(err){ + errfunc(); + } + }, + tb_getPageSize: function(){ + var de=document.documentElement; + var w=window.innerWidth||self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth; + var h=window.innerHeight||self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight; + arrayPageSize=[w,h]; + return arrayPageSize; + }, + useLocStorage: function(){ + return ('localStorage' in window && window.localStorage !== null); + }, + saveLSI: function(key, data){ + if (this.useLocStorage) { + localStorage.setItem(key, data); + } + }, + removeLSI: function(key){ + if (this.useLocStorage) { + localStorage.removeItem(key); + } + }, + getLSI: function(key){ + if (this.useLocStorage) { + return localStorage.getItem(key); + } + return ''; + + }, + showAllLSI: function() { + if (this.useLocStorage) { + var key = ""; + for (var i=0; i<=localStorage.length-1; i++) { + key = localStorage.key(i); + //console.log(key+': '+localStorage.getItem(key)); + } + } + } +}; diff --git a/js/legacy/html5shiv.js b/js/legacy/html5shiv.js index 448cebd..e2e0015 100755 --- a/js/legacy/html5shiv.js +++ b/js/legacy/html5shiv.js @@ -1,8 +1,8 @@ -/* - HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed -*/ -(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); -a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; -c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| -"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f); -if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;darticle,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f); +if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b0){ + var $panel = $('#tab-jira'), + $num = $('a[href="#tab-jira"]').find('.num'); + + if($panel.length > 0 && $num.length > 0){ + $num.empty().append($tickets.length); + $panel.find('> div').empty().append('
      '); + var $ul = $panel.find('ul'); + $tickets.each(function (){ + var $ticket = $(this).clone(); + $ul.prepend('
    • '); + $ul.find('li:first-child').append($ticket); + }); + } + } + }, + findSitemap = function(){ + var $panel = $('#tab-toc'), + $toc = $panel.find('ul'), + $num = $('a[href="#tab-toc"]').find('.num'); + if($toc.length == 0){ + $panel.append('

      '+$_LANG['meta_box_sitemap_none']+'

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

      - - - + + + +
      +

      + + + diff --git a/tpl/nav-direct.php b/tpl/nav-direct.php index 8bf91c0..f2d4d4f 100755 --- a/tpl/nav-direct.php +++ b/tpl/nav-direct.php @@ -1,25 +1,25 @@ - - - - + + + + diff --git a/tpl/nav-magicmatcher.php b/tpl/nav-magicmatcher.php index 394de12..bb399a6 100755 --- a/tpl/nav-magicmatcher.php +++ b/tpl/nav-magicmatcher.php @@ -1,14 +1,14 @@ - - -
      -
      - ".tpl_getLang('head_magic_matcher').""; - echo PHP_EOL; - echo $matcher; - echo PHP_EOL; - ?> -
      -
      + + +
      +
      + ".tpl_getLang('head_magic_matcher').""; + echo PHP_EOL; + echo $matcher; + echo PHP_EOL; + ?> +
      +
      diff --git a/tpl/nav-main.php b/tpl/nav-main.php index 4349a58..60753ff 100755 --- a/tpl/nav-main.php +++ b/tpl/nav-main.php @@ -1,12 +1,12 @@ -"; - echo "
      ".tpl_getLang('head_menu_main')."
      "; - echo PHP_EOL; - tpl_include_page($conf['sidebar'], 1, 1); - echo PHP_EOL; - echo ""; - - endif ?> +"; + echo "
      ".tpl_getLang('head_menu_main')."
      "; + echo PHP_EOL; + tpl_include_page($conf['sidebar'], 1, 1); + echo PHP_EOL; + echo ""; + + endif ?> diff --git a/tpl/nav-meta-box.php b/tpl/nav-meta-box.php old mode 100644 new mode 100755 index c7efd6a..7df5b72 --- a/tpl/nav-meta-box.php +++ b/tpl/nav-meta-box.php @@ -5,24 +5,34 @@
      - diff --git a/tpl/nav-page-quality-tasks.php b/tpl/nav-page-quality-tasks.php index 377087e..87554f1 100755 --- a/tpl/nav-page-quality-tasks.php +++ b/tpl/nav-page-quality-tasks.php @@ -1,54 +1,54 @@ - - -"; - } - if ($qc) { - echo "
    • ".tpl_getLang('quality_trigger')."0"; - $qc->tplErrorCount(); - echo "
      • "; - } - if ($doPlugin !== null ) { - $count = $doPlugin->getPageTaskCount(); - $num = $count['count']; - $title = ""; - - if($num == 0){ // no tasks - does not exist do in plug-in - $class = "do_none"; - $title = tpl_getLang('tasks_page_none'); - } elseif($count['undone'] == 0){ // all tasks done - $class = 'do_done'; - $title = $this->getLang('title_alldone'); - }elseif($count['late'] == 0) { // open tasks but none late - $class = 'do_undone'; - $title = sprintf($this->getLang('title_intime'), $count['undone']); - } else { // late tasks - $class = 'do_late'; - $title = sprintf($this->getLang('title_late'), $count['undone'], $count['late']); - } - $markup = "
    • ".tpl_getLang('prefix_tasks_page')." ".$num."
      • "; - - echo $markup; - } - - if ($doPlugin !== null ||$qc ) { - echo ""; - } - -/* - - -$out = '
      '; -$out .= $count['undone']; -$out .= '
      '; - -if($return) return $out; -echo $out;*/ + + +"; + } + if ($qc) { + echo "
    • ".tpl_getLang('quality_trigger')."0"; + $qc->tplErrorCount(); + echo "
      • "; + } + if ($doPlugin !== null ) { + $count = $doPlugin->getPageTaskCount(); + $num = $count['count']; + $title = ""; + + if($num == 0){ // no tasks - does not exist do in plug-in + $class = "do_none"; + $title = tpl_getLang('tasks_page_none'); + } elseif($count['undone'] == 0){ // all tasks done + $class = 'do_done'; + $title = $this->getLang('title_alldone'); + }elseif($count['late'] == 0) { // open tasks but none late + $class = 'do_undone'; + $title = sprintf($this->getLang('title_intime'), $count['undone']); + } else { // late tasks + $class = 'do_late'; + $title = sprintf($this->getLang('title_late'), $count['undone'], $count['late']); + } + $markup = "
    • ".tpl_getLang('prefix_tasks_page')." ".$num."
      • "; + + echo $markup; + } + + if ($doPlugin !== null ||$qc ) { + echo ""; + } + +/* + + +$out = '
      '; +$out .= $count['undone']; +$out .= '
      '; + +if($return) return $out; +echo $out;*/ diff --git a/tpl/nav-page-tools.php b/tpl/nav-page-tools.php index 951fbaa..177b3e7 100755 --- a/tpl/nav-page-tools.php +++ b/tpl/nav-page-tools.php @@ -1,20 +1,20 @@ - - - - - + + + + + diff --git a/tpl/nav-sitetools.php b/tpl/nav-sitetools.php index cb57c7e..3e929f6 100755 --- a/tpl/nav-sitetools.php +++ b/tpl/nav-sitetools.php @@ -1,14 +1,14 @@ - - - - + + + + diff --git a/tpl/nav-status.php b/tpl/nav-status.php index 7085553..6badd7e 100755 --- a/tpl/nav-status.php +++ b/tpl/nav-status.php @@ -1,6 +1,6 @@ - -
      - -
      + +
      + +
      diff --git a/tpl/nav-trace.php b/tpl/nav-trace.php index 52ade4f..12f2403 100755 --- a/tpl/nav-trace.php +++ b/tpl/nav-trace.php @@ -1,11 +1,11 @@ - - - - - + + + + + diff --git a/tpl/nav-usermenu.php b/tpl/nav-usermenu.php index f6fe3fe..1bb552f 100755 --- a/tpl/nav-usermenu.php +++ b/tpl/nav-usermenu.php @@ -1,23 +1,23 @@ - - - - - + + + + + diff --git a/tpl/nav-usertools-buttons.php b/tpl/nav-usertools-buttons.php index 05400a7..8eb2768 100755 --- a/tpl/nav-usertools-buttons.php +++ b/tpl/nav-usertools-buttons.php @@ -1,53 +1,53 @@ - - - - - + + + + + From a1671cb1d079c7b1331d6c50a6d4b75f839eafab Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Tue, 10 Jan 2017 09:38:13 +0100 Subject: [PATCH 088/669] num in metabox --- css/area_nav-metabox.less | 32 ++++++++++++++++++++++++++++++-- 1 file changed, 30 insertions(+), 2 deletions(-) diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 947788e..257b178 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -41,21 +41,49 @@ border-radius: 4px 4px 0 0; color: @color-nav; cursor: pointer; + transition: @transition color, @transition background-color, @transition border-color; + * { cursor: pointer; } + .prefix { font-size: .78rem; color: @color-nav; + position: relative; + transition: @transition color; } .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, &:focus, &:active { - color: @color-link; + &:hover, + &:focus, + &:active { background-color: @background_page-header; border-color: @color-border; border-bottom-color: transparent; + color: @button_background; + + .prefix { + color: @button_background; + } + + .num { + background-color: @button_background; + color: @button_color; + } } } &.active > a { From 356926483713441baed6510228ffd9c70506e8bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 09:41:22 +0100 Subject: [PATCH 089/669] wide content toggler --- css/base_structure.less | 2 +- js/sidebar-menu.js | 4 ++-- main.php | 3 ++- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/css/base_structure.less b/css/base_structure.less index 35dbcf5..23101e7 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -164,7 +164,7 @@ .content { .row > .col-xs-12{ width: auto; - float: right; + float: none; } } &.showSidebar{ diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index 9c88ccb..1d6c719 100755 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -4,10 +4,10 @@ $elem.wrapInner(''); }, setWideContent = function(){ - + $('body').addClass('wide-content'); }, setDefaultContent= function(){ - + $('body').removeClass('wide-content'); }, toggleState = function($toggler){ $toggler.toggleClass('closed'); diff --git a/main.php b/main.php index 7503d9d..144d328 100755 --- a/main.php +++ b/main.php @@ -83,8 +83,9 @@ $showSidebar = true; /* */ /* #dokuwiki__top used as anchor for "back to top" button/link links */ +$classWideContent = ($ACT === "show") ? "": "wide-content "; ?> - +
      Date: Tue, 10 Jan 2017 09:57:35 +0100 Subject: [PATCH 090/669] =?UTF-8?q?togglelink=20f=C3=BCr=20content?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/area_togglelink.less | 60 ++++++++ main.php | 5 + style.ini | 321 ++++++++++++++++++++------------------- 3 files changed, 226 insertions(+), 160 deletions(-) create mode 100644 css/area_togglelink.less diff --git a/css/area_togglelink.less b/css/area_togglelink.less new file mode 100644 index 0000000..4d75191 --- /dev/null +++ b/css/area_togglelink.less @@ -0,0 +1,60 @@ +/** + * This file provides the design styles for the sidebar (navmain). + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__content { + overflow: visible; + + .togglelink { + &.page_main-content { + position: absolute; + top: -1px; + left: -2rem; + z-index: 1; + + width: 2rem; + height: 3.1rem; + background-color: #F6F6F6; + border: solid 1px @color-border; + border-radius: 2px 0 0 2px; + text-align: center; + padding-top: .9em; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:focus, + &:active { + background-color: @button_background; + border-color: @button_background; + color: @button_color; + text-decoration: none; + + * { + color: inherit; + } + } + } + } +} + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + #dokuwiki__content .togglelink { + + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { + #dokuwiki__content .togglelink { + + } +} diff --git a/main.php b/main.php index 7503d9d..973970c 100755 --- a/main.php +++ b/main.php @@ -326,6 +326,11 @@ $showSidebar = true; /* */
      + +
      + < >auf/zu +
      +
      diff --git a/style.ini b/style.ini index eb2c4fa..a13618f 100755 --- a/style.ini +++ b/style.ini @@ -1,160 +1,161 @@ -; Please see http://www.php.net/manual/en/function.parse-ini-file.php -; for limitations of the ini format used here - -; To extend this file or make changes to it, it is recommended to create -; a local conf/tpl//style.ini file to prevent losing -; any changes after an upgrade. -; Please don't forget to copy the section your changes should be under -; (i.e. [stylesheets] or [replacements]) into that file as well. - - -; Define the stylesheets your template uses here. The second value -; defines for which output media the style should be loaded. Currently -; print, screen and all are supported. -; You can reference CSS and LESS files here. Files referenced here will -; be checked for updates when considering a cache rebuild while files -; included through LESS' @import statements are not - - - -[stylesheets] - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; DokuWiki Default Template Styles -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -../dokuwiki/css/_imgdetail.css = screen -../dokuwiki/css/_media_popup.css = screen -../dokuwiki/css/_media_fullscreen.css = screen -../dokuwiki/css/_fileuploader.css = screen -../dokuwiki/css/_tabs.css = screen -../dokuwiki/css/_links.css = screen -../dokuwiki/css/_toc.css = screen -../dokuwiki/css/_footnotes.css = screen -../dokuwiki/css/_search.css = screen -../dokuwiki/css/_recent.css = screen -../dokuwiki/css/_diff.css = screen -../dokuwiki/css/_edit.css = screen -../dokuwiki/css/_modal.css = screen -../dokuwiki/css/_forms.css = screen -../dokuwiki/css/_admin.css = screen -../dokuwiki/css/pagetools.less = screen -../dokuwiki/css/content.less = screen - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; sprintDoc Template Styles -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -; responsive behaviour for structure and areas is handled in style modules - -; _____________ basic styles _____________ - -css/base.less = all -css/base_mixins.less = all -css/base_fontello-codes.less = all -css/base_fonts.less = all -css/base_structure.less = all -css/base_design.less = all - - -; _____________ area styles _____________ - -css/area_content.less = all -css/area_header.less = all -css/area_footer.less = all -css/area_nav-direct.less = all -css/area_nav-breadcrumb.less = all -css/area_nav-usertools.less = all -css/area_sidebar-search.less = all -css/area_nav-pagetools.less = all -css/area_nav-metabox.less = all -css/area_main-sidebar.less = all -css/area_sidetools.less = all -css/area_main-content.less = all - - -; _____________ plugin styles _____________ - -css/plugins/popupviewer.less = all -css/plugins/magic-matcher.less = all -css/plugins/do_tasks.less = all -css/plugins/struct.less = all -css/plugins/bureaucracy.less = all - - -; _____________ print styles _____________ - -css/print.css = print - - - -; This section is used to configure some placeholder values used in -; the stylesheets. Changing this file is the simplest method to -; give your wiki a new look. -; Placeholders defined here will also be made available as LESS variables -; (with surrounding underscores removed, and the prefix @ini_ added) - -[replacements] - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; guaranteed dokuwiki color placeholders that every plugin can use -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -; main text and background colors -__text__ = "#252525" ; @ini_text -__background__ = "#ECECEC" ; @ini_background - -; alternative text and background colors -__text_alt__ = "#454545" ; @ini_text_alt -__background_alt__ = "#e8e8e8" ; @ini_background_alt - -; neutral text and background colors -__text_neu__ = "#656565" ; @ini_text_neu -__background_neu__ = "#ffffff" ; @ini_background_neu - -; border color -__border__ = "#cccccc" ; @ini_border - -; highlighted text (e.g. search snippets) -__highlight__ = "#efefef" ; @ini_highlight - - - -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -; template specific placeholders -; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -; these are used for links -__link__ = "#286DA8" ; @ini_link -__existing__ = "#286DA8" ; @ini_existing -__missing__ = "#CD5360" ; @ini_missing - -__button_color__ = "#FFF" -__button_background__ = "#286DA8" - -; widths -__site_width__ = "64em" ; @ini_site_width -__sidebar_width__ = "16em" ; @ini_sidebar_width - -__font_family_screen__ = "roboto, 'helvetica', arial, sans-serif" -__font_family_menu__ = "'roboto condensed', 'helvetica neue', arial, sans-serif" -__font_family_print__ = "'times new roman', serif" - -__nav_direct_background__ = "#FFF" -__nav_direct_color__ = "#286da8" -__box_shadow_colored__ = "0 0 .5em rgba(40,109,168,.5)" -__box_shadow__ = "0 0 .5em rgb(153,153,153,.5)" -__box_shadow_offset__ = ".1em .1em .1em rgb(153,153,153,.5)" -__nav_menu_color__ = "#696969" -__nav_menu_hover_color__ = "#286da8" -__nav_menu_hover_bg__ = "#FFF" - -__background_content__ = "#FFF" -__background_site__ = "#ECECEC" - -__default_border_radius__ = "5px" - -__background_page-header__ = "#F6F6F6" +; Please see http://www.php.net/manual/en/function.parse-ini-file.php +; for limitations of the ini format used here + +; To extend this file or make changes to it, it is recommended to create +; a local conf/tpl//style.ini file to prevent losing +; any changes after an upgrade. +; Please don't forget to copy the section your changes should be under +; (i.e. [stylesheets] or [replacements]) into that file as well. + + +; Define the stylesheets your template uses here. The second value +; defines for which output media the style should be loaded. Currently +; print, screen and all are supported. +; You can reference CSS and LESS files here. Files referenced here will +; be checked for updates when considering a cache rebuild while files +; included through LESS' @import statements are not + + + +[stylesheets] + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; DokuWiki Default Template Styles +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +../dokuwiki/css/_imgdetail.css = screen +../dokuwiki/css/_media_popup.css = screen +../dokuwiki/css/_media_fullscreen.css = screen +../dokuwiki/css/_fileuploader.css = screen +../dokuwiki/css/_tabs.css = screen +../dokuwiki/css/_links.css = screen +../dokuwiki/css/_toc.css = screen +../dokuwiki/css/_footnotes.css = screen +../dokuwiki/css/_search.css = screen +../dokuwiki/css/_recent.css = screen +../dokuwiki/css/_diff.css = screen +../dokuwiki/css/_edit.css = screen +../dokuwiki/css/_modal.css = screen +../dokuwiki/css/_forms.css = screen +../dokuwiki/css/_admin.css = screen +../dokuwiki/css/pagetools.less = screen +../dokuwiki/css/content.less = screen + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; sprintDoc Template Styles +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; responsive behaviour for structure and areas is handled in style modules + +; _____________ basic styles _____________ + +css/base.less = all +css/base_mixins.less = all +css/base_fontello-codes.less = all +css/base_fonts.less = all +css/base_structure.less = all +css/base_design.less = all + + +; _____________ area styles _____________ + +css/area_content.less = all +css/area_header.less = all +css/area_footer.less = all +css/area_nav-direct.less = all +css/area_nav-breadcrumb.less = all +css/area_nav-usertools.less = all +css/area_sidebar-search.less = all +css/area_nav-pagetools.less = all +css/area_nav-metabox.less = all +css/area_main-sidebar.less = all +css/area_sidetools.less = all +css/area_main-content.less = all +css/area_togglelink.less = all + + +; _____________ plugin styles _____________ + +css/plugins/popupviewer.less = all +css/plugins/magic-matcher.less = all +css/plugins/do_tasks.less = all +css/plugins/struct.less = all +css/plugins/bureaucracy.less = all + + +; _____________ print styles _____________ + +css/print.css = print + + + +; This section is used to configure some placeholder values used in +; the stylesheets. Changing this file is the simplest method to +; give your wiki a new look. +; Placeholders defined here will also be made available as LESS variables +; (with surrounding underscores removed, and the prefix @ini_ added) + +[replacements] + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; guaranteed dokuwiki color placeholders that every plugin can use +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; main text and background colors +__text__ = "#252525" ; @ini_text +__background__ = "#ECECEC" ; @ini_background + +; alternative text and background colors +__text_alt__ = "#454545" ; @ini_text_alt +__background_alt__ = "#e8e8e8" ; @ini_background_alt + +; neutral text and background colors +__text_neu__ = "#656565" ; @ini_text_neu +__background_neu__ = "#ffffff" ; @ini_background_neu + +; border color +__border__ = "#cccccc" ; @ini_border + +; highlighted text (e.g. search snippets) +__highlight__ = "#efefef" ; @ini_highlight + + + +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; template specific placeholders +; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; these are used for links +__link__ = "#286DA8" ; @ini_link +__existing__ = "#286DA8" ; @ini_existing +__missing__ = "#CD5360" ; @ini_missing + +__button_color__ = "#FFF" +__button_background__ = "#286DA8" + +; widths +__site_width__ = "64em" ; @ini_site_width +__sidebar_width__ = "16em" ; @ini_sidebar_width + +__font_family_screen__ = "roboto, 'helvetica', arial, sans-serif" +__font_family_menu__ = "'roboto condensed', 'helvetica neue', arial, sans-serif" +__font_family_print__ = "'times new roman', serif" + +__nav_direct_background__ = "#FFF" +__nav_direct_color__ = "#286da8" +__box_shadow_colored__ = "0 0 .5em rgba(40,109,168,.5)" +__box_shadow__ = "0 0 .5em rgb(153,153,153,.5)" +__box_shadow_offset__ = ".1em .1em .1em rgb(153,153,153,.5)" +__nav_menu_color__ = "#696969" +__nav_menu_hover_color__ = "#286da8" +__nav_menu_hover_bg__ = "#FFF" + +__background_content__ = "#FFF" +__background_site__ = "#ECECEC" + +__default_border_radius__ = "5px" + +__background_page-header__ = "#F6F6F6" From 5584fcd5ad446e6875ef5184c3a22b6d310737eb Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Tue, 10 Jan 2017 10:00:03 +0100 Subject: [PATCH 091/669] =?UTF-8?q?togglelink=20f=C3=BCr=20content?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/area_togglelink.less | 39 ++++++++++++++++++++++----------------- 1 file changed, 22 insertions(+), 17 deletions(-) diff --git a/css/area_togglelink.less b/css/area_togglelink.less index 4d75191..195a65f 100644 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -15,25 +15,30 @@ left: -2rem; z-index: 1; - width: 2rem; - height: 3.1rem; - background-color: #F6F6F6; - border: solid 1px @color-border; - border-radius: 2px 0 0 2px; - text-align: center; - padding-top: .9em; - transition: @transition color, @transition background-color, @transition border-color; - - &:hover, - &:focus, - &:active { - background-color: @button_background; - border-color: @button_background; - color: @button_color; + a { + display: block; + width: 2rem; + height: 3.1rem; + background-color: #F6F6F6; + border: solid 1px @color-border; + border-radius: 2px 0 0 2px; text-decoration: none; + text-align: center; + padding-top: .9em; + transition: @transition color, @transition background-color, @transition border-color; - * { - color: inherit; + &:hover, + &:focus, + &:active { + background-color: @button_background; + border-color: @button_background; + color: @button_color; + text-decoration: none; + + * { + color: inherit; + text-decoration: none; + } } } } From 4ab8bced9339bef574ca9fbdc9aaf09fad8c71c5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 10:02:01 +0100 Subject: [PATCH 092/669] toggler --- css/area_nav-pagetools.less | 325 ++++++++++++++++++------------------ js/plugins/do_tasks.js | 84 ++++++---- js/sidebar-menu.js | 17 ++ script.js | 1 + 4 files changed, 229 insertions(+), 198 deletions(-) diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index afb95d4..65f0348 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -1,161 +1,164 @@ -/** - * This file provides the design styles for the page specific tool bar. - * - * @author Jana Deutschlaender - */ - -/* - FIXME -.pagetools-item(edit, 1); -.pagetools-item(create, 2); -.pagetools-item(show, 4); -.pagetools-item(source, 5); -.pagetools-item(draft, 3); -.pagetools-item(revs, 7, revisions); -.pagetools-item(backlink, 8, backlink); -.pagetools-item(top, 10); -.pagetools-item(revert, 6, revert); -.pagetools-item(subscribe, 9, subscribe); -.pagetools-item(mediaManager, 11); -.pagetools-item(back, 12); -.pagetools-item(img_backto, 12);*/ - - -nav#dokuwiki__pagetools{ - right: -2rem; - top: 3.05rem; - z-index: 100; - ul { - li { - *{ - font-size: .8rem; - } - a{ - font-size: .8rem; - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit{ - opacity: .6; - color: @color-nav; - *{ - color: @color-nav; - } - background-position: 95% center; - background-size: 1rem auto; - &:before{ - visibility: hidden; - } - &:hover, &:focus, &:active{ - opacity: 1; - color: @color-nav-hover; - background-color: #fff; - *{ - color: @color-nav-hover; - } - background-position: 95% center; - &::before{ - visibility: visible; - } - } - } - - &.source{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTM0NC4zIDc4MC43bC0yNy45IDI3LjlxLTUuNiA1LjYgLTEyLjggNS42dC0xMi45IC01LjZMMzAuNyA1NDguNVEyNS4xIDU0MyAyNS4xIDUzNS43dDUuNiAtMTIuOGwyNjAgLTI2MC4xcTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNy45IDI3LjlxNS42IDUuNiA1LjYgMTIuOXQtNS42IDEyLjhMMTI1IDUzNS43IDM0NC4zIDc1NXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOHpNNjc0LjEgMTg1LjNMNDY2IDkwNS43cS0yLjMgNy4yIC04LjcgMTAuOXQtMTMuMSAxLjRsLTM0LjYgLTkuNXEtNy4zIC0yLjIgLTEwLjkgLTguN3QtMS40IC0xMy42TDYwNS41IDE2NS43cTIuMiAtNy4yIDguNiAtMTAuOHQxMy4xIC0xLjRsMzQuNiA5LjRxNy4zIDIuMyAxMC45IDguN3QxLjQgMTMuN3ptMzY2LjYgMzYzLjJsLTI2MCAyNjAuMXEtNS42IDUuNiAtMTIuOCA1LjZUNzU1IDgwOC42bC0yNy45IC0yNy45cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw5NDYuNCA1MzUuNyA3MjcuMSAzMTYuNHEtNS42IC01LjYgLTUuNiAtMTIuOHQ1LjYgLTEyLjlMNzU1IDI2Mi44cTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNjAgMjYwLjFxNS42IDUuNiA1LjYgMTIuOHQtNS42IDEyLjh6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNMzQ0LjMgNzgwLjdsLTI3LjkgMjcuOXEtNS42IDUuNiAtMTIuOCA1LjZ0LTEyLjkgLTUuNkwzMC43IDU0OC41UTI1LjEgNTQzIDI1LjEgNTM1Ljd0NS42IC0xMi44bDI2MCAtMjYwLjFxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI3LjkgMjcuOXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOEwxMjUgNTM1LjcgMzQ0LjMgNzU1cTUuNiA1LjYgNS42IDEyLjl0LTUuNiAxMi44ek02NzQuMSAxODUuM0w0NjYgOTA1LjdxLTIuMyA3LjIgLTguNyAxMC45dC0xMy4xIDEuNGwtMzQuNiAtOS41cS03LjMgLTIuMiAtMTAuOSAtOC43dC0xLjQgLTEzLjZMNjA1LjUgMTY1LjdxMi4yIC03LjIgOC42IC0xMC44dDEzLjEgLTEuNGwzNC42IDkuNHE3LjMgMi4zIDEwLjkgOC43dDEuNCAxMy43em0zNjYuNiAzNjMuMmwtMjYwIDI2MC4xcS01LjYgNS42IC0xMi44IDUuNlQ3NTUgODA4LjZsLTI3LjkgLTI3LjlxLTUuNiAtNS42IC01LjYgLTEyLjh0NS42IC0xMi45TDk0Ni40IDUzNS43IDcyNy4xIDMxNi40cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw3NTUgMjYyLjhxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI2MCAyNjAuMXE1LjYgNS42IDUuNiAxMi44dC01LjYgMTIuOHoiLz48L3N2Zz4=); - } - } - &.edit{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); - } - } - &.revs{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNNTAwIDMwMy42djI1MHEwIDcuOCAtNSAxMi44dC0xMi45IDVIMzAzLjZxLTcuOCAwIC0xMi45IC01dC01IC0xMi44di0zNS43cTAgLTcuOSA1IC0xMi45dDEyLjkgLTVoMTI1VjMwMy42cTAgLTcuOCA1IC0xMi45dDEyLjggLTVoMzUuN3E3LjkgMCAxMi45IDV0NSAxMi45ek03MzIuMSA1MDBxMCAtODIuNiAtNDAuNyAtMTUyLjNUNTgwLjkgMjM3LjIgNDI4LjYgMTk2LjR0LTE1Mi40IDQwLjhUMTY1LjcgMzQ3LjcgMTI1IDUwMHQ0MC43IDE1Mi4zIDExMC41IDExMC41IDE1Mi40IDQwLjggMTUyLjMgLTQwLjhUNjkxLjQgNjUyLjMgNzMyLjEgNTAwem0xMjUgMHEwIDExNi42IC01Ny40IDIxNS4xdC0xNTYgMTU2IC0yMTUuMSA1Ny41VDIxMy40IDg3MS4xIDU3LjUgNzE1LjEgMCA1MDAgNTcuNSAyODQuOXQxNTUuOSAtMTU2VDQyOC42IDcxLjR0MjE1LjEgNTcuNSAxNTYgMTU2VDg1Ny4xIDUwMHoiLz48L3N2Zz4=); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik01MDAgMzAzLjZ2MjUwcTAgNy44IC01IDEyLjh0LTEyLjkgNUgzMDMuNnEtNy44IDAgLTEyLjkgLTV0LTUgLTEyLjh2LTM1LjdxMCAtNy45IDUgLTEyLjl0MTIuOSAtNWgxMjVWMzAzLjZxMCAtNy44IDUgLTEyLjl0MTIuOCAtNWgzNS43cTcuOSAwIDEyLjkgNXQ1IDEyLjl6TTczMi4xIDUwMHEwIC04Mi42IC00MC43IC0xNTIuM1Q1ODAuOSAyMzcuMiA0MjguNiAxOTYuNHQtMTUyLjQgNDAuOFQxNjUuNyAzNDcuNyAxMjUgNTAwdDQwLjcgMTUyLjMgMTEwLjUgMTEwLjUgMTUyLjQgNDAuOCAxNTIuMyAtNDAuOFQ2OTEuNCA2NTIuMyA3MzIuMSA1MDB6bTEyNSAwcTAgMTE2LjYgLTU3LjQgMjE1LjF0LTE1NiAxNTYgLTIxNS4xIDU3LjVUMjEzLjQgODcxLjEgNTcuNSA3MTUuMSAwIDUwMCA1Ny41IDI4NC45dDE1NS45IC0xNTZUNDI4LjYgNzEuNHQyMTUuMSA1Ny41IDE1NiAxNTZUODU3LjEgNTAweiIvPjwvc3ZnPg==); - } - } - &.backlink{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODEyLjUgNjc4LjZxMCAtMjIuMyAtMTUuNiAtMzhsLTExNi4xIC0xMTZxLTE1LjYgLTE1LjcgLTM3LjkgLTE1LjcgLTIzLjUgMCAtNDAuMiAxNy45IDEuNyAxLjcgMTAuNiAxMC4zdDEyIDEyIDguMyAxMC42IDcuMyAxNC4yIDIgMTUuNHEwIDIyLjMgLTE1LjcgMzcuOXQtMzcuOSAxNS43cS04LjQgMCAtMTUuNCAtMnQtMTQuMiAtNy4zIC0xMC42IC04LjMgLTEyIC0xMiAtMTAuMyAtMTAuNnEtMTguNCAxNy4zIC0xOC40IDQwLjcgMCAyMi4zIDE1LjYgMzhsMTE1IDExNS41cTE1IDE1IDM3LjkgMTUgMjIuMyAwIDM3LjkgLTE0LjVMNzk2LjkgNzE2cTE1LjYgLTE1LjcgMTUuNiAtMzcuNHpNNDIwLjIgMjg1LjJxMCAtMjIuNCAtMTUuNiAtMzhsLTExNSAtMTE1LjVRMjc0IDExNi4xIDI1MS43IDExNi4xcS0yMS44IDAgLTM4IDE1bC04MiA4MS41cS0xNS42IDE1LjYgLTE1LjYgMzcuNCAwIDIyLjMgMTUuNiAzNy45TDI0Ny44IDQwNHExNSAxNS4xIDM3LjkgMTUuMSAyMy41IDAgNDAuMiAtMTcuMyAtMS43IC0xLjcgLTEwLjYgLTEwLjN0LTEyIC0xMiAtOC40IC0xMC42IC03LjIgLTE0LjMgLTIgLTE1LjNxMCAtMjIuMyAxNS42IC0zOHQzOCAtMTUuNnE4LjQgMCAxNS4zIDJ0MTQuMyA3LjIgMTAuNiA4LjQgMTIgMTIgMTAuMyAxMC42cTE4LjQgLTE3LjMgMTguNCAtNDAuN3ptNDk5LjQgMzkzLjRxMCA2Ni45IC00Ny40IDExMy4zbC04MiA4MS40cS00Ni4zIDQ2LjMgLTExMy4zIDQ2LjMgLTY3LjUgMCAtMTEzLjggLTQ3LjRsLTExNSAtMTE1LjVRNDAxLjggNzEwLjQgNDAxLjggNjQzLjRxMCAtNjguNiA0OS4xIC0xMTYuNmwtNDkuMSAtNDkuMXEtNDggNDkuMSAtMTE2LjEgNDkuMSAtNjYuOSAwIC0xMTMuOCAtNDYuOUw1NS44IDM2My44UTguOSAzMTcgOC45IDI1MFQ1Ni40IDEzNi43bDgyIC04MS41UTE4NC43IDguOSAyNTEuNyA4LjlxNjcuNSAwIDExMy44IDQ3LjVsMTE1IDExNS41cTQ2LjMgNDYuMyA0Ni4zIDExMy4zIDAgNjguNiAtNDkuMSAxMTYuNmw0OS4xIDQ5LjFxNDggLTQ5LjEgMTE2LjEgLTQ5LjEgNjYuOSAwIDExMy44IDQ2LjlsMTE2LjEgMTE2cTQ2LjggNDYuOSA0Ni44IDExMy45eiIvPjwvc3ZnPg==); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTIuNSA2NzguNnEwIC0yMi4zIC0xNS42IC0zOGwtMTE2LjEgLTExNnEtMTUuNiAtMTUuNyAtMzcuOSAtMTUuNyAtMjMuNSAwIC00MC4yIDE3LjkgMS43IDEuNyAxMC42IDEwLjN0MTIgMTIgOC4zIDEwLjYgNy4zIDE0LjIgMiAxNS40cTAgMjIuMyAtMTUuNyAzNy45dC0zNy45IDE1LjdxLTguNCAwIC0xNS40IC0ydC0xNC4yIC03LjMgLTEwLjYgLTguMyAtMTIgLTEyIC0xMC4zIC0xMC42cS0xOC40IDE3LjMgLTE4LjQgNDAuNyAwIDIyLjMgMTUuNiAzOGwxMTUgMTE1LjVxMTUgMTUgMzcuOSAxNSAyMi4zIDAgMzcuOSAtMTQuNUw3OTYuOSA3MTZxMTUuNiAtMTUuNyAxNS42IC0zNy40ek00MjAuMiAyODUuMnEwIC0yMi40IC0xNS42IC0zOGwtMTE1IC0xMTUuNVEyNzQgMTE2LjEgMjUxLjcgMTE2LjFxLTIxLjggMCAtMzggMTVsLTgyIDgxLjVxLTE1LjYgMTUuNiAtMTUuNiAzNy40IDAgMjIuMyAxNS42IDM3LjlMMjQ3LjggNDA0cTE1IDE1LjEgMzcuOSAxNS4xIDIzLjUgMCA0MC4yIC0xNy4zIC0xLjcgLTEuNyAtMTAuNiAtMTAuM3QtMTIgLTEyIC04LjQgLTEwLjYgLTcuMiAtMTQuMyAtMiAtMTUuM3EwIC0yMi4zIDE1LjYgLTM4dDM4IC0xNS42cTguNCAwIDE1LjMgMnQxNC4zIDcuMiAxMC42IDguNCAxMiAxMiAxMC4zIDEwLjZxMTguNCAtMTcuMyAxOC40IC00MC43em00OTkuNCAzOTMuNHEwIDY2LjkgLTQ3LjQgMTEzLjNsLTgyIDgxLjRxLTQ2LjMgNDYuMyAtMTEzLjMgNDYuMyAtNjcuNSAwIC0xMTMuOCAtNDcuNGwtMTE1IC0xMTUuNVE0MDEuOCA3MTAuNCA0MDEuOCA2NDMuNHEwIC02OC42IDQ5LjEgLTExNi42bC00OS4xIC00OS4xcS00OCA0OS4xIC0xMTYuMSA0OS4xIC02Ni45IDAgLTExMy44IC00Ni45TDU1LjggMzYzLjhROC45IDMxNyA4LjkgMjUwVDU2LjQgMTM2LjdsODIgLTgxLjVRMTg0LjcgOC45IDI1MS43IDguOXE2Ny41IDAgMTEzLjggNDcuNWwxMTUgMTE1LjVxNDYuMyA0Ni4zIDQ2LjMgMTEzLjMgMCA2OC42IC00OS4xIDExNi42bDQ5LjEgNDkuMXE0OCAtNDkuMSAxMTYuMSAtNDkuMSA2Ni45IDAgMTEzLjggNDYuOWwxMTYuMSAxMTZxNDYuOCA0Ni45IDQ2LjggMTEzLjl6Ii8+PC9zdmc+); - } - } - &.top{ - margin-top: 1em; - position: relative; - background-size: .9rem; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=); - } - } - &.plugin_bookcreator_addtobook{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); - } - } - &.export_pdf{ - background-size: .9rem auto; - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } - } - } - - } - } - - &:hover{ - ul{ - background-color: #fff; - box-shadow: @box-shadow-offset; - li{ - a{ - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top{ - color: @color-nav; - background-position: 95% center; - opacity: .8; - &:hover, &:focus, &:active{ - opacity: 1; - *{ - opacity: 1; - } - color: @color-nav-hover; - background-color: #fff; - } - } - &.plugin_bookcreator_addtobook{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); - } - - } - &.export_pdf{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); - &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); - } - - } - - } - } - } - } - - -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-md { - nav#dokuwiki__pagetools { - right: 8px; - } -} +/** + * This file provides the design styles for the page specific tool bar. + * + * @author Jana Deutschlaender + */ + +/* + FIXME +.pagetools-item(edit, 1); +.pagetools-item(create, 2); +.pagetools-item(show, 4); +.pagetools-item(source, 5); +.pagetools-item(draft, 3); +.pagetools-item(revs, 7, revisions); +.pagetools-item(backlink, 8, backlink); +.pagetools-item(top, 10); +.pagetools-item(revert, 6, revert); +.pagetools-item(subscribe, 9, subscribe); +.pagetools-item(mediaManager, 11); +.pagetools-item(back, 12); +.pagetools-item(img_backto, 12);*/ + + +nav#dokuwiki__pagetools{ + right: -2rem; + top: 3.05rem; + z-index: 100; + ul { + li { + &:nth-child(3n+3){ + margin-bottom: 1rem; + } + *{ + font-size: .8rem; + } + a{ + font-size: .8rem; + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit{ + opacity: .6; + color: @color-nav; + *{ + color: @color-nav; + } + background-position: 95% center; + background-size: 1rem auto; + &:before{ + visibility: hidden; + } + &:hover, &:focus, &:active{ + opacity: 1; + color: @color-nav-hover; + background-color: #fff; + *{ + color: @color-nav-hover; + } + background-position: 95% center; + &::before{ + visibility: visible; + } + } + } + + &.source{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTM0NC4zIDc4MC43bC0yNy45IDI3LjlxLTUuNiA1LjYgLTEyLjggNS42dC0xMi45IC01LjZMMzAuNyA1NDguNVEyNS4xIDU0MyAyNS4xIDUzNS43dDUuNiAtMTIuOGwyNjAgLTI2MC4xcTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNy45IDI3LjlxNS42IDUuNiA1LjYgMTIuOXQtNS42IDEyLjhMMTI1IDUzNS43IDM0NC4zIDc1NXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOHpNNjc0LjEgMTg1LjNMNDY2IDkwNS43cS0yLjMgNy4yIC04LjcgMTAuOXQtMTMuMSAxLjRsLTM0LjYgLTkuNXEtNy4zIC0yLjIgLTEwLjkgLTguN3QtMS40IC0xMy42TDYwNS41IDE2NS43cTIuMiAtNy4yIDguNiAtMTAuOHQxMy4xIC0xLjRsMzQuNiA5LjRxNy4zIDIuMyAxMC45IDguN3QxLjQgMTMuN3ptMzY2LjYgMzYzLjJsLTI2MCAyNjAuMXEtNS42IDUuNiAtMTIuOCA1LjZUNzU1IDgwOC42bC0yNy45IC0yNy45cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw5NDYuNCA1MzUuNyA3MjcuMSAzMTYuNHEtNS42IC01LjYgLTUuNiAtMTIuOHQ1LjYgLTEyLjlMNzU1IDI2Mi44cTUuNiAtNS41IDEyLjkgLTUuNXQxMi44IDUuNWwyNjAgMjYwLjFxNS42IDUuNiA1LjYgMTIuOHQtNS42IDEyLjh6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDcxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNMzQ0LjMgNzgwLjdsLTI3LjkgMjcuOXEtNS42IDUuNiAtMTIuOCA1LjZ0LTEyLjkgLTUuNkwzMC43IDU0OC41UTI1LjEgNTQzIDI1LjEgNTM1Ljd0NS42IC0xMi44bDI2MCAtMjYwLjFxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI3LjkgMjcuOXE1LjYgNS42IDUuNiAxMi45dC01LjYgMTIuOEwxMjUgNTM1LjcgMzQ0LjMgNzU1cTUuNiA1LjYgNS42IDEyLjl0LTUuNiAxMi44ek02NzQuMSAxODUuM0w0NjYgOTA1LjdxLTIuMyA3LjIgLTguNyAxMC45dC0xMy4xIDEuNGwtMzQuNiAtOS41cS03LjMgLTIuMiAtMTAuOSAtOC43dC0xLjQgLTEzLjZMNjA1LjUgMTY1LjdxMi4yIC03LjIgOC42IC0xMC44dDEzLjEgLTEuNGwzNC42IDkuNHE3LjMgMi4zIDEwLjkgOC43dDEuNCAxMy43em0zNjYuNiAzNjMuMmwtMjYwIDI2MC4xcS01LjYgNS42IC0xMi44IDUuNlQ3NTUgODA4LjZsLTI3LjkgLTI3LjlxLTUuNiAtNS42IC01LjYgLTEyLjh0NS42IC0xMi45TDk0Ni40IDUzNS43IDcyNy4xIDMxNi40cS01LjYgLTUuNiAtNS42IC0xMi44dDUuNiAtMTIuOUw3NTUgMjYyLjhxNS42IC01LjUgMTIuOSAtNS41dDEyLjggNS41bDI2MCAyNjAuMXE1LjYgNS42IDUuNiAxMi44dC01LjYgMTIuOHoiLz48L3N2Zz4=); + } + } + &.edit{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); + } + } + &.revs{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNNTAwIDMwMy42djI1MHEwIDcuOCAtNSAxMi44dC0xMi45IDVIMzAzLjZxLTcuOCAwIC0xMi45IC01dC01IC0xMi44di0zNS43cTAgLTcuOSA1IC0xMi45dDEyLjkgLTVoMTI1VjMwMy42cTAgLTcuOCA1IC0xMi45dDEyLjggLTVoMzUuN3E3LjkgMCAxMi45IDV0NSAxMi45ek03MzIuMSA1MDBxMCAtODIuNiAtNDAuNyAtMTUyLjNUNTgwLjkgMjM3LjIgNDI4LjYgMTk2LjR0LTE1Mi40IDQwLjhUMTY1LjcgMzQ3LjcgMTI1IDUwMHQ0MC43IDE1Mi4zIDExMC41IDExMC41IDE1Mi40IDQwLjggMTUyLjMgLTQwLjhUNjkxLjQgNjUyLjMgNzMyLjEgNTAwem0xMjUgMHEwIDExNi42IC01Ny40IDIxNS4xdC0xNTYgMTU2IC0yMTUuMSA1Ny41VDIxMy40IDg3MS4xIDU3LjUgNzE1LjEgMCA1MDAgNTcuNSAyODQuOXQxNTUuOSAtMTU2VDQyOC42IDcxLjR0MjE1LjEgNTcuNSAxNTYgMTU2VDg1Ny4xIDUwMHoiLz48L3N2Zz4=); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik01MDAgMzAzLjZ2MjUwcTAgNy44IC01IDEyLjh0LTEyLjkgNUgzMDMuNnEtNy44IDAgLTEyLjkgLTV0LTUgLTEyLjh2LTM1LjdxMCAtNy45IDUgLTEyLjl0MTIuOSAtNWgxMjVWMzAzLjZxMCAtNy44IDUgLTEyLjl0MTIuOCAtNWgzNS43cTcuOSAwIDEyLjkgNXQ1IDEyLjl6TTczMi4xIDUwMHEwIC04Mi42IC00MC43IC0xNTIuM1Q1ODAuOSAyMzcuMiA0MjguNiAxOTYuNHQtMTUyLjQgNDAuOFQxNjUuNyAzNDcuNyAxMjUgNTAwdDQwLjcgMTUyLjMgMTEwLjUgMTEwLjUgMTUyLjQgNDAuOCAxNTIuMyAtNDAuOFQ2OTEuNCA2NTIuMyA3MzIuMSA1MDB6bTEyNSAwcTAgMTE2LjYgLTU3LjQgMjE1LjF0LTE1NiAxNTYgLTIxNS4xIDU3LjVUMjEzLjQgODcxLjEgNTcuNSA3MTUuMSAwIDUwMCA1Ny41IDI4NC45dDE1NS45IC0xNTZUNDI4LjYgNzEuNHQyMTUuMSA1Ny41IDE1NiAxNTZUODU3LjEgNTAweiIvPjwvc3ZnPg==); + } + } + &.backlink{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODEyLjUgNjc4LjZxMCAtMjIuMyAtMTUuNiAtMzhsLTExNi4xIC0xMTZxLTE1LjYgLTE1LjcgLTM3LjkgLTE1LjcgLTIzLjUgMCAtNDAuMiAxNy45IDEuNyAxLjcgMTAuNiAxMC4zdDEyIDEyIDguMyAxMC42IDcuMyAxNC4yIDIgMTUuNHEwIDIyLjMgLTE1LjcgMzcuOXQtMzcuOSAxNS43cS04LjQgMCAtMTUuNCAtMnQtMTQuMiAtNy4zIC0xMC42IC04LjMgLTEyIC0xMiAtMTAuMyAtMTAuNnEtMTguNCAxNy4zIC0xOC40IDQwLjcgMCAyMi4zIDE1LjYgMzhsMTE1IDExNS41cTE1IDE1IDM3LjkgMTUgMjIuMyAwIDM3LjkgLTE0LjVMNzk2LjkgNzE2cTE1LjYgLTE1LjcgMTUuNiAtMzcuNHpNNDIwLjIgMjg1LjJxMCAtMjIuNCAtMTUuNiAtMzhsLTExNSAtMTE1LjVRMjc0IDExNi4xIDI1MS43IDExNi4xcS0yMS44IDAgLTM4IDE1bC04MiA4MS41cS0xNS42IDE1LjYgLTE1LjYgMzcuNCAwIDIyLjMgMTUuNiAzNy45TDI0Ny44IDQwNHExNSAxNS4xIDM3LjkgMTUuMSAyMy41IDAgNDAuMiAtMTcuMyAtMS43IC0xLjcgLTEwLjYgLTEwLjN0LTEyIC0xMiAtOC40IC0xMC42IC03LjIgLTE0LjMgLTIgLTE1LjNxMCAtMjIuMyAxNS42IC0zOHQzOCAtMTUuNnE4LjQgMCAxNS4zIDJ0MTQuMyA3LjIgMTAuNiA4LjQgMTIgMTIgMTAuMyAxMC42cTE4LjQgLTE3LjMgMTguNCAtNDAuN3ptNDk5LjQgMzkzLjRxMCA2Ni45IC00Ny40IDExMy4zbC04MiA4MS40cS00Ni4zIDQ2LjMgLTExMy4zIDQ2LjMgLTY3LjUgMCAtMTEzLjggLTQ3LjRsLTExNSAtMTE1LjVRNDAxLjggNzEwLjQgNDAxLjggNjQzLjRxMCAtNjguNiA0OS4xIC0xMTYuNmwtNDkuMSAtNDkuMXEtNDggNDkuMSAtMTE2LjEgNDkuMSAtNjYuOSAwIC0xMTMuOCAtNDYuOUw1NS44IDM2My44UTguOSAzMTcgOC45IDI1MFQ1Ni40IDEzNi43bDgyIC04MS41UTE4NC43IDguOSAyNTEuNyA4LjlxNjcuNSAwIDExMy44IDQ3LjVsMTE1IDExNS41cTQ2LjMgNDYuMyA0Ni4zIDExMy4zIDAgNjguNiAtNDkuMSAxMTYuNmw0OS4xIDQ5LjFxNDggLTQ5LjEgMTE2LjEgLTQ5LjEgNjYuOSAwIDExMy44IDQ2LjlsMTE2LjEgMTE2cTQ2LjggNDYuOSA0Ni44IDExMy45eiIvPjwvc3ZnPg==); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjguNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTIuNSA2NzguNnEwIC0yMi4zIC0xNS42IC0zOGwtMTE2LjEgLTExNnEtMTUuNiAtMTUuNyAtMzcuOSAtMTUuNyAtMjMuNSAwIC00MC4yIDE3LjkgMS43IDEuNyAxMC42IDEwLjN0MTIgMTIgOC4zIDEwLjYgNy4zIDE0LjIgMiAxNS40cTAgMjIuMyAtMTUuNyAzNy45dC0zNy45IDE1LjdxLTguNCAwIC0xNS40IC0ydC0xNC4yIC03LjMgLTEwLjYgLTguMyAtMTIgLTEyIC0xMC4zIC0xMC42cS0xOC40IDE3LjMgLTE4LjQgNDAuNyAwIDIyLjMgMTUuNiAzOGwxMTUgMTE1LjVxMTUgMTUgMzcuOSAxNSAyMi4zIDAgMzcuOSAtMTQuNUw3OTYuOSA3MTZxMTUuNiAtMTUuNyAxNS42IC0zNy40ek00MjAuMiAyODUuMnEwIC0yMi40IC0xNS42IC0zOGwtMTE1IC0xMTUuNVEyNzQgMTE2LjEgMjUxLjcgMTE2LjFxLTIxLjggMCAtMzggMTVsLTgyIDgxLjVxLTE1LjYgMTUuNiAtMTUuNiAzNy40IDAgMjIuMyAxNS42IDM3LjlMMjQ3LjggNDA0cTE1IDE1LjEgMzcuOSAxNS4xIDIzLjUgMCA0MC4yIC0xNy4zIC0xLjcgLTEuNyAtMTAuNiAtMTAuM3QtMTIgLTEyIC04LjQgLTEwLjYgLTcuMiAtMTQuMyAtMiAtMTUuM3EwIC0yMi4zIDE1LjYgLTM4dDM4IC0xNS42cTguNCAwIDE1LjMgMnQxNC4zIDcuMiAxMC42IDguNCAxMiAxMiAxMC4zIDEwLjZxMTguNCAtMTcuMyAxOC40IC00MC43em00OTkuNCAzOTMuNHEwIDY2LjkgLTQ3LjQgMTEzLjNsLTgyIDgxLjRxLTQ2LjMgNDYuMyAtMTEzLjMgNDYuMyAtNjcuNSAwIC0xMTMuOCAtNDcuNGwtMTE1IC0xMTUuNVE0MDEuOCA3MTAuNCA0MDEuOCA2NDMuNHEwIC02OC42IDQ5LjEgLTExNi42bC00OS4xIC00OS4xcS00OCA0OS4xIC0xMTYuMSA0OS4xIC02Ni45IDAgLTExMy44IC00Ni45TDU1LjggMzYzLjhROC45IDMxNyA4LjkgMjUwVDU2LjQgMTM2LjdsODIgLTgxLjVRMTg0LjcgOC45IDI1MS43IDguOXE2Ny41IDAgMTEzLjggNDcuNWwxMTUgMTE1LjVxNDYuMyA0Ni4zIDQ2LjMgMTEzLjMgMCA2OC42IC00OS4xIDExNi42bDQ5LjEgNDkuMXE0OCAtNDkuMSAxMTYuMSAtNDkuMSA2Ni45IDAgMTEzLjggNDYuOWwxMTYuMSAxMTZxNDYuOCA0Ni45IDQ2LjggMTEzLjl6Ii8+PC9zdmc+); + } + } + &.top{ + margin-top: 1em; + position: relative; + background-size: .9rem; + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQxNi4yNSAxMDAxcS02NSAwIC0xMTAuNjI1IC00NS42MjV0LTQ1LjYyNSAtMTEwLjYyNWwwIC0yNDcuNXEtNDUgNDAgLTEwOC4xMjUgMzguMTI1dC0xMDUuNjI1IC00NC4zNzVxLTQ2LjI1IC00Ni4yNSAtNDYuMjUgLTExMC42MjV0NDYuMjUgLTExMC42MjVsMzcwIC0zNzEuMjUgMzcxLjI1IDM3MS4yNXE0Ni4yNSA0Ni4yNSA0Ni4yNSAxMTAuNjI1dC00Ni4yNSAxMTAuNjI1cS00Mi41IDQyLjUgLTEwNi4yNSA0NC4zNzV0LTEwOC43NSAtMzguMTI1bDAgMjQ3LjVxMCA2NSAtNDUuNjI1IDExMC42MjV0LTExMC42MjUgNDUuNjI1em0tNTEuMjUgLTY1NWwwIDQ5OC43NXEwIDIxLjI1IDE1IDM2Ljg3NXQzNi4yNSAxNS42MjUgMzYuODc1IC0xNS42MjUgMTUuNjI1IC0zNi44NzVsMCAtNDk4Ljc1bDE3MS4yNSAxNzEuMjVxMTUgMTUgMzYuODc1IDE1dDM2Ljg3NSAtMTUgMTUgLTM2Ljg3NSAtMTUgLTM2Ljg3NWwtMjk3LjUgLTI5Ny41IC0yOTcuNSAyOTcuNXEtMTUgMTUgLTE1IDM2Ljg3NXQxNSAzNi44NzUgMzYuODc1IDE1IDM2Ljg3NSAtMTV6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDE2LjI1IDEwMDFxLTY1IDAgLTExMC42MjUgLTQ1LjYyNXQtNDUuNjI1IC0xMTAuNjI1bDAgLTI0Ny41cS00NSA0MCAtMTA4LjEyNSAzOC4xMjV0LTEwNS42MjUgLTQ0LjM3NXEtNDYuMjUgLTQ2LjI1IC00Ni4yNSAtMTEwLjYyNXQ0Ni4yNSAtMTEwLjYyNWwzNzAgLTM3MS4yNSAzNzEuMjUgMzcxLjI1cTQ2LjI1IDQ2LjI1IDQ2LjI1IDExMC42MjV0LTQ2LjI1IDExMC42MjVxLTQyLjUgNDIuNSAtMTA2LjI1IDQ0LjM3NXQtMTA4Ljc1IC0zOC4xMjVsMCAyNDcuNXEwIDY1IC00NS42MjUgMTEwLjYyNXQtMTEwLjYyNSA0NS42MjV6bS01MS4yNSAtNjU1bDAgNDk4Ljc1cTAgMjEuMjUgMTUgMzYuODc1dDM2LjI1IDE1LjYyNSAzNi44NzUgLTE1LjYyNSAxNS42MjUgLTM2Ljg3NWwwIC00OTguNzVsMTcxLjI1IDE3MS4yNXExNSAxNSAzNi44NzUgMTV0MzYuODc1IC0xNSAxNSAtMzYuODc1IC0xNSAtMzYuODc1bC0yOTcuNSAtMjk3LjUgLTI5Ny41IDI5Ny41cS0xNSAxNSAtMTUgMzYuODc1dDE1IDM2Ljg3NSAzNi44NzUgMTUgMzYuODc1IC0xNXoiLz48L3N2Zz4=); + } + } + &.plugin_bookcreator_addtobook{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); + } + } + &.export_pdf{ + background-size: .9rem auto; + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); + } + } + } + + } + } + + &:hover{ + ul{ + background-color: #fff; + box-shadow: @box-shadow-offset; + li{ + a{ + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top{ + color: @color-nav; + background-position: 95% center; + opacity: .8; + &:hover, &:focus, &:active{ + opacity: 1; + *{ + opacity: 1; + } + color: @color-nav-hover; + background-color: #fff; + } + } + &.plugin_bookcreator_addtobook{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTQ2NCAyMjEuNXE1IC01IDE0LjUgLTEydDQ3IC0yNi41IDgzLjUgLTM0LjUgMTI3IC0yNyAxNzUgLTEybDAgNjcwcS05NSAwIC0xNzYgMTEuNXQtMTI4LjUgMjcuNSAtODEuNSAzMyAtNDcgMjlsLTE0IDEwcS00IC00IC0xMyAtMTEuNXQtNDYuNSAtMjYuNSAtODMgLTM0IC0xMjcgLTI3IC0xNzYuNSAtMTJsMCAtNjcwcTk0IDAgMTc0IDExLjV0MTI4IDI3LjUgODIuNSAzMyA0OC41IDI5em0tMzM0IDBsMCA0NTBxMTcyIDE0IDI3OSA3MWwwIC00NDlxLTExMCAtNTggLTI3OSAtNzJ6bTY2OSA0NTBsMCAtNDUwcS0xNjggMTQgLTI3OCA3MmwwIDQ0OXExMDggLTU3IDI3OCAtNzF6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNDY0IDIyMS41cTUgLTUgMTQuNSAtMTJ0NDcgLTI2LjUgODMuNSAtMzQuNSAxMjcgLTI3IDE3NSAtMTJsMCA2NzBxLTk1IDAgLTE3NiAxMS41dC0xMjguNSAyNy41IC04MS41IDMzIC00NyAyOWwtMTQgMTBxLTQgLTQgLTEzIC0xMS41dC00Ni41IC0yNi41IC04MyAtMzQgLTEyNyAtMjcgLTE3Ni41IC0xMmwwIC02NzBxOTQgMCAxNzQgMTEuNXQxMjggMjcuNSA4Mi41IDMzIDQ4LjUgMjl6bS0zMzQgMGwwIDQ1MHExNzIgMTQgMjc5IDcxbDAgLTQ0OXEtMTEwIC01OCAtMjc5IC03MnptNjY5IDQ1MGwwIC00NTBxLTE2OCAxNCAtMjc4IDcybDAgNDQ5cTEwOCAtNTcgMjc4IC03MXoiLz48L3N2Zz4=); + } + + } + &.export_pdf{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNNDk4LjkgNTk3LjdxMTguNCAxNC41IDQ2LjkgMzEuMlE1NzguNyA2MjUgNjExIDYyNXE4Mi4xIDAgOTguOCAyNy4zIDkgMTIuMyAxLjEgMjkuMSAwIC41IC0uNSAxLjFsLTEuMSAxLjF2LjZxLTMuNCAyMS4yIC0zOS43IDIxLjIgLTI2LjcgMCAtNjQuMSAtMTEuMnQtNzIuNiAtMjkuNlE0MDkuNiA2NzggMzE0LjIgNzEwLjkgMjI4LjggODU3LjEgMTc5LjEgODU3LjFxLTguMyAwIC0xNS42IC0zLjlsLTEzLjQgLTYuN3EtLjUgLS41IC0zLjMgLTIuOCAtNS42IC01LjUgLTMuNCAtMjAgNSAtMjIuNCAzMS4zIC01MS4xdDczLjYgLTUzLjlxNy44IC01IDEyLjkgMy40IDEuMSAxLjEgMS4xIDIuMiAyOSAtNDcuNCA1OS43IC0xMDkuOSAzNy45IC03NS45IDU4IC0xNDYuMiAtMTMuNCAtNDUuOCAtMTcgLTg5dDMuNiAtNzEuMnE2LjIgLTIyLjMgMjMuNSAtMjIuM2gxMi4ycTEyLjkgMCAxOS42IDguNCAxMCAxMS43IDUgMzcuOSAtMS4xIDMuNCAtMi4yIDQuNSAuNSAxLjcgLjUgNC41djE2LjdxLTEuMSA2OC42IC03LjggMTA3LjEgMzAuNyA5MS42IDgxLjUgMTMyLjl6TTE3Ny41IDgyN3EyOSAtMTMuNCA3Ni40IC04OC4yIC0yOC41IDIyLjQgLTQ4LjggNDYuOVQxNzcuNSA4Mjd6TTM5OS42IDMxMy42cS04LjQgMjMuNSAtMS4yIDczLjcgLjYgLTMuOSAzLjkgLTI0LjYgMCAtMS43IDQgLTI0IC41IC0yLjIgMi4yIC00LjQgLS42IC0uNiAtLjYgLTEuMiAtLjUgLTEuMSAtLjUgLTEuNiAtLjYgLTEyLjMgLTcuMyAtMjAuMSAwIC41IC0uNSAxLjF2MS4xem0tNjkuMiAzNjguOXE3NS4zIC0zMC4yIDE1OC40IC00NS4yIC0xLjEgLS42IC03LjIgLTUuM3QtOC45IC03LjZxLTQyLjUgLTM3LjMgLTcwLjkgLTk4LjIgLTE1LjEgNDggLTQ2LjMgMTEwIC0xNi44IDMxLjIgLTI1LjEgNDYuM3ptMzYwLjQgLTlxLTEzLjMgLTEzLjMgLTc4LjEgLTEzLjMgNDIuNCAxNS42IDY5LjIgMTUuNiA3LjggMCAxMC4xIC0uNiAwIC0uNSAtMS4yIC0xLjd6Ii8+PC9zdmc+); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); + } + + } + + } + } + } + } + + +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + nav#dokuwiki__pagetools { + right: 8px; + } +} diff --git a/js/plugins/do_tasks.js b/js/plugins/do_tasks.js index e1a33ab..78a8f34 100755 --- a/js/plugins/do_tasks.js +++ b/js/plugins/do_tasks.js @@ -1,37 +1,47 @@ -( function( $, spc ) { - - var togglePageAnalysis = function(){ - var $this = $('.page-attributes').find('.plugin__qc'); - try{ - var $link = $this.find('#plugin__qc__link'), - $container = $this.find('#plugin__qc__wrapper'); - if($container.length < 1){ - $this.remove(); - }else{ - $container.attr('aria-hidden','true'); - var $icon = $container.find('#plugin__qc__icon'); - $container.find('#plugin__qc__out').removeAttr('style'); - $link.on( 'click', function(e){ - e.preventDefault(); - $icon.trigger('click'); - var oldState = ($link.attr('aria-expanded')=== "true" ); - $container.attr('aria-hidden',oldState); - $(this).attr('aria-expanded',!oldState); - - }); - } - - }catch(err){ - $this.remove(); - } - }; - - $(function(){ - togglePageAnalysis(); - }); - -} )( jQuery, spc ); - - - - +( function( $, spc ) { + + var togglePageAnalysis = function(){ + var $this = $('.page-attributes').find('.plugin__qc'); + try{ + var $link = $this.find('#plugin__qc__link'), + $container = $this.find('#plugin__qc__wrapper'); + + if($container.length < 1){ + $this.remove(); + }else{ + $container.attr('aria-hidden','true'); + var $icon = $container.find('#plugin__qc__icon'); + $container.find('#plugin__qc__out').removeAttr('style'); + $link.on( 'click', function(e){ + e.preventDefault(); + $icon.trigger('click'); + var oldState = ($link.attr('aria-expanded')=== "true" ); + $container.attr('aria-hidden',oldState); + $(this).attr('aria-expanded',!oldState); + + }); + + if($container.length > 0){ + var num = $container.attr('data-errors'); + if(num){ + $link.find('.num').empty().append(num); + $link.closest('li').removeClass('do_none'); + } + } + + } + + }catch(err){ + $this.remove(); + } + }; + + $(function(){ + togglePageAnalysis(); + }); + +} )( jQuery, spc ); + + + + diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index 1d6c719..7d9329a 100755 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -41,6 +41,7 @@ if($menu.length > 0){ var $toggler = $menu.find('> li.level1 > .li'), $submenu = $menu.find('> li.level1 > ul'); + if($toggler.length > 0 && $submenu.length > 0){ $toggler.addClass('closed'); @@ -56,6 +57,7 @@ }); }); + //FIXME: store current nav state with local storage } @@ -66,6 +68,20 @@ } }, + toggleMainContent = function(){ + var $toggler = $('.togglelink.page_main-content').find('a'); + $toggler.on("click", function (e) { + e.preventDefault(); + var $link = $(this); + + if($('body').hasClass('wide-content')){ + setDefaultContent(); + }else{ + setWideContent(); + } + + }); + }, sideMenu = function(){ var $menus = $('.tools').find('.toggle-menu'); @@ -105,6 +121,7 @@ $(function(){ mainMenu(); sideMenu(); + toggleMainContent(); }); } )( jQuery, spc ); diff --git a/script.js b/script.js index 75db7e4..73e1f93 100755 --- a/script.js +++ b/script.js @@ -26,6 +26,7 @@ var $_LANG = {}; setLang(); }); + } )( jQuery, spc, wikiLang ); /* DOKUWIKI:include js/plugins/do_tasks.js */ From 13520a979ea3011ed6baf34349cd58e299c4446f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 14:42:58 +0100 Subject: [PATCH 093/669] clear content --- main.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.php b/main.php index 8689177..c72a5a4 100755 --- a/main.php +++ b/main.php @@ -353,7 +353,7 @@ $classWideContent = ($ACT === "show") ? "": "wide-content "; /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ tpl_content(false); /* the main content */ ?> - +
      From 54bed87c4e861ecf34064a31eade053e9c7be395 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 14:43:13 +0100 Subject: [PATCH 094/669] clear content --- css/area_nav-metabox.less | 5 +- css/base.less | 864 +++++++++++++++++++------------------- 2 files changed, 438 insertions(+), 431 deletions(-) diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 257b178..8172d05 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -166,6 +166,9 @@ } } } - + + a{ + clear: right; + margin-top: 20px; + } } diff --git a/css/base.less b/css/base.less index 49f4193..d5c26de 100755 --- a/css/base.less +++ b/css/base.less @@ -1,430 +1,434 @@ -/** - * This file provides the basic vars and reset styles. - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* converted vars */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@background_page-header: __background_page-header__; - -@border-radius: __default_border_radius__; - -@font_family_screen: __font_family_screen__; - -@color-text: __text__; -@color-border: __border__; -@color-nav: __nav_menu_color__; -@color-nav-hover: __nav_menu_hover_color__; -@color-nav-hover-bg: __nav_menu_hover_bg__; - -@color-content-bg: __background_content__; -@color-site-bg: __background_site__; - -@color-link: __existing__; -@color-link-hover: @color-nav; - -@button_color: __button_color__; -@button_background: __button_background__; - -@box-shadow-offset: __box_shadow_offset__; -@box-shadow: __box_shadow__; -@box-shadow-colored: __box_shadow_colored__; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* global vars */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@height-context-bar: 50px; - -@margin-small: 1rem; -@margin-default: 1.5rem; -@margin-big: 2.5rem; - -@grid: @margin-small; - -@transition: ease-out .30s; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* fonts */ - -@font-size-small: .75rem; -@font-size-default: .88rem; -@font-size-big: 1.5rem; -@font-size-bigger: 1.75rem; - -@line-height-default: 125%; -@line-height-big: 135%; -@line-height-bigger: 140%; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* breakpoints */ - -@break-min-xxs: 480; -@break-max-xxs: (@break-min-xxs - 1); - -@break-min-xs: 768; -@break-max-xs: (@break-min-xs - 1); - -@break-min-sm: 992; -@break-max-sm: (@break-min-xs - 1); - -@break-min-md: 1024; -@break-max-md: (@break-min-md - 1); - -@break-min-lg: 1200; -@break-max-lg: (@break-min-lg - 1); - -@break-min-xlg: 1440; -@break-max-xlg: (@break-min-xlg - 1); - -@break-min-xxlg: 1600; -@break-max-xxlg: (@break-min-xlg - 1); - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* media queries for breakpoints */ - -@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; -@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; - -@screen_min-xs: ~"only screen and (min-width: " ~"@{break-min-xs}px)"; -@screen_max-xs: ~"only screen and (max-width: " ~"@{break-max-xs}px)"; - -@screen_min-sm: ~"only screen and (min-width: " ~"@{break-min-sm}px)"; -@screen_max-sm: ~"only screen and (max-width: " ~"@{break-max-sm}px)"; - -@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)"; -@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)"; -@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; - -@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)"; -@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)"; - -@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)"; -@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)"; - -@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)"; -@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* col width */ - -@c12: 100%; -@c11: 91.66666667%; -@c10: 83.33333333%; -@c9: 75%; -@c8: 66.66666667%; -@c7: 58.33333333%; -@c6: 50%; -@c5: 41.66666667%; -@c4: 33.33333333%; -@c3: 25%; -@c2: 16.66666667%; -@c1: 8.33333333%; - -@grid-columns: 12; - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -html, -body { - .reset(); - - font-size: 100.1%; -} - -header, -.nav-direct{ - .elementsReset(); -} - -div, span, object, -h1, h2, h3, h4, h5, h6, p, blockquote, -a, abbr, em,acronym, img, strong, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -input, select, option, textarea, button { - font-size: 1rem; - line-height: 100%; -} - - -ol, -ul { - list-style: none outside none; -} - -blockquote, -q { - quotes: none; -} - -acronym { - cursor: help; - border-bottom: dotted 1px #333; -} - -*:focus { - outline: 0; -} - -table{ - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - caption-side: top; -} - -caption, -th, -td { - text-align: left; - vertical-align: top; -} - -img { - display: block; - float: none; - border: none 0; - line-height: @line-height-default; -} - -*, -div, -nav, -header { - box-sizing: border-box; -} - -header, -footer, -.container, -.row, nav, -nav > ul { - &::before, - &::after { - display: table; - content: " "; - clear: both; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* css behaviour */ - -.sr-out { - .sr-out(); -} - -.sr-only { - .sr-only(); -} - -.structure, -.none, -.mobile-only { - display: none; -} - -.mobile-only { - display: none; - @media @screen_max-md { - display: inline-block; - } -} - -.mobile-hide { - display: inline-block; - - @media @screen_max-md { - display: none; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* screen only */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media screen { - html { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - } - - article, aside, details, figcaption, figure, footer, header, - main, menu, nav, section, summary { - display: block; - } - - audio, - canvas, - progress, - video { - display: inline-block; - vertical-align: baseline; - } - - audio:not([controls]) { - display: none; - height: 0; - } - - [hidden], - template { - display: none; - } - - a:active, - a:hover { - outline: 0; - } - - abbr[title] { - border-bottom: 1px dotted; - } - - small { - font-size: 80%; - } - - sub, - sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - - sup { - top: -0.5em; - } - - sub { - bottom: -0.25em; - } - - svg:not(:root) { - overflow: hidden; - } - - hr { - box-sizing: content-box; - height: 0; - } - - pre { - overflow: auto; - } - - code, - kbd, - pre, - samp { - font-family: monospace, monospace; - font-size: 1em; - } - - button, - input, - optgroup, - select, - textarea { - color: inherit; - font: inherit; - margin: 0; - } - - button, - select { - text-transform: none; - } - - button { - overflow: visible; - } - - input { - &[type="checkbox"], - &[type="radio"] { - box-sizing: border-box; - padding: 0; - } - - &[type="number"] { - &::-webkit-inner-spin-button, - &::-webkit-outer-spin-button { - height: auto; - } - } - - &[type="search"] { - -webkit-appearance: textfield; - box-sizing: content-box; - - &::-webkit-search-cancel-button, - &::-webkit-search-decoration { - -webkit-appearance: none; - } - } - } - - legend { - border: 0; - padding: 0; - } - - textarea { - overflow: auto; - } - - table { - border-collapse: collapse; - border-spacing: 0; - } - - td, - th { - padding: 0; - } - - html, body, div, span, applet, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, - a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, - small, strike, strong, sub, sup, tt, var, - b, u, i, center, - dl, dt, dd, ol, ul, li, - fieldset, form, label, legend, - table, caption, tbody, tfoot, thead, tr, th, td, - article, aside, canvas, details, embed, - figure, figcaption, footer, header, - menu, nav, output, ruby, section, summary, - time, mark, audio, video { - font-family: @font_family_screen; - color: @ini_text; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* print only */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media print { - body { - font-size: 12pt; - } -} +/** + * This file provides the basic vars and reset styles. + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* converted vars */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@background_page-header: __background_page-header__; + +@border-radius: __default_border_radius__; + +@font_family_screen: __font_family_screen__; + +@color-text: __text__; +@color-border: __border__; +@color-nav: __nav_menu_color__; +@color-nav-hover: __nav_menu_hover_color__; +@color-nav-hover-bg: __nav_menu_hover_bg__; + +@color-content-bg: __background_content__; +@color-site-bg: __background_site__; + +@color-link: __existing__; +@color-link-hover: @color-nav; + +@button_color: __button_color__; +@button_background: __button_background__; + +@box-shadow-offset: __box_shadow_offset__; +@box-shadow: __box_shadow__; +@box-shadow-colored: __box_shadow_colored__; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* global vars */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@height-context-bar: 50px; + +@margin-small: 1rem; +@margin-default: 1.5rem; +@margin-big: 2.5rem; + +@grid: @margin-small; + +@transition: ease-out .30s; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* fonts */ + +@font-size-small: .75rem; +@font-size-default: .88rem; +@font-size-big: 1.5rem; +@font-size-bigger: 1.75rem; + +@line-height-default: 125%; +@line-height-big: 135%; +@line-height-bigger: 140%; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* breakpoints */ + +@break-min-xxs: 480; +@break-max-xxs: (@break-min-xxs - 1); + +@break-min-xs: 768; +@break-max-xs: (@break-min-xs - 1); + +@break-min-sm: 992; +@break-max-sm: (@break-min-xs - 1); + +@break-min-md: 1024; +@break-max-md: (@break-min-md - 1); + +@break-min-lg: 1200; +@break-max-lg: (@break-min-lg - 1); + +@break-min-xlg: 1440; +@break-max-xlg: (@break-min-xlg - 1); + +@break-min-xxlg: 1600; +@break-max-xxlg: (@break-min-xlg - 1); + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* media queries for breakpoints */ + +@screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; +@screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; + +@screen_min-xs: ~"only screen and (min-width: " ~"@{break-min-xs}px)"; +@screen_max-xs: ~"only screen and (max-width: " ~"@{break-max-xs}px)"; + +@screen_min-sm: ~"only screen and (min-width: " ~"@{break-min-sm}px)"; +@screen_max-sm: ~"only screen and (max-width: " ~"@{break-max-sm}px)"; + +@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)"; +@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)"; +@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; + +@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)"; +@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)"; + +@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)"; +@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)"; + +@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)"; +@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* col width */ + +@c12: 100%; +@c11: 91.66666667%; +@c10: 83.33333333%; +@c9: 75%; +@c8: 66.66666667%; +@c7: 58.33333333%; +@c6: 50%; +@c5: 41.66666667%; +@c4: 33.33333333%; +@c3: 25%; +@c2: 16.66666667%; +@c1: 8.33333333%; + +@grid-columns: 12; + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +html, +body { + .reset(); + + font-size: 100.1%; +} + +header, +.nav-direct{ + .elementsReset(); +} + +div, span, object, +h1, h2, h3, h4, h5, h6, p, blockquote, +a, abbr, em,acronym, img, strong, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +input, select, option, textarea, button { + font-size: 1rem; + line-height: 100%; +} + + +ol, +ul { + list-style: none outside none; +} + +blockquote, +q { + quotes: none; +} + +acronym { + cursor: help; + border-bottom: dotted 1px #333; +} + +*:focus { + outline: 0; +} + +table{ + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + caption-side: top; +} + +caption, +th, +td { + text-align: left; + vertical-align: top; +} + +img { + display: block; + float: none; + border: none 0; + line-height: @line-height-default; +} + +*, +div, +nav, +header { + box-sizing: border-box; +} + +header, +footer, +.container, +.row, nav, +nav > ul { + &::before, + &::after { + display: table; + content: " "; + clear: both; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* css behaviour */ + +.sr-out { + .sr-out(); +} + +.sr-only { + .sr-only(); +} + +.clearer{ + clear: both; +} + +.structure, +.none, +.mobile-only { + display: none; +} + +.mobile-only { + display: none; + @media @screen_max-md { + display: inline-block; + } +} + +.mobile-hide { + display: inline-block; + + @media @screen_max-md { + display: none; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* screen only */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media screen { + html { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + } + + article, aside, details, figcaption, figure, footer, header, + main, menu, nav, section, summary { + display: block; + } + + audio, + canvas, + progress, + video { + display: inline-block; + vertical-align: baseline; + } + + audio:not([controls]) { + display: none; + height: 0; + } + + [hidden], + template { + display: none; + } + + a:active, + a:hover { + outline: 0; + } + + abbr[title] { + border-bottom: 1px dotted; + } + + small { + font-size: 80%; + } + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sup { + top: -0.5em; + } + + sub { + bottom: -0.25em; + } + + svg:not(:root) { + overflow: hidden; + } + + hr { + box-sizing: content-box; + height: 0; + } + + pre { + overflow: auto; + } + + code, + kbd, + pre, + samp { + font-family: monospace, monospace; + font-size: 1em; + } + + button, + input, + optgroup, + select, + textarea { + color: inherit; + font: inherit; + margin: 0; + } + + button, + select { + text-transform: none; + } + + button { + overflow: visible; + } + + input { + &[type="checkbox"], + &[type="radio"] { + box-sizing: border-box; + padding: 0; + } + + &[type="number"] { + &::-webkit-inner-spin-button, + &::-webkit-outer-spin-button { + height: auto; + } + } + + &[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; + + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { + -webkit-appearance: none; + } + } + } + + legend { + border: 0; + padding: 0; + } + + textarea { + overflow: auto; + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + td, + th { + padding: 0; + } + + html, body, div, span, applet, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, + a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, + b, u, i, center, + dl, dt, dd, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + article, aside, canvas, details, embed, + figure, figcaption, footer, header, + menu, nav, output, ruby, section, summary, + time, mark, audio, video { + font-family: @font_family_screen; + color: @ini_text; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* print only */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media print { + body { + font-size: 12pt; + } +} From 52928b7b4ee4f67ff1f7276e666529d47e12a645 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Tue, 10 Jan 2017 14:46:56 +0100 Subject: [PATCH 095/669] nav-main new hover for icons --- css/area_main-sidebar.less | 562 ++++++++++++++++--------------- css/area_sidetools.less | 669 +++++++++++++++++++------------------ css/base_mixins.less | 615 ++++++++++++++++++---------------- 3 files changed, 941 insertions(+), 905 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index f642dd4..fbb3cea 100755 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -1,278 +1,284 @@ -/** - * This file provides the design styles for the sidebar (navmain). - * - * @author Jana Deutschlaender - */ - - -#dokuwiki__aside.main-sidebar { - counter-reset: nav-counter; - -/* + + + + + nav main + + + + + */ - .nav-main { - padding-bottom: 1.8rem; - - > ul { - @icon-size: 2rem; - - margin: 0; - padding: 0; - - ul { - margin-left: (@icon-size + .5); - } - - li { - list-style-type: none; - color: @color-nav; - - &:first-of-type { - padding-top: .3em; - } - } - - .li { - a { - display: list-item; - list-style-type: square; - color: @color-nav; - font-weight: normal; - padding-top: .1em; - padding-bottom: .1em; - transition: @transition color; - - &:hover, - &:focus, - &:active { - color: @button_background; - } - } - } - - -/* + + + first level + + + */ - > li { - counter-increment: nav-counter; - position: relative; - list-style-type: none; - margin: 0; - padding: 0 0 .3em; - - &:not(:last-of-type)::after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - display: block; - width: 100%; - height: 1px; - background-color: @color-border; - } - - > .li { - position: relative; - z-index: 1; - margin-top: -1px; - padding: .5em 0 .5em (@icon-size + 1); - - &[class="li"] { - border-bottom: solid 1px @color-border; - } - - &::before { - content: counter(nav-counter); - position: absolute; - top: 0; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - } - - &.opened, - &.closed { - padding: 0; - - &::before, - &::after { - display: none; - } - - a { - position: relative; - display: block; - border: 1px solid transparent; - border-radius: 2px; - margin-bottom: -.3rem; - padding: .6em 0 .6em (@icon-size + 1); - transition: @transition color, @transition background-color, @transition border-color; - - &::before { - content: counter(nav-counter); - position: absolute; - top: -.1em; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - transition: @transition color; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - transition: @transition background-color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - - &::after { - background-color: @button_background; - } - } - } - } - - &.opened { - a { - background-color: @button_background; - color: @button_color; - - &::before { - color: @button_color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - } - } - - + ul { - margin-top: .5em; - margin-bottom: .25em; - } - } - - + ul { - height: auto; - overflow: hidden; - } - - &.closed + ul { - height: 0; - } - } - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { - .li { - font-size: .8rem; - padding: .1em 0; - - * { - font-size: inherit; - font-weight: inherit; - } - } - - > ul > li > .li { - font-size: .9rem; - - * { - font-size: inherit; - } - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ - -@media @screen_max-xlg { - #dokuwiki__aside.main-sidebar { - .nav-main { - .li { - font-size: .9rem; - padding: .15em 0 .15em .25rem; - - * { - font-size: inherit; - font-weight: inherit; - } - } - - > ul > li > .li { - font-size: 1rem; - - > * { - font-size: inherit; - } - } - } - } -} +/** + * This file provides the design styles for the sidebar (navmain). + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__aside.main-sidebar { + counter-reset: nav-counter; + + +/* + + + + + nav main + + + + + */ + .nav-main { + > ul { + @icon-size: 2rem; + + margin: 0 0 1.8rem; + padding: 0; + + ul { + margin-left: (@icon-size + .5); + } + + li { + list-style-type: none; + color: @color-nav; + + &:first-of-type { + padding-top: .3em; + } + } + + .li { + a { + display: list-item; + list-style-type: square; + color: @color-nav; + font-weight: normal; + padding-top: .1em; + padding-bottom: .1em; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_background; + } + } + } + + +/* + + + first level + + + */ + > li { + counter-increment: nav-counter; + position: relative; + list-style-type: none; + margin: 0; + padding: 0 0 .3em; + + &:not(:last-of-type)::after { + content: ''; + position: absolute; + left: 0; + bottom: 0; + display: block; + width: 100%; + height: 1px; + background-color: @color-border; + } + + > .li { + position: relative; + z-index: 1; + margin-top: -1px; + padding: .5em 0 .5em (@icon-size + 1); + + &[class="li"] { + border-bottom: solid 1px @color-border; + } + + &::before { + .display-flex(); + .flex-direction(); + .justify-content(); + + content: counter(nav-counter); + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 2.5rem; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + } + + &.opened, + &.closed { + padding: 0; + + &::before, + &::after { + display: none; + } + + a { + position: relative; + display: block; + border: 1px solid transparent; + border-radius: 2px; + margin-bottom: -.3rem; + padding: .6em 0 .6em (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + .display-flex(); + .flex-direction(); + .justify-content(); + + content: counter(nav-counter); + position: absolute; + top: 1px; + bottom: 1px; + left: 0; + height: 100%; + width: 2.5rem; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + transition: @transition color, @transition background-color; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + + &::after { + background-color: @button_background; + } + } + } + } + + &.opened { + a { + background-color: @button_background; + color: @button_color; + + &::before { + background-color: @color-site-bg; + } + + &::after { + display: none; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + background-color: @button_color; + color: @button_background; + } + + &::after { + display: block; + background-color: @button_background; + } + } + } + + + ul { + margin-top: .5em; + margin-bottom: .25em; + } + } + + + ul { + height: auto; + overflow: hidden; + } + + &.closed + ul { + height: 0; + } + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + #dokuwiki__aside.main-sidebar { + .nav-main { + .li { + font-size: .8rem; + padding: .1em 0; + + * { + font-size: inherit; + font-weight: inherit; + } + } + + > ul > li > .li { + font-size: .9rem; + + * { + font-size: inherit; + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { + #dokuwiki__aside.main-sidebar { + .nav-main { + .li { + font-size: .9rem; + padding: .15em 0 .15em .25rem; + + * { + font-size: inherit; + font-weight: inherit; + } + } + + > ul > li > .li { + font-size: 1rem; + + > * { + font-size: inherit; + } + } + } + } +} diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 1cc1013..25fdd19 100755 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -1,331 +1,338 @@ -/** - * This file provides the design styles for the sitetools (nav). - * - * @author Jana Deutschlaender - */ - - -.side-tools.main-sidebar { - @icon-size: 2rem; - - counter-increment: bar-counter; - - ul, - .trace { - padding-left: (@icon-size + .5); - } - - ul { - border-bottom: 1px solid @color-border; - } - - li { - list-style-type: none; - - a { - display: list-item; - list-style-type: square; - color: @color-nav; - padding-top: .1em; - padding-bottom: .1em; - transition: @transition color; - - &:hover, - &:focus, - &:active { - color: @button_background; - } - } - - &:first-of-type { - padding-top: .3em; - } - } - - > nav { - > ul { - margin: 0; - padding: 0 0 0 (@icon-size + .5); - - li { - list-style-type: none; - color: @color-nav; - - &:first-of-type { - padding-top: .3em; - } - } - } - } - - -/* + + + + + headlines for linklists + + + + + */ - h6 { - position: relative; - width: auto; - height: auto; - color: @color-nav; - font-weight: normal; - padding: .5em 0 .5em (@icon-size + 1.1); - - &[class="sr-only"] { - border-bottom: solid 1px @color-border; - } - - * { - color: inherit; - } - - -/* + + + icon + + + */ - &::before { - content: counter(bar-counter, lower-alpha); - position: absolute; - top: 0; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - text-align: center; - margin-top: auto; - margin-bottom: auto; - } - - -/* + + + line bottom + + + */ - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .6); - background-color: @color-border; - transition: @transition background-color; - } - - + ul, - + div { - height: auto; - overflow: hidden; - } - - -/* + + + toggle + + + */ - &.opened, - &.closed { - padding: 0; - - &::before, - &::after { - display: none; - } - - a { - position: relative; - display: block; - border: 1px solid transparent; - border-radius: 2px; - padding: .6em 0 .6em (@icon-size + 1); - transition: @transition color, @transition background-color, @transition border-color; - - &::before { - content: counter(bar-counter, lower-alpha); - position: absolute; - top: -.1em; - left: 0; - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; - justify-content: center; - -webkit-justify-content: center; - height: 100%; - width: @icon-size; - overflow: hidden; - color: @color-nav; - text-align: center; - margin-top: auto; - margin-bottom: auto; - transition: @transition color; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: (@icon-size + .5); - background-color: @color-border; - transition: @transition background-color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - - &::after { - background-color: @button_background; - } - } - } - } - - &.opened { - a { - background-color: @button_background; - color: @button_color; - - &::before { - color: @button_color; - } - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border-color: @button_background; - color: @button_background; - text-decoration: none; - - &::before { - color: @button_background; - } - } - } - - + ul, - + div { - height: auto; - overflow: hidden; - } - - + ul { - margin-top: .5em; - padding-bottom: .4rem; - } - } - - &.closed { - + ul, - + div { - height: 0; - } - } - } - - -/* + + + + + f.i. trace + + + + + */ - p { - max-height: 6rem; - overflow-y: auto; - background-color: @color-content-bg; - border: 1px solid @button_background; - border-radius: 2px; - font-size: .8rem; - margin-top: .1rem; - padding: .3rem .6em; - - * { - font-size: inherit; - } - - .bchead { - display: none; - } - - .bcsep { - float: left; - clear: both; - display: block; - width: 3%; - vertical-align: top; - color: @color-link; - padding-top: .3em; - } - - .breadcrumbs { - border: 0 none; - padding: 0; - margin: 0; - } - - bdi { - display: block; - float: left; - width: 94%; - line-height: 125%; - padding: .1rem 0; - margin-left: 2%; - } - - a { - cursor: pointer; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - .side-tools.main-sidebar { - h6 { - font-size: .9rem; - - * { - font-size: inherit; - } - } - - li { - font-size: .8rem; - padding: .1em 0 .1em .1rem; - - > * { - font-size: inherit; - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1439px */ - -@media @screen_max-xlg { - .side-tools.main-sidebar { - h6 { - font-size: 1rem; - } - - li { - font-size: .9rem; - padding: .15em 0 .15em .23rem; - - > * { - font-size: inherit; - } - } - - p { - font-size: .9rem; - } - } -} +/** + * This file provides the design styles for the sitetools (nav). + * + * @author Jana Deutschlaender + */ + + +.side-tools.main-sidebar { + @icon-size: 2rem; + + counter-increment: bar-counter; + + ul, + .trace { + padding-left: (@icon-size + .5); + } + + ul { + border-bottom: 1px solid @color-border; + } + + li { + list-style-type: none; + + a { + display: list-item; + list-style-type: square; + color: @color-nav; + padding-top: .1em; + padding-bottom: .1em; + transition: @transition color; + + &:hover, + &:focus, + &:active { + color: @button_background; + } + } + + &:first-of-type { + padding-top: .3em; + } + } + + > nav { + > ul { + margin: 0; + padding: 0 0 0 (@icon-size + .5); + + li { + list-style-type: none; + color: @color-nav; + + &:first-of-type { + padding-top: .3em; + } + } + } + } + + +/* + + + + + headlines for linklists + + + + + */ + h6 { + position: relative; + width: auto; + height: auto; + color: @color-nav; + font-weight: normal; + padding: .5em 0 .5em (@icon-size + 1.1); + + &[class="sr-only"] { + border-bottom: solid 1px @color-border; + } + + * { + color: inherit; + } + + +/* + + + icon + + + */ + &::before { + .display-flex(); + .flex-direction(); + .justify-content(); + + content: counter(bar-counter, lower-alpha); + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 2.5rem; + overflow: hidden; + text-align: center; + margin-top: auto; + margin-bottom: auto; + } + + +/* + + + line bottom + + + */ + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .6); + background-color: @color-border; + transition: @transition background-color; + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + +/* + + + toggle + + + */ + &.opened, + &.closed { + padding: 0; + + &::before, + &::after { + display: none; + } + + a { + position: relative; + display: block; + border: 1px solid transparent; + border-radius: 2px; + padding: .6em 0 .6em (@icon-size + 1); + transition: @transition color, @transition background-color, @transition border-color; + + &::before { + .display-flex(); + .flex-direction(); + .justify-content(); + + content: counter(bar-counter, lower-alpha); + position: absolute; + top: 1px; + bottom: 1px; + left: 0; + height: 100%; + width: 2.5rem; + overflow: hidden; + color: @color-nav; + text-align: center; + margin-top: auto; + margin-bottom: auto; + transition: @transition color; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: (@icon-size + .5); + background-color: @color-border; + transition: @transition background-color; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + color: @button_background; + } + + &::after { + background-color: @button_background; + } + } + } + } + + &.opened { + a { + background-color: @button_background; + color: @button_color; + + &::before { + background-color: @color-site-bg; + } + + &::after { + display: none; + } + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + &::before { + background-color: @button_color; + color: @button_background; + } + + &::after { + display: block; + background-color: @button_background; + } + } + } + + + ul, + + div { + height: auto; + overflow: hidden; + } + + + ul { + margin-top: .5em; + padding-bottom: .4rem; + } + } + + &.closed { + + ul, + + div { + height: 0; + } + } + } + + +/* + + + + + f.i. trace + + + + + */ + p { + max-height: 6rem; + overflow-y: auto; + background-color: @color-content-bg; + border: 1px solid @button_background; + border-radius: 2px; + font-size: .8rem; + margin-top: .1rem; + padding: .3rem .6em; + + * { + font-size: inherit; + } + + .bchead { + display: none; + } + + .bcsep { + float: left; + clear: both; + display: block; + width: 3%; + vertical-align: top; + color: @color-link; + padding-top: .3em; + } + + .breadcrumbs { + border: 0 none; + padding: 0; + margin: 0; + } + + bdi { + display: block; + float: left; + width: 94%; + line-height: 125%; + padding: .1rem 0; + margin-left: 2%; + } + + a { + cursor: pointer; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + .side-tools.main-sidebar { + h6 { + font-size: .9rem; + + * { + font-size: inherit; + } + } + + li { + font-size: .8rem; + padding: .1em 0 .1em .1rem; + + > * { + font-size: inherit; + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + .side-tools.main-sidebar { + h6 { + font-size: 1rem; + } + + li { + font-size: .9rem; + padding: .15em 0 .15em .23rem; + + > * { + font-size: inherit; + } + } + + p { + font-size: .9rem; + } + } +} diff --git a/css/base_mixins.less b/css/base_mixins.less index 628b497..456ff9d 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -1,296 +1,319 @@ -/** - * This file provides less mixins for all other style modules - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Fonts */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { - @font-face { - font-family: @fontFamily; - font-style: normal; - font-weight: @fontWeight; - src: ~"local('@{localFontName}'), local('@{localFontNameVar}'), url(fonts/@{filename}.eot)"; - src: ~"url(fonts/@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/@{filename}.woff) format('woff')"; - } -} - -.setIconFontFace(@fontFamily,@filename) { - @font-face { - font-family: @fontFamily; - src: ~"url('fonts/icons/@{filename}.eot?6762325')"; - src: ~"url('fonts/icons/@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/@{filename}.woff?6762325') format('woff'), url('fonts/icons/@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/@{filename}.svg?6762325#fontello') format('svg')"; - font-weight: normal; - font-style: normal; - } -} - -.fontello() { - &::before { - font-family: "fontello"; - font-style: normal; - font-weight: normal; - speak: none; - - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ - } -} - -.fontello-double() { - &::before, - &::after { - font-family: "fontello"; - font-style: normal; - font-weight: normal; - speak: none; - - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Screenreader / Hide */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.sr-out() { - display: block; - width: 1px; - height: 1px; - overflow: hidden; - position: absolute; - top: -200000em; - left: -200000em; -} - -.sr-only() { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0,0,0,0); - border: 0; -} - -.sr-only-focusable() { - &:active, - &:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; - } -} - - -/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ -.btn-usertools-wrapper(@elem:2em) { - display: inline-block; - min-height: @elem; - min-width: @elem; - box-sizing: border-box; - color: @color-nav; - font-size: .8rem; - padding: 0; - margin: 0 .2rem; - - * { - font-size: .8rem; - } -} - -.btn-usertools-num () { - .num { - position: absolute; - right: -.4rem; - top: -.4em; - background-color: @button_background; - border-radius: 2px; - color: @button_color; - font-size: .6rem; - font-weight: 400; - text-align: center; - line-height: 1; - padding: .2em .2rem .1em; - transition: @transition color, @transition background-color; - } - - a { - &:hover, - &:active, - &:focus { - .num { - background-color: @button_background; - color: @button_color; - } - } - } -} - -.btn-prefix () { - .fontello(); - .hide-text-show-before(); - - color: inherit; - font-size: 1rem; - margin-top: .2rem; -} - - -.btn-default-size() { - height: 1rem; - width: 1rem; - min-height: 1.2em; - min-width: 1.4em; -} - -.btn-default-height() { - height: 1rem; - min-height: 1.2em; - min-width: 1.4em; -} - -.hide-text-show-before(){ - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-indent: -9999px; - .btn-default-size(); - - &::before{ - text-indent: 0; - float: left; - } - - &::after{ - text-indent: 0; - float: left; - } -} - - -.hide-text-show-after() { - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-indent: -9999px; - - &::before{ - text-indent: 0; - float: right; - } - &::after{ - text-indent: 0; - float: right; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Screenreader / Hide */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.reset() { - background: transparent; - border: none 0; outline: 0; vertical-align: baseline; - font-style: normal; - margin: 0; padding: 0; -} - -.elementsReset() { - div, span, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, - a, abbr, em,acronym, img, strong, - dl, dt, dd, ol, ul, li, - fieldset, form, label, legend, - table, caption, tbody, tfoot, thead, tr, th, td, - input, select, option, textarea, button { - .reset(); - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* Col Grid */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.make-grid(@class) { - .float-grid-columns(@class); - .loop-grid-columns(@grid-columns, @class, width); -} - -.float-grid-columns(@class) { - .col-@{class}-1, .col-@{class}-2, .col-@{class}-3, .col-@{class}-4, .col-@{class}-5, .col-@{class}-6, .col-@{class}-7, .col-@{class}-8, .col-@{class}-9, .col-@{class}-10, .col-@{class}-11, .col-@{class}-12 { - float: left; - } -} - -.loop-grid-columns(@index, @class, @type) when (@index >= 0) { - .calc-grid-column(@index, @class, @type); - // next iteration - .loop-grid-columns((@index - 1), @class, @type); -} - -.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { - .col-@{class}-@{index} { - width: percentage((@index / @grid-columns)); - } -} +/** + * This file provides less mixins for all other style modules + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Fonts */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { + @font-face { + font-family: @fontFamily; + font-style: normal; + font-weight: @fontWeight; + src: ~"local('@{localFontName}'), local('@{localFontNameVar}'), url(fonts/@{filename}.eot)"; + src: ~"url(fonts/@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/@{filename}.woff) format('woff')"; + } +} + +.setIconFontFace(@fontFamily,@filename) { + @font-face { + font-family: @fontFamily; + src: ~"url('fonts/icons/@{filename}.eot?6762325')"; + src: ~"url('fonts/icons/@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/@{filename}.woff?6762325') format('woff'), url('fonts/icons/@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/@{filename}.svg?6762325#fontello') format('svg')"; + font-weight: normal; + font-style: normal; + } +} + +.fontello() { + &::before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } +} + +.fontello-double() { + &::before, + &::after { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Screenreader / Hide */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.sr-out() { + display: block; + width: 1px; + height: 1px; + overflow: hidden; + position: absolute; + top: -200000em; + left: -200000em; +} + +.sr-only() { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +.sr-only-focusable() { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} + + +/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */ +.btn-usertools-wrapper(@elem:2em) { + display: inline-block; + min-height: @elem; + min-width: @elem; + box-sizing: border-box; + color: @color-nav; + font-size: .8rem; + padding: 0; + margin: 0 .2rem; + + * { + font-size: .8rem; + } +} + +.btn-usertools-num () { + .num { + position: absolute; + right: -.4rem; + top: -.4em; + background-color: @button_background; + border-radius: 2px; + color: @button_color; + font-size: .6rem; + font-weight: 400; + text-align: center; + line-height: 1; + padding: .2em .2rem .1em; + transition: @transition color, @transition background-color; + } + + a { + &:hover, + &:active, + &:focus { + .num { + background-color: @button_background; + color: @button_color; + } + } + } +} + +.btn-prefix () { + .fontello(); + .hide-text-show-before(); + + color: inherit; + font-size: 1rem; + margin-top: .2rem; +} + + +.btn-default-size() { + height: 1rem; + width: 1rem; + min-height: 1.2em; + min-width: 1.4em; +} + +.btn-default-height() { + height: 1rem; + min-height: 1.2em; + min-width: 1.4em; +} + +.hide-text-show-before(){ + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-indent: -9999px; + .btn-default-size(); + + &::before{ + text-indent: 0; + float: left; + } + + &::after{ + text-indent: 0; + float: left; + } +} + + +.hide-text-show-after() { + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-indent: -9999px; + + &::before{ + text-indent: 0; + float: right; + } + &::after{ + text-indent: 0; + float: right; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* flex-box */ + +.display-flex() { + display: flex; + display: -ms-flexbox; + display: -webkit-flex; +} + +.flex-direction(@elem:column) { + flex-direction: @elem; + -ms-flex-direction: @elem; + -webkit-flex-direction: @elem; +} + +// default "center" +.justify-content(@elem:center) { + justify-content: @elem; + -ms-justify-content: @elem; + -webkit-justify-content: @elem; +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Screenreader / Hide */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.reset() { + background: transparent; + border: none 0; outline: 0; vertical-align: baseline; + font-style: normal; + margin: 0; padding: 0; +} + +.elementsReset() { + div, span, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, + a, abbr, em,acronym, img, strong, + dl, dt, dd, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + input, select, option, textarea, button { + .reset(); + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* Col Grid */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.make-grid(@class) { + .float-grid-columns(@class); + .loop-grid-columns(@grid-columns, @class, width); +} + +.float-grid-columns(@class) { + .col-@{class}-1, .col-@{class}-2, .col-@{class}-3, .col-@{class}-4, .col-@{class}-5, .col-@{class}-6, .col-@{class}-7, .col-@{class}-8, .col-@{class}-9, .col-@{class}-10, .col-@{class}-11, .col-@{class}-12 { + float: left; + } +} + +.loop-grid-columns(@index, @class, @type) when (@index >= 0) { + .calc-grid-column(@index, @class, @type); + // next iteration + .loop-grid-columns((@index - 1), @class, @type); +} + +.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { + .col-@{class}-@{index} { + width: percentage((@index / @grid-columns)); + } +} From 9d4d2a1a8cf5a34a57cb60fd8a91d5c239a12f55 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Tue, 10 Jan 2017 15:28:51 +0100 Subject: [PATCH 096/669] better content-togglelink --- css/area_nav-breadcrumb.less | 5 ++- css/area_togglelink.less | 76 ++++++++++++++++++++++-------------- main.php | 10 ++--- 3 files changed, 55 insertions(+), 36 deletions(-) diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 7d94e32..59b679f 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -5,8 +5,9 @@ */ .breadcrumbs { - padding: (@margin-small + .2) 1.8rem @margin-small; + position: relative; border-bottom: 1px solid @color-border; + padding: .8rem 1.8rem .4rem; > p { font-size: .83rem; @@ -61,7 +62,7 @@ float: right; display: inline-block; max-width: 30%; - margin: -.2em 0 0; + margin: -.4em 0 0; padding: 0; > li { diff --git a/css/area_togglelink.less b/css/area_togglelink.less index 195a65f..a344f70 100644 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -5,51 +5,69 @@ */ -#dokuwiki__content { - overflow: visible; +.togglelink { + &.page_main-content { + position: absolute; + top: -1px; + bottom: -1px; + left: -2rem; + z-index: 1; - .togglelink { - &.page_main-content { - position: absolute; - top: -1px; - left: -2rem; - z-index: 1; + a { + .display-flex(); + .flex-direction(); + .justify-content(); + + width: 2rem; + height: 100%; + background-color: @button_background; + border: solid 1px @button_background; + border-radius: 2px 0 0 2px; + color: @button_color; + text-decoration: none; + text-align: center; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border-color: @button_background; + color: @button_background; + text-decoration: none; + + * { + color: inherit; + text-decoration: none; + } + } + } + + +/* + + + toggle out + + + */ + .wide-content & { + left: -1px; a { - display: block; - width: 2rem; - height: 3.1rem; - background-color: #F6F6F6; - border: solid 1px @color-border; - border-radius: 2px 0 0 2px; - text-decoration: none; - text-align: center; - padding-top: .9em; - transition: @transition color, @transition background-color, @transition border-color; + background-color: @button_background; + border-color: @button_background; &:hover, &:focus, &:active { - background-color: @button_background; - border-color: @button_background; - color: @button_color; - text-decoration: none; - - * { - color: inherit; - text-decoration: none; - } + background-color: @button_color; } } } } } + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* min-width: 1440px */ @media @screen_min-xlg { - #dokuwiki__content .togglelink { + .togglelink { } } @@ -59,7 +77,7 @@ /* max-width: 1199px */ @media @screen_max-xlg { - #dokuwiki__content .togglelink { + .togglelink { } } diff --git a/main.php b/main.php index c72a5a4..cdfaaa4 100755 --- a/main.php +++ b/main.php @@ -296,6 +296,11 @@ $classWideContent = ($ACT === "show") ? "": "wide-content "; ?>
      + +
      + < >auf/zu +
      +
      - -
      - < >auf/zu -
      -
      From ccf1b0eac9f3516f5e3be334c23199210b2cc57b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 16:04:58 +0100 Subject: [PATCH 097/669] message area + admin part 1 --- css/area_footer.less | 159 +++++----- css/area_msg.less | 11 + css/area_nav-metabox.less | 2 +- css/area_nav-pagetools.less | 10 +- css/base_fonts.less | 572 ++++++++++++++++++------------------ css/template_admin.less | 37 +++ main.php | 4 + style.ini | 7 +- 8 files changed, 439 insertions(+), 363 deletions(-) create mode 100644 css/area_msg.less create mode 100644 css/template_admin.less diff --git a/css/area_footer.less b/css/area_footer.less index fac3ee7..a217bf0 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -1,72 +1,87 @@ -/** - * This file provides the design styles for the page footer - * - * @author Jana Deutschlaender - */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* no print */ - -@media screen { - .page-footer { - background: @background_page-header; - border-top: 1px solid @color-border; - font-size: @font-size-default; - padding: @margin-small (@margin-big - .5); - text-align: right; - - bdi { - font-weight: bold; - } - } - - #dokuwiki__footer { - .main-footer { - position: relative; - box-sizing: border-box; - } - - p { - font-size: @font-size-default; - margin: 0; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1024px */ - -@media @screen_min-md { - #dokuwiki__footer { - .col-xs-12 { - float: right; - width: 100%; - } - - .main-footer { - padding: @margin-default 0; - } - } - - .showSidebar { - #dokuwiki__footer { - .col-xs-12 { - width: 73%; - } - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-md { - #dokuwiki__footer { - .main-footer { - padding: @margin-default (@margin-big - .5); - } - } -} +/** + * This file provides the design styles for the page footer + * + * @author Jana Deutschlaender + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* no print */ + +@media screen { + .page-footer { + background: @background_page-header; + border-top: 1px solid @color-border; + font-size: @font-size-default; + padding: @margin-small (@margin-big - .5); + text-align: right; + + bdi { + font-weight: bold; + } + } + + #dokuwiki__footer { + .main-footer { + position: relative; + box-sizing: border-box; + } + + p { + font-size: @font-size-default; + margin: 0; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1024px */ + +@media @screen_min-md { + #dokuwiki__footer { + .col-xs-12 { + float: right; + width: 100%; + } + + .main-footer { + padding: @margin-default 0; + } + } + + .showSidebar { + #dokuwiki__footer { + .col-xs-12 { + width: 73%; + } + } + } + .wide-content { + #dokuwiki__footer { + .col-xs-12 { + width: auto; + float: none; + } + } + &.showSidebar{ + #dokuwiki__footer { + .col-xs-12 { + margin-left: 2.5rem; + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + #dokuwiki__footer { + .main-footer { + padding: @margin-default (@margin-big - .5); + } + } +} diff --git a/css/area_msg.less b/css/area_msg.less new file mode 100644 index 0000000..17a7430 --- /dev/null +++ b/css/area_msg.less @@ -0,0 +1,11 @@ +.msg-area{ + clear: both; + padding-top: 1.6rem; + div{ + font-size: .88rem; + line-height: 135%; + } + &:empty{ + display: none; + } +} diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 8172d05..b8d70a7 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -166,7 +166,7 @@ } } } - + a{ + + .msg-area + a{ clear: right; margin-top: 20px; } diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index 65f0348..0f063fa 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -35,7 +35,7 @@ nav#dokuwiki__pagetools{ } a{ font-size: .8rem; - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit{ + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{ opacity: .6; color: @color-nav; *{ @@ -106,6 +106,12 @@ nav#dokuwiki__pagetools{ background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek00OTguOSA1OTcuN3ExOC40IDE0LjUgNDYuOSAzMS4yUTU3OC43IDYyNSA2MTEgNjI1cTgyLjEgMCA5OC44IDI3LjMgOSAxMi4zIDEuMSAyOS4xIDAgLjUgLS41IDEuMWwtMS4xIDEuMXYuNnEtMy40IDIxLjIgLTM5LjcgMjEuMiAtMjYuNyAwIC02NC4xIC0xMS4ydC03Mi42IC0yOS42UTQwOS42IDY3OCAzMTQuMiA3MTAuOSAyMjguOCA4NTcuMSAxNzkuMSA4NTcuMXEtOC4zIDAgLTE1LjYgLTMuOWwtMTMuNCAtNi43cS0uNSAtLjUgLTMuMyAtMi44IC01LjYgLTUuNSAtMy40IC0yMCA1IC0yMi40IDMxLjMgLTUxLjF0NzMuNiAtNTMuOXE3LjggLTUgMTIuOSAzLjQgMS4xIDEuMSAxLjEgMi4yIDI5IC00Ny40IDU5LjcgLTEwOS45IDM3LjkgLTc1LjkgNTggLTE0Ni4yIC0xMy40IC00NS44IC0xNyAtODl0My42IC03MS4ycTYuMiAtMjIuMyAyMy41IC0yMi4zaDEyLjJxMTIuOSAwIDE5LjYgOC40IDEwIDExLjcgNSAzNy45IC0xLjEgMy40IC0yLjIgNC41IC41IDEuNyAuNSA0LjV2MTYuN3EtMS4xIDY4LjYgLTcuOCAxMDcuMSAzMC43IDkxLjYgODEuNSAxMzIuOXpNMTc3LjUgODI3cTI5IC0xMy40IDc2LjQgLTg4LjIgLTI4LjUgMjIuNCAtNDguOCA0Ni45VDE3Ny41IDgyN3pNMzk5LjYgMzEzLjZxLTguNCAyMy41IC0xLjIgNzMuNyAuNiAtMy45IDMuOSAtMjQuNiAwIC0xLjcgNCAtMjQgLjUgLTIuMiAyLjIgLTQuNCAtLjYgLS42IC0uNiAtMS4yIC0uNSAtMS4xIC0uNSAtMS42IC0uNiAtMTIuMyAtNy4zIC0yMC4xIDAgLjUgLS41IDEuMXYxLjF6bS02OS4yIDM2OC45cTc1LjMgLTMwLjIgMTU4LjQgLTQ1LjIgLTEuMSAtLjYgLTcuMiAtNS4zdC04LjkgLTcuNnEtNDIuNSAtMzcuMyAtNzAuOSAtOTguMiAtMTUuMSA0OCAtNDYuMyAxMTAgLTE2LjggMzEuMiAtMjUuMSA0Ni4zem0zNjAuNCAtOXEtMTMuMyAtMTMuMyAtNzguMSAtMTMuMyA0Mi40IDE1LjYgNjkuMiAxNS42IDcuOCAwIDEwLjEgLS42IDAgLS41IC0xLjIgLTEuN3oiLz48L3N2Zz4=); } } + &.show{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); + &:hover, &:focus, &:active{ + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); + } + } } } @@ -117,7 +123,7 @@ nav#dokuwiki__pagetools{ box-shadow: @box-shadow-offset; li{ a{ - &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top{ + &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.show { color: @color-nav; background-position: 95% center; opacity: .8; diff --git a/css/base_fonts.less b/css/base_fonts.less index fb460d3..8d867af 100755 --- a/css/base_fonts.less +++ b/css/base_fonts.less @@ -1,286 +1,286 @@ -/** - * This file provides styles for web fonts and icon fonts - * - * @author Jana Deutschlaender - */ - -/* web font */ -.setLocalFontFace('roboto',300,'Roboto Light','Roboto-Light','roboto-light'); /* roboto light */ -.setLocalFontFace('roboto',400,'Roboto','Roboto-Regular','roboto-regular'); /* roboto regular */ -.setLocalFontFace('roboto',500,'Roboto Medium','Roboto-Medium','roboto-medium'); /* roboto medium */ -.setLocalFontFace('roboto',700,'Roboto Bold','Roboto-Bold','roboto-bold'); /* roboto bold */ - -.setLocalFontFace('roboto',400,'Roboto Condensed','RobotoCondensed-Regular','roboto-condensed'); /* roboto condensed */ -.setLocalFontFace('roboto',700,'Roboto Condensed Bold','RobotoCondensed-Bold','roboto-boldcondensed'); /* roboto condensed */ - -/* icon font */ -.setIconFontFace('fontello','fontello'); - -.icon, [class^="icon-"], [class*=" icon-"]{ - .fontello(); -} - -/* custom icon font */ -.icon-user{ - &::before { - content: '\e800'; - } -} -.icon-logout{ - &::before { - content: '\e801'; - } -} - -.icon-login{ - &::before { - content: '\e802'; - } -} - -.icon-clipboard{ - &::before { - content: '\e803'; - } -} - -.icon-emo-happy { - &::before { - content: '\e804'; - } -} - -.icon-emo-wink { - &::before { - content: '\e805'; - } -} - -.icon-emo-unhappy { - &::before { - content: '\e806'; - } -} - -.icon-emo-sleep{ - &::before { - content: '\e807'; - } -} - -.icon-emo-thumbsup { - &::before { - content: '\e808'; - } -} - -.icon-clock{ - &::before { - content: '\e809'; - } -} - -.icon-link{ - &::before { - content: '\e80a'; - } -} -.icon-link-after{ - &::after { - content: '\e80a'; - } -} - -.icon-bell{ - &::before { - content: '\e80b'; - } -} - -.icon-emo-grin{ - :before { - content: '\e80c'; - } -} - -.icon-emo-angry{ - &::before { - content: '\e80d'; - } -} - -.icon-mail{ - &::before { - content: '\e80e'; - } -} - -.icon-emo-cry { - &::before { - content: '\e80f'; - } -} - -.icon-cloud{ - &::before { - content: '\e810'; - } -} - -.icon-emo-squint{ - &::before { - content: '\e811'; - } -} - -.icon-emo-laugh{ - &::before { - content: '\e812'; - } -} - -.icon-emo-wink2{ - &::before { - content: '\e813'; - } -} - -.icon-cloud-1{ - &::before { - content: '\e814'; - } -} - -.icon-home-outline{ - &::before { - content: '\e815'; - } -} - -.icon-home() { - &::before { - content: '\e816'; - } -} - -.icon-search() { - &::before { - content: '\e81f'; - } -} - -.icon-puzzle-1{ - &::before { - content: '\e817'; - } -} - -.icon-cog-alt{ - &::before { - content: '\e818'; - } -} - -.icon-cog{ - &::before { - content: '\e819'; - } -} - -.icon-help{ - &::before { - content: '\e81a'; - } -} - -.icon-bookmark-empty{ - &::before { - content: '\f097'; - } -} - -.icon-menu{ - &::before { - content: '\f0c9'; - } -} - -.icon-sitemap{ - &::before { - content: '\f0e8'; - } -} - -.icon-doc-text{ - &::before { - content: '\f0f6'; - } -} - -.icon-doc-text-after{ - &::after { - content: '\f0f6'; - } -} - -.icon-smile{ - &::before { - content: '\f118'; - } -} - -.icon-frown{ - &::before { - content: '\f119'; - } -} - -.icon-meh { - &::before { - content: '\f11a'; - } -} - -.icon-puzzle { - &::before { - content: '\f12e'; - } -} -.icon-puzzle-after { - &::after { - content: '\f12e'; - } -} - -.icon-file-pdf{ - &::before { - content: '\f1c1'; - } -} - -.icon-doc-new{ - &::before { - content: '\e81d'; - } -} - -.icon-book-open{ - &::before { - content: '\e81c'; - } -} - -.icon-plus{ - &::before { - content: '\e81e'; - } -} - -.icon-doc{ - &::before { - content: '\e81b'; - } -} - - - +/** + * This file provides styles for web fonts and icon fonts + * + * @author Jana Deutschlaender + */ + +/* web font */ +//.setLocalFontFace('roboto',300,'Roboto Light','Roboto-Light','roboto-light'); /* roboto light */ +//.setLocalFontFace('roboto',400,'Roboto','Roboto-Regular','roboto-regular'); /* roboto regular */ +//.setLocalFontFace('roboto',500,'Roboto Medium','Roboto-Medium','roboto-medium'); /* roboto medium */ +//.setLocalFontFace('roboto',700,'Roboto Bold','Roboto-Bold','roboto-bold'); /* roboto bold */ + +//.setLocalFontFace('roboto',400,'Roboto Condensed','RobotoCondensed-Regular','roboto-condensed'); /* roboto condensed */ +//.setLocalFontFace('roboto',700,'Roboto Condensed Bold','RobotoCondensed-Bold','roboto-boldcondensed'); /* roboto condensed */ + +/* icon font */ +.setIconFontFace('fontello','fontello'); + +.icon, [class^="icon-"], [class*=" icon-"]{ + .fontello(); +} + +/* custom icon font */ +.icon-user{ + &::before { + content: '\e800'; + } +} +.icon-logout{ + &::before { + content: '\e801'; + } +} + +.icon-login{ + &::before { + content: '\e802'; + } +} + +.icon-clipboard{ + &::before { + content: '\e803'; + } +} + +.icon-emo-happy { + &::before { + content: '\e804'; + } +} + +.icon-emo-wink { + &::before { + content: '\e805'; + } +} + +.icon-emo-unhappy { + &::before { + content: '\e806'; + } +} + +.icon-emo-sleep{ + &::before { + content: '\e807'; + } +} + +.icon-emo-thumbsup { + &::before { + content: '\e808'; + } +} + +.icon-clock{ + &::before { + content: '\e809'; + } +} + +.icon-link{ + &::before { + content: '\e80a'; + } +} +.icon-link-after{ + &::after { + content: '\e80a'; + } +} + +.icon-bell{ + &::before { + content: '\e80b'; + } +} + +.icon-emo-grin{ + :before { + content: '\e80c'; + } +} + +.icon-emo-angry{ + &::before { + content: '\e80d'; + } +} + +.icon-mail{ + &::before { + content: '\e80e'; + } +} + +.icon-emo-cry { + &::before { + content: '\e80f'; + } +} + +.icon-cloud{ + &::before { + content: '\e810'; + } +} + +.icon-emo-squint{ + &::before { + content: '\e811'; + } +} + +.icon-emo-laugh{ + &::before { + content: '\e812'; + } +} + +.icon-emo-wink2{ + &::before { + content: '\e813'; + } +} + +.icon-cloud-1{ + &::before { + content: '\e814'; + } +} + +.icon-home-outline{ + &::before { + content: '\e815'; + } +} + +.icon-home() { + &::before { + content: '\e816'; + } +} + +.icon-search() { + &::before { + content: '\e81f'; + } +} + +.icon-puzzle-1{ + &::before { + content: '\e817'; + } +} + +.icon-cog-alt{ + &::before { + content: '\e818'; + } +} + +.icon-cog{ + &::before { + content: '\e819'; + } +} + +.icon-help{ + &::before { + content: '\e81a'; + } +} + +.icon-bookmark-empty{ + &::before { + content: '\f097'; + } +} + +.icon-menu{ + &::before { + content: '\f0c9'; + } +} + +.icon-sitemap{ + &::before { + content: '\f0e8'; + } +} + +.icon-doc-text{ + &::before { + content: '\f0f6'; + } +} + +.icon-doc-text-after{ + &::after { + content: '\f0f6'; + } +} + +.icon-smile{ + &::before { + content: '\f118'; + } +} + +.icon-frown{ + &::before { + content: '\f119'; + } +} + +.icon-meh { + &::before { + content: '\f11a'; + } +} + +.icon-puzzle { + &::before { + content: '\f12e'; + } +} +.icon-puzzle-after { + &::after { + content: '\f12e'; + } +} + +.icon-file-pdf{ + &::before { + content: '\f1c1'; + } +} + +.icon-doc-new{ + &::before { + content: '\e81d'; + } +} + +.icon-book-open{ + &::before { + content: '\e81c'; + } +} + +.icon-plus{ + &::before { + content: '\e81e'; + } +} + +.icon-doc{ + &::before { + content: '\e81b'; + } +} + + + diff --git a/css/template_admin.less b/css/template_admin.less new file mode 100644 index 0000000..aa2391e --- /dev/null +++ b/css/template_admin.less @@ -0,0 +1,37 @@ +.do-admin{ + #admin__version{ + font-size: .88rem; + } + .main-content ul{ + > li{ + font-size: .88rem; + div.li{ + font-size: .88rem; + a{ + font-size: .88rem; + line-height: 125%; + cursor: pointer; + } + } + } + } + ul.admin_tasks{ + padding: 0; + li{ + background-size: auto 1rem; + margin: 0 0 .6em 0; + a{ + font-weight: 400; + } + } + } + + @media @screen_max-md{ + ul.admin_tasks{ + float: none; + width: auto; + } + + } +} + diff --git a/main.php b/main.php index c72a5a4..3242a16 100755 --- a/main.php +++ b/main.php @@ -295,6 +295,9 @@ $classWideContent = ($ACT === "show") ? "": "wide-content "; tpl_includeFile('pageheader.html') ?> + +
      @@ -345,6 +348,7 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
      +
      Date: Tue, 10 Jan 2017 17:14:13 +0100 Subject: [PATCH 098/669] struct font sizes, page tool icons --- css/area_content.less | 111 ++++++++++++++++++++++++----------- css/area_nav-pagetools.less | 50 +++++++++++++++- css/plugins/move.less | 6 ++ css/plugins/popupviewer.less | 26 +++++--- 4 files changed, 149 insertions(+), 44 deletions(-) create mode 100644 css/plugins/move.less diff --git a/css/area_content.less b/css/area_content.less index cee4048..e231ee1 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -1,35 +1,76 @@ -/** - * This file provides the design styles for the page content. - * - * @author Jana Deutschlaender - */ - - -.content .row { - > .col-xs-12 { - box-shadow: @box-shadow; - #dokuwiki__content{ - position: relative; - z-index: 10; - &::before{ - content: ""; - background-color: @background_page-header; - border-bottom: 1px solid @color-border; - position: absolute; - top: 0; left: 0; - height: 3rem; width: 100%; - z-index: -1; - } - #meta-box{ - display: inline-block; - min-height: 1.95rem; - max-width: 40%; - float: right; - } - - #plugin__highlightparent{ - display: block; - } - } - } -} +/** + * This file provides the design styles for the page content. + * + * @author Jana Deutschlaender + */ + + +.content .row { + > .col-xs-12 { + box-shadow: @box-shadow; + #dokuwiki__content{ + position: relative; + z-index: 10; + &::before{ + content: ""; + background-color: @background_page-header; + border-bottom: 1px solid @color-border; + position: absolute; + top: 0; left: 0; + height: 3rem; width: 100%; + z-index: -1; + } + #meta-box{ + display: inline-block; + min-height: 1.95rem; + max-width: 40%; + float: right; + } + + #plugin__highlightparent{ + display: block; + } + } + } +} + +.structaggregation{ + font-size: .88rem; + td, th{ + font-size: .88rem; + line-height: 125%; + a{ + font-size: .88rem; + line-height: 125%; + } + } + > a.export{ + font-size: .88rem; + line-height: 135%; + padding-top: .5em; + } + ~ ul li .li{ + font-size: .88rem; + } +} +.dokuwiki .structaggregation a.export{ + padding-top: .3em; + font-size: .88rem; +} + +.main-content > .level2, +.main-content > .level1, +.main-content > .level3, +.main-content > .level4, +.main-content > .level5, +.main-content > .level6{ + font-size: .88rem; + padding-bottom: 1rem; + > p, > ul > li .li{ + font-size: .88rem; + a{ + font-size: inherit; + } + } +} + diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index 0f063fa..b54eb0d 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -33,6 +33,37 @@ nav#dokuwiki__pagetools{ *{ font-size: .8rem; } + &.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: 1rem auto; + &:before{ + visibility: hidden; + } + + &: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{ font-size: .8rem; &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{ @@ -107,9 +138,9 @@ nav#dokuwiki__pagetools{ } } &.show{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDEwNSwxMDUsMTA1KSIgZD0iTTc5NSAxMTkuMDY5YzUwIDQ2LjI1IDQzLjc1IDExNy41IC0zLjc1IDE2NWwtNDYuMjUgNDYuMjVzMzUgLTUzLjc1IC0zNy41IC0xMjMuNzVjLTYzLjc1IC02My43NSAtMTIzLjc1IC0zNi4yNSAtMTIzLjc1IC0zNi4yNWw0OC43NSAtNDguNzVjNDMuNzUgLTQ1IDEyMCAtNDUgMTYyLjUgLTIuNXptLTg4Ljc1IDI1MGwtNDkyLjUgNDkyLjUgLTIxMCA1MS4yNSAtMy43NSAtMy43NSA1NSAtMjEwIDQ5Mi41IC00OTBjOC43NSAtMi41IDMwIC04Ljc1IDYwIC0yLjVsLTUyMi41IDUyMi41IC0xNSA1NSA2MCA2MCA1Ni4yNSAtMTUgMjUgLTIzLjc1IDIuNSAtNTYuMjUgLTQwIC00MCA0NzguNzUgLTQ3OC43NWM3LjUgNi4yNSA3LjUgNi4yNSAxNSAxNSA3MS4yNSA3MCAzOC43NSAxMjMuNzUgMzguNzUgMTIzLjc1eiIvPjwvc3ZnPg==); + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoMTA1LDEwNSwxMDUpIiBkPSJNODE5LjIgMjEyLjFxMTUuNiAxNS42IDI2LjggNDIuNHQxMS4xIDQ5LjF2NjQyLjhxMCAyMi40IC0xNS42IDM4dC0zNy45IDE1LjZoLTc1MHEtMjIuMyAwIC0zOCAtMTUuNlQwIDk0Ni40VjUzLjZxMCAtMjIuNCAxNS42IC0zOFQ1My42IDBoNTAwcTIyLjMgMCA0OS4xIDExLjJ0NDIuNCAyNi43ek01NzEuNCA3NS45djIwOS44aDIwOS45UTc3NS43IDI2OS41IDc2OSAyNjIuOEw1OTQuMyA4OC4ycS02LjcgLTYuNyAtMjIuOSAtMTIuM3ptMjE0LjMgODUyLjdWMzU3LjFINTUzLjZxLTIyLjMgMCAtMzggLTE1LjZUNTAwIDMwMy42VjcxLjRINzEuNHY4NTcuMmg3MTQuM3pNMjE0LjMgNDQ2LjRxMCAtNy44IDUgLTEyLjh0MTIuOCAtNUg2MjVxNy44IDAgMTIuOCA1dDUuMSAxMi44djM1LjdxMCA3LjkgLTUuMSAxMi45dC0xMi44IDVIMjMyLjFxLTcuOCAwIC0xMi44IC01dC01IC0xMi45di0zNS43em00MTAuNyAxMjVxNy44IDAgMTIuOCA1LjF0NS4xIDEyLjhWNjI1cTAgNy44IC01LjEgMTIuOHQtMTIuOCA1LjFIMjMyLjFxLTcuOCAwIC0xMi44IC01LjF0LTUgLTEyLjh2LTM1LjdxMCAtNy44IDUgLTEyLjh0MTIuOCAtNS4xSDYyNXptMCAxNDIuOXE3LjggMCAxMi44IDV0NS4xIDEyLjh2MzUuOHEwIDcuOCAtNS4xIDEyLjh0LTEyLjggNUgyMzIuMXEtNy44IDAgLTEyLjggLTV0LTUgLTEyLjh2LTM1LjhxMCAtNy44IDUgLTEyLjh0MTIuOCAtNUg2MjV6Ii8+PC9zdmc+); &:hover, &:focus, &:active{ - background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0icmdiKDQwLDEwOSwxNjgpIiBkPSJNNzk1IDExOS4wNjljNTAgNDYuMjUgNDMuNzUgMTE3LjUgLTMuNzUgMTY1bC00Ni4yNSA0Ni4yNXMzNSAtNTMuNzUgLTM3LjUgLTEyMy43NWMtNjMuNzUgLTYzLjc1IC0xMjMuNzUgLTM2LjI1IC0xMjMuNzUgLTM2LjI1bDQ4Ljc1IC00OC43NWM0My43NSAtNDUgMTIwIC00NSAxNjIuNSAtMi41em0tODguNzUgMjUwbC00OTIuNSA0OTIuNSAtMjEwIDUxLjI1IC0zLjc1IC0zLjc1IDU1IC0yMTAgNDkyLjUgLTQ5MGM4Ljc1IC0yLjUgMzAgLTguNzUgNjAgLTIuNWwtNTIyLjUgNTIyLjUgLTE1IDU1IDYwIDYwIDU2LjI1IC0xNSAyNSAtMjMuNzUgMi41IC01Ni4yNSAtNDAgLTQwIDQ3OC43NSAtNDc4Ljc1YzcuNSA2LjI1IDcuNSA2LjI1IDE1IDE1IDcxLjI1IDcwIDM4Ljc1IDEyMy43NSAzOC43NSAxMjMuNzV6Ii8+PC9zdmc+); + background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI4NTcuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJyZ2IoNDAsMTA5LDE2OCkiIGQ9Ik04MTkuMiAyMTIuMXExNS42IDE1LjYgMjYuOCA0Mi40dDExLjEgNDkuMXY2NDIuOHEwIDIyLjQgLTE1LjYgMzh0LTM3LjkgMTUuNmgtNzUwcS0yMi4zIDAgLTM4IC0xNS42VDAgOTQ2LjRWNTMuNnEwIC0yMi40IDE1LjYgLTM4VDUzLjYgMGg1MDBxMjIuMyAwIDQ5LjEgMTEuMnQ0Mi40IDI2Ljd6TTU3MS40IDc1Ljl2MjA5LjhoMjA5LjlRNzc1LjcgMjY5LjUgNzY5IDI2Mi44TDU5NC4zIDg4LjJxLTYuNyAtNi43IC0yMi45IC0xMi4zem0yMTQuMyA4NTIuN1YzNTcuMUg1NTMuNnEtMjIuMyAwIC0zOCAtMTUuNlQ1MDAgMzAzLjZWNzEuNEg3MS40djg1Ny4yaDcxNC4zek0yMTQuMyA0NDYuNHEwIC03LjggNSAtMTIuOHQxMi44IC01SDYyNXE3LjggMCAxMi44IDV0NS4xIDEyLjh2MzUuN3EwIDcuOSAtNS4xIDEyLjl0LTEyLjggNUgyMzIuMXEtNy44IDAgLTEyLjggLTV0LTUgLTEyLjl2LTM1Ljd6bTQxMC43IDEyNXE3LjggMCAxMi44IDUuMXQ1LjEgMTIuOFY2MjVxMCA3LjggLTUuMSAxMi44dC0xMi44IDUuMUgyMzIuMXEtNy44IDAgLTEyLjggLTUuMXQtNSAtMTIuOHYtMzUuN3EwIC03LjggNSAtMTIuOHQxMi44IC01LjFINjI1em0wIDE0Mi45cTcuOCAwIDEyLjggNXQ1LjEgMTIuOHYzNS44cTAgNy44IC01LjEgMTIuOHQtMTIuOCA1SDIzMi4xcS03LjggMCAtMTIuOCAtNXQtNSAtMTIuOHYtMzUuOHEwIC03LjggNSAtMTIuOHQxMi44IC01SDYyNXoiLz48L3N2Zz4=); } } } @@ -122,6 +153,21 @@ nav#dokuwiki__pagetools{ 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; diff --git a/css/plugins/move.less b/css/plugins/move.less new file mode 100644 index 0000000..5f6224a --- /dev/null +++ b/css/plugins/move.less @@ -0,0 +1,6 @@ +#dokuwiki__site > .plugin_move_dialog{ + font-size: .88rem; + *{ + font-size: .88rem; + } +} diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less index f92dcad..a5638dc 100755 --- a/css/plugins/popupviewer.less +++ b/css/plugins/popupviewer.less @@ -1,7 +1,19 @@ - - -#popupviewer{ - > .controls > .content{ - padding: 1.5rem 1rem 1rem; - } -} + + +#popupviewer{ + > .controls > .content{ + padding: 1.5rem 1rem 1rem; + td, th{ + font-size: .88rem; + line-height: 125%; + a{ + font-size: .88rem; + line-height: 125%; + } + } + .li, li{ + font-size: .88rem; + line-height: 125%; + } + } +} From 2fc1643265d63a33cc1dfe6c5b1da5d8a3b4536d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Tue, 10 Jan 2017 17:16:57 +0100 Subject: [PATCH 099/669] wide content ohne logo --- css/area_nav-pagetools.less | 2 +- css/base_structure.less | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index b54eb0d..f09bbbf 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -63,7 +63,7 @@ nav#dokuwiki__pagetools{ } } } - + a{ font-size: .8rem; &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{ diff --git a/css/base_structure.less b/css/base_structure.less index 23101e7..0b99418 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -161,6 +161,9 @@ } .wide-content{ + .logo{ + visibility: hidden; + } .content { .row > .col-xs-12{ width: auto; From 1072ee525dad533b3be798f70f2f831f47df46e1 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Tue, 10 Jan 2017 17:31:34 +0100 Subject: [PATCH 100/669] first go at a dispatcher to dynamically recolor SVGs The script accepts the following parameters: svg - the SVG to load. Either an image in the img directory next to the script or a media file id. ACLs are checked f - wanted fill color s - wanted stroke color fh - wanted fill color on hover sh - wanted stroke color on hover Colors are to be given in hex in the following formats: RGB RRGGBB RRGGBBAA What's missing: * being able to define what is styled, currently hardcoded to 'path' elements only * caching - no need to do all the processing every time * background setting - that would require wrapping an additional or element around all content and style. I'm not sure how to do that best. * unit tests --- svg.php | 165 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 165 insertions(+) create mode 100644 svg.php diff --git a/svg.php b/svg.php new file mode 100644 index 0000000..10da30f --- /dev/null +++ b/svg.php @@ -0,0 +1,165 @@ +insertBefore( + $dom->ownerDocument->createElement($name, $value), + $dom->firstChild + ); + + return simplexml_import_dom($new, get_class($this)); + } +} + +/** + * Manage SVG recoloring + */ +class SVG { + + const IMGDIR = __DIR__ . '/img/'; + + /** @var SvgNode */ + protected $xml; + + /** + * SVG constructor + */ + public function __construct() { + global $INPUT; + + $svg = cleanID($INPUT->str('svg')); + if(blank($svg)) $this->abort(404); + + // try local file first + $file = self::IMGDIR . $svg; + if(!file_exists($file)) { + // media files are ACL protected + if(auth_quickaclcheck($svg)) $this->abort(403); + $file = mediaFN($svg); + } + // check if media exists + if(!file_exists($file)) $this->abort(404); + + $this->xml = simplexml_load_file($file, SvgNode::class); + } + + /** + * Generate and output + */ + public function out() { + $this->setStyle(); + header('image/svg+xml'); + echo $this->xml->asXML(); + } + + /** + * Generate a style setting from the input variables + * + * @return string + */ + protected function makeStyle() { + global $INPUT; + + $element = 'path'; // FIXME configurable? + + $colors = array( + 's' => $this->fixColor($INPUT->str('s')), + 'f' => $this->fixColor($INPUT->str('f')), + 'sh' => $this->fixColor($INPUT->str('sh')), + 'fh' => $this->fixColor($INPUT->str('fh')), + ); + + $style = ''; + if($colors['s'] || $colors['f']) { + $style .= $element . '{'; + if($colors['s']) $style .= 'stroke:' . $colors['s'] . ';'; + if($colors['f']) $style .= 'fill:' . $colors['f'] . ';'; + $style .= '}'; + } + + if($colors['sh'] || $colors['fh']) { + $style .= $element . ':hover{'; + if($colors['sh']) $style .= 'stroke:' . $colors['sh'] . ';'; + if($colors['fh']) $style .= 'fill:' . $colors['fh'] . ';'; + $style .= '}'; + } + + return $style; + } + + /** + * Takes a hexadecimal color string in the following forms: + * + * RGB + * RRGGBB + * RRGGBBAA + * + * Converts it to rgba() form + * + * @param string $color + * @return string + */ + protected function fixColor($color) { + if(preg_match('/^([0-9a-f])([0-9a-f])([0-9a-f])$/i', $color, $m)) { + $r = hexdec($m[1] . $m[1]); + $g = hexdec($m[2] . $m[2]); + $b = hexdec($m[3] . $m[3]); + $a = hexdec('ff'); + } elseif(preg_match('/^([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})?$/i', $color, $m)) { + $r = hexdec($m[1]); + $g = hexdec($m[2]); + $b = hexdec($m[3]); + if(isset($m[4])) { + $a = hexdec($m[4]); + } else { + $a = hexdec('ff'); + } + } else { + return ''; + } + + return "rgba($r,$g,$b,$a)"; + } + + /** + * Apply the style to the SVG + */ + protected function setStyle() { + $defs = $this->xml->defs; + if(!$defs) { + $defs = $this->xml->prependChild('defs'); + } + $defs->addChild('style', $this->makeStyle()); + } + + /** + * Abort processing with given status code + * + * @param int $status + */ + protected function abort($status) { + http_status($status); + exit; + } + +} + +// main +$svg = new SVG(); +$svg->out(); + From fda6466f1a0bef2b5b9e9c65d98b6d435838ad4a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 11 Jan 2017 14:40:43 +0100 Subject: [PATCH 101/669] font-size des root reduziert, damit default font size 1rem entspricht --- css/area_content.less | 22 +- css/area_footer.less | 5 +- css/area_main-sidebar.less | 24 +- css/area_msg.less | 2 +- css/area_nav-breadcrumb.less | 14 +- css/area_nav-metabox.less | 33 +- css/area_nav-pagetools.less | 18 +- css/area_nav-usertools.less | 310 ++++---- css/area_sidetools.less | 30 +- css/area_togglelink.less | 4 +- css/base.less | 24 +- css/base_design.less | 1303 ++++++++++++++++---------------- css/base_mixins.less | 14 +- css/base_structure.less | 17 +- css/plugins/bureaucracy.less | 258 +++---- css/plugins/magic-matcher.less | 298 ++++---- css/plugins/move.less | 4 +- css/plugins/popupviewer.less | 6 +- css/plugins/qc.less | 6 + css/plugins/struct.less | 51 +- css/template_admin.less | 8 +- style.ini | 1 + tpl/nav-meta-box.php | 2 +- tpl/nav-page-tools.php | 42 +- tpl/nav-sitetools.php | 28 +- 25 files changed, 1279 insertions(+), 1245 deletions(-) create mode 100644 css/plugins/qc.less diff --git a/css/area_content.less b/css/area_content.less index e231ee1..e2144bc 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -35,27 +35,26 @@ } .structaggregation{ - font-size: .88rem; + td, th{ - font-size: .88rem; + line-height: 125%; a{ - font-size: .88rem; + line-height: 125%; } } > a.export{ - font-size: .88rem; + line-height: 135%; padding-top: .5em; } ~ ul li .li{ - font-size: .88rem; + } } .dokuwiki .structaggregation a.export{ padding-top: .3em; - font-size: .88rem; } .main-content > .level2, @@ -64,13 +63,20 @@ .main-content > .level4, .main-content > .level5, .main-content > .level6{ - font-size: .88rem; padding-bottom: 1rem; > p, > ul > li .li{ - font-size: .88rem; a{ 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%; + } +} + + diff --git a/css/area_footer.less b/css/area_footer.less index a217bf0..ec50151 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -22,9 +22,12 @@ } #dokuwiki__footer { + .main-footer { position: relative; + z-index: 10; box-sizing: border-box; + background-color: @color-site-bg; } p { @@ -67,7 +70,7 @@ &.showSidebar{ #dokuwiki__footer { .col-xs-12 { - margin-left: 2.5rem; + margin-left: @margin-big; } } } diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index fbb3cea..abb4a9f 100755 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -12,9 +12,9 @@ /* + + + + + nav main + + + + + */ .nav-main { > ul { - @icon-size: 2rem; + @icon-size: @margin-default; - margin: 0 0 1.8rem; + margin: 0 0 @margin-default; padding: 0; ul { @@ -72,7 +72,7 @@ position: relative; z-index: 1; margin-top: -1px; - padding: .5em 0 .5em (@icon-size + 1); + padding: .5em 0 .5em (@margin-big + 1); &[class="li"] { border-bottom: solid 1px @color-border; @@ -88,7 +88,7 @@ top: 0; left: 0; height: 100%; - width: 2.5rem; + width: @margin-big; overflow: hidden; color: @color-nav; text-align: center; @@ -102,7 +102,7 @@ top: 15%; bottom: 15%; width: 1px; - left: (@icon-size + .5); + left: (@margin-big + .5); background-color: @color-border; } @@ -121,7 +121,7 @@ border: 1px solid transparent; border-radius: 2px; 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; &::before { @@ -135,7 +135,7 @@ bottom: 1px; left: 0; height: 100%; - width: 2.5rem; + width: @margin-big; overflow: hidden; color: @color-nav; text-align: center; @@ -150,7 +150,7 @@ top: 15%; bottom: 15%; width: 1px; - left: (@icon-size + .5); + left: @margin-big; background-color: @color-border; transition: @transition background-color; } @@ -235,7 +235,7 @@ #dokuwiki__aside.main-sidebar { .nav-main { .li { - font-size: .8rem; + font-size: @font-size-default; padding: .1em 0; * { @@ -245,7 +245,7 @@ } > ul > li > .li { - font-size: .9rem; + font-size: @font-size-default; * { font-size: inherit; @@ -263,7 +263,7 @@ #dokuwiki__aside.main-sidebar { .nav-main { .li { - font-size: .9rem; + font-size: @font-size-default; padding: .15em 0 .15em .25rem; * { @@ -273,7 +273,7 @@ } > ul > li > .li { - font-size: 1rem; + font-size: @font-size-default; > * { font-size: inherit; diff --git a/css/area_msg.less b/css/area_msg.less index 17a7430..21a47d7 100644 --- a/css/area_msg.less +++ b/css/area_msg.less @@ -2,7 +2,7 @@ clear: both; padding-top: 1.6rem; div{ - font-size: .88rem; + //font-size: .88rem; line-height: 135%; } &:empty{ diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 59b679f..933daad 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -7,14 +7,14 @@ .breadcrumbs { position: relative; border-bottom: 1px solid @color-border; - padding: .8rem 1.8rem .4rem; + padding: .8rem @margin-default @very-small-spacing; > p { - font-size: .83rem; + font-size: @font-size-small; margin: 0; * { - font-size: .83rem; + font-size: @font-size-small; } .bchead { @@ -38,7 +38,7 @@ transition: @transition border-color; &:before { - font-size: 1rem; + font-size: @font-size-default + (@font-scale-factor*2); margin-top: .17rem; } @@ -140,11 +140,11 @@ #plugin__qc__out{ h1{ - font-size: 1.2rem; + font-size: @font-size-head3; } h2{ margin-top: 1.6em; - font-size: .93rem; + font-size: @font-size-head5; } > h1, > h2, > p, >dl, >div{ padding-left: 1rem; @@ -172,7 +172,7 @@ .icon-emo-happy(); width: 100%; - font-size: .9rem; + font-size: @font-size-default; &::before { width: 100%; diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index b8d70a7..3094c97 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -9,7 +9,6 @@ } ul.meta-tabs { - border-bottom: 1px solid @color-border; background-color: @background_page-header; margin: 0; padding: 0; @@ -26,21 +25,22 @@ } } > li { - margin: 0 -1px -1px; + margin: 1px -1px -1px; position: relative; display: inline-block; > a { - font-size: .78rem; margin-left: 4px; line-height: 1.42857143; position: relative; display: block; - padding: .56em 2em; + padding: .38em 2em .12em; border: 1px solid @color-border; + border-bottom: 0 none; background-color: @color-site-bg; border-radius: 4px 4px 0 0; color: @color-nav; cursor: pointer; + text-decoration: none; transition: @transition color, @transition background-color, @transition border-color; * { @@ -48,24 +48,12 @@ } .prefix { - font-size: .78rem; color: @color-nav; position: relative; transition: @transition color; + font-size: @font-size-small; } .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, @@ -90,8 +78,7 @@ cursor: default; tab-index: -1; color: #555; - background-color: @background_page-header; - border-color: transparent; + background-color: #fff; } } } @@ -108,6 +95,10 @@ } > div { padding: .8rem .5rem .5rem; + font-size: @font-size-small; + *{ + font-size: inherit; + } p{ padding-left: 1em; } @@ -134,10 +125,10 @@ padding: 0; } > div ul.toc { - font-size: .78rem; + font-size: @font-size-small; padding-left: .5em; a { - font-size: .78rem; + font-size: @font-size-small; display: inline-block; padding-left: 10px; position: relative; diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index f09bbbf..659fd4e 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -22,16 +22,14 @@ nav#dokuwiki__pagetools{ - right: -2rem; + right: -(@margin-default); top: 3.05rem; z-index: 100; ul { li { - &:nth-child(3n+3){ - margin-bottom: 1rem; - } + *{ - font-size: .8rem; + font-size: @font-size-default; } &.plugin_move_page{ a{ @@ -42,7 +40,7 @@ nav#dokuwiki__pagetools{ } background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9InJnYigxMDUsMTA1LDEwNSkiIGQ9Ik05NDYuNCAyMTQuM3EyMi40IDAgMzggMTUuNnQxNS42IDM4djY3OC41cTAgMjIuMyAtMTUuNiAzOHQtMzggMTUuNkg0MTAuN3EtMjIuMyAwIC0zNy45IC0xNS42dC0xNS43IC0zOFY3ODUuN0g1My42cS0yMi40IDAgLTM4IC0xNS42VDAgNzMyLjF2LTM3NVEwIDMzNC44IDExLjIgMzA4dDI2LjcgLTQyLjRMMjY1LjYgMzcuOVEyODEuMyAyMi4zIDMwOCAxMS4yVDM1Ny4xIDBoMjMyLjJxMjIuMyAwIDM3LjkgMTUuNnQxNS43IDM4djE4M3EzNy45IC0yMi4zIDcxLjQgLTIyLjNoMjMyLjF6TTY0Mi45IDMzMy4xTDQ3NiA1MDBoMTY2LjlWMzMzLjF6TTI4NS43IDExOC45TDExOC45IDI4NS43aDE2Ni44VjExOC45em0xMDkuNCAzNjFMNTcxLjQgMzAzLjZWNzEuNEgzNTcuMXYyMzIuMnEwIDIyLjMgLTE1LjYgMzcuOXQtMzcuOSAxNS42SDcxLjR2MzU3LjJoMjg1LjdWNTcxLjRxMCAtMjIuMyAxMS4yIC00OS4xdDI2LjggLTQyLjR6bTUzMy41IDQ0OC43VjI4NS43SDcxNC4zdjIzMi4ycTAgMjIuMyAtMTUuNiAzNy45dC0zOCAxNS42SDQyOC42djM1Ny4yaDUwMHoiLz48L3N2Zz4=) 95% center no-repeat; - background-size: 1rem auto; + background-size: @font-size-head2 auto; &:before{ visibility: hidden; } @@ -65,7 +63,7 @@ nav#dokuwiki__pagetools{ } a{ - font-size: .8rem; + font-size: @font-size-default; &.source, &.revs, &.backlink, &.plugin_bookcreator_addtobook, &.export_pdf, &.top, &.edit, &.show{ opacity: .6; color: @color-nav; @@ -73,7 +71,7 @@ nav#dokuwiki__pagetools{ color: @color-nav; } background-position: 95% center; - background-size: 1rem auto; + background-size: @font-size-head2 auto; &:before{ visibility: hidden; } @@ -118,7 +116,7 @@ nav#dokuwiki__pagetools{ &.top{ margin-top: 1em; position: relative; - background-size: .9rem; + 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=); @@ -131,7 +129,7 @@ nav#dokuwiki__pagetools{ } } &.export_pdf{ - background-size: .9rem auto; + 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=); diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index 9b7dbb6..1ad7c5a 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -1,155 +1,155 @@ -/** - * This file provides the design styles for the direct / menu jump links. - * - * @author Jana Deutschlaender - */ - - -.nav-usertools { - &.has-bar { - margin-top: @height-context-bar; - padding-top: .5em; - } - - -/* + + + + + icon list + + + + + */ - ul { - float: right; - padding: 0; - margin: .2em -.2rem 0 0; - - li { - .btn-usertools-wrapper(); // uniform li - .btn-usertools-num(); - - float: right; - - > strong, - > a { - display: block; - width: auto; - min-height: 2em; - border: 1px solid @color-border; - border-radius: @border-radius; - color: @color-nav; - text-align: center; - margin: 0; - } - - &.noopentasks { - strong { - background-color: @color-site-bg; - } - - .num { - background-color: @color-border; - color: @color-nav; - } - } - - &.user { - border: 1px solid @color-border; - border-radius: @border-radius; - padding: .3em .25rem; - - bdi { - color: @color-nav; - display: inline-block; - padding-top: 1px; - } - - > bdi:first-of-type { - .fontello(); - .icon-user(); - - &::before { - float: left; - background: @color-nav; - border: 4px solid @color-nav; - border-radius: 50%; - color: #fff; - font-size: .6rem; - margin: -2px 6px -2px 0; - } - } - } // user - - &.user-task { - position: relative; - - a { - position: relative; - overflow: visible; - white-space: normal; - text-indent: 0; - - &::before { - content: ''; - position: absolute; - } - } - - .prefix { - .btn-prefix(); - .icon-clipboard(); - } - } // user-task - } // li - - -/* + + + icons + + + */ - a { - .fontello(); - .hide-text-show-before(); - - cursor: pointer; - background-color: #fff; - text-decoration: none; - transition: @transition color, @transition background-color, @transition border-color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - border-color: @button_background; - //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - color: @button_background; - } - - &::before { - content: "?"; - display: block; - width: 100%; - box-sizing: border-box; - font-size: 1.4em; - cursor: pointer; - margin: .2em 0 0; - } - - /* icon register new user */ - &.register { - .icon-user(); - } - - /* icon log-out */ - &.logout { - .icon-logout(); - } - - /* icon log-in */ - &.login { - .icon-login(); - } - - /* icon admin */ - &.admin { - .icon-cog(); - - &::before { - margin-top: .18rem; - } - } - } // a - } // ul -} // nav-usertools +/** + * This file provides the design styles for the direct / menu jump links. + * + * @author Jana Deutschlaender + */ + + +.nav-usertools { + &.has-bar { + margin-top: @height-context-bar; + padding-top: .5em; + } + + +/* + + + + + icon list + + + + + */ + ul { + float: right; + padding: 0; + margin: @very-small-spacing -(@very-small-spacing) 0 0; + + li { + .btn-usertools-wrapper(); // uniform li + .btn-usertools-num(); + + float: right; + + > strong, + > a { + display: block; + width: auto; + min-height: 2em; + border: 1px solid @color-border; + border-radius: @border-radius; + color: @color-nav; + text-align: center; + margin: 0; + } + + &.noopentasks { + strong { + background-color: @color-site-bg; + } + + .num { + background-color: @color-border; + color: @color-nav; + } + } + + &.user { + border: 1px solid @color-border; + border-radius: @border-radius; + padding: .3em .25rem; + + bdi { + color: @color-nav; + display: inline-block; + padding-top: 1px; + } + + > bdi:first-of-type { + .fontello(); + .icon-user(); + + &::before { + float: left; + background: @color-nav; + border: 4px solid @color-nav; + border-radius: 50%; + color: #fff; + font-size: @font-size-small; + margin: -2px 6px -2px 0; + } + } + } // user + + &.user-task { + position: relative; + + a { + position: relative; + overflow: visible; + white-space: normal; + text-indent: 0; + + &::before { + content: ''; + position: absolute; + } + } + + .prefix { + .btn-prefix(); + .icon-clipboard(); + } + } // user-task + } // li + + +/* + + + icons + + + */ + a { + .fontello(); + .hide-text-show-before(); + + cursor: pointer; + background-color: #fff; + text-decoration: none; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:active, + &:focus { + background-color: @button_color; + border-color: @button_background; + //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); + //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); + color: @button_background; + } + + &::before { + content: "?"; + display: block; + width: 100%; + box-sizing: border-box; + font-size: @font-size-default + (@font-scale-factor * 4); + cursor: pointer; + margin: .2em 0 0; + } + + /* icon register new user */ + &.register { + .icon-user(); + } + + /* icon log-out */ + &.logout { + .icon-logout(); + } + + /* icon log-in */ + &.login { + .icon-login(); + } + + /* icon admin */ + &.admin { + .icon-cog(); + + &::before { + margin-top: .18rem; + } + } + } // a + } // ul +} // nav-usertools diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 25fdd19..ba5652a 100755 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -6,13 +6,13 @@ .side-tools.main-sidebar { - @icon-size: 2rem; + @icon-size: @margin-default; counter-increment: bar-counter; ul, .trace { - padding-left: (@icon-size + .5); + padding-left: (@margin-big + .5); } ul { @@ -45,7 +45,7 @@ > nav { > ul { margin: 0; - padding: 0 0 0 (@icon-size + .5); + padding: 0 0 0 (@margin-big + .5); li { list-style-type: none; @@ -66,7 +66,7 @@ height: auto; color: @color-nav; font-weight: normal; - padding: .5em 0 .5em (@icon-size + 1.1); + padding: .7em 0 .7em (@margin-big + 1.1); &[class="sr-only"] { border-bottom: solid 1px @color-border; @@ -88,7 +88,7 @@ top: 0; left: 0; height: 100%; - width: 2.5rem; + width: @margin-big; overflow: hidden; text-align: center; margin-top: auto; @@ -103,7 +103,7 @@ top: 15%; bottom: 15%; width: 1px; - left: (@icon-size + .6); + left: (@margin-big + .6); background-color: @color-border; transition: @transition background-color; } @@ -130,7 +130,7 @@ display: block; border: 1px solid transparent; 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; &::before { @@ -144,7 +144,7 @@ bottom: 1px; left: 0; height: 100%; - width: 2.5rem; + width: @margin-big; overflow: hidden; color: @color-nav; text-align: center; @@ -159,7 +159,7 @@ top: 15%; bottom: 15%; width: 1px; - left: (@icon-size + .5); + left: @margin-big; background-color: @color-border; transition: @transition background-color; } @@ -244,7 +244,7 @@ background-color: @color-content-bg; border: 1px solid @button_background; border-radius: 2px; - font-size: .8rem; + font-size: @font-size-small; margin-top: .1rem; padding: .3rem .6em; @@ -294,7 +294,7 @@ @media @screen_min-xlg { .side-tools.main-sidebar { h6 { - font-size: .9rem; + font-size: @font-size-default; * { font-size: inherit; @@ -302,7 +302,7 @@ } li { - font-size: .8rem; + font-size: @font-size-small; padding: .1em 0 .1em .1rem; > * { @@ -319,11 +319,11 @@ @media @screen_max-xlg { .side-tools.main-sidebar { h6 { - font-size: 1rem; + font-size: @font-size-default; } li { - font-size: .9rem; + font-size: @font-size-small; padding: .15em 0 .15em .23rem; > * { @@ -332,7 +332,7 @@ } p { - font-size: .9rem; + font-size: @font-size-small; } } } diff --git a/css/area_togglelink.less b/css/area_togglelink.less index a344f70..cc37018 100644 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -10,7 +10,7 @@ position: absolute; top: -1px; bottom: -1px; - left: -2rem; + left: -(@margin-default); z-index: 1; a { @@ -18,7 +18,7 @@ .flex-direction(); .justify-content(); - width: 2rem; + width: (@margin-default); height: 100%; background-color: @button_background; border: solid 1px @button_background; diff --git a/css/base.less b/css/base.less index d5c26de..bb8be28 100755 --- a/css/base.less +++ b/css/base.less @@ -42,8 +42,11 @@ @height-context-bar: 50px; @margin-small: 1rem; -@margin-default: 1.5rem; -@margin-big: 2.5rem; +@margin-default: 2rem; +@margin-big: 3.07rem; + +@small-spacing: .3rem; +@very-small-spacing: .2rem; @grid: @margin-small; @@ -53,8 +56,9 @@ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* fonts */ -@font-size-small: .75rem; -@font-size-default: .88rem; +@font-size-very-small: .73rem; +@font-size-small: .88rem; +@font-size-default: 1rem; @font-size-big: 1.5rem; @font-size-bigger: 1.75rem; @@ -62,6 +66,17 @@ @line-height-big: 135%; @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 */ @@ -140,7 +155,6 @@ html, body { .reset(); - font-size: 100.1%; } diff --git a/css/base_design.less b/css/base_design.less index 37ae4c0..144ccf7 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -1,651 +1,652 @@ -/** - * This file provides the main design styles - * across all template elements (typo, colors etc.) - * - * @author Jana Deutschlaender - */ - - -html, body { - background-color: @color-site-bg; -} - -a { - color: @color-link; -} - -/* highlight selected tool */ -.mode_admin a.action.admin, -.mode_login a.action.login, -.mode_register a.action.register, -.mode_profile a.action.profile, -.mode_recent a.action.recent, -.mode_index a.action.index, -.mode_media a.action.media, -.mode_revisions a.action.revs, -.mode_backlink a.action.backlink, -.mode_subscribe a.action.subscribe { - font-weight: bold; -} - -.dokuwiki .pageId { - float: right; - margin-right: -1em; - margin-bottom: -1px; - margin-top: -1.5em; - overflow: hidden; - padding: 0.5em 1em 0; - - span { - font-size: 0.875em; - border: solid @ini_background_alt; - border-width: 1px 1px 0; - background-color: @ini_background; - color: @ini_text_alt; - padding: .1em .35em; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - box-shadow: 0 0 .5em @ini_text_alt; - display: block; - } -} - -.dokuwiki div.page { - clear: both; - background: @color-content-bg; - color: inherit; - padding: 1rem 2rem 2rem; - // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border - overflow: hidden; - word-wrap: break-word; -} - -.dokuwiki .docInfo { - font-size: 0.5rem; - text-align: right; -} - -/* license note under edit window */ -.dokuwiki div.license { - font-size: 93.75%; -} - -[dir=rtl] .dokuwiki .docInfo { - text-align: left; -} - -[dir=rtl] .dokuwiki .pageId { - float: left; - margin-left: -1em; - margin-right: 0; -} - -caption, -figcaption, -summary, -legend { - padding: 0; - margin: 0 0 .35em; - line-height: 1.2; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - padding: 0; - line-height: 1.2; - clear: both; -} - -[dir=rtl] h1, -[dir=rtl] h2, -[dir=rtl] h3, -[dir=rtl] h4, -[dir=rtl] h5, -[dir=rtl] h6 { - clear: right; -} - -h1 { - font-size: 1.4rem; - margin: 0 0 0.444em; - padding-top: 1em; -} - -h2 { - font-size: 1.12rem; - margin: 0 0 0.666em; -} - -h3 { - font-size: 1rem; - margin: 0 0 0.888em; -} - -h4 { - font-size: .94rem; - margin: 0 0 1.0em; -} - -h5 { - font-size: .88rem; - margin: 0 0 1.1428em; -} - -h6 { - font-size: .83rem; - margin: 0 0 1.333em; -} - -p { - font-size: .88rem; - line-height: 135%; - - a, - span, - strong { - font-size: inherit; - } -} - -label, -legend, -button { - font-size: .88rem; - - a, - span, - strong { - font-size: inherit; - } -} - -hr, -figure, -details, -address { - font-size: .88rem; - line-height: 140%; -} - -p, -ul, -ol, -dl, -pre, -table, -hr, -blockquote, -figure, -details, -fieldset, -address { - margin: 0 0 1.4em; /* bottom margin = line-height */ - padding: 0; -} - -div, -video, -audio { - margin: 0; - padding: 0; -} - -small, -.code { - font-size: .75rem; -} - -.code { - margin-top: @grid; -} - - -/*____________ lists ____________*/ - -ul, -ol { - font-size: .88rem; - line-height: 140%; - padding: 0 0 0 1.5em; -} - -[dir=rtl] ul, -[dir=rtl] ol { - padding: 0 1.5em 0 0; -} - -li, -dd { - padding: 0; - margin: 0 0 0 1.5em; -} - -[dir=rtl] li, -[dir=rtl] dd { - margin: 0 1.5em 0 0; -} - -dl { - font-size: .88rem; - line-height: 140%; -} - -dt { - font-weight: bold; - margin: 0; - padding: 0; -} - -li ul, -li ol, -li dl, -dl ul, -dl ol, -dl dl { - margin-bottom: 0; - padding: 0; -} - -li li { - font-size: 100%; -} - -ul { - list-style: square outside; -} - -ol { - list-style: decimal outside; -} - -ol ol { - list-style-type: lower-alpha; -} - -ol ol ol { - list-style-type: upper-roman; -} - -ol ol ol ol { - list-style-type: upper-alpha; -} - -ol ol ol ol ol { - list-style-type: lower-roman; -} - -table { - border-collapse: collapse; - empty-cells: show; - border-spacing: 0; - border: 1px solid @color-border; - font-size: .88rem; - line-height: 140%; -} - -caption { - caption-side: top; - text-align: left; -} - -[dir=rtl] caption { - text-align: right; -} - -th, -td { - padding: .3em .5em; - margin: 0; - vertical-align: top; - border: 1px solid @color-border; -} - -th { - font-weight: bold; - background-color: @ini_background_alt; - text-align: left; -} - -[dir=rtl] th { - text-align: right; -} - -a { - outline: none; -} - -a:link, -a:visited { - text-decoration: none; - color: @color-link; -} - -a:hover, -a:focus, -a:active { - text-decoration: underline; -} - -img { - display: inline-block; - border-width: 0; - vertical-align: middle; - color: #666; - background-color: transparent; - font-style: italic; - height: auto; -} - -img, -object, -embed, -iframe, -video, -audio { - max-width: 100%; -} - -button img { - max-width: none; -} - -hr { - border-top: solid @color-border; - border-bottom: solid @ini_background; - border-width: 1px 0; - height: 0; - text-align: center; - clear: both; -} - -acronym, -abbr { - cursor: help; - border-bottom: 1px dotted; - font-style: normal; -} - -em acronym, -em abbr { - font-style: italic; -} - -mark { - background-color: @ini_highlight; - color: inherit; -} - -pre, -code, -samp, -kbd { - font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; - /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ - font-size: 1em; - direction: ltr; - text-align: left; - background-color: @color-site-bg; - color: @color-text; - box-shadow: inset 0 0 .3em @color-border; - border-radius: 2px; -} - -pre { - overflow: auto; - word-wrap: normal; - border: 1px solid @color-border; - border-radius: 2px; - box-shadow: inset 0 0 .5em @color-border; - font-size: .88rem; - line-height: 140%; - padding: .7em 1em; -} - -blockquote { - border: solid @color-border; - border-width: 0 0 0 .25em; - font-size: .88rem; - line-height: 140%; - padding: 0 .5em; -} - -[dir=rtl] blockquote { - border-width: 0 .25em 0 0; -} - -q:before, -q:after { - content: ''; -} - -sub, -sup { - font-size: .8em; - line-height: 1; -} - -sub { - vertical-align: sub; -} - -sup { - vertical-align: super; -} - -small { - font-size: .9em; -} - - -/*____________ forms ____________*/ - -/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ - -form { - display: inline; - margin: 0; - padding: 0; -} - -fieldset { - font-size: .88rem; - line-height: 140%; - border: 1px solid @ini_text_alt; - padding: .7rem 1rem; -} - -fieldset > :last-child { - margin-bottom: 0; -} - -legend { - margin: 0; - padding: 0 .1em; -} - -label { - vertical-align: middle; - cursor: pointer; -} - -input, -textarea, -button, -select, -optgroup, -option, -keygen, -output, -meter, -progress { - font: inherit; - font-weight: normal; - color: #333; - background-color: #fff; - line-height: normal; - margin: 0; - vertical-align: middle; - box-sizing: border-box; -} - -select { - max-width: 100%; -} - -textarea.edit { - font-size: .88em; -} - -optgroup { - font-style: italic; - font-weight: bold; -} - -option { - font-style: normal; - font-weight: normal; -} - -input, -textarea, -select, -keygen { - border: 1px solid #ccc; - box-shadow: inset 0 0 1px #eee; - border-radius: 2px; -} - -input:active, -input:focus, -textarea:active, -textarea:focus, -select:active, -select:focus, -keygen:active, -keygen:focus { - border-color: #999; -} - -input[type=radio], -input[type=checkbox], -input[type=image] { - padding: 0; - border-style: none; - box-shadow: none; -} - - -/* + + + + + buttons + + + + + */ -button { - background-color: #eee; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - cursor: pointer; - transition: @transition background-color, @transition color; - - &:hover, - &:focus, - &:active { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - } -} - - -/* + + + all types of submit-buttons + + + */ -a.button, -input[type=submit], -input[type=reset], -button[type=submit], -.qq-upload-button { - cursor: pointer; - background-image: none; - background-color: @button_background; - border: 1px solid @button_background; - border-radius: 2px; - color: @button_color; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - color: @button_background; - } -} - - -/* + + + all types of buttons not being submit-buttons + + + */ -input.button, -input[type=button] { - cursor: pointer; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background-color: #eee; - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - border-color: #999; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - } -} - - -/* + + + all disabled buttons + + + */ -input[disabled], -button[disabled], -select[disabled], -textarea[disabled], -option[disabled], -input[readonly], -button[readonly], -select[readonly], -textarea[readonly] { - cursor: auto; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background-color: #eee; - opacity: .5; - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - font-weight: normal; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - color: #333; - } -} - -input::-moz-focus-inner, -button::-moz-focus-inner { - border: 0; - padding: 0; -} +/** + * This file provides the main design styles + * across all template elements (typo, colors etc.) + * + * @author Jana Deutschlaender + */ + + +html, body { + background-color: @color-site-bg; +} + +a { + color: @color-link; +} + +/* highlight selected tool */ +.mode_admin a.action.admin, +.mode_login a.action.login, +.mode_register a.action.register, +.mode_profile a.action.profile, +.mode_recent a.action.recent, +.mode_index a.action.index, +.mode_media a.action.media, +.mode_revisions a.action.revs, +.mode_backlink a.action.backlink, +.mode_subscribe a.action.subscribe { + font-weight: bold; +} + +.dokuwiki .pageId { + float: right; + margin-right: -1em; + margin-bottom: -1px; + margin-top: -1.5em; + overflow: hidden; + padding: 0.5em 1em 0; + + span { + font-size: @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; + } +} + +.dokuwiki div.page { + clear: both; + background: @color-content-bg; + color: inherit; + padding: (@margin-default / 2) @margin-default @margin-default; + // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border + overflow: hidden; + word-wrap: break-word; +} + +.dokuwiki .docInfo { + font-size: @font-size-small; + text-align: right; +} + +/* license note under edit window */ +.dokuwiki div.license { + font-size: @font-size-small; +} + +[dir=rtl] .dokuwiki .docInfo { + text-align: left; +} + +[dir=rtl] .dokuwiki .pageId { + float: left; + margin-left: -1em; + margin-right: 0; +} + +caption, +figcaption, +summary, +legend { + padding: 0; + margin: 0 0 .35em; + line-height: 1.2; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + padding: 0; + line-height: 1.2; + clear: both; +} + +[dir=rtl] h1, +[dir=rtl] h2, +[dir=rtl] h3, +[dir=rtl] h4, +[dir=rtl] h5, +[dir=rtl] h6 { + clear: right; +} + +h1 { + font-size: @font-size-head1; + margin: 0 0 0.444em; + padding-top: 1em; +} + +h2 { + font-size: @font-size-head2; + margin: 0 0 0.666em; +} + +h3 { + font-size: @font-size-head3; + margin: 0 0 0.888em; +} + +h4 { + font-size: @font-size-head4; + margin: 0 0 1.0em; +} + +h5 { + font-size: @font-size-head5; + margin: 0 0 1.1428em; +} + +h6 { + font-size: @font-size-head6; + font-weight: @font-weight-bold; + margin: 0 0 1.333em; +} + +p { + font-size: @font-size-default; + line-height: 135%; + + a, + span, + strong { + font-size: inherit; + } +} + +label, +legend, +button { + font-size: @font-size-default; + + a, + span, + strong { + font-size: inherit; + } +} + +hr, +figure, +details, +address { + font-size: @font-size-default; + line-height: 140%; +} + +p, +ul, +ol, +dl, +pre, +table, +hr, +blockquote, +figure, +details, +fieldset, +address { + margin: 0 0 1.4em; /* bottom margin = line-height */ + padding: 0; +} + +div, +video, +audio { + margin: 0; + padding: 0; +} + +small, +.code { + font-size: @font-size-small; +} + +.code { + margin-top: @grid; +} + + +/*____________ lists ____________*/ + +ul, +ol { + font-size: @font-size-default; + line-height: 140%; + padding: 0 0 0 1.5em; +} + +[dir=rtl] ul, +[dir=rtl] ol { + padding: 0 1.5em 0 0; +} + +li, +dd { + padding: 0; + margin: 0 0 0 1.5em; +} + +[dir=rtl] li, +[dir=rtl] dd { + margin: 0 1.5em 0 0; +} + +dl { + font-size: @font-size-default; + line-height: 140%; +} + +dt { + font-weight: bold; + margin: 0; + padding: 0; +} + +li ul, +li ol, +li dl, +dl ul, +dl ol, +dl dl { + margin-bottom: 0; + padding: 0; +} + +li li { + font-size: 100%; +} + +ul { + list-style: square outside; +} + +ol { + list-style: decimal outside; +} + +ol ol { + list-style-type: lower-alpha; +} + +ol ol ol { + list-style-type: upper-roman; +} + +ol ol ol ol { + list-style-type: upper-alpha; +} + +ol ol ol ol ol { + list-style-type: lower-roman; +} + +table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1px solid @color-border; + font-size: @font-size-default; + line-height: 140%; +} + +caption { + caption-side: top; + text-align: left; +} + +[dir=rtl] caption { + text-align: right; +} + +th, +td { + padding: .3em .5em; + margin: 0; + vertical-align: top; + border: 1px solid @color-border; +} + +th { + font-weight: bold; + background-color: @ini_background_alt; + text-align: left; +} + +[dir=rtl] th { + text-align: right; +} + +a { + outline: none; +} + +a:link, +a:visited { + text-decoration: none; + color: @color-link; +} + +a:hover, +a:focus, +a:active { + text-decoration: underline; +} + +img { + display: inline-block; + border-width: 0; + vertical-align: middle; + color: #666; + background-color: transparent; + font-style: italic; + height: auto; +} + +img, +object, +embed, +iframe, +video, +audio { + max-width: 100%; +} + +button img { + max-width: none; +} + +hr { + border-top: solid @color-border; + border-bottom: solid @ini_background; + border-width: 1px 0; + height: 0; + text-align: center; + clear: both; +} + +acronym, +abbr { + cursor: help; + border-bottom: 1px dotted; + font-style: normal; +} + +em acronym, +em abbr { + font-style: italic; +} + +mark { + background-color: @ini_highlight; + color: inherit; +} + +pre, +code, +samp, +kbd { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; + /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + font-size: @font-size-default; + direction: ltr; + text-align: left; + background-color: @color-site-bg; + color: @color-text; + box-shadow: inset 0 0 .3em @color-border; + border-radius: 2px; +} + +pre { + overflow: auto; + word-wrap: normal; + border: 1px solid @color-border; + border-radius: 2px; + box-shadow: inset 0 0 .5em @color-border; + font-size: @font-size-default; + line-height: 140%; + padding: .7em 1em; +} + +blockquote { + border: solid @color-border; + border-width: 0 0 0 .25em; + font-size: @font-size-default; + line-height: 140%; + padding: 0 .5em; +} + +[dir=rtl] blockquote { + border-width: 0 .25em 0 0; +} + +q:before, +q:after { + content: ''; +} + +sub, +sup { + font-size: .8em; + line-height: 1; +} + +sub { + vertical-align: sub; +} + +sup { + vertical-align: super; +} + +small { + font-size: .9em; +} + + +/*____________ forms ____________*/ + +/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ + +form { + display: inline; + margin: 0; + padding: 0; +} + +fieldset { + font-size: @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 { + border: 1px solid #ccc; + box-shadow: inset 0 0 1px #eee; + border-radius: 2px; +} + +input:active, +input:focus, +textarea:active, +textarea:focus, +select:active, +select:focus, +keygen:active, +keygen:focus { + border-color: #999; +} + +input[type=radio], +input[type=checkbox], +input[type=image] { + padding: 0; + border-style: none; + box-shadow: none; +} + + +/* + + + + + buttons + + + + + */ +button { + background-color: #eee; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + padding: .1em .5em; + cursor: pointer; + transition: @transition background-color, @transition color; + + &:hover, + &:focus, + &:active { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + } +} + + +/* + + + all types of submit-buttons + + + */ +a.button, +input[type=submit], +input[type=reset], +button[type=submit], +.qq-upload-button { + cursor: pointer; + background-image: none; + background-color: @button_background; + border: 1px solid @button_background; + border-radius: 2px; + color: @button_color; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: @button_color; + color: @button_background; + } +} + + +/* + + + all types of buttons not being submit-buttons + + + */ +input.button, +input[type=button] { + cursor: pointer; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background-color: #eee; + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + padding: .1em .5em; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + border-color: #999; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + } +} + + +/* + + + all disabled buttons + + + */ +input[disabled], +button[disabled], +select[disabled], +textarea[disabled], +option[disabled], +input[readonly], +button[readonly], +select[readonly], +textarea[readonly] { + cursor: auto; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background-color: #eee; + opacity: .5; + border: 1px solid #ccc; + border-radius: 2px; + color: #333; + font-weight: normal; + padding: .3em @grid; + transition: @transition background-color, @transition color; + + &:hover, + &:active, + &:focus { + background-color: #ddd; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); + background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); + border-color: #999; + color: #333; + } +} + +input::-moz-focus-inner, +button::-moz-focus-inner { + border: 0; + padding: 0; +} diff --git a/css/base_mixins.less b/css/base_mixins.less index 456ff9d..83a12bd 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -148,12 +148,12 @@ min-width: @elem; box-sizing: border-box; color: @color-nav; - font-size: .8rem; + font-size: @font-size-small; 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; border-radius: 2px; color: @button_color; - font-size: .6rem; + font-size: @font-size-very-small; font-weight: 400; text-align: center; line-height: 1; - padding: .2em .2rem .1em; + padding: @very-small-spacing @very-small-spacing .1em; transition: @transition color, @transition background-color; } @@ -190,8 +190,8 @@ .hide-text-show-before(); color: inherit; - font-size: 1rem; - margin-top: .2rem; + font-size: @font-size-default; + margin-top: @very-small-spacing; } diff --git a/css/base_structure.less b/css/base_structure.less index 0b99418..4465db6 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -25,25 +25,34 @@ @media @screen_min-sm { .make-grid(sm); + html { + font-size: 100%; //16px + } } @media @screen_min-md { .make-grid(md); + html { + font-size: 81.25%; //13px + } } @media @screen_min-lg { .make-grid(lg); + html { + font-size: 87.5%; //14px + } } @media @screen_min-xlg { html { - font-size: 120%; + font-size: 93.75%; //15px } } @media @screen_min-xxlg { html { - //font-size: 135%; + font-size: 106.25%; //17px } } @@ -173,7 +182,7 @@ &.showSidebar{ .content { .row > .col-xs-12 { - margin-left: 2.5rem; + margin-left: @margin-big; } } } @@ -192,7 +201,7 @@ @media @screen_max-md { .container { - margin: 0 2.5rem 0 1.25rem; + margin: 0 @margin-big 0 1.25rem; } #dokuwiki__usertools { diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less index 6eabdc9..3b705c8 100755 --- a/css/plugins/bureaucracy.less +++ b/css/plugins/bureaucracy.less @@ -1,129 +1,129 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -.dokuwiki form.bureaucracy__plugin { - fieldset { - width: 100%; - max-width: 800px; - box-sizing: border-box; - border: 0 none; - text-align: center; - margin-left: 0; - margin-bottom: (@grid * 2); - padding: @grid 0 0; - - > *:not(button) { - text-align: left; - } - } - - legend { - font-size: 1.12em; - font-weight: bold; - text-align: left; - } - - label { - clear: both; - padding-top: (@grid / 2); - - &::after { - content: ''; - clear: both; - } - - sup { - float: right; - font-size: 1em; - } - - input, - select { - float: left; - width: 50%; - min-height: 2em; - text-align: left; - padding: .1em .2em; - } - - input[type="checkbox"] { - width: 1.5rem; - height: 1.5rem; - background-image: none; - } - - span { - float: left; - width: 50%; - text-align: right; - line-height: @line-height-default; - padding-top: .2em; - padding-right: @grid; - - &:not([class]) { - font-weight: bold; - margin-top: .5em; - - + input, - + select { - margin-top: .3em; - } - - // checkboxes - + input + input { - margin-top: .3em; - } - } - - &.label { - text-align: right; - padding-top: .5em; - } - - &.input { - width: 49%; - text-align: left; - padding-left: 0; - } - } // span - } // label - - button[type="submit"] { - margin-top: (@grid * 2); - } -} - - - - -#icke__page .content ul.autocompletion {} - -ul.autocompletion li {} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { - .dokuwiki form.bureaucracy__plugin { - p { - font-size: .9rem; - } - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1439px */ - -@media @screen_max-xlg { - .dokuwiki form.bureaucracy__plugin { - p, - label, - button[type="submit"] { - font-size: 1rem; - } - } -} - +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.dokuwiki form.bureaucracy__plugin { + fieldset { + width: 100%; + max-width: 800px; + box-sizing: border-box; + border: 0 none; + text-align: center; + margin-left: 0; + margin-bottom: (@grid * 2); + padding: @grid 0 0; + + > *:not(button) { + text-align: left; + } + } + + legend { + font-size: @font-size-small; + font-weight: bold; + text-align: left; + } + + label { + clear: both; + padding-top: (@grid / 2); + + &::after { + content: ''; + clear: both; + } + + sup { + float: right; + font-size: 1em; + } + + input, + select { + float: left; + width: 50%; + min-height: 2em; + text-align: left; + padding: .1em .2em; + } + + input[type="checkbox"] { + width: 1.5rem; + height: 1.5rem; + background-image: none; + } + + span { + float: left; + width: 50%; + text-align: right; + line-height: @line-height-default; + padding-top: .2em; + padding-right: @grid; + + &:not([class]) { + font-weight: bold; + margin-top: .5em; + + + input, + + select { + margin-top: .3em; + } + + // checkboxes + + input + input { + margin-top: .3em; + } + } + + &.label { + text-align: right; + padding-top: .5em; + } + + &.input { + width: 49%; + text-align: left; + padding-left: 0; + } + } // span + } // label + + button[type="submit"] { + margin-top: (@grid * 2); + } +} + + + + +#icke__page .content ul.autocompletion {} + +ul.autocompletion li {} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { + .dokuwiki form.bureaucracy__plugin { + p { + font-size: @font-size-default; + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + .dokuwiki form.bureaucracy__plugin { + p, + label, + button[type="submit"] { + font-size: @font-size-default; + } + } +} + diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 9f2a528..b16bd6e 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -1,149 +1,149 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - - -/* + + + + + + + + + + + + + + + + + + + + + + + */ -/* magic matcher bar with form on top of page */ - -#dokuwiki_magic-matcher { - position: fixed; - top: 0; - left: 0; - width: 100%; - - #mm__issueselect_chosen { - max-width: 50%; - } - - button[name="toggleSuggestions"] { - position: absolute; - right: 0; - top: 0; - border: 0; - border-bottom: 1px solid @color-border; - border-left: 1px solid @color-border; - color: @color-nav; - background: #fff; - border-radius: 0; - border-bottom-left-radius: 5px; - - &:hover, - &:focus, - &:active { - border-color: @button_background; - color: @button_background; - } - } - - #magicmatcher__context { - position: relative; - z-index: 100; - width: 100%; - min-height: @height-context-bar; - box-sizing: border-box; - box-shadow: __box_shadow__; - background-color: __nav_direct_background__; - border-radius: 0 0 __default_border_radius__ __default_border_radius__; - font-size: .88rem; - padding: .8em 1em .5em; - margin-bottom: 0; - - .chosen-container-single, - .chosen-container-single *, - #mm_issue_loading, - .mm__status, - .toggleSuggestions { - font-size: .88rem; - } - - .chosen-container-single { - .chosen-single span { - line-height: @line-height-bigger; - } - } - - @media @screen_max-md { - padding-top: 1.8rem; - - .chosen-container { - display: block; - min-width: 100%; - max-width: 100%; - margin-bottom: .5rem; - } - } - } -} - -/* + + + + + in content + + + + + */ -a.jiralink { - font-size: @font-size-default; - - img { - float: left; - display: inline-block; - margin-top: .13em; - margin-right: 3px; - } - - span.mm__status { - display: inline-block; - font-size: @font-size-default; - margin-left: 5px; - padding: 1px 4px; - } -} - - -/* + + + + + no js version + + + + + */ -.no-js { - #dokuwiki_magic-matcher { - display: none; - } -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ - -@media @screen_max-lg { - #dokuwiki_magic-matcher { - #magicmatcher__context { - .chosen-container-single { - width: 20% !important; - - + select + .chosen-container-single { - width: 58% !important; - } - } - } - } -} - -@media @screen_max-md { - #dokuwiki_magic-matcher { - position: relative; - - .container { - margin: .8rem 0 -5px; - } - - #magicmatcher__context { - border-radius: 0; - } - } -} - - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* print */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -@media print { - #dokuwiki_magic-matcher { - display: none; - } -} - +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + + +/* + + + + + + + + + + + + + + + + + + + + + + + */ +/* magic matcher bar with form on top of page */ + +#dokuwiki_magic-matcher { + position: fixed; + top: 0; + left: 0; + width: 100%; + + #mm__issueselect_chosen { + max-width: 50%; + } + + button[name="toggleSuggestions"] { + position: absolute; + right: 0; + top: 0; + border: 0; + border-bottom: 1px solid @color-border; + border-left: 1px solid @color-border; + color: @color-nav; + background: #fff; + border-radius: 0; + border-bottom-left-radius: 5px; + + &:hover, + &:focus, + &:active { + border-color: @button_background; + color: @button_background; + } + } + + #magicmatcher__context { + position: relative; + z-index: 100; + width: 100%; + min-height: @height-context-bar; + box-sizing: border-box; + box-shadow: __box_shadow__; + background-color: __nav_direct_background__; + border-radius: 0 0 __default_border_radius__ __default_border_radius__; + font-size: @font-size-default; + padding: .8em 1em .5em; + margin-bottom: 0; + + .chosen-container-single, + .chosen-container-single *, + #mm_issue_loading, + .mm__status, + .toggleSuggestions { + font-size: @font-size-default; + } + + .chosen-container-single { + .chosen-single span { + line-height: @line-height-bigger; + } + } + + @media @screen_max-md { + padding-top: @margin-default; + + .chosen-container { + display: block; + min-width: 100%; + max-width: 100%; + margin-bottom: .5rem; + } + } + } +} + +/* + + + + + in content + + + + + */ +a.jiralink { + font-size: @font-size-default; + + img { + float: left; + display: inline-block; + margin-top: .13em; + margin-right: 3px; + } + + span.mm__status { + display: inline-block; + font-size: @font-size-default; + margin-left: 5px; + padding: 1px 4px; + } +} + + +/* + + + + + no js version + + + + + */ +.no-js { + #dokuwiki_magic-matcher { + display: none; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-lg { + #dokuwiki_magic-matcher { + #magicmatcher__context { + .chosen-container-single { + width: 20% !important; + + + select + .chosen-container-single { + width: 58% !important; + } + } + } + } +} + +@media @screen_max-md { + #dokuwiki_magic-matcher { + position: relative; + + .container { + margin: .8rem 0 -5px; + } + + #magicmatcher__context { + border-radius: 0; + } + } +} + + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* print */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +@media print { + #dokuwiki_magic-matcher { + display: none; + } +} + diff --git a/css/plugins/move.less b/css/plugins/move.less index 5f6224a..885f1b4 100644 --- a/css/plugins/move.less +++ b/css/plugins/move.less @@ -1,6 +1,6 @@ #dokuwiki__site > .plugin_move_dialog{ - font-size: .88rem; + font-size: @font-size-default; *{ - font-size: .88rem; + font-size: @font-size-default; } } diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less index a5638dc..865ad22 100755 --- a/css/plugins/popupviewer.less +++ b/css/plugins/popupviewer.less @@ -4,15 +4,15 @@ > .controls > .content{ padding: 1.5rem 1rem 1rem; td, th{ - font-size: .88rem; + font-size: @font-size-default; line-height: 125%; a{ - font-size: .88rem; + font-size: @font-size-default; line-height: 125%; } } .li, li{ - font-size: .88rem; + font-size: @font-size-default; line-height: 125%; } } diff --git a/css/plugins/qc.less b/css/plugins/qc.less new file mode 100644 index 0000000..dff5a32 --- /dev/null +++ b/css/plugins/qc.less @@ -0,0 +1,6 @@ +#plugin__qc__wrapper{ + font-size: @font-size-default; + p{ + font-size: @font-size-default; + } +} diff --git a/css/plugins/struct.less b/css/plugins/struct.less index 783e6d4..e0611d1 100755 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -1,24 +1,27 @@ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* all media */ -/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ - -#dokuwiki__content { - .structaggregation { - @link-height: 1.5rem; - - position: relative; - padding-bottom: @link-height; - margin-bottom: @grid; - - .table { - margin-bottom: 0; - } - - > a { - position: absolute; - bottom: 0; - height: @link-height; - margin-bottom: 0; - } - } -} +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +#dokuwiki__content { + .structaggregation { + @link-height: 1.5rem; + + position: relative; + padding-bottom: @link-height; + margin-bottom: @grid; + + .table { + margin-bottom: 0; + } + + > a { + position: absolute; + bottom: 0; + height: @link-height; + margin-bottom: 0; + } + } + #plugin__struct_output{ + margin-right: 0; + } +} diff --git a/css/template_admin.less b/css/template_admin.less index aa2391e..5072f2b 100644 --- a/css/template_admin.less +++ b/css/template_admin.less @@ -1,14 +1,14 @@ .do-admin{ #admin__version{ - font-size: .88rem; + font-size: @font-size-default; } .main-content ul{ > li{ - font-size: .88rem; + font-size: @font-size-default; div.li{ - font-size: .88rem; + font-size: @font-size-default; a{ - font-size: .88rem; + font-size: @font-size-default; line-height: 125%; cursor: pointer; } diff --git a/style.ini b/style.ini index 4a5f687..3c34ba5 100755 --- a/style.ini +++ b/style.ini @@ -84,6 +84,7 @@ css/template_admin.less = all css/plugins/popupviewer.less = all css/plugins/magic-matcher.less = all css/plugins/do_tasks.less = all +css/plugins/qc.less = all css/plugins/struct.less = all css/plugins/bureaucracy.less = all diff --git a/tpl/nav-meta-box.php b/tpl/nav-meta-box.php index 7df5b72..312f06d 100755 --- a/tpl/nav-meta-box.php +++ b/tpl/nav-meta-box.php @@ -5,7 +5,7 @@
        -
        • +
        • diff --git a/tpl/nav-page-tools.php b/tpl/nav-page-tools.php index 177b3e7..fbf4f0c 100755 --- a/tpl/nav-page-tools.php +++ b/tpl/nav-page-tools.php @@ -1,20 +1,22 @@ - - - - - + + + + + diff --git a/tpl/nav-sitetools.php b/tpl/nav-sitetools.php index 3e929f6..cb57c7e 100755 --- a/tpl/nav-sitetools.php +++ b/tpl/nav-sitetools.php @@ -1,14 +1,14 @@ - - - - + + + + From 80d784e1de81a9bd4f2967a7d4fc39110dcb54d3 Mon Sep 17 00:00:00 2001 From: Michael Grosse Date: Wed, 11 Jan 2017 14:42:51 +0100 Subject: [PATCH 102/669] feat: add background-colors to SVG-dispatcher This extends the query with to parameters for the background: b - wanted background color bh - wanted background color on hover --- svg.php | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 74 insertions(+), 3 deletions(-) diff --git a/svg.php b/svg.php index 10da30f..9e2d12c 100644 --- a/svg.php +++ b/svg.php @@ -24,6 +24,28 @@ class SvgNode extends \SimpleXMLElement { return simplexml_import_dom($new, get_class($this)); } + + /** + * @param \SimpleXMLElement $node the node to be added + * @return \SimpleXMLElement + */ + public function appendNode(\SimpleXMLElement $node) { + $dom = dom_import_simplexml($this); + $domNode = dom_import_simplexml($node); + + $newNode = $dom->appendChild($domNode); + return simplexml_import_dom($newNode, get_class($this)); + } + + /** + * @param \SimpleXMLElement $node the child to remove + * @return \SimpleXMLElement + */ + public function removeChild(\SimpleXMLElement $node) { + $dom = dom_import_simplexml($node); + $dom->parentNode->removeChild($dom); + return $node; + } } /** @@ -32,6 +54,7 @@ class SvgNode extends \SimpleXMLElement { class SVG { const IMGDIR = __DIR__ . '/img/'; + const BACKGROUNDCLASS = 'sprintdoc-background'; /** @var SvgNode */ protected $xml; @@ -62,6 +85,8 @@ class SVG { * Generate and output */ public function out() { + $g = $this->wrapChildren(); + $this->setBackground($g); $this->setStyle(); header('image/svg+xml'); echo $this->xml->asXML(); @@ -80,20 +105,31 @@ class SVG { $colors = array( 's' => $this->fixColor($INPUT->str('s')), 'f' => $this->fixColor($INPUT->str('f')), + 'b' => $this->fixColor($INPUT->str('b')), 'sh' => $this->fixColor($INPUT->str('sh')), 'fh' => $this->fixColor($INPUT->str('fh')), + 'bh' => $this->fixColor($INPUT->str('bh')), ); - $style = ''; + if (empty($colors['b'])) { + $colors['b'] = $this->fixColor('00000000'); + } + + $style = 'g rect.' . self::BACKGROUNDCLASS . '{fill:' . $colors['b'] . ';}'; + + if($colors['bh']) { + $style .= 'g:hover rect.' . self::BACKGROUNDCLASS . '{fill:' . $colors['bh'] . ';}'; + } + if($colors['s'] || $colors['f']) { - $style .= $element . '{'; + $style .= 'g ' . $element . '{'; if($colors['s']) $style .= 'stroke:' . $colors['s'] . ';'; if($colors['f']) $style .= 'fill:' . $colors['f'] . ';'; $style .= '}'; } if($colors['sh'] || $colors['fh']) { - $style .= $element . ':hover{'; + $style .= 'g:hover ' . $element . '{'; if($colors['sh']) $style .= 'stroke:' . $colors['sh'] . ';'; if($colors['fh']) $style .= 'fill:' . $colors['fh'] . ';'; $style .= '}'; @@ -136,6 +172,41 @@ class SVG { return "rgba($r,$g,$b,$a)"; } + /** + * sets a rectangular background of the size of the svg/this itself + * + * @param SvgNode $g + * @return SvgNode + */ + protected function setBackground(SvgNode $g) { + $attributes = $this->xml->attributes(); + $rect = $g->prependChild('rect'); + $rect->addAttribute('class', self::BACKGROUNDCLASS); + + $rect->addAttribute('x', '0'); + $rect->addAttribute('y', '0'); + $rect->addAttribute('height', $attributes['height']); + $rect->addAttribute('width', $attributes['width']); + return $rect; + } + + /** + * Wraps all elements of $this in a `` tag + * + * @return SvgNode + */ + protected function wrapChildren() { + $svgChildren = array(); + foreach ($this->xml->children() as $child) { + $svgChildren[] = $this->xml->removeChild($child); + } + $g = $this->xml->prependChild('g'); + foreach ($svgChildren as $child) { + $g->appendNode($child); + } + return $g; + } + /** * Apply the style to the SVG */ From cef85c91a12b6c09db918acaa326f666579e15f5 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Wed, 11 Jan 2017 15:16:40 +0100 Subject: [PATCH 103/669] SPR-768: Anpassungen - SprintMeeting 10.1.2017 - breadcrumb padding --- css/area_nav-breadcrumb.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 59b679f..529997c 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -7,7 +7,7 @@ .breadcrumbs { position: relative; border-bottom: 1px solid @color-border; - padding: .8rem 1.8rem .4rem; + padding: 1rem 1.8rem .2rem; > p { font-size: .83rem; @@ -31,7 +31,7 @@ width: auto; box-sizing: border-box; border: solid 1px transparent; - border-radius: 2px; + border-radius: @border-radius; vertical-align: middle; text-decoration: none; margin-top: -.2em; @@ -62,7 +62,7 @@ float: right; display: inline-block; max-width: 30%; - margin: -.4em 0 0; + margin: -.6em 0 0; padding: 0; > li { From bbf124abb273a417d374738b4b638548e7ebd73b Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Wed, 11 Jan 2017 15:17:39 +0100 Subject: [PATCH 104/669] SPR-768: Anpassungen - SprintMeeting 10.1.2017 - breadcrumb padding --- css/area_content.less | 41 +++++++++++++++++++++++------------------ 1 file changed, 23 insertions(+), 18 deletions(-) diff --git a/css/area_content.less b/css/area_content.less index e231ee1..9520f68 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -4,56 +4,61 @@ * @author Jana Deutschlaender */ - .content .row { > .col-xs-12 { box-shadow: @box-shadow; - #dokuwiki__content{ + + #dokuwiki__content { position: relative; z-index: 10; - &::before{ + + &::before { content: ""; + position: absolute; + top: 0; + left: 0; + z-index: -1; + height: 2.45rem; + width: 100%; background-color: @background_page-header; border-bottom: 1px solid @color-border; - position: absolute; - top: 0; left: 0; - height: 3rem; width: 100%; - z-index: -1; } - #meta-box{ + + #meta-box { display: inline-block; min-height: 1.95rem; max-width: 40%; float: right; } - #plugin__highlightparent{ + #plugin__highlightparent { display: block; } } } } -.structaggregation{ +.structaggregation { font-size: .88rem; - td, th{ + td, th { font-size: .88rem; line-height: 125%; - a{ + a { font-size: .88rem; line-height: 125%; } } - > a.export{ + > a.export { font-size: .88rem; line-height: 135%; padding-top: .5em; } - ~ ul li .li{ + ~ ul li .li { font-size: .88rem; } } -.dokuwiki .structaggregation a.export{ + +.dokuwiki .structaggregation a.export { padding-top: .3em; font-size: .88rem; } @@ -63,12 +68,12 @@ .main-content > .level3, .main-content > .level4, .main-content > .level5, -.main-content > .level6{ +.main-content > .level6 { font-size: .88rem; padding-bottom: 1rem; - > p, > ul > li .li{ + > p, > ul > li .li { font-size: .88rem; - a{ + a { font-size: inherit; } } From 527e72e79a814c0723f3ff9d7c8bcb17350643ef Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Wed, 11 Jan 2017 15:18:39 +0100 Subject: [PATCH 105/669] SPR-768: Anpassungen - SprintMeeting 10.1.2017 - tabbox --- css/area_nav-metabox.less | 128 ++++++++++++++++++++++++++------------ 1 file changed, 87 insertions(+), 41 deletions(-) diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index b8d70a7..de64db4 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -2,6 +2,7 @@ .tab-container { display: table; } + .box-content { position: relative; height: 0; @@ -9,38 +10,49 @@ } ul.meta-tabs { - border-bottom: 1px solid @color-border; - background-color: @background_page-header; + //border-bottom: 1px solid @color-border; + //background-color: @background_page-header; margin: 0; padding: 0; list-style: none; - &::before, &::after { + + &::before, + &::after { display: table; content: " "; box-sizing: border-box; clear: both; } - > li:first-child{ - > a{ + + > li:first-child { + > a { margin-left: 0; } } + + > li:last-child { + > a { + margin-right: -1px; + } + } + > li { - margin: 0 -1px -1px; + margin: 0 0 -1px; position: relative; display: inline-block; + > a { - font-size: .78rem; - margin-left: 4px; - line-height: 1.42857143; + cursor: pointer; position: relative; display: block; - padding: .56em 2em; - border: 1px solid @color-border; background-color: @color-site-bg; - border-radius: 4px 4px 0 0; + border: 1px solid @color-border; + border-radius: @fix_border-radius @fix_border-radius 0 0; color: @color-nav; - cursor: pointer; + font-size: .78rem; + line-height: 1.42857143; + padding: .3em 1rem .1em; + margin-left: 4px; transition: @transition color, @transition background-color, @transition border-color; * { @@ -53,12 +65,13 @@ position: relative; transition: @transition color; } + .num { position: absolute; right: -.8rem; - top: -.4rem; + top: -.2rem; background-color: @color-border; - border-radius: 2px; + border-radius: @fix_border-radius; color: @color-nav; font-size: .56rem; font-weight: 400; @@ -66,56 +79,80 @@ line-height: 1; padding: .2em .2rem .1em; transition: @transition color, @transition background-color; - } + &:hover, &:focus, &:active { - background-color: @background_page-header; - border-color: @color-border; - border-bottom-color: transparent; - color: @button_background; + background-color: @color-content-bg; + border-color: @color-link; + color: @color-link; + text-decoration: none; .prefix { - color: @button_background; + color: inherit; } .num { - background-color: @button_background; - color: @button_color; + color: inherit; } } } - &.active > a { - cursor: default; - tab-index: -1; - color: #555; - background-color: @background_page-header; - border-color: transparent; + + &.active { + z-index: 1; + + > a { + cursor: default; + tab-index: -1; + background-color: @color-content-bg; + border-color: @color-link; + border-bottom-color: @color-content-bg; + color: @color-link; + } } } } + .meta-content { .tab-pane { - border: 1px solid @color-border; - border-top-color: transparent; - background-color: @background_page-header; - display: none; position: absolute; + top: 0; + display: none; width: 100%; + background-color: @color-content-bg; + border: 1px solid @color-link; + border-top-color: transparent; + border-radius: 0 0 @fix_border-radius @fix_border-radius; + + &::before { + content: ''; + position: absolute; + top: -1px; + left: 0; + z-index: 0; + width: 100%; + height: 1px; + background-color: @color-link; + } + &.active { display: block; } + > div { padding: .8rem .5rem .5rem; - p{ + + p { padding-left: 1em; } - ul{ + ul { list-style: none; - padding-left:0; - li{ - margin-left: 0; padding-left: 1em; + padding-left: 0; + + li { + margin-left: 0; + padding-left: 1em; } } } @@ -127,26 +164,34 @@ padding: .6rem .5rem .5rem .8rem; background: transparent; border: 0 none; + h3 { display: none; } + > div { padding: 0; } + > div ul.toc { font-size: .78rem; padding-left: .5em; + a { font-size: .78rem; display: inline-block; padding-left: 10px; position: relative; } + li { } + div.li { position: relative; - ::before { + padding: .15em 0; + + &::before { position: absolute; top: .3em; content: ""; @@ -157,16 +202,17 @@ overflow: hidden; left: 0; } - padding: .15em 0; } } + > div > ul.toc { padding: 0; } } } } - + .msg-area + a{ + + + .msg-area + a { clear: right; margin-top: 20px; } From acc4acbcf1d485621fa1663cd34eee3e4a34e4dd Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Wed, 11 Jan 2017 15:20:15 +0100 Subject: [PATCH 106/669] new var @fix_border-radius for no custom border-radius --- css/area_main-sidebar.less | 3 ++- css/area_sidetools.less | 5 +++-- css/area_togglelink.less | 3 ++- css/base.less | 1 + 4 files changed, 8 insertions(+), 4 deletions(-) diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index fbb3cea..4728b1f 100755 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -119,7 +119,7 @@ position: relative; display: block; border: 1px solid transparent; - border-radius: 2px; + border-radius: @fix_border-radius; margin-bottom: -.3rem; padding: .6em 0 .6em (@icon-size + 1); transition: @transition color, @transition background-color, @transition border-color; @@ -181,6 +181,7 @@ &::before { background-color: @color-site-bg; + border-radius: @fix_border-radius 0 0 @fix_border-radius; } &::after { diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 25fdd19..63872f5 100755 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -129,7 +129,7 @@ position: relative; display: block; border: 1px solid transparent; - border-radius: 2px; + border-radius: @fix_border-radius; padding: .6em 0 .6em (@icon-size + 1); transition: @transition color, @transition background-color, @transition border-color; @@ -190,6 +190,7 @@ &::before { background-color: @color-site-bg; + border-radius: @fix_border-radius 0 0 @fix_border-radius; } &::after { @@ -243,7 +244,7 @@ overflow-y: auto; background-color: @color-content-bg; border: 1px solid @button_background; - border-radius: 2px; + border-radius: @fix_border-radius; font-size: .8rem; margin-top: .1rem; padding: .3rem .6em; diff --git a/css/area_togglelink.less b/css/area_togglelink.less index a344f70..9b10bc3 100644 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -22,7 +22,7 @@ height: 100%; background-color: @button_background; border: solid 1px @button_background; - border-radius: 2px 0 0 2px; + border-radius: @fix_border-radius 0 0 @fix_border-radius; color: @button_color; text-decoration: none; text-align: center; @@ -51,6 +51,7 @@ a { background-color: @button_background; border-color: @button_background; + border-radius: 0 @fix_border-radius @fix_border-radius 0; &:hover, &:focus, diff --git a/css/base.less b/css/base.less index d5c26de..955cef8 100755 --- a/css/base.less +++ b/css/base.less @@ -12,6 +12,7 @@ @background_page-header: __background_page-header__; @border-radius: __default_border_radius__; +@fix_border-radius: 2px; @font_family_screen: __font_family_screen__; From 00c1ebdd538599613507ac32efd0518d311e600e Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Wed, 11 Jan 2017 15:21:29 +0100 Subject: [PATCH 107/669] new var @fix_border-radius for no custom border-radius --- css/base_design.less | 1302 +++++++++++++++++++++--------------------- 1 file changed, 651 insertions(+), 651 deletions(-) diff --git a/css/base_design.less b/css/base_design.less index 37ae4c0..ca52c10 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -1,651 +1,651 @@ -/** - * This file provides the main design styles - * across all template elements (typo, colors etc.) - * - * @author Jana Deutschlaender - */ - - -html, body { - background-color: @color-site-bg; -} - -a { - color: @color-link; -} - -/* highlight selected tool */ -.mode_admin a.action.admin, -.mode_login a.action.login, -.mode_register a.action.register, -.mode_profile a.action.profile, -.mode_recent a.action.recent, -.mode_index a.action.index, -.mode_media a.action.media, -.mode_revisions a.action.revs, -.mode_backlink a.action.backlink, -.mode_subscribe a.action.subscribe { - font-weight: bold; -} - -.dokuwiki .pageId { - float: right; - margin-right: -1em; - margin-bottom: -1px; - margin-top: -1.5em; - overflow: hidden; - padding: 0.5em 1em 0; - - span { - font-size: 0.875em; - border: solid @ini_background_alt; - border-width: 1px 1px 0; - background-color: @ini_background; - color: @ini_text_alt; - padding: .1em .35em; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - box-shadow: 0 0 .5em @ini_text_alt; - display: block; - } -} - -.dokuwiki div.page { - clear: both; - background: @color-content-bg; - color: inherit; - padding: 1rem 2rem 2rem; - // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border - overflow: hidden; - word-wrap: break-word; -} - -.dokuwiki .docInfo { - font-size: 0.5rem; - text-align: right; -} - -/* license note under edit window */ -.dokuwiki div.license { - font-size: 93.75%; -} - -[dir=rtl] .dokuwiki .docInfo { - text-align: left; -} - -[dir=rtl] .dokuwiki .pageId { - float: left; - margin-left: -1em; - margin-right: 0; -} - -caption, -figcaption, -summary, -legend { - padding: 0; - margin: 0 0 .35em; - line-height: 1.2; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - padding: 0; - line-height: 1.2; - clear: both; -} - -[dir=rtl] h1, -[dir=rtl] h2, -[dir=rtl] h3, -[dir=rtl] h4, -[dir=rtl] h5, -[dir=rtl] h6 { - clear: right; -} - -h1 { - font-size: 1.4rem; - margin: 0 0 0.444em; - padding-top: 1em; -} - -h2 { - font-size: 1.12rem; - margin: 0 0 0.666em; -} - -h3 { - font-size: 1rem; - margin: 0 0 0.888em; -} - -h4 { - font-size: .94rem; - margin: 0 0 1.0em; -} - -h5 { - font-size: .88rem; - margin: 0 0 1.1428em; -} - -h6 { - font-size: .83rem; - margin: 0 0 1.333em; -} - -p { - font-size: .88rem; - line-height: 135%; - - a, - span, - strong { - font-size: inherit; - } -} - -label, -legend, -button { - font-size: .88rem; - - a, - span, - strong { - font-size: inherit; - } -} - -hr, -figure, -details, -address { - font-size: .88rem; - line-height: 140%; -} - -p, -ul, -ol, -dl, -pre, -table, -hr, -blockquote, -figure, -details, -fieldset, -address { - margin: 0 0 1.4em; /* bottom margin = line-height */ - padding: 0; -} - -div, -video, -audio { - margin: 0; - padding: 0; -} - -small, -.code { - font-size: .75rem; -} - -.code { - margin-top: @grid; -} - - -/*____________ lists ____________*/ - -ul, -ol { - font-size: .88rem; - line-height: 140%; - padding: 0 0 0 1.5em; -} - -[dir=rtl] ul, -[dir=rtl] ol { - padding: 0 1.5em 0 0; -} - -li, -dd { - padding: 0; - margin: 0 0 0 1.5em; -} - -[dir=rtl] li, -[dir=rtl] dd { - margin: 0 1.5em 0 0; -} - -dl { - font-size: .88rem; - line-height: 140%; -} - -dt { - font-weight: bold; - margin: 0; - padding: 0; -} - -li ul, -li ol, -li dl, -dl ul, -dl ol, -dl dl { - margin-bottom: 0; - padding: 0; -} - -li li { - font-size: 100%; -} - -ul { - list-style: square outside; -} - -ol { - list-style: decimal outside; -} - -ol ol { - list-style-type: lower-alpha; -} - -ol ol ol { - list-style-type: upper-roman; -} - -ol ol ol ol { - list-style-type: upper-alpha; -} - -ol ol ol ol ol { - list-style-type: lower-roman; -} - -table { - border-collapse: collapse; - empty-cells: show; - border-spacing: 0; - border: 1px solid @color-border; - font-size: .88rem; - line-height: 140%; -} - -caption { - caption-side: top; - text-align: left; -} - -[dir=rtl] caption { - text-align: right; -} - -th, -td { - padding: .3em .5em; - margin: 0; - vertical-align: top; - border: 1px solid @color-border; -} - -th { - font-weight: bold; - background-color: @ini_background_alt; - text-align: left; -} - -[dir=rtl] th { - text-align: right; -} - -a { - outline: none; -} - -a:link, -a:visited { - text-decoration: none; - color: @color-link; -} - -a:hover, -a:focus, -a:active { - text-decoration: underline; -} - -img { - display: inline-block; - border-width: 0; - vertical-align: middle; - color: #666; - background-color: transparent; - font-style: italic; - height: auto; -} - -img, -object, -embed, -iframe, -video, -audio { - max-width: 100%; -} - -button img { - max-width: none; -} - -hr { - border-top: solid @color-border; - border-bottom: solid @ini_background; - border-width: 1px 0; - height: 0; - text-align: center; - clear: both; -} - -acronym, -abbr { - cursor: help; - border-bottom: 1px dotted; - font-style: normal; -} - -em acronym, -em abbr { - font-style: italic; -} - -mark { - background-color: @ini_highlight; - color: inherit; -} - -pre, -code, -samp, -kbd { - font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; - /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ - font-size: 1em; - direction: ltr; - text-align: left; - background-color: @color-site-bg; - color: @color-text; - box-shadow: inset 0 0 .3em @color-border; - border-radius: 2px; -} - -pre { - overflow: auto; - word-wrap: normal; - border: 1px solid @color-border; - border-radius: 2px; - box-shadow: inset 0 0 .5em @color-border; - font-size: .88rem; - line-height: 140%; - padding: .7em 1em; -} - -blockquote { - border: solid @color-border; - border-width: 0 0 0 .25em; - font-size: .88rem; - line-height: 140%; - padding: 0 .5em; -} - -[dir=rtl] blockquote { - border-width: 0 .25em 0 0; -} - -q:before, -q:after { - content: ''; -} - -sub, -sup { - font-size: .8em; - line-height: 1; -} - -sub { - vertical-align: sub; -} - -sup { - vertical-align: super; -} - -small { - font-size: .9em; -} - - -/*____________ forms ____________*/ - -/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ - -form { - display: inline; - margin: 0; - padding: 0; -} - -fieldset { - font-size: .88rem; - line-height: 140%; - border: 1px solid @ini_text_alt; - padding: .7rem 1rem; -} - -fieldset > :last-child { - margin-bottom: 0; -} - -legend { - margin: 0; - padding: 0 .1em; -} - -label { - vertical-align: middle; - cursor: pointer; -} - -input, -textarea, -button, -select, -optgroup, -option, -keygen, -output, -meter, -progress { - font: inherit; - font-weight: normal; - color: #333; - background-color: #fff; - line-height: normal; - margin: 0; - vertical-align: middle; - box-sizing: border-box; -} - -select { - max-width: 100%; -} - -textarea.edit { - font-size: .88em; -} - -optgroup { - font-style: italic; - font-weight: bold; -} - -option { - font-style: normal; - font-weight: normal; -} - -input, -textarea, -select, -keygen { - border: 1px solid #ccc; - box-shadow: inset 0 0 1px #eee; - border-radius: 2px; -} - -input:active, -input:focus, -textarea:active, -textarea:focus, -select:active, -select:focus, -keygen:active, -keygen:focus { - border-color: #999; -} - -input[type=radio], -input[type=checkbox], -input[type=image] { - padding: 0; - border-style: none; - box-shadow: none; -} - - -/* + + + + + buttons + + + + + */ -button { - background-color: #eee; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - cursor: pointer; - transition: @transition background-color, @transition color; - - &:hover, - &:focus, - &:active { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - } -} - - -/* + + + all types of submit-buttons + + + */ -a.button, -input[type=submit], -input[type=reset], -button[type=submit], -.qq-upload-button { - cursor: pointer; - background-image: none; - background-color: @button_background; - border: 1px solid @button_background; - border-radius: 2px; - color: @button_color; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: @button_color; - color: @button_background; - } -} - - -/* + + + all types of buttons not being submit-buttons + + + */ -input.button, -input[type=button] { - cursor: pointer; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background-color: #eee; - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - padding: .1em .5em; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - border-color: #999; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - } -} - - -/* + + + all disabled buttons + + + */ -input[disabled], -button[disabled], -select[disabled], -textarea[disabled], -option[disabled], -input[readonly], -button[readonly], -select[readonly], -textarea[readonly] { - cursor: auto; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background-color: #eee; - opacity: .5; - border: 1px solid #ccc; - border-radius: 2px; - color: #333; - font-weight: normal; - padding: .3em @grid; - transition: @transition background-color, @transition color; - - &:hover, - &:active, - &:focus { - background-color: #ddd; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); - background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); - border-color: #999; - color: #333; - } -} - -input::-moz-focus-inner, -button::-moz-focus-inner { - border: 0; - padding: 0; -} +/** + * This file provides the main design styles + * across all template elements (typo, colors etc.) + * + * @author Jana Deutschlaender + */ + + +html, body { + background-color: @color-site-bg; +} + +a { + color: @color-link; +} + +/* highlight selected tool */ +.mode_admin a.action.admin, +.mode_login a.action.login, +.mode_register a.action.register, +.mode_profile a.action.profile, +.mode_recent a.action.recent, +.mode_index a.action.index, +.mode_media a.action.media, +.mode_revisions a.action.revs, +.mode_backlink a.action.backlink, +.mode_subscribe a.action.subscribe { + font-weight: bold; +} + +.dokuwiki .pageId { + float: right; + margin-right: -1em; + margin-bottom: -1px; + margin-top: -1.5em; + overflow: hidden; + padding: 0.5em 1em 0; + + span { + font-size: 0.875em; + border: solid @ini_background_alt; + border-width: 1px 1px 0; + background-color: @ini_background; + color: @ini_text_alt; + padding: .1em .35em; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + box-shadow: 0 0 .5em @ini_text_alt; + display: block; + } +} + +.dokuwiki div.page { + clear: both; + background: @color-content-bg; + color: inherit; + padding: 1rem 2rem 2rem; + // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border + overflow: hidden; + word-wrap: break-word; +} + +.dokuwiki .docInfo { + font-size: 0.5rem; + text-align: right; +} + +/* license note under edit window */ +.dokuwiki div.license { + font-size: 93.75%; +} + +[dir=rtl] .dokuwiki .docInfo { + text-align: left; +} + +[dir=rtl] .dokuwiki .pageId { + float: left; + margin-left: -1em; + margin-right: 0; +} + +caption, +figcaption, +summary, +legend { + padding: 0; + margin: 0 0 .35em; + line-height: 1.2; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + padding: 0; + line-height: 1.2; + clear: both; +} + +[dir=rtl] h1, +[dir=rtl] h2, +[dir=rtl] h3, +[dir=rtl] h4, +[dir=rtl] h5, +[dir=rtl] h6 { + clear: right; +} + +h1 { + font-size: 1.4rem; + margin: 0 0 0.444em; + padding-top: 1em; +} + +h2 { + font-size: 1.12rem; + margin: 0 0 0.666em; +} + +h3 { + font-size: 1rem; + margin: 0 0 0.888em; +} + +h4 { + font-size: .94rem; + margin: 0 0 1.0em; +} + +h5 { + font-size: .88rem; + margin: 0 0 1.1428em; +} + +h6 { + font-size: .83rem; + margin: 0 0 1.333em; +} + +p { + font-size: .88rem; + line-height: 135%; + + a, + span, + strong { + font-size: inherit; + } +} + +label, +legend, +button { + font-size: .88rem; + + a, + span, + strong { + font-size: inherit; + } +} + +hr, +figure, +details, +address { + font-size: .88rem; + line-height: 140%; +} + +p, +ul, +ol, +dl, +pre, +table, +hr, +blockquote, +figure, +details, +fieldset, +address { + margin: 0 0 1.4em; /* bottom margin = line-height */ + padding: 0; +} + +div, +video, +audio { + margin: 0; + padding: 0; +} + +small, +.code { + font-size: .75rem; +} + +.code { + margin-top: @grid; +} + + +/*____________ lists ____________*/ + +ul, +ol { + font-size: .88rem; + line-height: 140%; + padding: 0 0 0 1.5em; +} + +[dir=rtl] ul, +[dir=rtl] ol { + padding: 0 1.5em 0 0; +} + +li, +dd { + padding: 0; + margin: 0 0 0 1.5em; +} + +[dir=rtl] li, +[dir=rtl] dd { + margin: 0 1.5em 0 0; +} + +dl { + font-size: .88rem; + line-height: 140%; +} + +dt { + font-weight: bold; + margin: 0; + padding: 0; +} + +li ul, +li ol, +li dl, +dl ul, +dl ol, +dl dl { + margin-bottom: 0; + padding: 0; +} + +li li { + font-size: 100%; +} + +ul { + list-style: square outside; +} + +ol { + list-style: decimal outside; +} + +ol ol { + list-style-type: lower-alpha; +} + +ol ol ol { + list-style-type: upper-roman; +} + +ol ol ol ol { + list-style-type: upper-alpha; +} + +ol ol ol ol ol { + list-style-type: lower-roman; +} + +table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1px solid @color-border; + font-size: .88rem; + line-height: 140%; +} + +caption { + caption-side: top; + text-align: left; +} + +[dir=rtl] caption { + text-align: right; +} + +th, +td { + padding: .3em .5em; + margin: 0; + vertical-align: top; + border: 1px solid @color-border; +} + +th { + font-weight: bold; + background-color: @ini_background_alt; + text-align: left; +} + +[dir=rtl] th { + text-align: right; +} + +a { + outline: none; +} + +a:link, +a:visited { + text-decoration: none; + color: @color-link; +} + +a:hover, +a:focus, +a:active { + text-decoration: underline; +} + +img { + display: inline-block; + border-width: 0; + vertical-align: middle; + color: #666; + background-color: transparent; + font-style: italic; + height: auto; +} + +img, +object, +embed, +iframe, +video, +audio { + max-width: 100%; +} + +button img { + max-width: none; +} + +hr { + border-top: solid @color-border; + border-bottom: solid @ini_background; + border-width: 1px 0; + height: 0; + text-align: center; + clear: both; +} + +acronym, +abbr { + cursor: help; + border-bottom: 1px dotted; + font-style: normal; +} + +em acronym, +em abbr { + font-style: italic; +} + +mark { + background-color: @ini_highlight; + color: inherit; +} + +pre, +code, +samp, +kbd { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; + /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + font-size: 1em; + direction: ltr; + text-align: left; + background-color: @color-site-bg; + color: @color-text; + box-shadow: inset 0 0 .3em @color-border; + border-radius: @fix_border-radius; +} + +pre { + overflow: auto; + word-wrap: normal; + border: 1px solid @color-border; + border-radius: @fix_border-radius; + box-shadow: inset 0 0 .5em @color-border; + font-size: .88rem; + line-height: 140%; + padding: .7em 1em; +} + +blockquote { + border: solid @color-border; + border-width: 0 0 0 .25em; + font-size: .88rem; + line-height: 140%; + padding: 0 .5em; +} + +[dir=rtl] blockquote { + border-width: 0 .25em 0 0; +} + +q:before, +q:after { + content: ''; +} + +sub, +sup { + font-size: .8em; + line-height: 1; +} + +sub { + vertical-align: sub; +} + +sup { + vertical-align: super; +} + +small { + font-size: .9em; +} + + +/*____________ forms ____________*/ + +/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ + +form { + display: inline; + margin: 0; + padding: 0; +} + +fieldset { + font-size: .88rem; + line-height: 140%; + border: 1px solid @ini_text_alt; + padding: .7rem 1rem; +} + +fieldset > :last-child { + margin-bottom: 0; +} + +legend { + margin: 0; + padding: 0 .1em; +} + +label { + vertical-align: middle; + cursor: pointer; +} + +input, +textarea, +button, +select, +optgroup, +option, +keygen, +output, +meter, +progress { + font: inherit; + font-weight: normal; + color: #333; + background-color: #fff; + line-height: normal; + margin: 0; + vertical-align: middle; + box-sizing: border-box; +} + +select { + max-width: 100%; +} + +textarea.edit { + font-size: .88em; +} + +optgroup { + font-style: italic; + font-weight: bold; +} + +option { + font-style: normal; + font-weight: normal; +} + +input, +textarea, +select, +keygen { + border: 1px solid #ccc; + box-shadow: inset 0 0 1px #eee; + border-radius: @fix_border-radius; +} + +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 + + + */ +a.button, +input[type=submit], +input[type=reset], +button[type=submit], +.qq-upload-button { + cursor: pointer; + background-image: none; + background-color: @button_background; + border: 1px solid @button_background; + border-radius: @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; + } +} + + +/* + + + 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 #ccc; + 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; +} From 659ce8325fa0170b1e088cc33c5a630daa146073 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 11 Jan 2017 15:51:10 +0100 Subject: [PATCH 108/669] merge mit spis vorbereiten --- css/area_content.less | 2 +- css/area_footer.less | 2 +- css/area_nav-breadcrumb.less | 2 +- css/area_sidebar-search.less | 171 +++++++++++++++++++---------------- css/base.less | 3 + css/base_design.less | 4 +- css/base_structure.less | 20 +--- main.php | 7 -- style.ini | 6 +- tpl/main-sidebar-search.php | 12 +-- 10 files changed, 116 insertions(+), 113 deletions(-) diff --git a/css/area_content.less b/css/area_content.less index e2144bc..8475b3a 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -14,7 +14,7 @@ &::before{ content: ""; background-color: @background_page-header; - border-bottom: 1px solid @color-border; + border-bottom: 1px solid @color-border-light; position: absolute; top: 0; left: 0; height: 3rem; width: 100%; diff --git a/css/area_footer.less b/css/area_footer.less index ec50151..7a7dea7 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -11,7 +11,7 @@ @media screen { .page-footer { background: @background_page-header; - border-top: 1px solid @color-border; + border-top: 1px solid @color-border-light; font-size: @font-size-default; padding: @margin-small (@margin-big - .5); text-align: right; diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 933daad..853bf17 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -6,7 +6,7 @@ .breadcrumbs { position: relative; - border-bottom: 1px solid @color-border; + border-bottom: 1px solid @color-border-light; padding: .8rem @margin-default @very-small-spacing; > p { diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index bf8656e..f735dc6 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -1,78 +1,93 @@ -/** - * This file provides the design styles for the quick search. - * - * @author Jana Deutschlaender - */ - - -.search.main-sidebar { - form { - @icon-size: 40px; - - display: block; - margin: @margin-default 0; - - .no { - #qsearch__in { - width: 100%; - padding-left: 10px; - padding-right: (@icon-size + 10); - } - } - - input { - min-height: @icon-size; - box-sizing: border-box; - } - - button[type="submit"] { - .fontello(); - .hide-text-show-before(); - .icon-search(); - - position: relative; - width: @icon-size; - min-height: @icon-size; - overflow: visible; - background-image: none; - background-color: transparent; - border: solid 1px transparent; - border-right-color: @color-border; - color: @color-nav; - margin-left: -(@icon-size); - padding: 0; - transition: @transition color, @transition background-color, @transition border-color; - - &:hover, - &:focus, - &:active { - background-color: @button_color; - border: solid 1px @button_background; - color: @button_background; - - &::after { - background-color: @button_background; - } - } - - &::before { - width: 100%; - color: inherit; - font-size: 25px; - text-align: center; - margin: 0; - } - - &::after { - content: ''; - position: absolute; - top: 15%; - bottom: 15%; - width: 1px; - left: -1px; - background-color: @color-border; - transition: @transition background-color; - } - } - } -} +/** + * This file provides the design styles for the quick search. + * + * @author Jana Deutschlaender + */ + + +.search.main-sidebar { + + form { + @icon-size: 40px; + + display: block; + margin: 0 0 @margin-default; + + .no { + #qsearch__in { + width: 100%; + padding-left: 10px; + padding-right: (@icon-size + 10); + } + } + + input { + min-height: @icon-size; + box-sizing: border-box; + } + + button[type="submit"] { + .fontello(); + .hide-text-show-before(); + .icon-search(); + + position: relative; + width: @icon-size; + min-height: @icon-size; + overflow: visible; + background-image: none; + background-color: transparent; + border: solid 1px transparent; + border-right-color: @color-border; + color: @color-nav; + margin-left: -(@icon-size); + padding: 0; + transition: @transition color, @transition background-color, @transition border-color; + + &:hover, + &:focus, + &:active { + background-color: @button_color; + border: solid 1px @button_background; + color: @button_background; + + &::after { + background-color: @button_background; + } + } + + &::before { + width: 100%; + color: inherit; + font-size: 25px; + text-align: center; + margin: 0; + } + + &::after { + content: ''; + position: absolute; + top: 15%; + bottom: 15%; + width: 1px; + left: -1px; + background-color: @color-border; + transition: @transition background-color; + } + } + } +} + +.wide-content{ + .search.main-sidebar{ + form{ + .no { + #qsearch__in{ + width: 0; + padding: 0; + margin: 0; + } + } + } + } +} diff --git a/css/base.less b/css/base.less index bb8be28..68cb80d 100755 --- a/css/base.less +++ b/css/base.less @@ -17,6 +17,7 @@ @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__; @@ -34,6 +35,8 @@ @box-shadow: __box_shadow__; @box-shadow-colored: __box_shadow_colored__; +@th_background: __background_alt__; + /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* global vars */ diff --git a/css/base_design.less b/css/base_design.less index 144ccf7..8bc942e 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -10,6 +10,8 @@ html, body { background-color: @color-site-bg; } + + a { color: @color-link; } @@ -308,7 +310,7 @@ td { th { font-weight: bold; - background-color: @ini_background_alt; + background-color: @th_background; text-align: left; } diff --git a/css/base_structure.less b/css/base_structure.less index 4465db6..8ef1b17 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -121,9 +121,6 @@ .claim { .logo { - position: absolute; - bottom: 1em; - overflow: visible; img { height: 60px; @@ -155,24 +152,17 @@ .claim { .logo { - position: absolute; - bottom: 0; - height: 1px; - width: 100%; // fo IE - overflow: visible; + } .logo img { - max-width: 100%; - height: auto; + } } } .wide-content{ - .logo{ - visibility: hidden; - } + .content { .row > .col-xs-12{ width: auto; @@ -225,9 +215,7 @@ #dokuwiki__header { .logo { - width: 200px; - max-width: 33%; - margin: .8rem 0; + } } diff --git a/main.php b/main.php index d5c4157..12b2438 100755 --- a/main.php +++ b/main.php @@ -168,13 +168,6 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
        '; - } else{ - echo ''; - } - } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ diff --git a/style.ini b/style.ini index 3c34ba5..415cfaf 100755 --- a/style.ini +++ b/style.ini @@ -114,14 +114,14 @@ __background__ = "#ECECEC" ; @ini_background ; alternative text and background colors __text_alt__ = "#454545" ; @ini_text_alt -__background_alt__ = "#e8e8e8" ; @ini_background_alt +__background_alt__ = "#f6f6f6" ; @ini_background_alt ; neutral text and background colors __text_neu__ = "#656565" ; @ini_text_neu __background_neu__ = "#ffffff" ; @ini_background_neu ; border color -__border__ = "#cccccc" ; @ini_border +__border__ = "#bbbbbb" ; @ini_border ; highlighted text (e.g. search snippets) __highlight__ = "#efefef" ; @ini_highlight @@ -163,3 +163,5 @@ __background_site__ = "#ECECEC" __default_border_radius__ = "5px" __background_page-header__ = "#F6F6F6" + +__border_light__ = "#dadada" diff --git a/tpl/main-sidebar-search.php b/tpl/main-sidebar-search.php index 49cb179..00bef21 100755 --- a/tpl/main-sidebar-search.php +++ b/tpl/main-sidebar-search.php @@ -1,6 +1,6 @@ -'.tpl_getLang('head_quick_search').''; - - tpl_searchform(); +'.tpl_getLang('head_quick_search').''; ?> +

        Zur Suche springen

        + From b7592db0de8155b5e177d578ac837e4d8d237665 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 11 Jan 2017 16:19:20 +0100 Subject: [PATCH 109/669] merge debug --- css/area_sidetools.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 349c996..31b6d0b 100755 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -130,7 +130,7 @@ display: block; border: 1px solid transparent; border-radius: @fix_border-radius; - padding: .6em 0 .6em (@icon-size + 1); + padding: .6em 0 .6em (@margin-big + 1); transition: @transition color, @transition background-color, @transition border-color; &::before { From d0530116c5d28d532ea5ae3ba6701f1d1a1b8697 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 11 Jan 2017 17:51:42 +0100 Subject: [PATCH 110/669] mobile + js: min-height for content > sidebar hight --- css/area_content.less | 7 ------- css/area_nav-breadcrumb.less | 17 ++++++++++++++++- css/area_nav-metabox.less | 28 ++++++++++++++++++++++++++++ css/area_nav-pagetools.less | 5 ++++- css/area_togglelink.less | 7 +++++++ css/base_structure.less | 18 ++++++++++++++---- css/plugins/hightlight_parent.less | 6 ++++++ js/sidebar-menu.js | 15 +++++++++++++++ style.ini | 1 + 9 files changed, 91 insertions(+), 13 deletions(-) create mode 100644 css/plugins/hightlight_parent.less diff --git a/css/area_content.less b/css/area_content.less index d00d057..d6b8fe7 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -24,13 +24,6 @@ border-bottom: 1px solid @color-border-light; } - #meta-box { - display: inline-block; - min-height: 1.95rem; - max-width: 40%; - float: right; - } - #plugin__highlightparent { display: block; } diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 36bef0c..60a2b40 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -50,11 +50,26 @@ } } - bdi { + + bdi { padding: .1em .1em 0; } + + } + @media @screen_max-md { + min-height: 2.6rem; + padding-right: .3rem; + padding-left: 0; + + p{ + display: none; + } + + } + + /* + + + + + icon list + + + + + */ .page-attributes { diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 103961d..54336c7 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -1,4 +1,11 @@ #meta-box { + + display: inline-block; + min-height: 1.95rem; + max-width: 40%; + float: right; + + .tab-container { display: table; } @@ -196,5 +203,26 @@ clear: right; margin-top: 20px; } + + @media @screen_max-md{ + max-width: 100%; + float: none; + display: block; + top: -1.1rem; + position: relative; + right: -3.07rem; + .tab-container{ + display: block; + } + ul.meta-tabs{ + float: right; + > li > a{ + margin-left: 0; + } + } + .meta-content{ + clear: both; + } + } } diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index 659fd4e..10f147a 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -199,8 +199,11 @@ nav#dokuwiki__pagetools{ } } } +} - +/* overwrite do:backlink */ +.mode_backlink #dokuwiki__pagetools ul li a.backlink{ + background-position: 95% center; } diff --git a/css/area_togglelink.less b/css/area_togglelink.less index 6257b4e..ae36f9c 100644 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -7,6 +7,10 @@ .togglelink { &.page_main-content { + + @media @screen_max-md{ + display: none; + } position: absolute; top: -1px; bottom: -1px; @@ -41,6 +45,9 @@ text-decoration: none; } } + @media @screen_max-md{ + display: none; + } } diff --git a/css/base_structure.less b/css/base_structure.less index 8ef1b17..fe17d2f 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -191,7 +191,7 @@ @media @screen_max-md { .container { - margin: 0 @margin-big 0 1.25rem; + margin: 0 (@margin-big/2); } #dokuwiki__usertools { @@ -199,17 +199,27 @@ max-width: 75%; position: absolute; top: 0; + right: @margin-big/2; } .content { position: relative; + margin-top: 1rem; #dokuwiki__pagetools { - top: 0; + top: @margin-big * 2; + .tools{ + position: static; + } } - .row > .col-xs-12 #dokuwiki__content::before { - display: none; + .row > .col-xs-12 #dokuwiki__content { + + padding-right: @margin-big; + &::before { + display: none; + } + } } diff --git a/css/plugins/hightlight_parent.less b/css/plugins/hightlight_parent.less new file mode 100644 index 0000000..2a3d44c --- /dev/null +++ b/css/plugins/hightlight_parent.less @@ -0,0 +1,6 @@ +@media @screen_max-md{ + #plugin__highlightparent{ + clear: both; + margin-top: 1rem; + } +} diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index 7d9329a..fc427c4 100755 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -3,6 +3,20 @@ var addToggleLink = function($elem){ $elem.wrapInner(''); }, + + setContentMinHeight = function(){ + var $sidebar = $('.page-wrapper').find('> .tools').find('.col-xs-12'); + + if($sidebar.length == 1){ + var h = $sidebar.height(), + num = parseFloat(h); + if(!isNaN(num)){ + $('#dokuwiki__content').css('minHeight',num + 100); + } + + } + + }, setWideContent = function(){ $('body').addClass('wide-content'); }, @@ -122,6 +136,7 @@ mainMenu(); sideMenu(); toggleMainContent(); + setContentMinHeight(); }); } )( jQuery, spc ); diff --git a/style.ini b/style.ini index 415cfaf..08b0c69 100755 --- a/style.ini +++ b/style.ini @@ -87,6 +87,7 @@ css/plugins/do_tasks.less = all css/plugins/qc.less = all css/plugins/struct.less = all css/plugins/bureaucracy.less = all +css/plugins/highlight_parent.less = all ; _____________ print styles _____________ From edabe53b811facedd223f119b9551352360f4775 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Wed, 11 Jan 2017 18:06:07 +0100 Subject: [PATCH 111/669] trigger defaultcontent in wide-content state main menu on click --- css/area_sidebar-search.less | 8 ++++++++ js/sidebar-menu.js | 7 +++++++ tpl/main-sidebar-search.php | 2 +- 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less index f735dc6..4c51a4d 100755 --- a/css/area_sidebar-search.less +++ b/css/area_sidebar-search.less @@ -7,6 +7,10 @@ .search.main-sidebar { + p.toggleSearch{ + padding: 0; Margin: 0; + display: none; + } form { @icon-size: 40px; @@ -80,6 +84,10 @@ .wide-content{ .search.main-sidebar{ + p.toggleSearch{ + display: block; + float: left; + } form{ .no { #qsearch__in{ diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index fc427c4..bd6c1b2 100755 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -68,6 +68,10 @@ if($this.hasClass('opened')){ var $foc = focusFirstSubLink($this.closest('li.level1'), true); } + if($('body').hasClass('wide-content')){ + setDefaultContent(); + } + }); }); @@ -118,6 +122,9 @@ if ($this.hasClass('opened')) { var $elem = ($submenu.is('div')) ? focusLastSubLink($submenu): focusFirstSubLink($submenu,false); } + if($('body').hasClass('wide-content')){ + setDefaultContent(); + } }); }); diff --git a/tpl/main-sidebar-search.php b/tpl/main-sidebar-search.php index 00bef21..a9e3a47 100755 --- a/tpl/main-sidebar-search.php +++ b/tpl/main-sidebar-search.php @@ -2,5 +2,5 @@ if (!defined('DOKU_INC')) die(); echo '
        '.tpl_getLang('head_quick_search').'
        '; ?> -

        Zur Suche springen

        +

        Zur Suche springen

        From 3ec07d58b7e4f7d33cfe896e8d5911829f58bcbe Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Thu, 12 Jan 2017 09:25:13 +0100 Subject: [PATCH 112/669] fixed auth check --- svg.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/svg.php b/svg.php index 10da30f..684b811 100644 --- a/svg.php +++ b/svg.php @@ -49,7 +49,7 @@ class SVG { $file = self::IMGDIR . $svg; if(!file_exists($file)) { // media files are ACL protected - if(auth_quickaclcheck($svg)) $this->abort(403); + if(auth_quickaclcheck($svg) < AUTH_READ) $this->abort(403); $file = mediaFN($svg); } // check if media exists From 4fd6492bc9b3ec7a7e4f4e8bb15ac2ba50328b48 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Thu, 12 Jan 2017 09:25:28 +0100 Subject: [PATCH 113/669] fixed content type header --- svg.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/svg.php b/svg.php index 684b811..f81b3c2 100644 --- a/svg.php +++ b/svg.php @@ -63,7 +63,7 @@ class SVG { */ public function out() { $this->setStyle(); - header('image/svg+xml'); + header('Content-Type: image/svg+xml'); echo $this->xml->asXML(); } From 24ab1f725c47400c809211b7ebf1197468d8252d Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Thu, 19 Jan 2017 18:30:37 +0100 Subject: [PATCH 114/669] add caching and fix wrapping --- svg.php | 145 ++++++++++++++++++++++++++++++++++---------------------- 1 file changed, 89 insertions(+), 56 deletions(-) diff --git a/svg.php b/svg.php index f79382e..f1bc30f 100644 --- a/svg.php +++ b/svg.php @@ -46,6 +46,37 @@ class SvgNode extends \SimpleXMLElement { $dom->parentNode->removeChild($dom); return $node; } + + /** + * Wraps all elements of $this in a `` tag + * + * @return SvgNode + */ + public function groupChildren() { + $dom = dom_import_simplexml($this); + + $g = $dom->ownerDocument->createElement('g'); + while ($dom->childNodes->length > 0) { + $child = $dom->childNodes->item(0); + $dom->removeChild($child); + $g->appendChild($child); + } + $g = $dom->appendChild($g); + + return simplexml_import_dom($g, get_class($this)); + } + + /** + * Add new style definitions to this element + * @param string $style + */ + public function addStyle($style) { + $defs = $this->defs; + if(!$defs) { + $defs = $this->prependChild('defs'); + } + $defs->addChild('style', $style); + } } /** @@ -56,8 +87,7 @@ class SVG { const IMGDIR = __DIR__ . '/img/'; const BACKGROUNDCLASS = 'sprintdoc-background'; - /** @var SvgNode */ - protected $xml; + protected $file; /** * SVG constructor @@ -78,31 +108,51 @@ class SVG { // check if media exists if(!file_exists($file)) $this->abort(404); - $this->xml = simplexml_load_file($file, SvgNode::class); + $this->file = $file; } /** * Generate and output */ public function out() { - $g = $this->wrapChildren(); - $this->setBackground($g); - $this->setStyle(); + $file = $this->file; + $params = $this->getParameters(); + header('Content-Type: image/svg+xml'); - echo $this->xml->asXML(); + $cachekey = md5($file . serialize($params)); + $cache = new \cache($cachekey, '.svg'); + $cache->_event = 'SVG_CACHE'; + + http_cached($cache->cache, $cache->useCache(array('files' => array($file, __FILE__)))); + http_cached_finish($cache->cache, $this->generateSVG($file, $params)); } /** - * Generate a style setting from the input variables + * Generate a new SVG based on the input file and the parameters * - * @return string + * @param string $file the SVG file to load + * @param array $params the parameters as returned by getParameters() + * @return string the new XML contents */ - protected function makeStyle() { + protected function generateSVG($file, $params) { + /** @var SvgNode $xml */ + $xml = simplexml_load_file($file, SvgNode::class); + $xml->addStyle($this->makeStyle($params)); + $this->createBackground($xml); + $xml->groupChildren(); + + return $xml->asXML(); + } + + /** + * Get the supported parameters from request + * + * @return array + */ + protected function getParameters() { global $INPUT; - $element = 'path'; // FIXME configurable? - - $colors = array( + $params = array( 's' => $this->fixColor($INPUT->str('s')), 'f' => $this->fixColor($INPUT->str('f')), 'b' => $this->fixColor($INPUT->str('b')), @@ -111,27 +161,39 @@ class SVG { 'bh' => $this->fixColor($INPUT->str('bh')), ); - if (empty($colors['b'])) { - $colors['b'] = $this->fixColor('00000000'); + return $params; + } + + /** + * Generate a style setting from the input variables + * + * @param array $params associative array with the given parameters + * @return string + */ + protected function makeStyle($params) { + $element = 'path'; // FIXME configurable? + + if(empty($params['b'])) { + $params['b'] = $this->fixColor('00000000'); } - $style = 'g rect.' . self::BACKGROUNDCLASS . '{fill:' . $colors['b'] . ';}'; + $style = 'g rect.' . self::BACKGROUNDCLASS . '{fill:' . $params['b'] . ';}'; - if($colors['bh']) { - $style .= 'g:hover rect.' . self::BACKGROUNDCLASS . '{fill:' . $colors['bh'] . ';}'; + if($params['bh']) { + $style .= 'g:hover rect.' . self::BACKGROUNDCLASS . '{fill:' . $params['bh'] . ';}'; } - if($colors['s'] || $colors['f']) { + if($params['s'] || $params['f']) { $style .= 'g ' . $element . '{'; - if($colors['s']) $style .= 'stroke:' . $colors['s'] . ';'; - if($colors['f']) $style .= 'fill:' . $colors['f'] . ';'; + if($params['s']) $style .= 'stroke:' . $params['s'] . ';'; + if($params['f']) $style .= 'fill:' . $params['f'] . ';'; $style .= '}'; } - if($colors['sh'] || $colors['fh']) { + if($params['sh'] || $params['fh']) { $style .= 'g:hover ' . $element . '{'; - if($colors['sh']) $style .= 'stroke:' . $colors['sh'] . ';'; - if($colors['fh']) $style .= 'fill:' . $colors['fh'] . ';'; + if($params['sh']) $style .= 'stroke:' . $params['sh'] . ';'; + if($params['fh']) $style .= 'fill:' . $params['fh'] . ';'; $style .= '}'; } @@ -178,46 +240,17 @@ class SVG { * @param SvgNode $g * @return SvgNode */ - protected function setBackground(SvgNode $g) { - $attributes = $this->xml->attributes(); + protected function createBackground(SvgNode $g) { $rect = $g->prependChild('rect'); $rect->addAttribute('class', self::BACKGROUNDCLASS); $rect->addAttribute('x', '0'); $rect->addAttribute('y', '0'); - $rect->addAttribute('height', $attributes['height']); - $rect->addAttribute('width', $attributes['width']); + $rect->addAttribute('height', '100%'); + $rect->addAttribute('width', '100%'); return $rect; } - /** - * Wraps all elements of $this in a `` tag - * - * @return SvgNode - */ - protected function wrapChildren() { - $svgChildren = array(); - foreach ($this->xml->children() as $child) { - $svgChildren[] = $this->xml->removeChild($child); - } - $g = $this->xml->prependChild('g'); - foreach ($svgChildren as $child) { - $g->appendNode($child); - } - return $g; - } - - /** - * Apply the style to the SVG - */ - protected function setStyle() { - $defs = $this->xml->defs; - if(!$defs) { - $defs = $this->xml->prependChild('defs'); - } - $defs->addChild('style', $this->makeStyle()); - } - /** * Abort processing with given status code * From 28eb39b298672870716b7ead6b88a05c04d24cf2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 9 Feb 2017 10:12:50 +0100 Subject: [PATCH 115/669] merge styles of prototype beuth hs project --- css/area_main-content.less | 79 +++++++++++++++++++++++++----------- css/area_main-sidebar.less | 5 ++- css/area_nav-breadcrumb.less | 31 ++++++-------- css/area_nav-metabox.less | 19 +++++++-- css/area_sidetools.less | 3 ++ css/area_togglelink.less | 10 ++--- css/base_design.less | 12 ++++-- css/base_structure.less | 49 ++++++++++++++-------- 8 files changed, 134 insertions(+), 74 deletions(-) mode change 100644 => 100755 css/area_togglelink.less diff --git a/css/area_main-content.less b/css/area_main-content.less index 24bc248..65e0012 100755 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -1,23 +1,56 @@ -/** - * This file provides the design styles for the main-content. - * - * @author Jana Deutschlaender - */ - - -#dokuwiki__content.main-content { -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* min-width: 1440px */ - -@media @screen_min-xlg { -} - - -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1199px */ - -@media @screen_max-xlg { -} +/** + * This file provides the design styles for the main-content. + * + * @author Jana Deutschlaender + */ + + +#dokuwiki__content.main-content { + + .level2 { + p a.media { + img{ + border:1px dotted @color-site-bg; + + } + &:hover,&:focus,&:active{ + img{ + border:1px solid @color-link; + } + } + + } + } + div.section_highlight{ + margin: 0; + padding: 0 0 1rem 0; + border: 1px solid #abced4; + background-color: #fff; + background-image: + linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), + linear-gradient(#eee .1em, transparent .1em); + background-size: 100% 1.2em; + opacity: .7; + } + .secedit { + float: right; + margin-top: 0; + position: relative; + z-index:2; + top: 0; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* min-width: 1440px */ + +@media @screen_min-xlg { +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1199px */ + +@media @screen_max-xlg { +} diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less index 0c84228..d801f34 100755 --- a/css/area_main-sidebar.less +++ b/css/area_main-sidebar.less @@ -72,7 +72,7 @@ position: relative; z-index: 1; margin-top: -1px; - padding: .5em 0 .5em (@margin-big + 1); + padding: .5em 0 .5em (@margin-big + 1.1); &[class="li"] { border-bottom: solid 1px @color-border; @@ -221,6 +221,9 @@ &.closed + ul { height: 0; + li a{ + display: none; + } } } } diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 60a2b40..38d4fc7 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -6,12 +6,18 @@ .breadcrumbs { position: relative; - border-bottom: 1px solid @color-border-light; - padding: 1rem 1.8rem @very-small-spacing; + border-bottom: 1px solid @color-border; + padding: 1.6rem 1.8rem .2rem; > p { font-size: @font-size-small; margin: 0; + @media @screen_max-xs{ + width: 1px; + position: relative; + overflow: hidden; + height: 1.6rem; + } * { font-size: @font-size-small; @@ -28,6 +34,7 @@ .icon-home(); min-height: 1.8em; + min-width: 1.9em; width: auto; box-sizing: border-box; border: solid 1px transparent; @@ -50,26 +57,11 @@ } } - - bdi { + bdi { padding: .1em .1em 0; } - - } - @media @screen_max-md { - min-height: 2.6rem; - padding-right: .3rem; - padding-left: 0; - - p{ - display: none; - } - - } - - /* + + + + + icon list + + + + + */ .page-attributes { @@ -79,6 +71,9 @@ max-width: 30%; margin: -.6em 0 0; padding: 0; + @media @screen_max-xs{ + max-width: 90%; + } > li { .btn-usertools-wrapper(); // uniform li diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index 54336c7..b5a6eca 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -1,5 +1,6 @@ #meta-box { - + position: relative; + z-index: 10; display: inline-block; min-height: 1.95rem; max-width: 40%; @@ -8,6 +9,10 @@ .tab-container { display: table; + @media @screen_max-md{ + width: 100%; + } + } .box-content { @@ -19,6 +24,9 @@ ul.meta-tabs { list-style: none; background-color: @background_page-header; + @media @screen_max-md{ + background-color: #fff; + } margin: 0; padding: 0; @@ -46,7 +54,7 @@ position: relative; display: block; background-color: @color-site-bg; - border: 1px solid @color-border-light; + border: 1px solid @color-border; border-radius: @fix_border-radius @fix_border-radius 0 0; color: @color-nav; font-size: @font-size-small; @@ -54,6 +62,10 @@ padding: .3em 1rem .1em; margin-left: 4px; transition: @transition color, @transition background-color, @transition border-color; + @media @screen_max-xs{ + padding: .3em .3rem .1em; + margin-left: 0; + } * { cursor: pointer; @@ -210,12 +222,11 @@ display: block; top: -1.1rem; position: relative; - right: -3.07rem; + right: auto; .tab-container{ display: block; } ul.meta-tabs{ - float: right; > li > a{ margin-left: 0; } diff --git a/css/area_sidetools.less b/css/area_sidetools.less index 31b6d0b..7d005da 100755 --- a/css/area_sidetools.less +++ b/css/area_sidetools.less @@ -233,6 +233,9 @@ + ul, + div { height: 0; + a{ + display: none; + } } } } diff --git a/css/area_togglelink.less b/css/area_togglelink.less old mode 100644 new mode 100755 index ae36f9c..26f5a46 --- a/css/area_togglelink.less +++ b/css/area_togglelink.less @@ -7,15 +7,14 @@ .togglelink { &.page_main-content { - - @media @screen_max-md{ - display: none; - } position: absolute; top: -1px; bottom: -1px; left: -(@margin-default); z-index: 1; + @media @screen_max-md{ + display: none; + } a { .display-flex(); @@ -45,9 +44,6 @@ text-decoration: none; } } - @media @screen_max-md{ - display: none; - } } diff --git a/css/base_design.less b/css/base_design.less index fe52ec4..6ab3740 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -10,8 +10,6 @@ html, body { background-color: @color-site-bg; } - - a { color: @color-link; } @@ -60,6 +58,14 @@ a { // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border overflow: hidden; word-wrap: break-word; + @media @screen_max-md{ + padding-right: (@margin-default *1.6); + } +} +.content #dokuwiki__pagetools{ + @media @screen_max-md{ + top: 4rem; + } } .dokuwiki .docInfo { @@ -310,7 +316,7 @@ td { th { font-weight: bold; - background-color: @th_background; + background-color: @ini_background_alt; text-align: left; } diff --git a/css/base_structure.less b/css/base_structure.less index fe17d2f..f643908 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -21,6 +21,9 @@ } @media @screen_min-xs { + html { + font-size: 114%; //16px + } } @media @screen_min-sm { @@ -121,6 +124,9 @@ .claim { .logo { + /*position: absolute; + bottom: 1em; + overflow: visible;*/ img { height: 60px; @@ -152,17 +158,24 @@ .claim { .logo { - + /*position: absolute; + bottom: 0; + height: 1px; + width: 100%; // fo IE + overflow: visible;*/ } .logo img { - + /*max-width: 100%; + height: auto;*/ } } } .wide-content{ - + .logo{ + /*visibility: hidden;*/ + } .content { .row > .col-xs-12{ width: auto; @@ -191,7 +204,7 @@ @media @screen_max-md { .container { - margin: 0 (@margin-big/2); + margin: 0 1.25rem; } #dokuwiki__usertools { @@ -199,33 +212,27 @@ max-width: 75%; position: absolute; top: 0; - right: @margin-big/2; + margin-right: 0; + right: 1.25rem; } .content { position: relative; - margin-top: 1rem; #dokuwiki__pagetools { - top: @margin-big * 2; - .tools{ - position: static; - } + top: 0; } - .row > .col-xs-12 #dokuwiki__content { - - padding-right: @margin-big; - &::before { - display: none; - } - + .row > .col-xs-12 #dokuwiki__content::before { + display: none; } } #dokuwiki__header { .logo { - + /*width: 200px; + max-width: 33%; + margin: .8rem 0;*/ } } @@ -235,3 +242,9 @@ } } } + +@media @screen_max-md{ + .claim{ + min-height: 3rem; + } +} From 3bd1b21aee4ff9fb9b68bec1d11f0a3ec8139a7d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 9 Feb 2017 11:27:52 +0100 Subject: [PATCH 116/669] sidebar nav reset open toggle areas when switch to wide content view --- js/sidebar-menu.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/js/sidebar-menu.js b/js/sidebar-menu.js index bd6c1b2..471bc47 100755 --- a/js/sidebar-menu.js +++ b/js/sidebar-menu.js @@ -18,10 +18,13 @@ }, setWideContent = function(){ + var $openTogglers = $('.main-sidebar').find('.opened').find('.toggler'); + $openTogglers.trigger( "click" ); $('body').addClass('wide-content'); }, setDefaultContent= function(){ $('body').removeClass('wide-content'); + }, toggleState = function($toggler){ $toggler.toggleClass('closed'); From 5671e6e5e8447c4e2d768f9df08dd418c33a6772 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 9 Feb 2017 16:48:46 +0100 Subject: [PATCH 117/669] merge jde_bar_search and bar_search branch --- css/area_content.less | 16 ++++---- css/area_footer.less | 36 +++++------------ css/area_nav-breadcrumb.less | 16 +++++--- css/base.less | 12 +++++- css/base_design.less | 76 ++++++++++++++++++++++++++++------- css/base_mixins.less | 2 +- css/base_structure.less | 45 +++++++++------------ css/plugins/bureaucracy.less | 2 +- css/plugins/edit.less | 43 ++++++++++++++++++++ css/plugins/include.less | 26 ++++++++++++ css/plugins/mediamanager.less | 23 +++++++++++ css/plugins/popupviewer.less | 18 +++++---- css/plugins/struct.less | 20 +++++++++ css/plugins/tabinclude.less | 48 ++++++++++++++++++++++ css/template_admin.less | 21 ++++++---- lang/de/lang.php | 2 + lang/en/lang.php | 2 + style.ini | 6 ++- tpl/main-sidebar-logo.php | 30 +++++++------- 19 files changed, 333 insertions(+), 111 deletions(-) create mode 100644 css/plugins/edit.less create mode 100644 css/plugins/include.less create mode 100644 css/plugins/mediamanager.less create mode 100644 css/plugins/tabinclude.less diff --git a/css/area_content.less b/css/area_content.less index d6b8fe7..60fc95b 100755 --- a/css/area_content.less +++ b/css/area_content.less @@ -13,12 +13,12 @@ z-index: 10; &::before { - content: ""; + content: ''; position: absolute; top: 0; left: 0; z-index: -1; - height: 2.6rem; + height: @page-header_height; width: 100%; background-color: @background_page-header; border-bottom: 1px solid @color-border-light; @@ -31,14 +31,16 @@ } } + + .structaggregation { td, th { - line-height: 125%; + line-height: @line-height-default; a { - line-height: 125%; + line-height: @line-height-default; } } @@ -58,7 +60,7 @@ .main-content > .level4, .main-content > .level5, .main-content > .level6 { - padding-bottom: 1rem; + //padding-bottom: 1rem; > p, > ul > li .li { a { @@ -74,11 +76,11 @@ .level4, .level5, .level6 { - line-height: 125%; + line-height: @line-height-default; div, p, th, td, textarea, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li { - line-height: 125%; + line-height: @line-height-default; } } diff --git a/css/area_footer.less b/css/area_footer.less index 7a7dea7..cd49dcc 100755 --- a/css/area_footer.less +++ b/css/area_footer.less @@ -10,81 +10,65 @@ @media screen { .page-footer { - background: @background_page-header; + min-height: @page-header_height; + background-color: @background_page-header; border-top: 1px solid @color-border-light; font-size: @font-size-default; - padding: @margin-small (@margin-big - .5); text-align: right; - + padding: @margin-small @margin-default; bdi { font-weight: bold; } } - #dokuwiki__footer { - .main-footer { position: relative; - z-index: 10; + z-index: 2; box-sizing: border-box; background-color: @color-site-bg; } - p { font-size: @font-size-default; margin: 0; } } } - - /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* min-width: 1024px */ - @media @screen_min-md { #dokuwiki__footer { .col-xs-12 { float: right; width: 100%; } - .main-footer { padding: @margin-default 0; } } - .showSidebar { #dokuwiki__footer { - .col-xs-12 { - width: 73%; + .col-xs-12 { + width: 73%; } } } .wide-content { - #dokuwiki__footer { - .col-xs-12 { - width: auto; - float: none; - } - } - &.showSidebar{ + &.showSidebar { #dokuwiki__footer { .col-xs-12 { - margin-left: @margin-big; + margin-left: @toggle-showsidebar_width; } } } } } - - /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* max-width: 1023px */ - @media @screen_max-md { #dokuwiki__footer { .main-footer { - padding: @margin-default (@margin-big - .5); + margin-top: .5rem; + padding: (@margin-default - .5) 0 @margin-default; } } } diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less index 38d4fc7..48940bc 100755 --- a/css/area_nav-breadcrumb.less +++ b/css/area_nav-breadcrumb.less @@ -7,7 +7,7 @@ .breadcrumbs { position: relative; border-bottom: 1px solid @color-border; - padding: 1.6rem 1.8rem .2rem; + padding: .8rem 1.8rem .35rem; > p { font-size: @font-size-small; @@ -149,18 +149,24 @@ z-index: 2000; #plugin__qc__out{ - h1{ + h1 { font-size: @font-size-head3; } - h2{ + + h2 { margin-top: 1.6em; font-size: @font-size-head5; } - > h1, > h2, > p, >dl, >div{ + > h1, + > h2, + > p, + > dl, + > div { padding-left: 1rem; margin-left: 0; } - > div p{ + + > div p { padding-left: 0; margin-left: 0; } diff --git a/css/base.less b/css/base.less index e6e4d0d..84a8874 100755 --- a/css/base.less +++ b/css/base.less @@ -12,7 +12,6 @@ @background_page-header: __background_page-header__; @border-radius: __default_border_radius__; -@fix_border-radius: 2px; @font_family_screen: __font_family_screen__; @@ -56,6 +55,15 @@ @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 + /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* fonts */ @@ -92,7 +100,7 @@ @break-max-xs: (@break-min-xs - 1); @break-min-sm: 992; -@break-max-sm: (@break-min-xs - 1); +@break-max-sm: (@break-min-sm - 1); @break-min-md: 1024; @break-max-md: (@break-min-md - 1); diff --git a/css/base_design.less b/css/base_design.less index 6ab3740..eec8d7d 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -14,7 +14,9 @@ a { color: @color-link; } + /* highlight selected tool */ + .mode_admin a.action.admin, .mode_login a.action.login, .mode_register a.action.register, @@ -52,12 +54,13 @@ a { .dokuwiki div.page { clear: both; - background: @color-content-bg; - color: inherit; - padding: (@margin-default / 2) @margin-default @margin-default; - // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border 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; + @media @screen_max-md{ padding-right: (@margin-default *1.6); } @@ -76,6 +79,12 @@ a { /* 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] .dokuwiki .docInfo { @@ -120,34 +129,37 @@ h6 { h1 { font-size: @font-size-head1; - margin: 0 0 0.444em; + margin: 0 0 @font-size-head1; padding-top: 1em; + #dokuwiki__content > & { + padding-top: 1.5em; + } } h2 { font-size: @font-size-head2; - margin: 0 0 0.666em; + margin: 0 0 @font-size-head2; } h3 { font-size: @font-size-head3; - margin: 0 0 0.888em; + margin: 0 0 @font-size-head3; } h4 { font-size: @font-size-head4; - margin: 0 0 1.0em; + margin: 0 0 @font-size-head4; } h5 { font-size: @font-size-head5; - margin: 0 0 1.1428em; + margin: 0 0 @font-size-head5; } h6 { font-size: @font-size-head6; font-weight: @font-weight-bold; - margin: 0 0 1.333em; + margin: 0 0 @font-size-head6; } p { @@ -524,9 +536,12 @@ input, textarea, select, keygen { - border: 1px solid #ccc; + 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, @@ -573,12 +588,14 @@ button { /* + + + 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; @@ -595,6 +612,27 @@ button[type=submit], } } +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, @@ -635,13 +673,12 @@ textarea[readonly] { background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); background-color: #eee; opacity: .5; - border: 1px solid #ccc; + 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 { @@ -652,9 +689,20 @@ textarea[readonly] { 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_mixins.less b/css/base_mixins.less index 83a12bd..8f605ad 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -191,7 +191,7 @@ color: inherit; font-size: @font-size-default; - margin-top: @very-small-spacing; + margin-top: .35rem; } diff --git a/css/base_structure.less b/css/base_structure.less index f643908..6ff66bc 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -18,6 +18,9 @@ } @media @screen_min-xxs { + html { + font-size: 114%; //16px + } } @media @screen_min-xs { @@ -55,7 +58,7 @@ @media @screen_min-xxlg { html { - font-size: 106.25%; //17px + font-size: 100%; //16px } } @@ -105,6 +108,7 @@ position: relative; height: 150px; min-height: 6rem; + display: table; } } @@ -123,17 +127,22 @@ } .claim { + display: table-cell; + height: 100%; + vertical-align: middle; .logo { /*position: absolute; bottom: 1em; overflow: visible;*/ + padding: 1rem 0 .3rem; + img { - height: 60px; + height: 4.6rem; width: auto; border-style: solid; border-color: transparent; - border-width: 0 2px; + border-width: 2px 0; } a:hover, @@ -153,31 +162,12 @@ float: right; } } - - - - .claim { - .logo { - /*position: absolute; - bottom: 0; - height: 1px; - width: 100%; // fo IE - overflow: visible;*/ - } - - .logo img { - /*max-width: 100%; - height: auto;*/ - } - } } .wide-content{ - .logo{ - /*visibility: hidden;*/ - } + .logo{ } .content { - .row > .col-xs-12{ + .row > .col-xs-12 { width: auto; float: none; } @@ -185,7 +175,7 @@ &.showSidebar{ .content { .row > .col-xs-12 { - margin-left: @margin-big; + margin-left: @toggle-showsidebar_width; } } } @@ -246,5 +236,10 @@ @media @screen_max-md{ .claim{ min-height: 3rem; + .logo{ + .mobile-only{ + margin: .8rem 1rem .6rem 0; + } + } } } diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less index 3b705c8..1fcb7ed 100755 --- a/css/plugins/bureaucracy.less +++ b/css/plugins/bureaucracy.less @@ -42,7 +42,7 @@ select { float: left; width: 50%; - min-height: 2em; + //min-height: 2em; text-align: left; padding: .1em .2em; } diff --git a/css/plugins/edit.less b/css/plugins/edit.less new file mode 100644 index 0000000..1825c0d --- /dev/null +++ b/css/plugins/edit.less @@ -0,0 +1,43 @@ +/** + * This file provides styles for the edit view (?do=edit), preview + * and section edit buttons. + */ +/* + + + + + edit view + + + + + */ +.dokuwiki { + div.section_highlight { + clear: right; + } + .secedit button { + clear: both; + font-size: 100%; + margin-top: .5rem; + margin-bottom: .5rem; + } + div.editbutton_table form div.no { + button, + input.button { + border-top: solid 1px @button_background; + margin-top: 0; + } + } + .editBox { + .editButtons { + display: inline-block; + padding-bottom: 1rem; + } + } +} + + +.mode_edit { + .content { + .msg-area { + display: block; + margin-bottom: 1.5rem; + clear: both; + } + #meta-box { + display: none; + } + } +} diff --git a/css/plugins/include.less b/css/plugins/include.less new file mode 100644 index 0000000..0fbdf83 --- /dev/null +++ b/css/plugins/include.less @@ -0,0 +1,26 @@ +/** + * This file provides the main design styles + * across all template elements (typo, colors etc.) + * + * @author Jana Deutschlaender + */ +#dokuwiki__content .plugin_include_content { + > h1 { + padding-top: @font-size-head1; + } + > h2 { + padding-top: @font-size-head2; + } + > h3 { + padding-top: @font-size-head3; + } + > h4 { + padding-top: @font-size-head4; + } + > h5 { + padding-top: @font-size-head5; + } + > h6 { + padding-top: @font-size-head6; + } +} diff --git a/css/plugins/mediamanager.less b/css/plugins/mediamanager.less new file mode 100644 index 0000000..628a26e --- /dev/null +++ b/css/plugins/mediamanager.less @@ -0,0 +1,23 @@ +/** + * This file provides styles for the edit view (?do=edit), preview + * and section edit buttons. + */ +/* + + + + + mediamanager + + + + + */ +#mediamanager__page { + .namespaces h2 { + bottom: 0; + line-height: 100%; + margin-bottom: -1px; + } + #media__tree ul li img { + padding-top: .3em; + } +} +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* media queries */ +@media @screen_max-md { + #mediamanager__page { + min-width: 100%; + max-width: 100%; + } +} diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less index 865ad22..8335dbb 100755 --- a/css/plugins/popupviewer.less +++ b/css/plugins/popupviewer.less @@ -1,19 +1,23 @@ -#popupviewer{ - > .controls > .content{ +#popupviewer { + > .controls > .content { + padding: 1.5rem 1rem 1rem; - td, th{ + + td, + th { font-size: @font-size-default; - line-height: 125%; + line-height: @line-height-default; a{ font-size: @font-size-default; - line-height: 125%; + line-height: @line-height-default; } } - .li, li{ + .li, + li { font-size: @font-size-default; - line-height: 125%; + line-height: @line-height-default; } } } diff --git a/css/plugins/struct.less b/css/plugins/struct.less index e0611d1..ccff3f3 100755 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -10,6 +10,11 @@ padding-bottom: @link-height; margin-bottom: @grid; + table th input:focus { + width: 100%; + box-sizing: border-box; + } + .table { margin-bottom: 0; } @@ -19,9 +24,24 @@ bottom: 0; height: @link-height; margin-bottom: 0; + + &.export { + line-height: 1; + padding-top: .3em; + } } } #plugin__struct_output{ margin-right: 0; } + + .struct_entry_form { + margin-bottom: 2rem; + > fieldset { + margin-top: 1.5rem; + } + } + textarea + .struct_entry_form { + margin-top: -.5rem; + } } diff --git a/css/plugins/tabinclude.less b/css/plugins/tabinclude.less new file mode 100644 index 0000000..385235e --- /dev/null +++ b/css/plugins/tabinclude.less @@ -0,0 +1,48 @@ +/** + * This file provides styles for the edit view (?do=edit), preview + * and section edit buttons. + */ + + +/* + + + + + plugin tabinclude + + + + + */ + + +div#dwpl-ti-container { + +/* + + + tabnav + + + */ + li.dwpl-ti-tab { + box-shadow: none; + border-color: @color-site-bg; + border-radius: @fix_border-radius @fix_border-radius 0 0; + padding: 0; + + div { + background-color: @background_page-header; + border-radius: inherit; + padding: .1em .35em; + &.selected { + background-color: @color-site-bg; + } + } + } + + +/* + + + box + + + */ + div.dwpl-ti-content-box { + overflow: auto; + box-shadow: none; + background-color: @color-site-bg; + border: solid 1px @color-site-bg; + border-radius: 0; + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* media queries */ + +@media @screen_max-md { + div#dwpl-ti-container { + + } +} diff --git a/css/template_admin.less b/css/template_admin.less index 5072f2b..1dc739c 100644 --- a/css/template_admin.less +++ b/css/template_admin.less @@ -1,12 +1,14 @@ -.do-admin{ - #admin__version{ +.do-admin { + #admin__version { font-size: @font-size-default; } - .main-content ul{ + .main-content ul { > li{ font-size: @font-size-default; + div.li{ font-size: @font-size-default; + a{ font-size: @font-size-default; line-height: 125%; @@ -15,19 +17,22 @@ } } } - ul.admin_tasks{ + + ul.admin_tasks { padding: 0; - li{ + + li { background-size: auto 1rem; margin: 0 0 .6em 0; - a{ + + a { font-weight: 400; } } } - @media @screen_max-md{ - ul.admin_tasks{ + @media @screen_max-md { + ul.admin_tasks { float: none; width: auto; } diff --git a/lang/de/lang.php b/lang/de/lang.php index 59656d9..9a52d43 100755 --- a/lang/de/lang.php +++ b/lang/de/lang.php @@ -21,6 +21,8 @@ $lang['head_breadcrumb'] = 'Standortanzeiger'; $lang['head_menu_trace'] = 'zuletzt angesehen'; $lang['head_meta_box'] = 'Metainformationen zur Seite'; +$lang['jump_to_quicksearch'] = 'Springe zur Schnellsuche'; + $lang['meta_box_jira_tickets_none'] = 'Keine Jira-Tickets verknüpft'; $lang['meta_box_tags_none'] = 'Keine Tags verknüpft'; $lang['meta_box_sitemap_none'] = 'keine Sitemap vorhanden'; diff --git a/lang/en/lang.php b/lang/en/lang.php index 7e625a8..1990447 100755 --- a/lang/en/lang.php +++ b/lang/en/lang.php @@ -21,6 +21,8 @@ $lang['head_breadcrumb'] = 'location indicator'; $lang['head_menu_trace'] = 'trace / visited last'; $lang['head_meta_box'] = 'meta data for this page'; +$lang['jump_to_quicksearch'] = 'Jump to quick search'; + $lang['meta_box_jira_tickets_none'] = 'jira associated tickets found: none'; $lang['meta_box_tags_none'] = 'tags found: none'; $lang['meta_box_sitemap_none'] = 'no sitemap available'; diff --git a/style.ini b/style.ini index 08b0c69..77bf073 100755 --- a/style.ini +++ b/style.ini @@ -88,6 +88,10 @@ css/plugins/qc.less = all css/plugins/struct.less = all css/plugins/bureaucracy.less = all css/plugins/highlight_parent.less = all +css/plugins/edit.less = all +css/plugins/mediamanager.less = all +css/plugins/tabinclude.less = all +css/plugins/include.less = all ; _____________ print styles _____________ @@ -161,7 +165,7 @@ __nav_menu_hover_bg__ = "#FFF" __background_content__ = "#FFF" __background_site__ = "#ECECEC" -__default_border_radius__ = "5px" +__default_border_radius__ = "3px" __background_page-header__ = "#F6F6F6" diff --git a/tpl/main-sidebar-logo.php b/tpl/main-sidebar-logo.php index dd87dcc..f84393b 100755 --- a/tpl/main-sidebar-logo.php +++ b/tpl/main-sidebar-logo.php @@ -1,14 +1,16 @@ -'; - - /* homepage logo should not link to itself (BITV accessibility requirement) */ - if (strcmp(wl(), $_SERVER['REQUEST_URI']) === 0 ){ - echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; - echo ''.tpl_getLang('adjunct_start_logo_text').$conf['title'].''; - - } else{ - tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); - tpl_link( wl(),''.$conf['title'].tpl_getLang('adjunct_linked_logo_text').'','accesskey="h" title="[H]"' ); - } - echo "
        "; +MOB
      '; + echo '"; From 4b8b6591791289c84ffd52ac41da199c6ba2a945 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= Date: Thu, 9 Feb 2017 16:59:16 +0100 Subject: [PATCH 118/669] merge part 2 # Please enter a commit message to explain why this merge is necessary, # especially if it merges an updated upstream into a topic branch. # # Lines starting with '#' will be ignored, and an empty message aborts # the commit. --- tpl/main-sidebar-logo.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tpl/main-sidebar-logo.php b/tpl/main-sidebar-logo.php index f84393b..babda99 100755 --- a/tpl/main-sidebar-logo.php +++ b/tpl/main-sidebar-logo.php @@ -1,7 +1,7 @@ MOB
      '; + echo '
      MOB
      '; echo '