WIP styling adjustments

pixelegg/css/monochrome.css

@@ -4267,7 +4267,7 @@ span.overlayContainer img.overlay {
 #egw_fw_header #egw_fw_topmenu {
   position: absolute;
   display: none;
-  right: 5px;
+  right: 2px;
   width: 241px;
   z-index: 1001;
   top: 46px;

pixelegg/css/pixelegg.css

@@ -932,12 +932,12 @@
     background-size: 12px 12px;
     background-position: 1px 0;
     margin-right: 9px;
-    margin-left: 4px;
+    margin-left: 3px;
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar {
     width: 4px;
     height: 12px;
-    margin-left: 5px;
+    margin-left: 4px;
     margin-right: 10px;
     background-image: url(../../api/templates/default/images/fav_filter.svg);
     background-size: 12px 12px;
@@ -5097,7 +5097,7 @@ span.overlayContainer img.overlay {
   width: 12px;
   height: 12px;
   padding: 0px;
-  margin: 0px 6px;
+  margin: 0px 5px;
   float: left;
 }
 .egw_fw_ui_sidemenu_listitem input {
@@ -5302,7 +5302,7 @@ span.overlayContainer img.overlay {
   width: 45px;
   border-left: 1px solid #bfc0bf;
   display: inline-block;
-  padding-left: 3px;
+  padding-left: 0px;
   float: right;
   background-size: 20px;
   background-position: center center;
@@ -5889,7 +5889,6 @@ button.image_button {
 table.egwGridView_outer {
   background-color: transparent;
   border-spacing: 0px;
-  font-size: 0.9em;
 }
 table.egwGridView_outer thead {
   max-height: 118px;
@@ -6477,117 +6476,6 @@ a.textSidebox {
  * @package pixelegg
  * @version $Id$
  */
-/**
- * EGroupware: CSS with less preprocessor
- *
- * Definitions for tutorials
- *
- * Please do NOT change css-files directly, instead change less-files and compile them!
- *
- * @link http://www.egroupware.org
- * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
- * @author Hadi NAtegh <hn@stylite.de>
- * @package phpgwapi
- * @version $Id$
- */
-span.egw_tutorial_title {
-  color: black;
-  font-weight: bold;
-  text-align: left;
-  width: 99%;
-  background-color: #D6DEF0;
-  border: 1px solid #B3B3B3;
-  padding-top: 4px;
-  padding-left: 5px;
-  padding-bottom: 5px;
-  border-radius: 2px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow-x: hidden;
-}
-.egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn,
-.egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn {
-  background-color: #FF0000;
-  opacity: 0.68;
-}
-.egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div,
-.egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn > div {
-  border-left-color: white;
-}
-.egw_tutorial_thumb {
-  background-repeat: no-repeat;
-  background-position: -2px;
-  border-radius: 5px;
-  display: block !important;
-}
-[id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn,
-#home-tutorial_play.egw_tutorial_playBtn {
-  display: block;
-  margin: 10%;
-  border: 2px solid rgba(0, 0, 0, 0.7);
-  -webkit-border-radius: 100%;
-  -moz-border-radius: 100%;
-  border-radius: 100%;
-  width: 40px;
-  height: 40px;
-  cursor: pointer;
-}
-[id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div,
-#home-tutorial_play.egw_tutorial_playBtn > div {
-  display: block;
-  position: relative;
-  top: 10px;
-  left: 45%;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-left: 10px solid rgba(0, 0, 0, 0.8);
-}
-[id^="egw_tutorial_"][id$="sidebox_list"] {
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: 200px;
-}
-#list_grid_wrapper {
-  max-height: 200px;
-}
-#home-tutorial_list {
-  float: left;
-}
-#home-tutorial_list .egw_tutorial_thumb {
-  display: block;
-}
-#home-tutorial_list .th .et2_label {
-  font-size: 12px;
-  padding-left: 7px;
-}
-#home-tutorial_list .th #home-tutorial_apps {
-  margin-left: 5px;
-}
-#home-tutorial_list tbody td:first-child {
-  padding-top: 4px;
-}
-#home-tutorial_src {
-  border-left: 6px solid #E0E0E0;
-}
-.tutorial_popup {
-  background-color: white;
-  padding-top: 5px;
-  overflow-y: hidden;
-}
-.tutorial_videoList {
-  overflow-x: hidden;
-  overflow-y: auto;
-  height: 100%;
-  display: inline-block !important;
-}
-div.tutorial_iframe_wrapper {
-  position: absolute;
-  left: 225px;
-  right: 12px;
-  height: 90%;
-}
 span.egw_tutorial_title {
   color: #FFFFFF;
   font-weight: bold;

pixelegg/hook_settings.inc.php

@@ -38,6 +38,14 @@ $colors = array(
 	'#84CA8C' => lang('DarkGreen'),
 	'#b4b4b4' => lang('Gray'),
 );
+
+$textsize = array (
+	's' => lang('small'),
+	'm' => lang('medium'),
+	'l' => lang('large'),
+	'xl' => lang('x-large')
+);
+
 asort($colors);
 $colors['custom'] = lang('Custom color');	// custom allways last
 $template_colors = array();
@@ -123,6 +131,24 @@ $GLOBALS['settings'] = array(
 		'xmlrpc' => True,
 		'admin'  => False,
 	),
+	'universalaccesssection' => array(
+		'type'   => 'section',
+		'title'  => lang('Universal Access'),
+		'no_lang'=> true,
+		'xmlrpc' => False,
+		'admin'  => False,
+	),
+	'textsize' => array(
+		'type' => 'select',
+		'label' => 'Set content size',
+		'no_lang' => true,
+		'name' => 'textsize',
+		'help' => lang('It sets content size (text only) according to selected size.'),
+		'xmlrpc' => True,
+		'values' => $textsize,
+		'default' => 'm',
+		'admin'  => False,
+	),
 	'navbar_format' => false,	// not used in JDots (defined in common prefs)
 	'default_app' => false,		// not used in JDots, as we can have multiple tabs open ...
 );

