[Libreoffice-commits] online.git: loleaflet/css

Pedro (via logerrit) logerrit at kemper.freedesktop.org
Thu Oct 3 11:07:24 UTC 2019


 loleaflet/css/toolbar.css |  592 +++++++++++++++++++++++-----------------------
 1 file changed, 298 insertions(+), 294 deletions(-)

New commits:
commit be95d6fa5fc2fd14cdd90a9a61b58fd8491fed77
Author:     Pedro <pedro.silva at collabora.com>
AuthorDate: Thu Oct 3 12:41:48 2019 +0200
Commit:     Szymon Kłos <szymon.klos at collabora.com>
CommitDate: Thu Oct 3 13:07:05 2019 +0200

    Minor tweaks, toolbar-down border
    
    Change-Id: Ic30426365d0a7ad7d776bf981cf2d1c723696b69
    Reviewed-on: https://gerrit.libreoffice.org/80113
    Reviewed-by: Szymon Kłos <szymon.klos at collabora.com>
    Tested-by: Szymon Kłos <szymon.klos at collabora.com>

diff --git a/loleaflet/css/toolbar.css b/loleaflet/css/toolbar.css
index 1ea586652..2c0f83d3b 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -1,67 +1,71 @@
 @media (max-width: 767px), (max-device-height: 767px) {
-  #formulabar {
-    border-top: none !important;
-  }
-  #tb_actionbar_item_fullscreen{display: none;}
-  #toolbar-down {
-    height: 34px !important;
-  }
-}
-  #toolbar-up.w2ui-toolbar {
-    left: 0;
-    right: 0;
-    padding-left: 9px;
-    text-align: center;
-    z-index: 999;
-    overflow: visible !important;
-    background-color: white;
+	#formulabar {
+		border-top: none !important;
+	}
+	#tb_actionbar_item_fullscreen{display: none;}
+	#toolbar-down {
+		height: 34px !important;
+	}
+
+	#toolbar-down{
+		border-top: 1px solid #f1f1f1 !important;
+	}
+}
+	#toolbar-up.w2ui-toolbar {
+		left: 0;
+		right: 0;
+		padding-left: 9px;
+		text-align: center;
+		z-index: 999;
+		overflow: visible !important;
+		background-color: white;
 }
 
 #toolbar-down {
-    left: 0;
-    right: 0;
-    text-align: center;
-    padding: 0;
-    position: fixed;
-    bottom: 0;
-    z-index: 1000;
-    border-top: 1px solid #bbbbbb;
+		left: 0;
+		right: 0;
+		text-align: center;
+		padding: 0;
+		position: fixed;
+		bottom: 0;
+		z-index: 1000;
+		border-top: 1px solid #bbbbbb;
 }
 
 #document-signing-bar {
-    background-color: #ef324e;;
+		background-color: #ef324e;;
 }
 
 w2ui-toolbar {
-    position: absolute;
-    right: 10px;
-    top: 40px;
-    border: 1px solid darkgrey;
-    z-index: 1000;
-    display: none;
-    overflow: visible !important;
+		position: absolute;
+		right: 10px;
+		top: 40px;
+		border: 1px solid darkgrey;
+		z-index: 1000;
+		display: none;
+		overflow: visible !important;
 }
 
 #spreadsheet-toolbar {
-    left: 0;
-    text-align: center;
-    bottom: 33px;
-    padding: 0;
-    position: absolute;
+		left: 0;
+		text-align: center;
+		bottom: 33px;
+		padding: 0;
+		position: absolute;
 }
 
 #formulabar {
-    border-top: 1px solid #bbbbbb;
-    height: 30px;
+		border-top: 1px solid #bbbbbb;
+		height: 30px;
 }
 
 #presentation-toolbar {
-    background-color: #dfdfdf;
-    text-align: center;
-    position: absolute;
-    z-index: 500;
-    width: 100%;
-    margin-top: -10px;
+		background-color: #dfdfdf;
+		text-align: center;
+		position: absolute;
+		z-index: 500;
+		width: 100%;
+		margin-top: -10px;
 }
 
 /* For MS Edge 40, the select2 combo boxes need to have higher z-index than #map
@@ -71,112 +75,112 @@ w2ui-toolbar {
  * as a container
  */
 .select2-container {
-    z-index: 1000;
+		z-index: 1000;
 }
 
 .select2-container .select2-selection--single {
-    height: 100%;
+		height: 100%;
 }
 
 .w2ui-scroll-left,
 .w2ui-scroll-right {
-    z-index: 1000;
+		z-index: 1000;
 }
 
 /* center the toolbar */
 #tb_presentation-toolbar_item_left {
