libreoffice-online/loleaflet/images/lc_keyboard-shortcuts.svg
Pedro Pinto Silva 515fee128b Notebookbar: styling
- Overall styling
- Fix tab’ alignment and paddings
- Fix tabs’ states
- Make use of text-shadow to emphasize instead of changing font-weight in order to avoid changes in size
- Add document-type class in notebookbar (similar to what I did for menubar)
- Style jquery-ui tooltips
- Style .unolabel
- Start to use css --var for font and colors (still no changes in the code per sea [like reducing the values etc] just start using it)
-- add comments
-- Use it depending on doc-type for notebookbar tab unolabel
- Add missing icons
- Fix extra border (toolbar-wrapper)
- Add document-header

Change-Id: I24552b118657d8ead47a74a6d189bd2448aac808
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/98721
Tested-by: Jenkins
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
2020-07-20 09:35:25 +02:00

116 lines
17 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="0 0 24 24"
version="1.1"
id="svg8"
sodipodi:docname="lc_keyboard-shortcuts.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<metadata
id="metadata14">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs12" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1349"
inkscape:window-height="1020"
id="namedview10"
showgrid="false"
inkscape:snap-bbox="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-midpoints="false"
inkscape:object-paths="true"
inkscape:object-nodes="true"
inkscape:snap-intersection-paths="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:zoom="22.131877"
inkscape:cx="10.147815"
inkscape:cy="11.107856"
inkscape:window-x="0"
inkscape:window-y="30"
inkscape:window-maximized="0"
inkscape:current-layer="g6" />
<g
id="g6"
style="fill:none;stroke:#4d82b8;stroke-linecap:round;stroke-linejoin:round">
<rect
height="15"
ry="2.5"
width="19"
x="2.5"
y="4.5"
id="rect2" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 8.5056764,14.99995 c -0.674235,-0.0096 -0.674235,1.009563 0,1 h 6.9886476 c 0.674235,0.0096 0.674235,-1.009563 0,-1 z"
id="path823"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 5.5058594,12 c -0.1799926,-0.0083 -0.3651247,0.08558 -0.4458731,0.250152 -0.1197868,0.225654 -0.057875,0.545988 0.1684986,0.680572 0.1201307,0.07746 0.2657749,0.06993 0.4025736,0.06928 0.3031185,-6.27e-4 0.606287,0.0013 0.9093729,-9.94e-4 0.18139,-0.0047 0.3546402,-0.120887 0.419333,-0.291766 C 7.0539434,12.48267 6.9808404,12.185017 6.7607757,12.063006 6.622923,11.980715 6.4593425,12.003357 6.3063419,12 6.0395144,12 5.7726869,12 5.5058594,12 Z"
id="path863"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
id="path891"
d="m 17.505863,12 c -0.179992,-0.0083 -0.365124,0.08558 -0.445873,0.250152 -0.119787,0.225654 -0.05787,0.545988 0.168499,0.680572 0.12013,0.07746 0.265775,0.06993 0.402573,0.06928 0.303119,-6.27e-4 0.606287,0.0013 0.909373,-9.94e-4 0.18139,-0.0047 0.35464,-0.120887 0.419333,-0.291766 0.09418,-0.224574 0.02108,-0.522227 -0.198988,-0.644238 -0.137853,-0.08229 -0.301434,-0.05965 -0.454434,-0.06301 -0.266828,0 -0.533655,0 -0.800483,0 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
<path
inkscape:connector-curvature="0"
id="path893"
d="m 13.505862,12 c -0.179992,-0.0083 -0.365124,0.08558 -0.445873,0.250152 -0.119787,0.225654 -0.05787,0.545988 0.168499,0.680572 0.12013,0.07746 0.265775,0.06993 0.402573,0.06928 0.303119,-6.27e-4 0.606287,0.0013 0.909373,-9.94e-4 0.18139,-0.0047 0.35464,-0.120887 0.419333,-0.291766 0.09418,-0.224574 0.02108,-0.522227 -0.198988,-0.644238 -0.137853,-0.08229 -0.301434,-0.05965 -0.454434,-0.06301 -0.266828,0 -0.533655,0 -0.800483,0 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 9.5058598,12 c -0.179992,-0.0083 -0.365124,0.08558 -0.445873,0.250152 -0.119787,0.225654 -0.05787,0.545988 0.168499,0.680572 0.12013,0.07746 0.265775,0.06993 0.402573,0.06928 0.303119,-6.27e-4 0.6062872,0.0013 0.9093732,-9.94e-4 0.18139,-0.0047 0.35464,-0.120887 0.419333,-0.291766 0.09418,-0.224574 0.02108,-0.522227 -0.198988,-0.644238 -0.137853,-0.08229 -0.301434,-0.05965 -0.454434,-0.06301 -0.266828,0 -0.5336552,0 -0.8004832,0 z"
id="path895"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
id="path905"
d="m 5.5058594,9.0004078 c -0.1799926,-0.0083 -0.3651247,0.08558 -0.4458731,0.250152 -0.1197868,0.225654 -0.057875,0.545988 0.1684986,0.680572 0.1201307,0.07746 0.2657749,0.06993 0.4025736,0.06928 0.3031185,-6.28e-4 0.606287,0.0013 0.9093729,-9.95e-4 0.18139,-0.0047 0.3546402,-0.120887 0.419333,-0.291766 C 7.0539434,9.483077 6.9808404,9.185424 6.7607757,9.063413 6.622923,8.981123 6.4593425,9.003763 6.3063419,9.000403 c -0.2668275,0 -0.533655,0 -0.8004825,0 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 17.505863,9.0004078 c -0.179992,-0.0083 -0.365124,0.08558 -0.445873,0.250152 -0.119787,0.225654 -0.05787,0.545988 0.168499,0.680572 0.12013,0.07746 0.265775,0.06993 0.402573,0.06928 0.303119,-6.28e-4 0.606287,0.0013 0.909373,-9.95e-4 0.18139,-0.0047 0.35464,-0.120887 0.419333,-0.291766 0.09418,-0.224574 0.02108,-0.522227 -0.198988,-0.644238 -0.137853,-0.08229 -0.301434,-0.05965 -0.454434,-0.06301 -0.266828,0 -0.533655,0 -0.800483,0 z"
id="path907"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
id="path911"
d="m 9.5058598,9.0004078 c -0.179992,-0.0083 -0.365124,0.08558 -0.445873,0.250152 -0.119787,0.225654 -0.05787,0.545988 0.168499,0.680572 0.12013,0.07746 0.265775,0.06993 0.402573,0.06928 0.303119,-6.282e-4 0.6062872,0.0013 0.9093732,-9.952e-4 0.18139,-0.0047 0.35464,-0.120887 0.419333,-0.291766 0.09418,-0.224574 0.02108,-0.522227 -0.198988,-0.644238 -0.137853,-0.08229 -0.301434,-0.05965 -0.454434,-0.06301 -0.266828,0 -0.5336552,0 -0.8004832,0 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
<path
inkscape:connector-curvature="0"
id="path913"
d="m 13.505862,9.0004078 c -0.179992,-0.0083 -0.365124,0.08558 -0.445873,0.250152 -0.119787,0.225654 -0.05787,0.545988 0.168499,0.680572 0.12013,0.07746 0.265775,0.06993 0.402573,0.06928 0.303119,-6.282e-4 0.606287,0.0013 0.909373,-9.952e-4 0.18139,-0.0047 0.35464,-0.120887 0.419333,-0.291766 0.09418,-0.224574 0.02108,-0.522227 -0.198988,-0.644238 -0.137853,-0.08229 -0.301434,-0.05965 -0.454434,-0.06301 -0.266828,0 -0.533655,0 -0.800483,0 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#4d82b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
</g>
</svg>