holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1px border/brighter theme W.I.P.:

Browse Source 
- Changes nm header design slightly
This commit is contained in:
Hadi Nategh 2016-01-29 10:39:39 +00:00
parent 7b2902f0c2
commit 51e32dd1f4
4 changed files with 61 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
pixelegg/css/mobile.css
View File

@ -5011,22 +5011,22 @@ td.message span.message {
-webkit-transform: rotate(-145deg) translate(8px, 2px);
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn {
/* toggler button*/
/*sidebar adjustments*/
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler {
margin: 1px auto 4px;
float: none;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span {
background-color: #b4b4b4;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
transform: none;
-ms-transform: none;
-moz-transform: none;
@ -5035,30 +5035,31 @@ td.message span.message {
height: 5px;
background-color: #b4b4b4;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span {
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before {
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after {
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content {
display: none !important;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active {
border-radius: 0 !important;
width: auto !important;
border: 0;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header {
width: 50px;
height: 35px;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 {
visibility: hidden;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img {
margin: 4px auto 0px !important;
padding: 0 !important;
float: none !important;
@ -5836,42 +5837,29 @@ button.image_button {
vertical-align: top;
}
table.egwGridView_outer {
background-color: #fafafa;
background-color: transparent;
border-spacing: 0px;
font-size: 0.9em;
}
table.egwGridView_outer thead {
/*.background-color-5-gray;*/
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0);
/* IE6-9 */
max-height: 118px;
overflow-y: auto;
background: #e0e0e0;
border-radius: 5px;
}
table.egwGridView_outer thead tr th {
background: transparent;
/*.gradient();*/
background-position: -200px;
font-weight: normal;
font-weight: bold;
padding: 3px 0 3px 4px;
border-color: #b4b4b4;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-right: 2px solid white;
border-bottom: 0px solid transparent;
vertical-align: top;
vertical-align: middle;
overflow: auto;
border-radius: 3px;
border-top-right-radius: 23px;
}
table.egwGridView_outer thead tr th:hover {
background-color: #bfbfbf;
@ -5903,6 +5891,8 @@ table.egwGridView_outer thead tr th.optcol {
text-align: center;
background-image: none;
/*width: 32px !important;*/
vertical-align: bottom;
background-color: #ffffff;
}
table.egwGridView_outer thead tr th.optcol:hover {
background-color: #189800;

58
pixelegg/css/pixelegg.css
View File

@ -5000,22 +5000,22 @@ td.message span.message {
-webkit-transform: rotate(-145deg) translate(8px, 2px);
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn {
/* toggler button*/
/*sidebar adjustments*/
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler {
margin: 1px auto 4px;
float: none;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span {
background-color: #b4b4b4;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
transform: none;
-ms-transform: none;
-moz-transform: none;
@ -5024,30 +5024,31 @@ td.message span.message {
height: 5px;
background-color: #b4b4b4;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span {
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before {
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after {
background-color: #606060;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content {
display: none !important;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active {
border-radius: 0 !important;
width: auto !important;
border: 0;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header {
width: 50px;
height: 35px;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 {
visibility: hidden;
}
#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img {
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img {
margin: 4px auto 0px !important;
padding: 0 !important;
float: none !important;
@ -5825,42 +5826,29 @@ button.image_button {
vertical-align: top;
}
table.egwGridView_outer {
background-color: #fafafa;
background-color: transparent;
border-spacing: 0px;
font-size: 0.9em;
}
table.egwGridView_outer thead {
/*.background-color-5-gray;*/
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0);
/* IE6-9 */
max-height: 118px;
overflow-y: auto;
background: #e0e0e0;
border-radius: 5px;
}
table.egwGridView_outer thead tr th {
background: transparent;
/*.gradient();*/
background-position: -200px;
font-weight: normal;
font-weight: bold;
padding: 3px 0 3px 4px;
border-color: #b4b4b4;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-right: 2px solid white;
border-bottom: 0px solid transparent;
vertical-align: top;
vertical-align: middle;
overflow: auto;
border-radius: 3px;
border-top-right-radius: 23px;
}
table.egwGridView_outer thead tr th:hover {
background-color: #bfbfbf;
@ -5892,6 +5880,8 @@ table.egwGridView_outer thead tr th.optcol {
text-align: center;
background-image: none;
/*width: 32px !important;*/
vertical-align: bottom;
background-color: #ffffff;
}
table.egwGridView_outer thead tr th.optcol:hover {
background-color: #189800;

3
pixelegg/less/layout_raster_sidebar.less
View File

@ -388,7 +388,7 @@
top:11px;
}
}
.egw_fw_sidebar_toggleOn {
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn {
/* toggler button*/
#egw_fw_toggler {
margin: 1px auto 4px;
@ -429,6 +429,7 @@
.egw_fw_ui_sidemenu_entry_header_active {
border-radius: 0 !important;
width: auto !important;
border:0;
}
.egw_fw_ui_sidemenu_entry_header {
width: 50px;

23
pixelegg/less/layout_table.less
View File

@ -67,36 +67,34 @@ table.et2_grid {
// Spalten mit Border
table.egwGridView_outer{
.background_color_5_gray;
background-color:transparent;
// max-width: 100%;
border-spacing: 0px;
font-size: 0.9em;
thead {
.gradient_thead;
max-height: 118px;
max-height: 118px;
overflow-y: auto;
background: rgb(224, 224, 224);
border-radius: 5px;
tr {
th {
background: transparent;
/*.gradient();*/
background-position: -200px;
font-weight: normal;
font-weight: bold;
padding: 3px 0 3px 4px;
border-color: @gray_30;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-right: 2px solid white;
border-bottom: 0px solid transparent;
vertical-align: top;
vertical-align: middle;
overflow: auto;
border-radius:3px;
border-top-right-radius: 23px;
&:hover {
.background_color_25_gray;
@ -128,7 +126,8 @@ table.egwGridView_outer{
text-align: center;
background-image: none;
/*width: 32px !important;*/
vertical-align: bottom;
.background_color_0_gray;
&:hover{
background-color: @color_hint;
}