-    width: 50%;
+		width: 50%;
 }
 
 #addressInput {
-    height: 29px;
-    width: 100px;
+		height: 29px;
+		width: 100px;
 }
 
 #formulaInput {
-    height: 29px;
-    width: 100%;
+		height: 29px;
+		width: 100%;
 }
 
 #tb_formulabar_item_formula {
-    width: 100%;
+		width: 100%;
 }
 
 #tb_formulabar_item_formula div table {
-    width: 100%;
+		width: 100%;
 }
 
 #document-name-input {
-    font-size: 16px;
-    border: 1px solid transparent;
-    background-color: transparent;
-    width: 200px;
+		font-size: 16px;
+		border: 1px solid transparent;
+		background-color: transparent;
+		width: 200px;
 }
 
 #document-name-input.editable:focus {
-    border: 1px solid #bbbbbb;
-    background-color: white;
-    width: 200px;
+		border: 1px solid #bbbbbb;
+		background-color: white;
+		width: 200px;
 }
 
 #document-name-input.editable:hover {
-    border: 1px solid #bbbbbb;
-    background-color: white;
-    background-image: url('images/baseline-edit.svg');
-    background-position: right;
-    background-repeat: no-repeat;
-    padding-right: 20px;
-    width: 181px;
+		border: 1px solid #bbbbbb;
+		background-color: white;
+		background-image: url('images/baseline-edit.svg');
+		background-position: right;
+		background-repeat: no-repeat;
+		padding-right: 20px;
+		width: 181px;
 }
 
 #tb_editbar_item_edit {
-    display: none;
+		display: none;
 }
 
 #closebuttonwrapper {
-    position: fixed;
-    z-index: 1050;
-    right: 4px;
-    top: 3px;
-    width: 28px;
-    height: 28px;
-    background-color: white;
-    display: none;
+		position: fixed;
+		z-index: 1050;
+		right: 4px;
+		top: 3px;
+		width: 28px;
+		height: 28px;
+		background-color: white;
+		display: none;
 }
 
 #closebutton {
-    width: 18px;
-    height: 18px;
-    border: 1px solid;
-    border-color: transparent;
-    border-radius: 5px;
-    margin: 5px;
+		width: 18px;
+		height: 18px;
+		border: 1px solid;
+		border-color: transparent;
+		border-radius: 5px;
+		margin: 5px;
 }
 
 #closebutton:hover {
-    border-color: #ccc;
-    background-color: #eee;
+		border-color: #ccc;
+		background-color: #eee;
 }
 
 .closebuttonimage {
-    display: none;
-    background: url('images/closedoc.svg') no-repeat center !important;
+		display: none;
+		background: url('images/closedoc.svg') no-repeat center !important;
 }
 
 #tb_actionbar_item_left {
-    width: 45%;
+		width: 45%;
 }
 #tb_actionbar_item_right {
-    width: 100%;
+		width: 100%;
 }
 
 .w2ui-button{
-    margin:0 !important;
+		margin:0 !important;
 }
 
 .w2ui-tb-image {
-    width: 24px !important;
-    height: 24px !important;
+		width: 24px !important;
+		height: 24px !important;
 }
 
 .w2ui-break {
@@ -184,35 +188,35 @@ w2ui-toolbar {
 }
 
 .leaflet-bar a {
-    float: left;
+		float: left;
 }
 
 div .leaflet-bar a:last-child {
-    border-bottom: 1px solid #ccc;
+		border-bottom: 1px solid #ccc;
 }
 
 .leaflet-control-zoom.leaflet-bar {
-    margin-left: 0.5em;
+		margin-left: 0.5em;
 }
 
 div.leaflet-control-zoom leaflet-bar {
-    width: 53px;
+		width: 53px;
 }
 
 div .leaflet-bar a:first-child {
-    border-radius: 4px 0 0 4px;
+		border-radius: 4px 0 0 4px;
 }
 
 div .leaflet-bar a:last-child {
-    border-radius: 0 4px 4px 0;
+		border-radius: 0 4px 4px 0;
 }
 
 label.leaflet-control-editviewswitch {
-    padding: 0.2em 0.4em 0.2em 0em;
+		padding: 0.2em 0.4em 0.2em 0em;
 }
 
 input.leaflet-control-search-bar {
-    padding: 0.3em;
+		padding: 0.3em;
 	max-width: 100px;
 }
 
@@ -226,98 +230,98 @@ select {
 }
 
 button.leaflet-control-search-prev {
-    margin-left: 0.2em;
+		margin-left: 0.2em;
 }
 
 button.leaflet-control-search-next
 , leaflet-control-search-cancel {
-    margin-right: 0.2em;
+		margin-right: 0.2em;
 }
 
 #toolbar label
 , .leaflet-control-search {
-    background-color: #fff;
+		background-color: #fff;
 }
 
 .search-not-found {
-    background-color: red !important;
-    -webkit-transition: background-color 0.8s linear;
-       -moz-transition: background-color 0.8s linear;
-         -o-transition: background-color 0.8s linear;
-            transition: background-color 0.8s linear;
+		background-color: red !important;
+		-webkit-transition: background-color 0.8s linear;
+			 -moz-transition: background-color 0.8s linear;
+				 -o-transition: background-color 0.8s linear;
+						transition: background-color 0.8s linear;
 
 }
 
 #zoomlevel {
-    min-width: 36px;
-    font-size: 12px;
+		min-width: 36px;
+		font-size: 12px;
 }
 
 /* select box */
 .select2-results__option {
-    padding: 5px;
-    font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
-    font-size: 12px;
-    overflow: hidden;
-    text-overflow: ellipsis;
+		padding: 5px;
+		font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
+		font-size: 12px;
+		overflow: hidden;
+		text-overflow: ellipsis;
 }
 .select2-selection__rendered {
-    font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
-    font-size: 12px;
+		font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
+		font-size: 12px;
 }
 .styles-select {
-    width: 180px;
+		width: 180px;
 }
 #tb_editbar_item_fonts .select2-container{
-    width: 150px !important;
+		width: 150px !important;
 }
 .fontsizes-select {
-    width: 55px !important;
+		width: 55px !important;
 }
 .evo-cp-wrap {
-    /* hide the color pick div */
-    width: 1px !important;
+		/* hide the color pick div */
+		width: 1px !important;
 }
 
 .font-color-indicator,
 .back-color-indicator {
-    width: 24px;
-    height: 6px;
-    margin-top: -7px !important;
-    margin-left: 5px !important;
-    position: fixed;
-    background: transparent;
+		width: 24px;
+		height: 6px;
+		margin-top: -7px !important;
+		margin-left: 5px !important;
+		position: fixed;
+		background: transparent;
 }
 
 .back-color-indicator {
-    border-width: 1px;
-    border-style: solid;
+		border-width: 1px;
+		border-style: solid;
 }
 
 #setborderstyle-grid tr td {
-    box-sizing: border-box;
-    background: rgba(255, 255, 255, 0.5);
-    position: relative;
-    padding: 2px;
-    border: 1px solid #ccc;
-    overflow: auto; /* child margins otherwise don't expand *this* element (parent) */
+		box-sizing: border-box;
+		background: rgba(255, 255, 255, 0.5);
+		position: relative;
+		padding: 2px;
+		border: 1px solid #ccc;
+		overflow: auto; /* child margins otherwise don't expand *this* element (parent) */
 }
 
 #setborderstyle-grid td:hover {
-    border: 1px solid #888;
+		border: 1px solid #888;
 }
 
 #conditionalformatmenu-grid tr td {
-    box-sizing: border-box;
-    background: rgba(255, 255, 255, 0.5);
-    position: relative;
-    padding: 2px;
-    border: 1px solid #ccc;
-    overflow: auto; /* child margins otherwise don't expand *this* element (parent) */
+		box-sizing: border-box;
+		background: rgba(255, 255, 255, 0.5);
+		position: relative;
+		padding: 2px;
+		border: 1px solid #ccc;
+		overflow: auto; /* child margins otherwise don't expand *this* element (parent) */
 }
 
 #conditionalformatmenu-grid td:hover {
-    border: 1px solid #888;
+		border: 1px solid #888;
 }
 
 .w2ui-icon.basicshapes_rectangle { background: url('images/lc_rect.svg') no-repeat center !important; }
@@ -464,94 +468,94 @@ button.leaflet-control-search-next
 #div-frame13 { width: 102px; height: 18px; text-align: center; display: table-cell; vertical-align: middle; cursor: default; }
 
 .w2ui-icon.iconset00 { background: url('images/icon-set-colorarrows-down.svg') no-repeat, url('images/icon-set-colorarrows-same.svg') no-repeat, url('images/icon-set-colorarrows-up.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset01 { background: url('images/icon-set-grayarrows-down.svg') no-repeat, url('images/icon-set-grayarrows-same.svg') no-repeat, url('images/icon-set-grayarrows-up.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset02 { background: url('images/icon-set-flags-red.svg') no-repeat, url('images/icon-set-flags-yellow.svg') no-repeat, url('images/icon-set-flags-green.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset03 { background: url('images/icon-set-circles1-red.svg') no-repeat, url('images/icon-set-circles1-yellow.svg') no-repeat, url('images/icon-set-circles1-green.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset04 { background: url('images/icon-set-trafficlights-red.svg') no-repeat, url('images/icon-set-trafficlights-yellow.svg') no-repeat, url('images/icon-set-trafficlights-green.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset05 { background: url('images/icon-set-shapes-diamond.svg') no-repeat, url('images/icon-set-shapes-triangle.svg') no-repeat, url('images/icon-set-shapes-circle.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset06 { background: url('images/icon-set-symbols1-cross.svg') no-repeat, url('images/icon-set-symbols1-exclamation-mark.svg') no-repeat, url('images/icon-set-symbols1-check.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 /* Avoid the iconset07, the core renders it the same as iconset06, no need to support it in the online.
 .w2ui-icon.iconset07 { background: url('images/icon-set-symbols1-cross.svg') no-repeat, url('images/icon-set-symbols1-exclamation-mark.svg') no-repeat, url('images/icon-set-symbols1-check.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }*/
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }*/
 .w2ui-icon.iconset08 { background: url('images/icon-set-positive-yellow-smilie.svg') no-repeat, url('images/icon-set-neutral-yellow-smilie.svg') no-repeat, url('images/icon-set-negative-yellow-smilie.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset09 { background: url('images/icon-set-stars-empty.svg') no-repeat, url('images/icon-set-stars-half.svg') no-repeat, url('images/icon-set-stars-full.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset10 { background: url('images/icon-set-triangles-down.svg') no-repeat, url('images/icon-set-triangles-same.svg') no-repeat, url('images/icon-set-triangles-up.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset11 { background: url('images/icon-set-positive-green-smilie.svg') no-repeat, url('images/icon-set-neutral-yellow-smilie.svg') no-repeat, url('images/icon-set-negative-red-smilie.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset12 { background: url('images/icon-set-colorarrows-down.svg') no-repeat, url('images/icon-set-colorarrows-slightly-down.svg') no-repeat, url('images/icon-set-colorarrows-slightly-up.svg') no-repeat, url('images/icon-set-colorarrows-up.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset13 { background: url('images/icon-set-grayarrows-down.svg') no-repeat, url('images/icon-set-grayarrows-slightly-down.svg') no-repeat, url('images/icon-set-grayarrows-slightly-up.svg') no-repeat, url('images/icon-set-grayarrows-up.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset14 { background: url('images/icon-set-circles2-dark-gray.svg') no-repeat, url('images/icon-set-circles2-light-gray.svg') no-repeat, url('images/icon-set-circles2-light-red.svg') no-repeat, url('images/icon-set-circles2-dark-red.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset15 { background: url('images/icon-set-bars-one-quarter.svg') no-repeat, url('images/icon-set-bars-half.svg') no-repeat, url('images/icon-set-bars-three-quarters.svg') no-repeat, url('images/icon-set-bars-full.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset16 { background: url('images/icon-set-circles1-gray.svg') no-repeat, url('images/icon-set-circles1-red.svg') no-repeat, url('images/icon-set-circles1-yellow.svg') no-repeat, url('images/icon-set-circles1-green.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset17 { background: url('images/icon-set-colorarrows-down.svg') no-repeat, url('images/icon-set-colorarrows-slightly-down.svg') no-repeat, url('images/icon-set-colorarrows-same.svg') no-repeat, url('images/icon-set-colorarrows-slightly-up.svg') no-repeat, url('images/icon-set-colorarrows-up.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset18 { background: url('images/icon-set-grayarrows-down.svg') no-repeat, url('images/icon-set-grayarrows-slightly-down.svg') no-repeat, url('images/icon-set-grayarrows-same.svg') no-repeat, url('images/icon-set-grayarrows-slightly-up.svg') no-repeat, url('images/icon-set-grayarrows-up.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset19 { background: url('images/icon-set-bars-empty.svg') no-repeat, url('images/icon-set-bars-one-quarter.svg') no-repeat, url('images/icon-set-bars-half.svg') no-repeat, url('images/icon-set-bars-three-quarters.svg') no-repeat, url('images/icon-set-bars-full.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset20 { background: url('images/icon-set-pies-empty.svg') no-repeat, url('images/icon-set-pies-one-quarter.svg') no-repeat, url('images/icon-set-pies-half.svg') no-repeat, url('images/icon-set-pies-three-quarters.svg') no-repeat, url('images/icon-set-pies-full.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
+																			width: 94px !important; }
 .w2ui-icon.iconset21 { background: url('images/icon-set-squares-empty.svg') no-repeat, url('images/icon-set-squares-one-quarter.svg') no-repeat, url('images/icon-set-squares-half.svg') no-repeat, url('images/icon-set-squares-three-quarters.svg') no-repeat, url('images/icon-set-squares-full.svg') no-repeat !important;
-                       background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
-                       background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
-                                      width: 94px !important; }
+											 background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px !important;
+											 background-position: 2px center, 20px center, 38px center, 56px center, 74px center !important;
+																			width: 94px !important; }
 
 .w2ui-icon.print{ background: url('images/lc_print.svg') no-repeat center !important; }
 .w2ui-icon.undo{ background: url('images/lc_undo.svg') no-repeat center !important; }
@@ -633,152 +637,152 @@ button.leaflet-control-search-next
 .w2ui-icon.vereign{ background: url('images/vereign.png') no-repeat center !important; }
 
 .inserttable-pop {
-    z-index: 1000;
-    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+		z-index: 1000;
+		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 }
 
 #fontcolor-wrapper {
-    position: relative;
-    right: 200px; /* fontcolor popup has 200px width, place it to the left from its right edge */
+		position: relative;
+		right: 200px; /* fontcolor popup has 200px width, place it to the left from its right edge */
 }
 
 #backcolor-wrapper {
-    position: relative;
-    right: 200px; /* backcolor popup has 200px width, place it to the left from its right edge */
+		position: relative;
+		right: 200px; /* backcolor popup has 200px width, place it to the left from its right edge */
 }
 
 #backcolor-wrapper .evo-pop {
-    z-index: 1000; /* Override default value of 10000 of evo-pop class */
+		z-index: 1000; /* Override default value of 10000 of evo-pop class */
 }
 
 #fontcolor-wrapper .evo-pop {
-    z-index: 1000; /* Override default value of 10000 of evo-pop class */
+		z-index: 1000; /* Override default value of 10000 of evo-pop class */
 }
 
 /* for 10x10 grid 10x20+10*.col.margin */
 .inserttable-grid {
-    box-sizing: border-box;
-    background: rgba(255, 255, 255, 0.5);
-    position: relative;
-    padding: 2px;
-    display: block;
-    width: 243px;
+		box-sizing: border-box;
+		background: rgba(255, 255, 255, 0.5);
+		position: relative;
+		padding: 2px;
+		display: block;
+		width: 243px;
 }
 
 .inserttable-grid .row {
-    height: 20px;
-    margin: 3px;
+		height: 20px;
+		margin: 3px;
 }
 
 .inserttable-grid .col {
-    height: 100%;
-    float: left;
-    padding: 2px;
-    width: 20px;
-    border: 1px;
-    border-style: solid;
-    border-color: rgba(120, 120, 120, 0.5);
-    background: rgba(255, 255, 255, 1);
-    margin: 3px 0 0 3px;
+		height: 100%;
+		float: left;
+		padding: 2px;
+		width: 20px;
+		border: 1px;
+		border-style: solid;
+		border-color: rgba(120, 120, 120, 0.5);
+		background: rgba(255, 255, 255, 1);
+		margin: 3px 0 0 3px;
 }
 
 .inserttable-grid .col.bright {
-    border: 0px;
-    background: rgba(66, 151, 215, 1);
+		border: 0px;
+		background: rgba(66, 151, 215, 1);
 }
 
 /* Insert shape grid - based on inserttable grid */
 .insertshape-grid {
-    box-sizing: border-box;
-    background: rgba(255, 255, 255, 0.5);
-    position: relative;
-    padding: 2px;
-    display: block;
-    overflow: auto; /* child margins otherwise don't expand *this* element (parent) */
-    width: 344px;
+		box-sizing: border-box;
+		background: rgba(255, 255, 255, 0.5);
+		position: relative;
+		padding: 2px;
+		display: block;
+		overflow: auto; /* child margins otherwise don't expand *this* element (parent) */
+		width: 344px;
 }
 
 .insertshape-grid .row {
-    height: 30px;
+		height: 30px;
 }
 
 .insertshape-grid .col {
-    height: 100%;
-    float: left;
-    padding: 2px;
-    width: 30px;
-    border: 1px solid transparent;
+		height: 100%;
+		float: left;
+		padding: 2px;
+		width: 30px;
+		border: 1px solid transparent;
 }
 
 .insertshape-grid .row-header {
-    height: 30px;
-    text-align: center;
-    padding: 5px;
-    padding-top: 10px;
-    clear: both;
-    background-color: rgba(128, 128, 128, 0.1);
+		height: 30px;
+		text-align: center;
+		padding: 5px;
+		padding-top: 10px;
+		clear: both;
+		background-color: rgba(128, 128, 128, 0.1);
 }
 
 .insertshape-grid .col:hover {
-    border: 1px solid #ccc;
+		border: 1px solid #ccc;
 }
 
 tr.useritem:hover {
-    cursor: default;
-    background-color: rgba(67, 172, 232, 0.25);
+		cursor: default;
+		background-color: rgba(67, 172, 232, 0.25);
 }
 
 tr.useritem > td {
-    padding: 7px;
+		padding: 7px;
 }
 
 tr.useritem > td.usercolor {
-    display: inline-block;
-    top: 0px;
-    left: 3px;
-    position: relative;
+		display: inline-block;
+		top: 0px;
+		left: 3px;
+		position: relative;
 }
 
 tr.useritem > td > img {
-    border-radius: 100px;
+		border-radius: 100px;
 }
 
 .context-menu-link {
-    text-decoration: none;
-    color: black;
+		text-decoration: none;
+		color: black;
 }
 
 #mobile-wizard-back {
-    background-image: url('images/lc_closedocmobile.svg');
-    background-repeat: no-repeat;
-    width: 68px;
-    background-position-x: 16px;
-    background-position-y: center;
-    height: 20px;
+		background-image: url('images/lc_closedocmobile.svg');
+		background-repeat: no-repeat;
+		width: 68px;
+		background-position-x: 16px;
+		background-position-y: center;
+		height: 20px;
 }
 
 #mobile-wizard {
-    height: 45%;
-    width: 100%;
-    position: fixed;
-    bottom: 37px;
-    z-index: 1000;
-    background-color: white;
-    box-shadow: 0px -2px 6px #acacac;
+		height: 45%;
+		width: 100%;
+		position: fixed;
+		bottom: 37px;
+		z-index: 1000;
+		background-color: white;
+		box-shadow: 0px -2px 6px #acacac;
 }
 
 #mobile-wizard-content {
-    overflow: scroll;
-    position: absolute;
-    top: 56px;
-    bottom: 0px;
-    width: 100%;
+		overflow: scroll;
+		position: absolute;
+		top: 56px;
+		bottom: 0px;
+		width: 100%;
 }
 
 #mobile-wizard-titlebar {
-  background-color: #3768A6;
-  height: 56px;
-  color: white;
+	background-color: #3768A6;
+	height: 56px;
+	color: white;
 }
 
 .ui-content.mobile-wizard {
@@ -793,12 +797,12 @@ tr.useritem > td > img {
 	margin: 0px;
 	padding: 5px;
 	border: solid 1px #fff;
-  padding-left: 74px !important;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
+	padding-left: 74px !important;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
 }
 
 .ui-header.mobile-wizard:active {
-    background-color: #eee;
+		background-color: #eee;
 }


More information about the Libreoffice-commits mailing list