pixelegg/less/etemplate2.less

@@ -759,13 +759,13 @@ div.header_row_right{
                   background-size: 12px 12px;
                   background-position: 1px 0;
                   margin-right: 9px;
-                  margin-left: 4px;
+                  margin-left: 3px;
                 }
 				// Bulltpoints
 				div.sideboxstar {
 					width: 4px;
 					height: 12px;
-					margin-left: 5px;
+					margin-left: 4px;
 					margin-right: 10px;
 					background-image: url(../../api/templates/default/images/fav_filter.svg);
 					background-size: 12px 12px;

pixelegg/less/layout_raster_buttons.less

@@ -31,7 +31,7 @@
 		width: 45px;
 		border-left: 1px solid #bfc0bf;
 		display: inline-block;
-		padding-left: 3px;
+		padding-left: 0px;
 		float: right;
 		background-size: 20px;
 		background-position: center center;

pixelegg/less/layout_raster_sidebar.less

@@ -589,9 +589,8 @@
         /*display: none;*/
         .dimension_width_height_xs;
         padding: 0px;
-        margin: 0px 6px;
+        margin: 0px 5px;
         float: left;
-
     }
 
     input {

pixelegg/less/layout_table.less

@@ -65,7 +65,6 @@ table.egwGridView_outer{
     background-color:transparent;
     //	max-width: 100%;
     border-spacing: 0px;
-    font-size: 0.9em;
 
     thead {
 			max-height: 118px;

pixelegg/less/layout_tutorials.less

@@ -12,7 +12,6 @@
  * @version $Id$
  */
 @import (reference) "definitions.less";
-@import (less) "../../api/templates/default/def_tutorials.css";
 
 span.egw_tutorial_title {
     color: #FFFFFF;