Skip to content

B
business-java
Commit 7db29329 authored by msingh's avatar msingh
Browse files
Options

Added css 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@98858 ce508802-f39f-4f6c-b175-0d175dae99d5
parent ba11dad4
Show whitespace changes
Inline Side-by-side
Showing with 2142 additions and 64 deletions
webitm-wms/module-resource/web/css/ProductWizard.css
View file @ 7db29329
......@@ -21,31 +21,8 @@ body {
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 {
......@@ -57,6 +34,7 @@ label {
font-size: 14px;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
background-color: #e5e5e5;
}
......@@ -83,6 +61,51 @@ label {
text-rendering: optimizeLegibility;
}
.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:397px;float:left;min-height:17px;}
.editInputClass
{border: 1px solid lightgray;color:#102132;background:#FFFFFF;text-align:left;font-family:verdana;font-size:9pt}
.editDisplayClass
{border: 1px solid lightgray;color:#2087fc;background:#D6D2C7;text-align:left;font-family:verdana;font-size:9pt}
.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; */
}
.button {
display: inline-block;
height: 28px;
......@@ -130,39 +153,6 @@ label {
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%;} */
......@@ -170,19 +160,19 @@ font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
{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;}
{border:inset 1;font-family:verdana;font-size:9pt;}
.input_editable
{border:inset 2;color:#102132;background:#D7E5F9;text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
{border:inset 2;color:#102132;background:#D7E5F9;text-align:left;font-family:verdana;font-size:9pt}
.input_num_editable
{border:inset 2;color:#102132;background:#D7E5F9;text-align:right;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
{border:inset 2;color:#102132;background:#D7E5F9;text-align:right;font-family:verdana;font-size:9pt}
.td_leftAlign
{text-align:left;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
{text-align:left;font-family:Verdana;font-size:9pt;}
.td_rightAlign
{text-align:right;font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
{text-align:right;font-family:Verdana;font-size:9pt}
.pophelp-Btn {
position: absolute;
......@@ -296,7 +286,7 @@ font-family: Arial Unicode MS, Arial, sans-serif;font-size:12px;}
/** table class **/
.tableClass
{text-align: center;
line-height: 25px;
line-height: 29px;
text-align: left;
border-collapse: separate;
border-spacing: 0;
......@@ -431,8 +421,8 @@ text-rendering: optimizeLegib
top: 7%;
overflow: auto;
/* background-color: white;
background-color: rgba(255, 255, 255, .50); */
background-color: white;
background-color: rgba(255, 255, 255, .50);
}
.pophelp-Contents{
......
webitm-wms/module-resource/web/css/default.css 0 → 100755
View file @ 7db29329
/**
This CSS is used for components generated through XSL Generator
*/
/* .tableClass { position : relative;top : 0; background : #FFFFFF; } */
/*Changed by Shravan*/
/*Changed by Nazia on 16/10/2007[ Removed 'text-align : left;' to align header text of table as per datawindow Request ID WI78SUN030 Action Id 7800002787 ] start
.thClass { text-align : left; color : white; background : black; font-style:bold font : "9ptBookman Old Style"; cursor : hand; border-top : 1px solid; border-right : 1px solid; border-left : 1px solid; border-bottom : 1px solid; }*/
/*
.thClass {
color: white;
background: #4bc1d2;
cursor: hand;
border: 1px solid ;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 14px;
line-height: 25px;
}
*/
/*Changed by Nazia on 16/10/2007[to align header text of table as per alignment of datawindow] end*/
/*
.trClass {
color: #62412E;
background: #FFFFFF;
cursor: pointer;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 12px;
}
*/
.trEditInputClass {
/*As per KB sir*/
/*border: 1px solid gray;*/
border: 1px solid rgb(226, 226, 226);
background-color: #FFFFFF;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 13px;
text-align: left;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
}
.selectedClass {
background-color: #2087fc;
color: #FFFFFF;
cursor: pointer;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
/* text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-rendering: optimizeLegibility;
}
/*.editLabelClass { color : #COCOCO; background : #COCOCO; text-align : right; FONT : 8ptTahoma; position : absolute; }
.editInputClass { border:solid 1; border-color: lightgrey;color : #COCOCO; background : #FFFFFF; text-align : left; font : 8pt Tahoma; }
.editDisplayClass { border:solid 1; border-color: lightgrey; readOnly : true; color : blue; background : #D6D2C7; text-align : left; font : 8pt Tahoma; }*/
/*Changed By Shilpa on 27/03/12[To work properly on Mozilla]*/
.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;
}
.editInputClass {
border: 1px solid lightgray;
background-color: #FFFFFF;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
/* font-size: 13px; */
font-size: 12px;
text-align: left;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
text-rendering: optimizeLegibility;
}
.editDisplayClass {
border: 1px solid lightgray;
readOnly: true;
color: #2087fc;
background-color: #D6D2C7;
text-align: left;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
/* font-size: 13px; */
font-size: 12px;
}
/*end by Shilpa 27/03/12*/
.browBodyBG { background-color:#E7E7ED; }
.tableHeaderBG { text-align : left; color : #FFFFFF; background-color : darkblue; font : 8ptArial; cursor : hand }
.tabHeaderBG {}
.tableHeaderFG {}
.detailTabImg { background : url( ../images/tabs2_sel.bmp ); position : relative; cursor : pointer; font-size : 12pt; width : 63; height : 20; top : 0%; left : 0%; }
.taxTabImg { background : url( ../images/tabs2_desel.gif ); position : relative; cursor : hand; font-size : 12pt; width : 63; height : 20; top : 0%; left : 0; }
/* changes by madhup */
.hrLine { position : relative; top : -30; left : 10;width:760;visibility : hidden;}
/* end by madhup 17/10/06*/
.itmHomePageDiv {position:relative;top:-50;left:0;height:84%;width:100%;}
/*Changed by Dayanand on 23/08/07 [ Changed the overflow:hidden to overflow:scroll and added linkDataDivClass for linkDataDiv, linkDataTitleClass for linkDataTitle ]
/*.div2class { position:relative;top:-50;left:0;height:480;width:100%;background-color:white;overflow:hidden;}*/
/*Changed by Dayanand on 28/01/2009 [Remove scroll bar of div2 req id='WS89NOV297' ]start*/
/*.div2class { position:relative;top:-50;left:0;height:100%;width:800PX;background-color:white;overflow:scroll;}*/
.div2class { position:relative;top:-50;left:0;height:100%;width:800PX;background-color:white;}
/*Added by Dayanand on 04/09/07 [ To display link type 1 brow data ]*/
.linkDataDivClassBrow { position:relative;top:20;left:0;height:100%;width:800PX;background-color:white;overflow:scroll;}
/*end*/
/*For ITMHomePageEditor.jsp*/
.itmHomePageEditorActionDiv{ position : absolute; left : 200; width : 80%; top : 0%; z-index : 2;}
.itmHomePageEditorDiv{ position : relative; left : 0; top : 0;}
.itmHomePageEditorBody{ position : absolute; top : -30;overflow:hidden ;}
/*Changed by Danish on 27/12/2007*/
.attachmentDiv{ position : relative; top : 200;overflow:hidden ;}
/*For ITMSearchPage.jsp*/
/* changes by madhup 03/11/06 07/12/06 */
/*Shravan 11/09/07*/
.itmSearchPageSearchDiv { cursor : hand; cursor :'pointer'; font-size:12; font-family : arial; position:absolute; left : 0; top :25; width : 120;display:none;vertical-align:top}
/* end changes */
/*Shravan 11/09/07*/
.itmSearchPageOptionsDiv { display : none; position : relative; left : 0; top : 0%; background-color : white; font-size : 12; font-family : arial;}
/* changes by madhup 17/10/06 */
.advanceSearchOptionsDiv { cursor : hand; cursor : 'pointer'; font-size : 11; font-family : arial ; position : relative; left : 01; top:-20 ; width : 505;}
.advanceOptionsDiv { display : none; position : relative; left : 0; top : -33;}
.addViewOptionsDiv { visibility : hidden;}
/* CHANGES BY MADHUP 06/12/06
.tablePositon {position : relative; left : -55} */
.tablePositon {position : relative; left : 25; font-size : 12; font-family : Tahoma; }
/* END CHANGES */
.screen-Text { font-size : 12; font-family : Tahoma;}
.txt{ FONT-FAMILY:Verdana;FONT-SIZE: 8pt; color:black; }
.viewButtonPos { visibility : hidden; position : relative; left : 95; top : -10; }/* changes by madhup 17/10/06*/
/*For ITMTransactionHeaderPage.jsp*/
/*Chnaged by Roshan on 18/10/2007 for cursor as hand*/
.tabHeader { position:absolute;left:20;top:1;cursor:hand;}
/* .headerPgDetailDataContainerDiv {
position: absolute;
background-color: white;
overflow: auto;
top: 33;
left: 10;
height: 93%;
width: 100%;
} */
/*For ITMTransactionDetailPage.jsp*/
.browDataContainerDiv {
position: absolute;
background-color: white;
overflow: auto;
left: 0px;
top: 5px;
width: 98%;
height: 45%;
/* border: 1px Solid ThreeDShadow; */
/* border-color: #92CBF5; */
/* border-width: 1 */
}
.detailPgDetailDataContainerDiv {
position: absolute;
background-color: transparent;
overflow: auto;
left: 1%;
top: 35px;
height: 85%;
width: 98%;
visibility: hidden;
}
/* Ended By Mahesh Patidar */
/* END CHANGES 06/12/06 */
/*Used in Xsl's*/
/* changes by madhup on 09/02/2007*/
/*Changed by Dayanand on 28/01/2009 [ Declare brow div position absolute req id='WS89NOV297' ]start*/
/*.browDataDiv { position : relative; left : .5%; top : 1%; width : 100%; background-color : white; }*/
.browDataDiv { position : absolute; left : .5%; top : 1%; width : 100%; background-color : white; }
/* .detailDataDiv { position : relative; left : .5%; top : 1%; width : 100%; background-color : white; } */
/*Changed by Shravan on 18/09/07*/
/* changes by madhup 18/11/06*/
/* changes by Amit D on 25/06/13*/
.sort-table {
font: Icon;
border: none;
background-color: Window;
color: WindowText;
margin-right: 1%;
position: relative;
left: -4
}
/* end changes */
.headerDetailBody{ background-color:#D6D2C7;}
/* changes by madhup 12/06/2006 */
.expSpan{position:;visibility:visible;width:800;}
.nameSpan{position:absolute;left:30;visibility:hidden}
.checkBoxTable {position:relative;left:4;top:-80}
.textFieldDesign {border:solid 1; border-color: lightgrey; }
.deSelectedClass {COLOR:black;background-color:#E0E0E0;CURSOR:hand;}
/* end changes */
/*Changed by Pravin on 26/05/08 .[ To Change position of argument page of Process Screen, requestid-SY78BAS042
.itmProcessPageDiv1 {position:relative;top:12 }*/
.itmProcessPageDiv1 {position:relative;top:-5 }
/*Chnaged by Roshan 10/08/07 [ for handling number of forms greater than 8 to show buttons properly.Start]*/
.tabHeaderMultipleForms { position:absolute;left:20;top:25;cursor:hand }
.headerPgDetailDataContainerDivMultipleForms { position : absolute; background-color : white; overflow : auto; top:51;left:10;height:93%;width:100%;border: 1px Solid ThreeDShadow;border-color:#92CBF5;border-width:1;margin-bottom: }
/*Chnaged by Roshan 10/08/07 [ for handling number of forms greater than 8 to show buttons properly].End*/
/*----------------------------------------------------------------------------*/
/*For Tabs */
/*----------------------------------------------------------------------------*/
/* @import url(/ibase/css/fonts/gabriela/fLaucCvjCt_Hmc9smyo_rPesZW2xOQ-xsNqO47m55DA.woff); */
/* @import url(/ibase/css/fonts/opensans/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff); */
/**/
/* main styles */
/**/
.pcss3t {
margin: 0;
padding: 0;
outline: none;
border: 0;
font-size: 0;
text-align: left;
}
.pcss3t > input {
position: absolute;
display: none;
}
.pcss3t > label {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
outline: none;
border: 0;
cursor: pointer;
transition: all 0.1s;
-o-transition: all 0.1s;
-ms-transition: all 0.1s;
-moz-transition: all 0.1s;
-webkit-transition: all 0.1s;
}
.pcss3t > label i {
display: block;
float: left;
margin: 0 8px 0 -2px;
outline: none;
padding: 0;
border: 0;
font-family: FontAwesome;
font-style: normal;
font-size: 17px;
}
.pcss3t > input:checked + label {
cursor: default;
}
.pcss3t > ul {
display: block;
margin: 0;
margin-right: 10px;
overflow: hidden;
outline: none;
position: relative;
padding: 0;
border: 0;
list-style: none;
font-size: 13px;
}
.pcss3t > ul > li {
position: absolute;
padding: 10px 10px 10px;
width: 100%;
overflow: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
/*As per Kandarp Sir - To remove animation effect*/
/*
transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
*/
}
.pcss3t > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t > .tab-content-6:checked ~ ul .tab-content-6,
.pcss3t > .tab-content-7:checked ~ ul .tab-content-7,
.pcss3t > .tab-content-8:checked ~ ul .tab-content-8,
.pcss3t > .tab-content-9:checked ~ ul .tab-content-9,
.pcss3t > .tab-content-last:checked ~ ul .tab-content-last {
top: 0;
left: 0;
background-color: white;
background-color: rgba(255,255,255,.85);
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transform: rotate(0deg);
z-index: 1;
}
/*----------------------------------------------------------------------------*/
/* EXTENSIONS */
/*----------------------------------------------------------------------------*/
/**/
/* auto height */
/**/
/* .pcss3t-height-auto > ul {
height: auto !important;
}
.pcss3t-height-auto > ul > li {
position: static;
display: none;
height: auto !important;
}
.pcss3t-height-auto > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t-height-auto > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t-height-auto > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t-height-auto > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t-height-auto > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t-height-auto > .tab-content-6:checked ~ ul .tab-content-6,
.pcss3t-height-auto > .tab-content-7:checked ~ ul .tab-content-7,
.pcss3t-height-auto > .tab-content-8:checked ~ ul .tab-content-8,
.pcss3t-height-auto > .tab-content-9:checked ~ ul .tab-content-9,
.pcss3t-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
display: block;
}
*/
/**/
/* grid */
/**/
/*
.pcss3t .grid-row {
margin-top: 20px;
}
.pcss3t .grid-row:after {
content: '';
display: table;
clear: both;
}
.pcss3t .grid-row:first-child {
margin-top: 0;
}
.pcss3t .grid-col {
display: block;
float: left;
margin-left: 2%;
}
.pcss3t .grid-col:first-child {
margin-left: 0;
}
.pcss3t .grid-col .inner {
padding: 10px 0;
border-radius: 5px;
background: #f2f2f2;
text-align: center;
}
.pcss3t .grid-col-1 {
width: 15%;
}
.pcss3t .grid-col-2 {
width: 32%;
}
.pcss3t .grid-col-3 {
width: 49%;
}
.pcss3t .grid-col-4 {
width: 66%;
}
.pcss3t .grid-col-5 {
width: 83%;
}
.pcss3t .grid-col-offset-1 {
margin-left: 19%;
}
.pcss3t .grid-col-offset-1:first-child {
margin-left: 17%;
}
.pcss3t .grid-col-offset-2 {
margin-left: 36%;
}
.pcss3t .grid-col-offset-2:first-child {
margin-left: 34%;
}
.pcss3t .grid-col-offset-3 {
margin-left: 53%;
}
.pcss3t .grid-col-offset-3:first-child {
margin-left: 51%;
}
.pcss3t .grid-col-offset-4 {
margin-left: 70%;
}
.pcss3t .grid-col-offset-4:first-child {
margin-left: 68%;
}
.pcss3t .grid-col-offset-5:first-child {
margin-left: 85%;
}
*/
/**/
/* typography */
/**/
.pcss3t .typography {
color: #666;
}
.pcss3t .typography h1,
.pcss3t .typography h2,
.pcss3t .typography h3,
.pcss3t .typography h4,
.pcss3t .typography h5,
.pcss3t .typography h6 {
margin: 40px 0 0 0;
padding: 0;
font-family: Gabriela, Georgia, serif;
text-align: left;
color: #333;
}
.pcss3t .typography h1 {
font-size: 40px;
line-height: 60px;
text-shadow: 3px 3px rgba(0,0,0,0.1);
}
.pcss3t .typography h2 {
font-size: 32px;
line-height: 48px;
text-shadow: 2px 2px rgba(0,0,0,0.1);
}
.pcss3t .typography h3 {
font-size: 26px;
line-height: 38px;
text-shadow: 1px 1px rgba(0,0,0,0.1);
}
.pcss3t .typography h4 {
font-size: 20px;
line-height: 30px;
}
.pcss3t .typography h5 {
font-size: 15px;
line-height: 23px;
text-transform: uppercase;
}
.pcss3t .typography h6 {
font-size: 13px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
}
.pcss3t .typography p {
margin: 20px 0 0 0;
padding: 0;
line-height: 20px;
text-align: left;
}
.pcss3t .typography ul,
.pcss3t .typography ol {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
.pcss3t .typography li {
position: relative;
margin-top: 5px;
padding-left: 20px;
}
.pcss3t .typography li ul,
.pcss3t .typography li ol {
margin-top: 5px;
}
.pcss3t .typography ul li:before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 4px;
background-color: #404040;
}
.pcss3t .typography ol {
counter-reset: list1;
}
.pcss3t .typography ol > li:before {
counter-increment:list1;
content: counter(list1)'.';
position: absolute;
top: 0;
left: 0;
}
.pcss3t .typography a {
text-decoration: underline;
color: #1889e6;
}
.pcss3t .typography a:hover {
text-decoration: none;
}
.pcss3t .typography .pic {
padding: 4px;
border: 1px dotted #ccc;
}
.pcss3t .typography .pic img {
display: block;
}
.pcss3t .typography .pic-right {
float: right;
margin: 0 0 10px 20px;
}
.pcss3t .typography .link {
text-decoration: underline;
color: #1889e6;
cursor: pointer;
}
.pcss3t .typography .link:hover {
text-decoration: none;
}
.pcss3t .typography h1:first-child,
.pcss3t .typography h2:first-child,
.pcss3t .typography h3:first-child,
.pcss3t .typography h4:first-child,
.pcss3t .typography h5:first-child,
.pcss3t .typography h6:first-child,
.pcss3t .typography p:first-child {
margin-top: 0;
}
.pcss3t .typography .text-center {
text-align: center;
}
.pcss3t .typography .text-right {
text-align: right;
}
/**/
/* steps */
/**/
.pcss3t-steps > label {
cursor: default;
}
/**/
/* animation effects */
/**/
.pcss3t-effect-scale > ul > li {
-webkit-transform: scale(0.1,0.1);
}
.pcss3t-effect-rotate > ul > li {
-webkit-transform: rotate(180deg);
}
.pcss3t-effect-slide-top > ul > li {
top: -40px;
}
.pcss3t-effect-slide-right > ul > li {
left: 80px;
}
.pcss3t-effect-slide-bottom > ul > li {
top: 40px;
}
.pcss3t-effect-slide-left > ul > li {
left: -80px;
}
/*----------------------------------------------------------------------------*/
/* LAYOUTS */
/*----------------------------------------------------------------------------*/
/**/
/* top right */
/**/
.pcss3t-layout-top-right {
text-align: right;
}
/**/
/* top center */
/**/
.pcss3t-layout-top-center {
text-align: center;
}
/**/
/* top combi */
/**/
.pcss3t > .right {
float: right;
}
/*----------------------------------------------------------------------------*/
/* CUSTOMIZATION */
/*----------------------------------------------------------------------------*/
/**/
/* height */
/**/
.pcss3t > ul {
height: 90%;
}
.pcss3t > ul > li {
height: 100%;
}
/*----------------------------------------------------------------------------*/
/* RESPONSIVENESS */
/*----------------------------------------------------------------------------*/
/**/
/* pad */
/**/
@media screen and (max-width: 980px) {
}
/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
.pcss3t > label {
display: block;
}
.pcss3t > .right {
float: none;
}
}
/*
@media screen and (max-width: 800px) {
.pcss3t > ul > li {
height: 87%;
}
.transdetailpage-container{
margin: 0px 4px;
}
}
@media screen and (max-width: 1024px) {
.pcss3t > ul > li {
height: 87%;
}
.transdetailpage-container{
margin: 0px 8px;
}
}
*/
/*----------------------------------------------------------------------------*/
/* THEMES */
/*----------------------------------------------------------------------------*/
/**/
/* default */
/**/
.pcss3t > 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;
}
.pcss3t > label:hover {
background-color: #f2f2f2;
}
.pcss3t > input:checked + label {
background-color: #fff;
}
.pcss3t > ul {
background-color: #fff;
text-align: left;
}
.pcss3t-steps > label:hover {
background-color: #e5e5e5;
}
/**/
/* theme 1 */
/**/
.pcss3t-theme-1 > label {
margin: 0 5px 5px 0;
color: #808080;
font-size: 16px;
border-radius: 5px;
box-shadow: 0 2px rgba(0,0,0,0.2);
background-color: #fff;
opacity: 0.8;
}
.pcss3t-theme-1 > label:hover {
background-color: #fff;
opacity: 1;
}
.pcss3t-theme-1 > input:checked + label {
margin-bottom: 0;
padding-bottom: 5px;
color: #2087fc;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: white;
opacity: 1;
}
.pcss3t-theme-1 > ul {
border-radius: 5px;
box-shadow: 0 3px rgba(0,0,0,0.2);
}
.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
border-top-left-radius: 0;
}
@media screen and (max-width: 767px) {
.pcss3t-theme-1 > label {
margin-right: 0;
}
.pcss3t-theme-1 > input:checked + label {
margin-bottom: 5px;
padding-bottom: 0;
border-radius: 5px;
}
.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
border-top-left-radius: 5px;
}
}
/*----------------------------------------------------------------------------*/
/* EXTRA THEMES STARTS */
/*----------------------------------------------------------------------------*/
/**/
/* theme 2 */
/**/
/*
.pcss3t-theme-2 {
padding: 5px;
background: rgba(0,0,0,0.2);
}
.pcss3t-theme-2 > label {
margin-right: 0;
margin-bottom: 0;
background: none;
border-radius: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
color: #fff;
opacity: 1;
}
.pcss3t-theme-2 > label:hover {
background: rgba(255,255,255,0.2);
}
.pcss3t-theme-2 > input:checked + label {
padding-bottom: 0;
background: #fff;
background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
color: #822bd9;
}
.pcss3t-theme-2 > ul {
margin: 0 -5px -5px;
border-radius: 0;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.pcss3t-theme-2 > ul {
margin-top: 5px;
}
}
*/
/**/
/* theme 3 */
/**/
/*
.pcss3t-theme-3 {
background: rgba(0,0,0,0.8);
}
.pcss3t-theme-3 > label {
background: none;
border-right: 1px dotted rgba(255,255,255,0.5);
text-align: center;
color: #fff;
opacity: 0.6;
}
.pcss3t-theme-3 > label:hover {
background: none;
color: #d9d92b;
opacity: 0.8;
}
.pcss3t-theme-3 > input:checked + label {
background: #d9d92b;
color: #000;
opacity: 1;
}
.pcss3t-theme-3 > ul {
border-top: 4px solid #d9d92b;
border-bottom: 4px solid #d9d92b;
border-radius: 0;
box-shadow: none;
}
*/
/**/
/* theme 4 */
/**/
/* .pcss3t-theme-4 > label {
margin: 0 10px 10px 0;
border-radius: 5px;
background: #78c5fd;
background: linear-gradient(to bottom, #78c5fd 0%, #2c8fdd 100%);
background: -o-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
background: -ms-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
background: -moz-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
background: -webkit-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78c5fd', endColorstr='#2c8fdd', GradientType=0);
box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px rgba(0,0,0,0.5);
line-height: 39px;
text-shadow: 0 1px rgba(0,0,0,0.5);
color: #fff;
}
.pcss3t-theme-4 > label:hover {
background: #90cffc;
background: linear-gradient(to bottom, #90cffc 0%, #439bde 100%);
background: -o-linear-gradient(top, #90cffc 0%, #439bde 100%);
background: -ms-linear-gradient(top, #90cffc 0%, #439bde 100%);
background: -moz-linear-gradient(top, #90cffc 0%, #439bde 100%);
background: -webkit-linear-gradient(top, #90cffc 0%, #439bde 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90cffc', endColorstr='#439bde', GradientType=0);
}
.pcss3t-theme-4 > input:checked + label {
top: 1px;
background: #5f9dc9;
background: linear-gradient(to bottom, #5f9dc9 0%, #2270ab 100%);
background: -o-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
background: -ms-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
background: -moz-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
background: -webkit-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9dc9', endColorstr='#2270ab', GradientType=0);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.5);
text-shadow: none;
}
.pcss3t-theme-4 > ul {
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
@media screen and (max-width: 767px) {
.pcss3t-theme-4 > label {
margin-right: 0;
}
}
*/
/**/
/* theme 5 */
/**/
/*
.pcss3t-theme-5 {
padding: 15px;
border-radius: 5px;
background: #ad6395;
background: linear-gradient(to right, #ad6395 0%, #a163ad 100%);
background: -o-linear-gradient(left, #ad6395 0%, #a163ad 100%);
background: -ms-linear-gradient(left, #ad6395 0%, #a163ad 100%);
background: -moz-linear-gradient(left, #ad6395 0%, #a163ad 100%);
background: -webkit-linear-gradient(left, #ad6395 0%, #a163ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad6395', endColorstr='#a163ad', GradientType=1);
}
.pcss3t-theme-5 > label {
margin-right: 10px;
margin-bottom: 15px;
background: none;
border-radius: 5px;
text-align: center;
color: #fff;
opacity: 1;
}
.pcss3t-theme-5 > label:hover {
background: rgba(255,255,255,0.15);
}
.pcss3t-theme-5 > input:checked + label {
background: rgba(255,255,255,0.3);
color: #000;
}
.pcss3t-theme-5 > input:checked + label:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-top: 10px;
margin-left: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.pcss3t-theme-5 > ul {
margin: 0 -15px -15px;
border-radius: 0 0 5px 5px;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.pcss3t-theme-5 > input:checked + label:after {
display: none;
}
}
*/
/*----------------------------------------------------------------------------*/
/* EXTRA THEMES ENDS */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* ICONS - Uncomment for using this */
/*----------------------------------------------------------------------------*/
/**/
/* icons positions */
/**/
/*
.pcss3t-icons-top > label {
text-align: center;
}
.pcss3t-icons-top > label i {
float: none;
margin: 0 auto -10px;
padding-top: 17px;
font-size: 23px;
line-height: 23px;
text-align: center;
}
.pcss3t-icons-right > label i {
float: right;
margin: 0 -2px 0 8px;
}
.pcss3t-icons-bottom > label {
text-align: center;
}
.pcss3t-icons-bottom > label i {
float: none;
margin: -10px auto 0;
padding-bottom: 17px;
font-size: 23px;
line-height: 23px;
text-align: center;
}
.pcss3t-icons-only > label i {
float: none;
margin: 0 auto;
font-size: 23px;
}
*/
/**/
/* font awesome */
/**/
/* @font-face
{
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
.icon-glass:before {content: '\f000';}
.icon-music:before {content: '\f001';}
.icon-search:before {content: '\f002';}
.icon-envelope:before {content: '\f003';}
.icon-heart:before {content: '\f004';}
.icon-star:before {content: '\f005';}
.icon-star-empty:before {content: '\f006';}
.icon-user:before {content: '\f007';}
.icon-film:before {content: '\f008';}
.icon-th-large:before {content: '\f009';}
.icon-th:before {content: '\f00a';}
.icon-th-list:before {content: '\f00b';}
.icon-ok:before {content: '\f00c';}
.icon-remove:before {content: '\f00d';}
.icon-zoom-in:before {content: '\f00e';}
.icon-zoom-out:before {content: '\f010';}
.icon-off:before {content: '\f011';}
.icon-signal:before {content: '\f012';}
.icon-cog:before {content: '\f013';}
.icon-trash:before {content: '\f014';}
.icon-home:before {content: '\f015';}
.icon-file:before {content: '\f016';}
.icon-time:before {content: '\f017';}
.icon-road:before {content: '\f018';}
.icon-download-alt:before {content: '\f019';}
.icon-download:before {content: '\f01a';}
.icon-upload:before {content: '\f01b';}
.icon-inbox:before {content: '\f01c';}
.icon-play-circle:before {content: '\f01d';}
.icon-repeat:before {content: '\f01e';}
.icon-refresh:before {content: '\f021';}
.icon-list-alt:before {content: '\f022';}
.icon-lock:before {content: '\f023';}
.icon-flag:before {content: '\f024';}
.icon-headphones:before {content: '\f025';}
.icon-volume-off:before {content: '\f026';}
.icon-volume-down:before {content: '\f027';}
.icon-volume-up:before {content: '\f028';}
.icon-qrcode:before {content: '\f029';}
.icon-barcode:before {content: '\f02a';}
.icon-tag:before {content: '\f02b';}
.icon-tags:before {content: '\f02c';}
.icon-book:before {content: '\f02d';}
.icon-bookmark:before {content: '\f02e';}
.icon-print:before {content: '\f02f';}
.icon-camera:before {content: '\f030';}
.icon-font:before {content: '\f031';}
.icon-bold:before {content: '\f032';}
.icon-italic:before {content: '\f033';}
.icon-text-height:before {content: '\f034';}
.icon-text-width:before {content: '\f035';}
.icon-align-left:before {content: '\f036';}
.icon-align-center:before {content: '\f037';}
.icon-align-right:before {content: '\f038';}
.icon-align-justify:before {content: '\f039';}
.icon-list:before {content: '\f03a';}
.icon-indent-left:before {content: '\f03b';}
.icon-indent-right:before {content: '\f03c';}
.icon-facetime-video:before {content: '\f03d';}
.icon-picture:before {content: '\f03e';}
.icon-pencil:before {content: '\f040';}
.icon-map-marker:before {content: '\f041';}
.icon-adjust:before {content: '\f042';}
.icon-tint:before {content: '\f043';}
.icon-edit:before {content: '\f044';}
.icon-share:before {content: '\f045';}
.icon-check:before {content: '\f046';}
.icon-move:before {content: '\f047';}
.icon-step-backward:before {content: '\f048';}
.icon-fast-backward:before {content: '\f049';}
.icon-backward:before {content: '\f04a'; position: relative; left: -2px;}
.icon-play:before {content: '\f04b'; position: relative; left: 1px;}
.icon-pause:before {content: '\f04c';}
.icon-stop:before {content: '\f04d';}
.icon-forward:before {content: '\f04e'; position: relative; left: 2px;}
.icon-fast-forward:before {content: '\f050';}
.icon-step-forward:before {content: '\f051';}
.icon-eject:before {content: '\f052';}
.icon-chevron-left:before {content: '\f053';}
.icon-chevron-right:before {content: '\f054';}
.icon-plus-sign:before {content: '\f055';}
.icon-minus-sign:before {content: '\f056';}
.icon-remove-sign:before {content: '\f057';}
.icon-ok-sign:before {content: '\f058';}
.icon-question-sign:before {content: '\f059';}
.icon-info-sign:before {content: '\f05a';}
.icon-screenshot:before {content: '\f05b';}
.icon-remove-circle:before {content: '\f05c';}
.icon-ok-circle:before {content: '\f05d';}
.icon-ban-circle:before {content: '\f05e';}
.icon-arrow-left:before {content: '\f060';}
.icon-arrow-right:before {content: '\f061';}
.icon-arrow-up:before {content: '\f062';}
.icon-arrow-down:before {content: '\f063';}
.icon-share-alt:before {content: '\f064';}
.icon-resize-full:before {content: '\f065';}
.icon-resize-small:before {content: '\f066';}
.icon-plus:before {content: '\f067';}
.icon-minus:before {content: '\f068';}
.icon-asterisk:before {content: '\f069';}
.icon-exclamation-sign:before {content: '\f06a';}
.icon-gift:before {content: '\f06b';}
.icon-leaf:before {content: '\f06c';}
.icon-fire:before {content: '\f06d';}
.icon-eye-open:before {content: '\f06e';}
.icon-eye-close:before {content: '\f070';}
.icon-warning-sign:before {content: '\f071';}
.icon-plane:before {content: '\f072';}
.icon-calendar:before {content: '\f073';}
.icon-random:before {content: '\f074';}
.icon-comment:before {content: '\f075';}
.icon-magnet:before {content: '\f076';}
.icon-chevron-up:before {content: '\f077';}
.icon-chevron-down:before {content: '\f078';}
.icon-retweet:before {content: '\f079';}
.icon-shopping-cart:before {content: '\f07a';}
.icon-folder-close:before {content: '\f07b';}
.icon-folder-open:before {content: '\f07c';}
.icon-resize-vertical:before {content: '\f07d';}
.icon-resize-horizontal:before {content: '\f07e';}
.icon-bar-chart:before {content: '\f080';}
.icon-twitter-sign:before {content: '\f081';}
.icon-facebook-sign:before {content: '\f082';}
.icon-camera-retro:before {content: '\f083';}
.icon-key:before {content: '\f084';}
.icon-cogs:before {content: '\f085';}
.icon-comments:before {content: '\f086';}
.icon-thumbs-up:before {content: '\f087';}
.icon-thumbs-down:before {content: '\f088';}
.icon-star-half:before {content: '\f089';}
.icon-heart-empty:before {content: '\f08a';}
.icon-signout:before {content: '\f08b';}
.icon-linkedin-sign:before {content: '\f08c';}
.icon-pushpin:before {content: '\f08d';}
.icon-external-link:before {content: '\f08e';}
.icon-signin:before {content: '\f090';}
.icon-trophy:before {content: '\f091';}
.icon-github-sign:before {content: '\f092';}
.icon-upload-alt:before {content: '\f093';}
.icon-lemon:before {content: '\f094';}
.icon-phone:before {content: '\f095';}
.icon-check-empty:before {content: '\f096';}
.icon-bookmark-empty:before {content: '\f097';}
.icon-phone-sign:before {content: '\f098';}
.icon-twitter:before {content: '\f099';}
.icon-facebook:before {content: '\f09a';}
.icon-github:before {content: '\f09b';}
.icon-unlock:before {content: '\f09c';}
.icon-credit-card:before {content: '\f09d';}
.icon-rss:before {content: '\f09e';}
.icon-hdd:before {content: '\f0a0';}
.icon-bullhorn:before {content: '\f0a1';}
.icon-bell:before {content: '\f0a2';}
.icon-certificate:before {content: '\f0a3';}
.icon-hand-right:before {content: '\f0a4';}
.icon-hand-left:before {content: '\f0a5';}
.icon-hand-up:before {content: '\f0a6';}
.icon-hand-down:before {content: '\f0a7';}
.icon-circle-arrow-left:before {content: '\f0a8';}
.icon-circle-arrow-right:before {content: '\f0a9';}
.icon-circle-arrow-up:before {content: '\f0aa';}
.icon-circle-arrow-down:before {content: '\f0ab';}
.icon-globe:before {content: '\f0ac';}
.icon-wrench:before {content: '\f0ad';}
.icon-tasks:before {content: '\f0ae';}
.icon-filter:before {content: '\f0b0';}
.icon-briefcase:before {content: '\f0b1';}
.icon-fullscreen:before {content: '\f0b2';}
.icon-group:before {content: '\f0c0';}
.icon-link:before {content: '\f0c1';}
.icon-cloud:before {content: '\f0c2';}
.icon-beaker:before {content: '\f0c3';}
.icon-cut:before {content: '\f0c4';}
.icon-copy:before {content: '\f0c5';}
.icon-paper-clip:before {content: '\f0c6';}
.icon-save:before {content: '\f0c7';}
.icon-sign-blank:before {content: '\f0c8';}
.icon-reorder:before {content: '\f0c9';}
.icon-list-ul:before {content: '\f0ca';}
.icon-list-ol:before {content: '\f0cb';}
.icon-strikethrough:before {content: '\f0cc';}
.icon-underline:before {content: '\f0cd';}
.icon-table:before {content: '\f0ce';}
.icon-magic:before {content: '\f0d0';}
.icon-truck:before {content: '\f0d1';}
.icon-pinterest:before {content: '\f0d2';}
.icon-pinterest-sign:before {content: '\f0d3';}
.icon-google-plus-sign:before {content: '\f0d4';}
.icon-google-plus:before {content: '\f0d5';}
.icon-money:before {content: '\f0d6';}
.icon-caret-down:before {content: '\f0d7';}
.icon-caret-up:before {content: '\f0d8';}
.icon-caret-left:before {content: '\f0d9';}
.icon-caret-right:before {content: '\f0da';}
.icon-columns:before {content: '\f0db';}
.icon-sort:before {content: '\f0dc';}
.icon-sort-down:before {content: '\f0dd';}
.icon-sort-up:before {content: '\f0de';}
.icon-envelope-alt:before {content: '\f0e0';}
.icon-linkedin:before {content: '\f0e1';}
.icon-undo:before {content: '\f0e2';}
.icon-legal:before {content: '\f0e3';}
.icon-dashboard:before {content: '\f0e4';}
.icon-comment-alt:before {content: '\f0e5';}
.icon-comments-alt:before {content: '\f0e6';}
.icon-bolt:before {content: '\f0e7';}
.icon-sitemap:before {content: '\f0e8';}
.icon-umbrella:before {content: '\f0e9';}
.icon-paste:before {content: '\f0ea';}
.icon-lightbulb:before {content: '\f0eb';}
.icon-exchange:before {content: '\f0ec';}
.icon-cloud-download:before {content: '\f0ed';}
.icon-cloud-upload:before {content: '\f0ee';}
.icon-user-md:before {content: '\f0f0';}
.icon-stethoscope:before {content: '\f0f1';}
.icon-suitcase:before {content: '\f0f2';}
.icon-bell-alt:before {content: '\f0f3';}
.icon-coffee:before {content: '\f0f4';}
.icon-food:before {content: '\f0f5';}
.icon-file-alt:before {content: '\f0f6';}
.icon-building:before {content: '\f0f7';}
.icon-hospital:before {content: '\f0f8';}
.icon-ambulance:before {content: '\f0f9';}
.icon-medkit:before {content: '\f0fa';}
.icon-fighter-jet:before {content: '\f0fb';}
.icon-beer:before {content: '\f0fc';}
.icon-h-sign:before {content: '\f0fd';}
.icon-plus-sign-alt:before {content: '\f0fe';}
.icon-double-angle-left:before {content: '\f100';}
.icon-double-angle-right:before {content: '\f101';}
.icon-double-angle-up:before {content: '\f102';}
.icon-double-angle-down:before {content: '\f103';}
.icon-angle-left:before {content: '\f104';}
.icon-angle-right:before {content: '\f105';}
.icon-angle-up:before {content: '\f106';}
.icon-angle-down:before {content: '\f107';}
.icon-desktop:before {content: '\f108';}
.icon-laptop:before {content: '\f109';}
.icon-tablet:before {content: '\f10a';}
.icon-mobile-phone:before {content: '\f10b';}
.icon-circle-blank:before {content: '\f10c';}
.icon-quote-left:before {content: '\f10d';}
.icon-quote-right:before {content: '\f10e';}
.icon-spinner:before {content: '\f110';}
.icon-circle:before {content: '\f111';}
.icon-reply:before {content: '\f112';}
.icon-github-alt:before {content: '\f113';}
.icon-folder-close-alt:before {content: '\f114';}
.icon-folder-open-alt:before {content: '\f115';}
*/
/*
* Use for process page and transaction page
*/
.mainPage-Container {
height: 100%;
width: 100%;
position: fixed;
/*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%);
}
.headerPage-Container,
.footerPage-Container {
position: relative;
padding-right: 10px;
margin: 0px auto;
height: 15%;
background-color: white;
background-color: rgba(255, 255, 255, .5);
}
.detailPage-Container {
position: relative;
padding-top: 5px;
margin: 0px auto;
max-width: 98%;
height: 83%;
opacity: .85;
}
/*
* Use for transaction page editor
*/
.transHeaderPage-Container{
margin: 0px auto;
padding: 5px 10px 0px 0px;
height: 40px;
width: 100%;
position: relative;
background-color: #4bc1d2;
border-bottom: none;
overflow:hidden;
}
.transDetailPage-Container{
position: relative;
padding-top: 5px;
margin: 0px auto;
max-width: 98%;
/* height: 95%; */
height: 92%;
opacity: .85;
}
.detActionTitle{
display: block;
padding: 0 11px;
text-transform: capitalize;
color: #007fcc;
cursor: pointer;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 13px;
}
.detActionTitle-separator{
border-left: 1px solid #c9d3f2;
border-left-color: rgba(183, 192, 223, 0.6);
-webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.2), -1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 1px 0 rgba(255, 255, 255, 0.2), -1px 0 rgba(255, 255, 255, 0.2);
}
.detailActionDiv{
margin: 10px auto;
}
.detailContainerDiv {
top: 47%;
position: relative;
height: 45%;
line-height: 1;
padding: 0px;
font-size: 12px;
color: #666;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
background: #eee;
background-clip: padding-box;
border: 1px solid;
border-color: #cfcfcf #ccc #c6c6c6;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: -webkit-linear-gradient(top, #fcfcfc, #e8e8e8);
background-image: -moz-linear-gradient(top, #fcfcfc, #e8e8e8);
background-image: -o-linear-gradient(top, #fcfcfc, #e8e8e8);
background-image: linear-gradient(to bottom, #fcfcfc, #e8e8e8);
-webkit-box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.05);
}
.detailHeading {
height: 35px;
overflow: hidden;
line-height: 33px;
padding: 0 11px;
color: #555;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
border-bottom: 1px solid;
border-color: #dadef2 #ced8ee #c2ceec;
background: #edf0fb;
background-image: -webkit-linear-gradient(top, #f4f6fc, #e2e6f8);
background-image: -moz-linear-gradient(top, #f4f6fc, #e2e6f8);
background-image: -o-linear-gradient(top, #f4f6fc, #e2e6f8);
background-image: linear-gradient(to bottom, #f4f6fc, #e2e6f8);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.05);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
}
/*
* 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;
}
/*
* Use for Action Buttons
*/
.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: #E5E7ED;
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;
}
/*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;
}
/*Orange*/
.orange-Btn {
position: relative;
color: white;
line-height: 28px;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.08);
background-color: #faa226;
}
.orange-Btn:hover {
color: white;
background-color: #fbb34e;
}
.orange-Btn:active {
color: white;
background-color: #e88a05;
}
.process-Btn {
position: absolute;
right: 5%;
top: 1px;
}
.viewdata-Btn {
position: absolute;
right: 50%;
bottom: 40px;
}
.abort-View {
right: 20px;
position: absolute;
top: 4px;
}
.abort-Btn{
right: 100px;
position: absolute;
top: 4px;
}
.save-Btn {
right: 20px;
position: absolute;
top: 4px;
}
.expandcollapse-Btn
{
position: absolute;
padding-left: 6px;
width: 15;
height: 18;
top: 10px;
left: 5px;
color: white;
cursor: hand;
border: 1px solid green;
border-radius: 50%;
background-color: #4EBD4A;
opacity: .90;
z-index: 1;
}
.pophelp-Btn {
position: absolute;
padding-left: 5px;
width: 15;
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;
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;
}
.pophelp-refresh {
float: left;
left: 10px;
top: 17%;
}
.pophelp-okcancel {
float: right;
right: 10px;
top: 17%;
}
.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);
}
.itmProcessPageDiv1{
top: 5px;
}
/* Font loaded - elegant icons*/
@font-face {
font-family: 'elegant-icons';
src:url('/ibase/webitm/css/fonts/elegant-icons.woff') format('woff'),
url('/ibase/webitm/css/fonts/elegant-icons.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.expandButton
{
position: absolute;
color: #2087fc;
cursor: pointer;
}
.expandButton:before{
margin-right:3px;
color : #fff;
line-height: 1;
font-size: 32px;
font-family: 'elegant-icons' !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
/*//Improve rendering on Mac OS X. */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.expandButton.icon-only
{
padding: 0;
padding-left: 5px;
padding-top: 5px;
width: 44px;
}
.expandButton.icon-only:before
{
right: 0;
}
.expandButton.icon-expand:before
{
content: "\45";
}
.expandButton.icon-collapse:before
{
content: "\43";
}
.expandButton.icon-expand-ie8
{
background-image: url("/ibase/webitm/images/Standard/expand.png");
background-repeat: no-repeat;
background-position: 0% 0%;
height: 32px;
width: 32px;
}
.expandButton.icon-collapse-ie8
{
background-image: url("/ibase/webitm/images/Standard/collapse.png");
background-repeat: no-repeat;
background-position: 0% 0%;
height: 32px;
width: 32px;
}
/*
* Collapsible Panel CSS
*/
#mainHolder {
height: auto;
border: none;
background-color: white;
background-color: rgba(255, 255, 255, .50);
-webkit-transition-delay: 0.1s;
-webkit-transition-duration: 0.2s;
-webkit-transition-property: height;
}
#header {
margin: 0;
padding-right: 10px;
height: 40px;
width: 100%;
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;
}
#content {
overflow: auto;
height: 300px;
width: 100%;
display: block;
margin: 5px;
}
#div3 {
width: 100%;
height: 0px;
background-color: transparent;
}
/* Context Menu List */
.trContextMenu{
position: absolute;
}
#nav div {
display: block;
padding: 8px 20px;
margin: 0;
color: #62412E;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-rendering: optimizeLegibility;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
-webkit-border-radius:2px;
-moz-border-radius: 2px;
}
#nav #linkMenuList {
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 10px;
width: 185px;
list-style: none;
border: solid 1px #b4b4b4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ddd repeat-x 0 0;
background: rgb(221,221,221) repeat-x 0 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav #linkMenuList div:hover {
color: #fff;
color: rgb(255,255,255);
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
background: #4EBD4A repeat-x 0 -100px;
background: rgb(78,189,74) repeat-x 0 -100px;
}
/* rounded corners of first and last link */
#nav #linkMenuList #linkMenuListItem:first-child > div {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}
#nav #linkMenuList #linkMenuListItem:last-child > div {
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
}
.pcss3t .typography ul li#linkMenuListItem:before {
display: none;
}
.pcss3t .typography li#linkMenuListItem {
margin: 0;
padding: 0;
}
/* HTML Table CSS class */
.tableClass {
width: 100%;
line-height: 29px;
text-align: left;
border-collapse: separate;
border-spacing: 0;
border-radius: 2px;
background-color: white;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.table-head>tr>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;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
/* Opera */
background-image: -o-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #4BC1D2), color-stop(1, #5ADAEC));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #4BC1D2 60%, #5ADAEC 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #4BC1D2 60%, #5ADAEC 100%);
/*
background-image: -webkit-linear-gradient(top, #4bc1d2, #5ADAEC);
background-image: -moz-linear-gradient(top, #49a4fc, #208be7);
background-image: -o-linear-gradient(top, #49a4fc, #208be7);
background-image: linear-gradient(to bottom, #4bc1d2, #4bc1d2);
*/
-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-head>tr>th:first-child {
border-left-width: 1px;
border-top-left-radius: 3px;
}
.table-head>tr>th:last-child {
border-top-right-radius: 3px;
}
.table-body>tr:nth-child(2n) {
background-color: #f9f9f9;
}
.table-body>tr:nth-child(2n).selectedClass {
background-color: #2087fc;
}
.table-body>tr:nth-child(2n-1).selectedClass{
background-color: #2087fc;
}
.table-body>tr:hover {
background-color: #f4f4f4;
}
.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: optimizeLegibility;
}
.table-body>tr>td:first-child {
border-left: 1px solid #d2d2d2;
}
.table-body>tr>td:last-child {
border-right-color: #d2d2d2;
}
.table-foot>tr>td {
padding-left: 9px;
position: relative;
color: #777;
font-size: 11px;
line-height: 26px;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #dbdbdb #d2d2d2 #ccc;
background-color: #f4f4f4;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #FBFBFB 60%, #EDEDED 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FBFBFB 60%, #EDEDED 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FBFBFB 60%, #EDEDED 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #FBFBFB), color-stop(1, #EDEDED));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FBFBFB 60%, #EDEDED 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #FBFBFB 60%, #EDEDED 100%);
/*
background-image: -webkit-linear-gradient(top, #fbfbfb, #ededed);
background-image: -moz-linear-gradient(top, #fbfbfb, #ededed);
background-image: -o-linear-gradient(top, #fbfbfb, #ededed);
background-image: linear-gradient(to bottom, #fbfbfb, #fbfbfb);
*/
-webkit-box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.table-foot>tr>td:first-child {
border-left-width: 1px;
border-bottom-left-radius: 3px;
}
.table-foot>tr>td:last-child {
border-bottom-right-radius: 3px;
}
.attach-button-input,
.no-attach-text{
display: block;
padding: 0 11px;
text-transform: capitalize;
color: #007fcc;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 13px;
}
/*Changes made by Gulzar on 26/08/14 to enable and disable the buttons */
.button.disabled {
color:grey !IMPORTANT;
pointer-events:none !IMPORTANT;
}
.button.enabled {
color:white !IMPORTANT;
pointer-events:auto !IMPORTANT;
}
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