Commit 7450efb8 authored by Romain Courteaud's avatar Romain Courteaud

[erp5_web_renderjs_ui] Clean up a bit the CSS

parent 7e8f58e6
...@@ -274,7 +274,7 @@ textarea { ...@@ -274,7 +274,7 @@ textarea {
border: none; border: none;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #1F1F1F; color: #1F1F1F;
border-radius: .325em; border-radius: 0.325em;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3);
...@@ -304,7 +304,7 @@ select { ...@@ -304,7 +304,7 @@ select {
border: none; border: none;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #1F1F1F; color: #1F1F1F;
border-radius: .325em; border-radius: 0.325em;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3);
...@@ -312,15 +312,6 @@ select { ...@@ -312,15 +312,6 @@ select {
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
outline-offset: 0; outline-offset: 0;
/*
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
&:after {
content: "â–¶";
text-align: right;
float:right
}*/
} }
select:hover, select:hover,
select:active, select:active,
...@@ -337,13 +328,6 @@ textarea { ...@@ -337,13 +328,6 @@ textarea {
height: 15em; height: 15em;
width: 100%; width: 100%;
margin: 0; margin: 0;
/*
padding: 0.5em;
border: none;
background-color: @colortextboxbackground;
color: @colortextboxforeground;
border-radius: 0;
*/
font-family: "Courier New", Courier, monospace; font-family: "Courier New", Courier, monospace;
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
...@@ -362,11 +346,6 @@ textarea { ...@@ -362,11 +346,6 @@ textarea {
} }
input[type=submit], input[type=submit],
button { button {
/*
margin: 0;
margin-bottom: 1em;
padding: 0.5em 2em;
*/
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
...@@ -411,7 +390,7 @@ img { ...@@ -411,7 +390,7 @@ img {
div[data-gadget-scope='panel'] { div[data-gadget-scope='panel'] {
background-color: #444444; background-color: #444444;
border-color: #888888; border-color: #888888;
color: #fff; color: #FFFFFF;
width: 17em; width: 17em;
min-height: 100%; min-height: 100%;
max-height: none; max-height: none;
...@@ -439,20 +418,6 @@ div[data-gadget-scope='panel'] { ...@@ -439,20 +418,6 @@ div[data-gadget-scope='panel'] {
div[data-gadget-scope='panel'] div[data-role="header"] { div[data-gadget-scope='panel'] div[data-role="header"] {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
/*
> div {
&:first-of-type {
border-color: rgba(255,255,255, .3);
border-style: solid;
border-width: 0 1px 0 0;
}
&:last-of-type {
border-color: rgba(255,255,255, .3);
border-style: solid;
border-width: 0 0 0 1px;
}
}
*/
} }
div[data-gadget-scope='panel'] div[data-role="header"] .panel_img { div[data-gadget-scope='panel'] div[data-role="header"] .panel_img {
text-align: center; text-align: center;
...@@ -469,13 +434,6 @@ div[data-gadget-scope='panel'] div[data-role="header"] a { ...@@ -469,13 +434,6 @@ div[data-gadget-scope='panel'] div[data-role="header"] a {
display: block; display: block;
line-height: 2.6em; line-height: 2.6em;
color: #FFFFFF; color: #FFFFFF;
/*
&[name="panel"] {
@media @desktop {
display: none;
}
}
*/
} }
div[data-gadget-scope='panel'] div[data-role="header"] button::before, div[data-gadget-scope='panel'] div[data-role="header"] button::before,
div[data-gadget-scope='panel'] div[data-role="header"] a::before { div[data-gadget-scope='panel'] div[data-role="header"] a::before {
...@@ -497,12 +455,7 @@ div[data-gadget-scope='panel'] ul { ...@@ -497,12 +455,7 @@ div[data-gadget-scope='panel'] ul {
margin-top: 2.6em; margin-top: 2.6em;
} }
div[data-gadget-scope='panel'] ul li a { div[data-gadget-scope='panel'] ul li a {
color: #ffffff; color: #FFFFFF;
/*
border-color: rgba(255,255,255, .3);
border-width: 1px 0 0 0;
border-style: solid;
*/
padding: .4em; padding: .4em;
padding-left: 1em; padding-left: 1em;
display: block; display: block;
...@@ -520,7 +473,7 @@ div[data-gadget-scope='editor_panel'] { ...@@ -520,7 +473,7 @@ div[data-gadget-scope='editor_panel'] {
background-color: #444444; background-color: #444444;
border-color: #888888; border-color: #888888;
box-shadow: 5px 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 5px 0 0 5px rgba(0, 0, 0, 0.15);
color: #fff; color: #FFFFFF;
width: 17em; width: 17em;
min-height: 100%; min-height: 100%;
max-height: none; max-height: none;
...@@ -538,7 +491,7 @@ div[data-gadget-scope='editor_panel'].visible { ...@@ -538,7 +491,7 @@ div[data-gadget-scope='editor_panel'].visible {
} }
div[data-gadget-scope='editor_panel'] div[data-role="header"] { div[data-gadget-scope='editor_panel'] div[data-role="header"] {
background-color: #252525; background-color: #252525;
color: #fff; color: #FFFFFF;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3);
...@@ -767,11 +720,6 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -767,11 +720,6 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content { .gadget-content {
padding: 2em; padding: 2em;
padding-top: 9em; padding-top: 9em;
/*
.ui-has-subheader {
padding-top: 7em;
}
*/
/* middle screen */ /* middle screen */
/* form validation (assuming label>span is used) */ /* form validation (assuming label>span is used) */
} }
...@@ -842,13 +790,6 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -842,13 +790,6 @@ div[data-gadget-scope='header'] .ui-header ul {
border-bottom-style: solid; border-bottom-style: solid;
} }
@media only screen and (min-width: 62em) { @media only screen and (min-width: 62em) {
.gadget-content {
/*
.left, .right, .center, .bottom {
padding: 0 2%;
}
*/
}
.gadget-content .left, .gadget-content .left,
.gadget-content .right { .gadget-content .right {
vertical-align: top; vertical-align: top;
...@@ -918,7 +859,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -918,7 +859,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table .ui-table-header button { .document_table .ui-table-header button {
padding: 0.5em; padding: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14); border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0.315em; border-radius: 0.325em;
margin-right: 0.5em; margin-right: 0.5em;
} }
.document_table .ui-table-header button:last-of-type { .document_table .ui-table-header button:last-of-type {
...@@ -951,11 +892,6 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -951,11 +892,6 @@ div[data-gadget-scope='erp5_searchfield'] button {
vertical-align: middle; vertical-align: middle;
} }
.document_table table thead { .document_table table thead {
/*
background-color: #eeeeee;
background-color: rgba(0, 0, 0, .04);
color: #777777;
*/
background-color: #0E81C2; background-color: #0E81C2;
color: #FFFFFF; color: #FFFFFF;
} }
...@@ -970,36 +906,6 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -970,36 +906,6 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table a { .document_table table a {
color: #1F1F1F; color: #1F1F1F;
} }
.document_table table tbody {
/*
@media @smartphone {
tr {
line-height: 3em;
}
th {
display: none;
&:first-of-type {
display: block;
a {
display: block;
text-align: left;
padding-left: 0.5em;
&:after {
// XXX copy/pasted
font-family: FontAwesome;
content: "\f0da";
text-align: right;
float:right;
padding-right: 0.5em;
padding-left: 0.5em;
}
}
}
}
}
*/
}
.document_table table tbody tr:nth-child(even) { .document_table table tbody tr:nth-child(even) {
background-color: #eeeeee; background-color: #eeeeee;
background-color: rgba(0, 0, 0, 0.04); background-color: rgba(0, 0, 0, 0.04);
...@@ -1008,16 +914,6 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1008,16 +914,6 @@ div[data-gadget-scope='erp5_searchfield'] button {
background: #e4ebf1; background: #e4ebf1;
} }
@media only screen and (min-width: 62em), only screen and (min-width: 28em) and (max-width: 62em) { @media only screen and (min-width: 62em), only screen and (min-width: 28em) and (max-width: 62em) {
.document_table table tbody {
/*
// Column border
td, th {
&:not(:last-child) {
border-right: 1px solid #DDD;
}
}
*/
}
.document_table table tbody a { .document_table table tbody a {
display: block; display: block;
padding: 0.4em 0.25em; padding: 0.4em 0.25em;
...@@ -1097,7 +993,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1097,7 +993,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tfoot .ui-controlgroup-controls a { .document_table table tfoot .ui-controlgroup-controls a {
padding: 0.5em; padding: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14); border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0.315em; border-radius: 0.325em;
margin-right: 0.5em; margin-right: 0.5em;
} }
.document_table table tfoot .ui-controlgroup-controls a:last-of-type { .document_table table tfoot .ui-controlgroup-controls a:last-of-type {
......
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>952.21277.40593.7202</string> </value> <value> <string>952.24208.10266.65160</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -248,7 +248,7 @@ ...@@ -248,7 +248,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1467621439.3</float> <float>1467798268.0</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -14,18 +14,6 @@ ...@@ -14,18 +14,6 @@
@colorbackground: @white; @colorbackground: @white;
// Default foreground and border color // Default foreground and border color
@colorforeground: @black; @colorforeground: @black;
// Background for contrasting elements
@colorcontrastbackground: @black;
// Foreground for contrasting elements
@colorcontrastforeground: @white;
// @colorinactive: @;
// Disabled foreground color
// @colordisabled: @;
// Subtle foreground and border
// @colorsubtle: @;
// @colorborder: @;
@colortextselection: @txtgreen; @colortextselection: @txtgreen;
// Foreground color to single-out items of interest // Foreground color to single-out items of interest
@coloraccent: @txtorange; @coloraccent: @txtorange;
...@@ -39,6 +27,10 @@ ...@@ -39,6 +27,10 @@
@colorsubheaderbackground: #0E81C2; @colorsubheaderbackground: #0E81C2;
@colorsubheaderlink: #f8fff3; @colorsubheaderlink: #f8fff3;
@panelbackgroundcolor: #444444;
@radius: .325em;
@headerheight: 2.6em; @headerheight: 2.6em;
@headertitleleftlargemargin: 4em; @headertitleleftlargemargin: 4em;
@headertitleleftsmallmargin: 2em; @headertitleleftsmallmargin: 2em;
...@@ -326,7 +318,7 @@ input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) ...@@ -326,7 +318,7 @@ input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])
background-color: @colortextboxbackground; background-color: @colortextboxbackground;
color: @colortextboxforeground; color: @colortextboxforeground;
border-radius: .325em; border-radius: @radius;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
...@@ -360,29 +352,16 @@ select { ...@@ -360,29 +352,16 @@ select {
border: none; border: none;
background-color: @colortextboxbackground; background-color: @colortextboxbackground;
color: @colortextboxforeground; color: @colortextboxforeground;
// border-radius: 0; border-radius: @radius;
border-radius: .325em;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
// border-color: #ddd;
border-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3);
// box-shadow: inset 0 1px 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 1px 3px rgba(0,0,0,.2); box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
// font-family: @monospace;
// outline: 2px @border-type @colortextboxbackground;
outline-offset: 0; outline-offset: 0;
/*
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
&:after {
content: "â–¶";
text-align: right;
float:right
}*/
&:hover, &:active, &:focus { &:hover, &:active, &:focus {
background-color: #e0e0e0; background-color: #e0e0e0;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#f5f5f5)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#f5f5f5));
...@@ -391,10 +370,6 @@ select { ...@@ -391,10 +370,6 @@ select {
background: -moz-linear-gradient(bottom, #eeeeee, #f5f5f5); background: -moz-linear-gradient(bottom, #eeeeee, #f5f5f5);
background: -o-linear-gradient(bottom, #eeeeee, #f5f5f5); background: -o-linear-gradient(bottom, #eeeeee, #f5f5f5);
background: -ms-linear-gradient(bottom, #eeeeee, #f5f5f5); background: -ms-linear-gradient(bottom, #eeeeee, #f5f5f5);
// color: #222222;
// text-shadow: none;
// border-color: rgb(0, 0, 0);
// border-color: rgba(0, 0, 0, 0.5);
} }
} }
...@@ -402,13 +377,6 @@ textarea { ...@@ -402,13 +377,6 @@ textarea {
height: 15em; height: 15em;
width: 100%; width: 100%;
margin: 0; margin: 0;
/*
padding: 0.5em;
border: none;
background-color: @colortextboxbackground;
color: @colortextboxforeground;
border-radius: 0;
*/
font-family: @monospace; font-family: @monospace;
} }
...@@ -434,15 +402,9 @@ input[type=submit], button { ...@@ -434,15 +402,9 @@ input[type=submit], button {
padding: 0px; padding: 0px;
} }
/*
margin: 0;
margin-bottom: 1em;
padding: 0.5em 2em;
*/
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
// background-image: none;
background-color: @colorbackground; background-color: @colorbackground;
color: @colorforeground; color: @colorforeground;
...@@ -484,16 +446,14 @@ img { ...@@ -484,16 +446,14 @@ img {
**********************************************/ **********************************************/
div[data-gadget-scope='panel'] { div[data-gadget-scope='panel'] {
// background-color: #252525; background-color: @panelbackgroundcolor;
background-color: #444444;
// border-color: #454545;
border-color: #888888; border-color: #888888;
@media @smartphone, @tablet { @media @smartphone, @tablet {
box-shadow: 5px 0 5px rgba(0,0,0,.15); box-shadow: 5px 0 5px rgba(0,0,0,.15);
} }
color: #fff; color: @white;
width: @panelwidth; width: @panelwidth;
min-height: 100%; min-height: 100%;
...@@ -515,30 +475,9 @@ div[data-gadget-scope='panel'] { ...@@ -515,30 +475,9 @@ div[data-gadget-scope='panel'] {
div[data-role="header"] { div[data-role="header"] {
// background-color: #252525;
// color: #fff;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
// border-color: rgba(255,255,255, .3);
// border-width: 0 0 1px 0;
// border-style: solid;
/*
> div {
&:first-of-type {
border-color: rgba(255,255,255, .3);
border-style: solid;
border-width: 0 1px 0 0;
}
&:last-of-type {
border-color: rgba(255,255,255, .3);
border-style: solid;
border-width: 0 0 0 1px;
}
}
*/
.panel_img { .panel_img {
text-align: center; text-align: center;
flex: 1; flex: 1;
...@@ -547,8 +486,7 @@ div[data-gadget-scope='panel'] { ...@@ -547,8 +486,7 @@ div[data-gadget-scope='panel'] {
button, a { button, a {
.hide_text(); .hide_text();
// XXX TODO: same color than panel background background-color: @panelbackgroundcolor;
background-color: #444444;
&::before { &::before {
...@@ -567,24 +505,12 @@ div[data-gadget-scope='panel'] { ...@@ -567,24 +505,12 @@ div[data-gadget-scope='panel'] {
line-height: @headerheight; line-height: @headerheight;
color: @white; color: @white;
// background-color: @colorheaderbackground;
/*
&[name="panel"] {
@media @desktop {
display: none;
}
}
*/
} }
} }
img { img {
text-align: left; text-align: left;
// line-height: @headerheight;
// max-height: @headerheight;
height: 100%; height: 100%;
// flex: 1;
} }
...@@ -593,23 +519,15 @@ div[data-gadget-scope='panel'] { ...@@ -593,23 +519,15 @@ div[data-gadget-scope='panel'] {
margin-top: @headerheight; margin-top: @headerheight;
li { li {
a { a {
color: #ffffff; color: @white;
/*
border-color: rgba(255,255,255, .3);
border-width: 1px 0 0 0;
border-style: solid;
*/
padding: .4em; padding: .4em;
padding-left: 1em; padding-left: 1em;
display: block; display: block;
// position: relative;
// text-align: left;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
&::before { &::before {
// margin-right: 1em;
width: 2em; width: 2em;
} }
} }
...@@ -624,14 +542,12 @@ div[data-gadget-scope='panel'] { ...@@ -624,14 +542,12 @@ div[data-gadget-scope='panel'] {
div[data-gadget-scope='editor_panel'] { div[data-gadget-scope='editor_panel'] {
// background-color: #252525; background-color: @panelbackgroundcolor;
background-color: #444444;
// border-color: #454545;
border-color: #888888; border-color: #888888;
box-shadow: 5px 0 0 5px rgba(0,0,0,.15); box-shadow: 5px 0 0 5px rgba(0,0,0,.15);
color: #fff; color: @white;
width: @panelwidth; width: @panelwidth;
min-height: 100%; min-height: 100%;
...@@ -654,7 +570,7 @@ div[data-gadget-scope='editor_panel'] { ...@@ -654,7 +570,7 @@ div[data-gadget-scope='editor_panel'] {
div[data-role="header"] { div[data-role="header"] {
background-color: #252525; background-color: #252525;
color: #fff; color: @white;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -667,7 +583,6 @@ div[data-gadget-scope='editor_panel'] { ...@@ -667,7 +583,6 @@ div[data-gadget-scope='editor_panel'] {
text-align: left; text-align: left;
line-height: @headerheight; line-height: @headerheight;
max-height: @headerheight; max-height: @headerheight;
// flex: 1;
} }
> div { > div {
...@@ -698,7 +613,6 @@ div[data-gadget-scope='editor_panel'] { ...@@ -698,7 +613,6 @@ div[data-gadget-scope='editor_panel'] {
line-height: @headerheight; line-height: @headerheight;
color: @white; color: @white;
// background-color: @colorheaderbackground;
} }
} }
...@@ -712,7 +626,6 @@ div[data-gadget-scope='editor_panel'] { ...@@ -712,7 +626,6 @@ div[data-gadget-scope='editor_panel'] {
**********************************************/ **********************************************/
div[data-gadget-scope='header'] .ui-header { div[data-gadget-scope='header'] .ui-header {
// width: 100%;
position: fixed; position: fixed;
z-index: 1000; z-index: 1000;
text-align: center; text-align: center;
...@@ -726,7 +639,7 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -726,7 +639,7 @@ div[data-gadget-scope='header'] .ui-header {
button, a { button, a {
&:hover, &:active { &:hover, &:active {
background-color: #085078; background-color: @colorheaderbackground;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#85D8CE), to(#0E81C2)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#85D8CE), to(#0E81C2));
background: -webkit-linear-gradient(bottom, #85D8CE, #0E81C2); background: -webkit-linear-gradient(bottom, #85D8CE, #0E81C2);
background: linear-gradient(bottom, #85D8CE, #0E81C2); background: linear-gradient(bottom, #85D8CE, #0E81C2);
...@@ -849,7 +762,6 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -849,7 +762,6 @@ div[data-gadget-scope='header'] .ui-header {
.ui-subheader { .ui-subheader {
// display: block;
@media @desktop { @media @desktop {
text-align: left; text-align: left;
} }
...@@ -888,7 +800,6 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -888,7 +800,6 @@ div[data-gadget-scope='header'] .ui-header {
&::before { &::before {
display: none; display: none;
// padding-right: 0.3em;
} }
} }
...@@ -948,13 +859,6 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -948,13 +859,6 @@ div[data-gadget-scope='header'] .ui-header {
padding-top: 8em; padding-top: 8em;
} }
/*
.ui-has-subheader {
padding-top: 7em;
}
*/
// Label // Label
.ui-field-contain { .ui-field-contain {
...@@ -966,23 +870,11 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -966,23 +870,11 @@ div[data-gadget-scope='header'] .ui-header {
label { label {
margin: 0 0 0.4em; margin: 0 0 0.4em;
// padding: 0.4em;
// line-height: 1.4em;
// text-align: left;
// margin: 0 8px 0 0;
// padding: 2px 0;
} }
} }
.ui-content-title { .ui-content-title {
font-size: 150%; font-size: 150%;
// margin-top: 1em;
// margin-bottom: 1em;
} }
ul.document-listview { ul.document-listview {
...@@ -1011,10 +903,6 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -1011,10 +903,6 @@ div[data-gadget-scope='header'] .ui-header {
background: -moz-linear-gradient(bottom, #eeeeee, #f5f5f5); background: -moz-linear-gradient(bottom, #eeeeee, #f5f5f5);
background: -o-linear-gradient(bottom, #eeeeee, #f5f5f5); background: -o-linear-gradient(bottom, #eeeeee, #f5f5f5);
background: -ms-linear-gradient(bottom, #eeeeee, #f5f5f5); background: -ms-linear-gradient(bottom, #eeeeee, #f5f5f5);
// color: #222222;
// text-shadow: none;
// border-color: rgb(0, 0, 0);
// border-color: rgba(0, 0, 0, 0.5);
} }
&:focus { &:focus {
-webkit-box-shadow: 0 0 12px #3388cc; -webkit-box-shadow: 0 0 12px #3388cc;
...@@ -1023,26 +911,18 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -1023,26 +911,18 @@ div[data-gadget-scope='header'] .ui-header {
} }
} }
&:first-child { &:first-child {
border-top-left-radius: 0.325em; border-top-left-radius: @radius;
border-top-right-radius: 0.325em; border-top-right-radius: @radius;
} }
&:last-child { &:last-child {
border-bottom-left-radius: 0.325em; border-bottom-left-radius: @radius;
border-bottom-right-radius: 0.325em; border-bottom-right-radius: @radius;
border-bottom-style: solid; border-bottom-style: solid;
// box-shadow: 0 1px 3px;
} }
} }
} }
@media @desktop { @media @desktop {
/*
.left, .right, .center, .bottom {
padding: 0 2%;
}
*/
.left, .right { .left, .right {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
...@@ -1128,7 +1008,7 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1128,7 +1008,7 @@ div[data-gadget-scope='erp5_searchfield'] {
button { button {
padding: 0.5em; padding: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14); border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0.315em; border-radius: @radius;
margin-right: 0.5em; margin-right: 0.5em;
&:last-of-type { &:last-of-type {
...@@ -1160,13 +1040,7 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1160,13 +1040,7 @@ div[data-gadget-scope='erp5_searchfield'] {
} }
thead { thead {
/*
background-color: #eeeeee;
background-color: rgba(0, 0, 0, .04);
color: #777777;
*/
background-color: @colorsubheaderbackground; background-color: @colorsubheaderbackground;
// background-color: @colorheaderbackground;
color: @white; color: @white;
...@@ -1199,16 +1073,6 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1199,16 +1073,6 @@ div[data-gadget-scope='erp5_searchfield'] {
} }
@media @desktop, @tablet { @media @desktop, @tablet {
/*
// Column border
td, th {
&:not(:last-child) {
border-right: 1px solid #DDD;
}
}
*/
a { a {
display: block; display: block;
padding: 0.4em 0.25em; padding: 0.4em 0.25em;
...@@ -1279,36 +1143,6 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1279,36 +1143,6 @@ div[data-gadget-scope='erp5_searchfield'] {
} }
} }
} }
/*
@media @smartphone {
tr {
line-height: 3em;
}
th {
display: none;
&:first-of-type {
display: block;
a {
display: block;
text-align: left;
padding-left: 0.5em;
&:after {
// XXX copy/pasted
font-family: FontAwesome;
content: "\f0da";
text-align: right;
float:right;
padding-right: 0.5em;
padding-left: 0.5em;
}
}
}
}
}
*/
} }
...@@ -1325,7 +1159,7 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1325,7 +1159,7 @@ div[data-gadget-scope='erp5_searchfield'] {
a { a {
padding: 0.5em; padding: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14); border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0.315em; border-radius: @radius;
margin-right: 0.5em; margin-right: 0.5em;
&:last-of-type { &:last-of-type {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment