background: white;
/* http://www.quirksmode.org/dom/inputfile.html
* http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
- */ */
+ */
}
.openerp :-moz-placeholder {
color: #afafb6 !important;
.openerp .oe_webclient .oe_star_on {
color: gold;
}
-.openerp .oe_bounce {
- -moz-animation: bounce 0.4s linear;
- -webkit-animation: bounce 0.4s linear;
-}
.openerp .oe_tag {
border-radius: 2px;
-webkit-box-sizing: border-box;
.openerp .oe_form div.oe_form_configuration label {
min-width: 150px;
}
-
+.openerp ul.oe_form_steps {
+ height: 30px;
+ padding: 0;
+ margin: 0;
+ text-shadow: 0 1px 1px white;
+}
+.openerp ul.oe_form_steps img {
+ vertical-align: top;
+ margin-left: 8px;
+}
+.openerp ul.oe_form_steps li {
+ border-right: none;
+ padding: 0;
+ margin: 0;
+ float: left;
+ vertical-align: top;
+ height: 30px;
+ padding: 0 0 0 12px;
+}
+.openerp ul.oe_form_steps li:first-child {
+ border-left: 1px solid #cacaca;
+}
+.openerp ul.oe_form_steps li:last-child {
+ margin-right: 12px;
+ padding-right: 12px;
+ border-right: 1px solid #cacaca;
+}
+.openerp ul.oe_form_steps li a {
+ color: #4c4c4c;
+}
+.openerp ul.oe_form_steps li a:hover {
+ color: black;
+}
+.openerp ul.oe_form_steps .oe_form_steps_active {
+ font-weight: bold;
+ color: #b33630;
+}
.openerp ul.oe_form_steps_clickable {
height: 30px;
margin: 0;
padding: 0;
text-shadow: 0 1px 1px #cacaca;
- box-shadow: 0 0 1px rgba(0,0,0,0.5);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.openerp ul.oe_form_steps_clickable li {
- text-decoration: none;
- padding: 0 0 0 30px;
+ border-right: none;
+ padding: 0 0 0 12px;
position: relative;
- display: block;
float: left;
+ vertical-align: top;
height: 30px;
color: white;
}
-.openerp ul.oe_form_steps_clickable li.oe_form_steps_active {
- font-weight: bold;
- text-shadow: 0 1px 1px #999999;
- box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25);
- background-color: #dc5f59;
- background: -webkit-linear-gradient(top, #dc5f59, #b33630);
- color: white;
-}
-.openerp ul.oe_form_steps_clickable li.oe_form_steps_inactive {
- display: block;
- cursor: pointer;
- box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25);
- background-color: #adadcf;
- background: -webkit-linear-gradient(top, #adadcf, #7c7ba7);
-}
-.openerp ul.oe_form_steps_clickable li div {
- padding: 0 30px 0 0;
-}
-.openerp ul.oe_form_steps_clickable .oe_form_steps_inactive:hover {
- background: -webkit-linear-gradient(top, #7c7ba7, #adadcf);
-}
.openerp ul.oe_form_steps_clickable li:after {
content: " ";
- display: block;
width: 0;
height: 0;
border-top: 21px solid transparent;
z-index: 2;
}
.openerp ul.oe_form_steps_clickable li:hover:after {
- border-left: 5px solid #8a89ba;
+ border-left: 5px solid #807fb4;
}
.openerp ul.oe_form_steps_clickable li:before {
content: " ";
- display: block;
width: 0;
height: 0;
border-top: 21px solid transparent;
.openerp ul.oe_form_steps_clickable li.oe_form_steps_active {
font-weight: bold;
text-shadow: 0 1px 1px #999999;
+ box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.25);
+ background-color: #dc5f59;
background: -webkit-linear-gradient(top, #dc5f59, #b33630);
color: white;
}
+.openerp ul.oe_form_steps_clickable li.oe_form_steps_inactive {
+ cursor: pointer;
+ box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.25);
+ background-color: #adadcf;
+ background: -webkit-linear-gradient(top, #adadcf, #7c7ba7);
+}
+.openerp ul.oe_form_steps_clickable li.oe_form_steps_inactive div {
+ padding: 0 30px 0 0;
+}
+.openerp ul.oe_form_steps_clickable li.oe_form_steps_inactive:hover {
+ background: -webkit-linear-gradient(top, #7c7ba7, #adadcf);
+}
+.openerp ul.oe_form_steps_clickable li div {
+ padding: 0 30px 0 0;
+}
.openerp ul.oe_form_steps_clickable li.oe_form_steps_active:after {
- content: "";
+ content: " ";
display: block;
width: 0;
height: 0;
border-top: 21px solid transparent;
border-bottom: 21px solid transparent;
- border-left: 5px solid #b33630;
+ border-left: 5px solid #b33630;
position: absolute;
top: 50%;
margin-top: -21px;
z-index: 2;
}
.openerp ul.oe_form_steps_clickable li.oe_form_steps_active:before {
- content: "";
+ content: " ";
display: block;
width: 0;
height: 0;
border-top: 21px solid transparent;
border-bottom: 21px solid transparent;
- border-left: 5px solid white;
+ border-left: 5px solid white;
position: absolute;
top: 50%;
margin-top: -21px;
left: 100%;
z-index: 2;
}
-
-.openerp ul.oe_form_steps {
- height: 30px;
- padding: 0;
- margin: 0;
- text-shadow: 0 1px 1px white;
-}
-.openerp ul.oe_form_steps img {
- vertical-align: top;
- margin-left: 8px;
-}
-.openerp ul.oe_form_steps li {
- border-right: none;
- padding: 0;
- margin: 0;
- float: left;
- vertical-align: top;
- height: 30px;
- padding: 0 0 0 12px;
-}
-.openerp ul.oe_form_steps li:first-child {
- border-left: 1px solid #cacaca;
-}
-.openerp ul.oe_form_steps li:last-child {
- margin-right: 12px;
- padding-right: 12px;
- border-right: 1px solid #cacaca;
-}
-.openerp ul.oe_form_steps li a {
- color: #4c4c4c;
-}
-.openerp ul.oe_form_steps li a:hover {
- color: black;
-}
-.openerp ul.oe_form_steps .oe_form_steps_active {
- font-weight: bold;
- color: #b33630;
-}
-
-
.openerp .oe_form .oe_subtotal_footer {
width: 1% !important;
}
.oe_form_steps_active
font-weight: bold
color: #b33630
+ ul.oe_form_steps_clickable
+ height: 30px
+ margin: 0
+ padding: 0
+ text-shadow: 0 1px 1px #cacaca
+ box-shadow: 0 0 1px rgba(0,0,0,0.5)
+ overflow: hidden
+ li
+ border-right: none
+ padding: 0 0 0 12px
+ position: relative
+ float: left
+ vertical-align: top
+ height: 30px
+ color: white
+ &:after
+ content: " "
+ width: 0
+ height: 0
+ border-top: 21px solid transparent
+ border-bottom: 21px solid transparent
+ border-left: 5px solid #807fb4
+ position: absolute
+ top: 50%
+ margin-top: -21px
+ left: 100%
+ z-index: 2
+ &:hover:after
+ border-left: 5px solid #807fb4
+ &:before
+ content: " "
+ width: 0
+ height: 0
+ border-top: 21px solid transparent
+ border-bottom: 21px solid transparent
+ border-left: 5px solid white
+ position: absolute
+ top: 50%
+ margin-top: -21px
+ margin-left: 2px
+ left: 100%
+ z-index: 2
+ &.oe_form_steps_active
+ font-weight: bold
+ text-shadow: 0 1px 1px #999999
+ box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25)
+ background-color: #dc5f59
+ background: -webkit-linear-gradient(top, #dc5f59, #b33630)
+ color: white
+ &.oe_form_steps_inactive
+ cursor: pointer
+ box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25)
+ background-color: #adadcf
+ background: -webkit-linear-gradient(top, #adadcf, #7c7ba7)
+ div
+ padding: 0 30px 0 0
+ &.oe_form_steps_inactive:hover
+ background: -webkit-linear-gradient(top, #7c7ba7, #adadcf)
+ div
+ padding: 0 30px 0 0
+ &.oe_form_steps_active:after
+ content: " "
+ display: block
+ width: 0
+ height: 0
+ border-top: 21px solid transparent
+ border-bottom: 21px solid transparent
+ border-left: 5px solid #b33630
+ position: absolute
+ top: 50%
+ margin-top: -21px
+ left: 100%
+ z-index: 2
+ &.oe_form_steps_active:before
+ content: " "
+ display: block
+ width: 0
+ height: 0
+ border-top: 21px solid transparent
+ border-bottom: 21px solid transparent
+ border-left: 5px solid white
+ position: absolute
+ top: 50%
+ margin-top: -21px
+ margin-left: 2px
+ left: 100%
+ z-index: 2
.oe_form .oe_subtotal_footer
width: 1% !important
td.oe_form_group_cell