Skip to content

B
business-java
Commit 856b85f5 authored by smestry's avatar smestry
Browse files
Options

Updated css for Product wizard new look and feel. 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@103873 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 731d0fb3
Hide whitespace changes
Inline Side-by-side
Showing with 748 additions and 496 deletions
webitm-wms/module-resource/web/css/ProductWizard.css
View file @ 856b85f5
body {
font-family: Arial Unicode MS, Arial, sans-serif;
font-size: small;
height: 100%;
width: 100%;
overflow: auto;
position: fixed;/* Gulzar on 09/07/14 */
background-color: white;
background-color: #CBE2DA;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Opera */
background-image: -o-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #B0DBE3), color-stop(0.85, #CBE2DA), color-stop(1, #E8C4B1));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
}
.mainPage-Container {
height: 100%;
width: 100%;
position: fixed;/*Gulzar on 09/07/14*/
/*background-color: white;*/
background-color: #CBE2DA;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Opera */
background-image: -o-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #B0DBE3), color-stop(0.85, #CBE2DA), color-stop(1, #E8C4B1));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* overflow: auto; */
}
td {
padding-bottom: .2em;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
}
label {
padding: 0 20px;
color: #62412E;
line-height: 35px;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 14px;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
background-color: #e5e5e5;
}
#header {
margin: 0;
padding-right: 10px;
height: 40px;
width: 98%;
background-color: #4bc1d2;
border-bottom: none;
overflow:hidden;
}
#headingText {
padding-left: 40px;
padding-top: 8px;
position: absolute;
color: white;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 18px;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
text-rendering: optimizeLegibility;
}
.button {
display: inline-block;
height: 28px;
margin: 5px;
padding: 0 16px;
color: #243140;
cursor: pointer;
line-height: 1;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 14px;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
vertical-align: top;
background-color: #4EBD4A;
border: 0;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.button:hover {
color: #243140;
background-color: #dcdfe7;
}
.button:active{
color: #1d2938;
background-color: #cdd1dc;
}
.button.disabled {
color:grey !IMPORTANT;
pointer-events:none !IMPORTANT;
}
.button.enabled {
color:white !IMPORTANT;
pointer-events:auto !IMPORTANT;
}
.editLabelClass {
position: absolute;
background-color: #COCOCO;
color: #62412E;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
/* font-size: 14px; */
font-size: 12px;
text-align: right;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
white-space: nowrap;
}
.editDivClass
{border: 1px solid lightgray;color:#102132;background:#FFFFFF;width:96%;float:left;min-height:17px;
font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.editInputClass
{
border: 1px solid lightgray;
color:#102132;
background:#FFFFFF;
text-align:left;
font-family: Arial Unicode MS, Arial, sans-serif !important;
font-size:12px !important;
}
.editDisplayClass
{border: 1px solid lightgray;color:#2087fc;background:#D6D2C7;text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
/* .tableClass
{margin-left:0px;margin-top:00px;width :100%;} */
.header_td
{border:inset 0;background:#4BC1D2;font-family:Arial;font-size:14px; height: 22px;color: #FFF;}
.tbody_td
{border:inset 1;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.input_editable
{border:inset 2;color:#102132;background:#D7E5F9;text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.input_num_editable
{border:inset 2;color:#102132;background:#D7E5F9;text-align:right;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.td_leftAlign
{text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.td_rightAlign
{text-align:right;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.pophelp-Btn {
position: absolute;
padding-left: 5px;
width: 15px;
height: 18;
color: white;
cursor: hand;
border: 1px solid green;
border-radius: 50%;
background-color: #4EBD4A;
opacity: .90;
z-index: 1;
}
/* .pophelp-Btn:after {
content: '?';
} */
.pophelp-Span{
position: absolute !important;
}
.calender-Btn {
/* position: absolute; */
/* padding-left: 5px; */
margin-left: -15px;
width: 15;
height: 18;
color: white;
cursor: hand;
border: 1px solid green;
border-radius: 50%;
background-color: #4EBD4A;
opacity: .90;
z-index: 1;
}
.calender-Btn:after {
content: '[]';
}
.calender-Span{
position: absolute !important;
}
/** Animation **/
.E12BTAnimate
{
-webkit-animation: myfirst 1s; /* Chrome, Safari, Opera */
animation: myfirst 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
from {margin-top: 0%;
}
to {margin-top: 10%;
}
}
/* Standard syntax */
@keyframes myfirst {
from {margin-top: 0%;
}
to {margin-top: 10%;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
/* -webkit-animation-name: fadeInDown;
animation-name: fadeInDown; */
-webkit-animation: fadeInDown 1s;
animation: fadeInDown 1s;
}
/** table class **/
.tableClass
{text-align: center;
line-height: 25px;
text-align: left;
border-collapse: separate;
border-spacing: 0;
border-radius: 2px;
background-color: #FFF;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);}
.thClass>th
{padding: 0 10px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #4bc1d2 #13AEC4 #5CCADA;
background-color: #4bc1d2;
background-image: -ms-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -moz-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -o-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #4BC1D2), color-stop(1, #5ADAEC));
background-image: -webkit-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: linear-gradient(to bottom, #4BC1D2 60%, #5ADAEC 100%);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: bold;}
.captionClass{
padding: 0 10px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #4bc1d2 #13AEC4 #5CCADA;
background-color: #4bc1d2;
background-image: -ms-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -moz-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -o-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #4BC1D2), color-stop(1, #5ADAEC));
background-image: -webkit-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: linear-gradient(to bottom, #4BC1D2 60%, #5ADAEC 100%);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: bold;
}
.table-body>tr:nth-child(2n) {
background-color: #f9f9f9;
}
.table-body>tr>td
{padding: 0 10px;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
text-shadow: 0 1px white;
/* text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-rendering: optimizeLegib
}
/*Green*/
.green-Btn {
/*position: relative;*/
color: white;
line-height: 28px;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.08);
background-color: #4EBD4A;
}
.green-Btn:hover {
color: white;
background-color: #6bc868;
}
.green-Btn:active {
color: white;
background-color: #3c9b39;
}
/*Red*/
.red-Btn {
/*position: relative;*/
color: white;
line-height: 28px;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.08);
background-color: #ee4f3d;
}
.red-Btn:hover {
color: white;
background-color: #f17163;
}
.red-Btn:active {
color: white;
background-color: #e42914;
}
/*
* Use for Pophelp jsp
*/
.pophelp-Header {
position: absolute;
width : 100%;
height: 7%;
top: 0;
overflow: hidden;
background-color: #4bc1d2;
z-index: 1;
}
.pophelp-Container {
position: absolute;
max-width: 100%;
width: 100%;
height: 84%;
top: 7%;
overflow: auto;
/* background-color: white;
background-color: rgba(255, 255, 255, .50); */
}
.pophelp-Contents{
padding: 10px;
}
.pophelp-Footer {
position: absolute;
width : 100%;
height: 8%;
bottom: 0;
overflow: hidden;
background-color: white;
background-color: rgba(255, 255, 255, .75);
z-index: 1;
}
.pophelp-okcancel {
float: right;
right: 10px;
top: 17%;
bottom: 5px;
}
.pophelp-headerTitle {
height: 28px;
padding: 10px;
position: absolute;
color: white;
line-height: 28px;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 18px;
text-rendering: optimizeLegibility;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.headerPage-Container,
.footerPage-Container {
position: relative;
padding-right: 10px;
margin: 0px auto;
height: 15%;
background-color: white;
background-color: rgba(255, 255, 255, .5);
}
.pophelp-refresh {
float: left;
left: 10px;
top: 17%;
}
/** popup Div */
.popDiv{
height: 40px;
width: 100%;
margin: 0 auto;
background-color: white;
background-color: rgba(255, 255, 255, .75);
body {
font-family: Arial Unicode MS, Arial, sans-serif;
font-size: small;
height: 100%;
width: 100%;
overflow: auto;
position: fixed;/* Gulzar on 09/07/14 */
background-color: white;
background-color: #CBE2DA;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Opera */
background-image: -o-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #B0DBE3), color-stop(0.85, #CBE2DA), color-stop(1, #E8C4B1));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
}
.mainPage-Container {
height: 100%;
width: 100%;
position: fixed;/*Gulzar on 09/07/14*/
/*background-color: white;*/
background-color: #CBE2DA;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Opera */
background-image: -o-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #B0DBE3), color-stop(0.85, #CBE2DA), color-stop(1, #E8C4B1));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #B0DBE3 60%, #CBE2DA 85%, #E8C4B1 100%);
/* overflow: auto; */
}
td {
padding-bottom: .2em;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
}
label {
padding: 0 20px;
color: #62412E;
line-height: 35px;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 14px;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
background-color: #e5e5e5;
}
#header {
margin: 0;
padding-right: 10px;
height: 40px;
width: 98%;
background-color: #4bc1d2;
border-bottom: none;
overflow:hidden;
}
#headingText {
padding-left: 40px;
padding-top: 8px;
position: absolute;
color: white;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 18px;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
text-rendering: optimizeLegibility;
}
.button {
display: inline-block;
height: 28px;
margin: 5px;
padding: 0 16px;
color: #243140;
cursor: pointer;
line-height: 1;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 14px;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
vertical-align: top;
background-color: #4EBD4A;
border: 0;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.button:hover {
color: #243140;
background-color: #dcdfe7;
}
.button:active{
color: #1d2938;
background-color: #cdd1dc;
}
.button.disabled {
color:grey !IMPORTANT;
pointer-events:none !IMPORTANT;
}
.button.enabled {
color:white !IMPORTANT;
pointer-events:auto !IMPORTANT;
}
.editLabelClass {
position: absolute;
background-color: #COCOCO;
color: #62412E;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
/* font-size: 14px; */
font-size: 12px;
text-align: right;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
white-space: nowrap;
}
.editDivClass
{border: 1px solid lightgray;color:#102132;background:#FFFFFF;width:96%;float:left;min-height:17px;
font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.editInputClass
{
border: 1px solid lightgray;
color:#102132;
background:#FFFFFF;
text-align:left;
font-family: Arial Unicode MS, Arial, sans-serif !important;
font-size:12px !important;
}
.editDisplayClass
{border: 1px solid lightgray;color:#2087fc;background:#D6D2C7;text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
/* .tableClass
{margin-left:0px;margin-top:00px;width :100%;} */
.header_td
{border:inset 0;background:#4BC1D2;font-family:Arial;font-size:14px; height: 22px;color: #FFF;}
.tbody_td
{border:inset 1;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.input_editable
{border:inset 2;color:#102132;background:#D7E5F9;text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.input_num_editable
{border:inset 2;color:#102132;background:#D7E5F9;text-align:right;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.td_leftAlign
{text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.td_rightAlign
{text-align:right;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
.pophelp-Btn {
position: absolute;
padding-left: 5px;
width: 15px;
height: 18;
color: white;
cursor: hand;
border: 1px solid green;
border-radius: 50%;
background-color: #4EBD4A;
opacity: .90;
z-index: 1;
}
/* .pophelp-Btn:after {
content: '?';
} */
.pophelp-Span{
position: absolute !important;
}
.calender-Btn {
/* position: absolute; */
/* padding-left: 5px; */
margin-left: -15px;
width: 15;
height: 18;
color: white;
cursor: hand;
border: 1px solid green;
border-radius: 50%;
background-color: #4EBD4A;
opacity: .90;
z-index: 1;
}
.calender-Btn:after {
content: '[]';
}
.calender-Span{
position: absolute !important;
}
/** Animation **/
.E12BTAnimate
{
-webkit-animation: myfirst 1s; /* Chrome, Safari, Opera */
animation: myfirst 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
from {margin-top: 0%;
}
to {margin-top: 10%;
}
}
/* Standard syntax */
@keyframes myfirst {
from {margin-top: 0%;
}
to {margin-top: 10%;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
/* -webkit-animation-name: fadeInDown;
animation-name: fadeInDown; */
-webkit-animation: fadeInDown 1s;
animation: fadeInDown 1s;
}
/** table class **/
.tableClass
{text-align: center;
line-height: 25px;
text-align: left;
border-collapse: separate;
border-spacing: 0;
border-radius: 2px;
background-color: #FFF;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);}
.thClass>th
{padding: 0 10px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #4bc1d2 #13AEC4 #5CCADA;
background-color: #4bc1d2;
background-image: -ms-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -moz-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -o-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #4BC1D2), color-stop(1, #5ADAEC));
background-image: -webkit-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: linear-gradient(to bottom, #4BC1D2 60%, #5ADAEC 100%);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: bold;}
.captionClass{
padding: 0 10px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #4bc1d2 #13AEC4 #5CCADA;
background-color: #4bc1d2;
background-image: -ms-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -moz-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -o-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #4BC1D2), color-stop(1, #5ADAEC));
background-image: -webkit-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
background-image: linear-gradient(to bottom, #4BC1D2 60%, #5ADAEC 100%);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: bold;
}
.table-body>tr:nth-child(2n) {
background-color: #f9f9f9;
}
.table-body>tr>td
{padding: 0 10px;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
text-shadow: 0 1px white;
/* text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-rendering: optimizeLegib
}
/*Green*/
.green-Btn {
/*position: relative;*/
color: white;
line-height: 28px;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.08);
background-color: #4EBD4A;
}
.green-Btn:hover {
color: white;
background-color: #6bc868;
}
.green-Btn:active {
color: white;
background-color: #3c9b39;
}
/*Red*/
.red-Btn {
/*position: relative;*/
color: white;
line-height: 28px;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.08);
background-color: #ee4f3d;
}
.red-Btn:hover {
color: white;
background-color: #f17163;
}
.red-Btn:active {
color: white;
background-color: #e42914;
}
/*
* Use for Pophelp jsp
*/
.pophelp-Header {
position: absolute;
width : 100%;
height: 7%;
top: 0;
overflow: hidden;
background-color: #4bc1d2;
z-index: 1;
}
.pophelp-Container {
position: absolute;
max-width: 100%;
width: 100%;
height: 84%;
top: 7%;
overflow: auto;
/* background-color: white;
background-color: rgba(255, 255, 255, .50); */
}
.pophelp-Contents{
padding: 10px;
}
.pophelp-Footer {
position: absolute;
width : 100%;
height: 8%;
bottom: 0;
overflow: hidden;
background-color: white;
background-color: rgba(255, 255, 255, .75);
z-index: 1;
}
.pophelp-okcancel {
float: right;
right: 10px;
top: 17%;
bottom: 5px;
}
.pophelp-headerTitle {
height: 28px;
padding: 10px;
position: absolute;
color: white;
line-height: 28px;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 18px;
text-rendering: optimizeLegibility;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.headerPage-Container,
.footerPage-Container {
position: relative;
padding-right: 10px;
margin: 0px auto;
height: 15%;
background-color: white;
background-color: rgba(255, 255, 255, .5);
}
.pophelp-refresh {
float: left;
left: 10px;
top: 17%;
}
/** popup Div */
.popDiv{
height: 40px;
width: 100%;
margin: 0 auto;
background-color: white;
background-color: rgba(255, 255, 255, .75);
}
\ No newline at end of file
webitm-wms/module-resource/web/css/htmlWizard.css 0 → 100755
View file @ 856b85f5
/* Font loaded - elegant icons*/
@font-face
{
/* declare fonts */
font-family: "MuseoLight-300";
src: url("/ibase/webitm/css/fonts/Museo300-Regular.eot");
src: local("Museo 300"), local("Museo-300"),
url("/ibase/webitm/css/fonts/Museo300-Regular.woff") format("woff"),
url("/ibase/webitm/css/fonts/Museo300-Regular.otf") format("opentype"),
url("/ibase/webitm/css/fonts/Museo300-Regular.svg#Museo-300") format("svg");
}
*
{
font-family: "MuseoLight-300", sans-serif !important;
}
.tableClass
{
margin-left: 0px;
margin-top: 0px;
width: 100%;
/* background-color: rgb(251,251,251); */
}
.tableClass1
{
margin-left:0px;
margin-top:18px;
}
.header_td
{
font-size: 16px;
text-align: left;
padding-left: 20px;
height: 40px;
background-color: #f7f8fa;
overflow: hidden;
color: white;
}
.input_editable
{
border: solid 1px lightgray;
color : #333;
background : white;
text-align : left;
font-size : 14px;
line-height: 20px;
}
.input_num_editable
{
text-align: center;
border: solid 1px lightgray;
color: #333;
background: white;
font-size: 14px;
line-height: 20px;
}
.td_leftAlign
{
background:#FFF;
text-align:left;
font-size:12px;
color: #555;
}
.td_centAlign
{
background:#FFF;
text-align:center;
font-size:12px;
}
.td_rightAlign
{
background:#FFF;
text-align:right;
font-size:12px;
color: #555;
font-weight: normal !important;
}
.headerCent_td
{
border:inset 0;
background:#FFCCCC;
text-align:center;
font-size:9pt;
}
.headertableClass
{
/* float:right; */
margin-top:0px;
border-collapse: collapse;
border-top: #6cf 3px solid;
}
.header_main
{
font-size: 16px;
color: #5893bf;
/* height: 40px; */
background-color: f7f8fa;
/* padding-bottom: 10px; */
}
.galaxyButton
{
border: 1px solid #ebebeb !important;
border-radius: 2px !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
box-shadow: 1px 1px 1px #a7a7a9 !important;
color: #3d3c3c;
height: 25px !important;
font-size: 12px !important;
background-color: buttonface !important;
line-height: 23px !important;
}
strong
{
font-weight: normal !important;
}
.galaxyTable
{
/* height: 400px; */
width: 100%;
margin-top: 5px;
overflow-x: auto;
overflow-y: auto;
white-space: nowrap;
border-left: 1px solid lightgray;
border-right: 1px solid lightgray;
border-color: #6cf #ccc #ccc;
border-width: 2px 1px 1px;
border-style: solid;
border-bottom: 1px solid lightgray;
}
.tHeader
{
line-height: 35px;
padding: 0 10px;
color: #555;
text-shadow: none;
border-width: 1px 1px 1px 0;
border-style: solid;
background-color: white;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.06), 0 1px rgba(0,0,0,0.04);
box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.06), 0 1px rgba(0,0,0,0.04);
text-rendering: optimizeLegibility;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 2px solid #ddd;
border-right: 1px solid #ddd;
border-top-left-radius: 0 !important;
font-size: 14px;
font-weight: bold;
}
.trClass td
{
line-height: 40px;
padding: 0 10px;
border: 1px solid #ddd;
font-size: 12px;
text-shadow: none;
background: white;
text-rendering: optimizeLegibility;
}
.trClass:hover {
background-color: #f5f5f5;
}
.main_header{
line-height: 35px;
/* padding: 0 10px; */
color: #333;
text-shadow: none;
border: 1px solid #ddd;
background-color: white;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: bold;
}
select{
padding: 1px;
}
.buttonDisabled{
color: graytext !important;
}
.button{
border: 1px solid #E7E7E7;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
color: #333;
height: 22px;
font-family: 'MuseoLight-300', sans-serif;
font-size: 12px;
background-color: #e7e7e7;
cursor: pointer;
margin-right:10px;
}
.button:hover
{
border: 1px solid #E7E7E7 !important;
background-color: #e7e7e7 !important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
text-shadow: none;
}
.button:active
{
text-shadow: none;
background-color: #d6d6d6 !important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
border: 1px solid #E7E7E7 !important;
}
.contentHeaderLbl {
font-size: 18px;
color: #5893bf;
padding-left: 20px;
padding-top: 0;
font-family: "MuseoLight-300", sans-serif;
}
.input_call_note
{
border: solid 1px lightgray;
color : #333;
background : white;
text-align : left;
font-size : 14px;
line-height: 20px;
min-width:110px !important;
}
\ No newline at end of file
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