Skip to content

B
business-java
Commit 594a5f21 authored by vvengurlekar's avatar vvengurlekar
Browse files
Options

major CSS level changes done 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@106528 ce508802-f39f-4f6c-b175-0d175dae99d5
parent bf56909e
Show whitespace changes
Inline Side-by-side
Showing with 201 additions and 36 deletions
webitm-dashboard/GWT-Component/war/GwtDashboardPage.css
View file @ 594a5f21
...@@ -14,6 +14,7 @@ html, body, .container ...@@ -14,6 +14,7 @@ html, body, .container
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
font-family:'MuseoLight', sans-serif; font-family:'MuseoLight', sans-serif;
background: #F7F8FA !important;/* Added to change entire background color */
} }
td{ td{
font-family:'MuseoLight', sans-serif !important; font-family:'MuseoLight', sans-serif !important;
...@@ -65,7 +66,7 @@ td{ ...@@ -65,7 +66,7 @@ td{
.outerChartContainerPos1of2 .outerChartContainerPos1of2
{ {
/* width:48%; */ /* width:48%; */
width:46%; width:47%;/* Added to set width of 1of2 comp */
/* padding:0.5%; */ /* padding:0.5%; */
position:relative; position:relative;
float:left; float:left;
...@@ -84,8 +85,9 @@ td{ ...@@ -84,8 +85,9 @@ td{
/* margin-left:1%; /* margin-left:1%;
margin-right:1% */ margin-right:1% */
margin-bottom: 15px; margin-bottom: 15px;
border : 1px solid #ccc; /*border : 1px solid #ccc;*/
min-height : 385px;/* Added By Varsha V. on dated 24/04/2017*/ box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);/* Added to set box shaddow */
min-height : 200px;/* Added By Varsha V. on dated 24/04/2017*/
} }
.outerChartContainerPos1of3 .outerChartContainerPos1of3
{ {
...@@ -144,7 +146,7 @@ td{ ...@@ -144,7 +146,7 @@ td{
font-family:'MuseoLight', sans-serif; font-family:'MuseoLight', sans-serif;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
border-bottom:1px solid #f0f0f0; /*border-bottom:1px solid #F0F0F0;*/ /* Added to remove border bottom */
margin:5px; margin:5px;
padding:0 0 7px 0; padding:0 0 7px 0;
} }
...@@ -158,7 +160,11 @@ td{ ...@@ -158,7 +160,11 @@ td{
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
margin:5px; margin:5px;
padding:3px 0; padding:5px 0;
/*Added by varsha for heading*/
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #CCC;
} }
.complianceLable .complianceLable
{ {
...@@ -392,7 +398,9 @@ html>body .gwt-PopupPanel { ...@@ -392,7 +398,9 @@ html>body .gwt-PopupPanel {
/* background-color: grey; */ /* background-color: grey; */
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
height: 40px; /* Added and commented by varsha for filterDiv */
/*height: 40px;*/
background-color: #F7F8FA;
} }
.labelCSS { .labelCSS {
...@@ -455,13 +463,25 @@ right: 10px ; ...@@ -455,13 +463,25 @@ right: 10px ;
#titleLbl #titleLbl
{ {
font-size: 16px; /* Added to change pageTitle by Varsha */
font-size: 24px;
/* color: white; */ /* color: white; */
margin-left:15px; margin-left:15px;
font-family:MuseoLight; margin-top: 7px;
/*font-family:MuseoLight;*/
font-weight:normal; font-weight:normal;
} }
/* Added for page subtitle by varsha */
#subTitleLbl
{
font-size: 15px;
/* color: white; */
margin-left:15px;
/*font-family:MuseoLight;*/
font-weight:normal;
color: #787878;
}
#filterMainOuterDiv #filterMainOuterDiv
{ {
...@@ -625,6 +645,17 @@ li.token-input-input-token { ...@@ -625,6 +645,17 @@ li.token-input-input-token {
.vPanelCSS { .vPanelCSS {
} }
/* Added to change filter layout */
.vfilterPanelCSS
{
background: #FFF;
border-radius: 50%;
height: 45px;
width: 45px;
margin-right: 35px;
margin-top: 10px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
}
.lablePanleCSS { .lablePanleCSS {
width: 930px; width: 930px;
...@@ -879,25 +910,41 @@ li.token-input-input-token { ...@@ -879,25 +910,41 @@ li.token-input-input-token {
} }
.filterImage .filterImage
{ {
/* height: 35px; */ /* Added to change layout of filter */
top: -5px; /*height: 37px; */
position: relative; position: relative;
cursor:pointer; cursor:pointer;
padding-right: 6px;
padding-top: 6px;
} }
/* start of CSS for grid table*/ /* start of CSS for grid table*/
.e12Pager{ /*.e12Pager{
position: relative; position: relative;
/* top: -15px; */ top: -21px;
left: 5px; left: 5px;
height: 30px; height: 30px;
padding:16px 16px 0px 0;
border-top:1px solid #E8E8E8;
/* border-width: 1px; /* border-width: 1px;
border-style: solid; border-style: solid;
border-color: #dbdbdb #d2d2d2 #ccc; border-color: #dbdbdb #d2d2d2 #ccc;
border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
width: 100%; width: 100%;
height: 30px; */ height: 30px;
}*/
.e12Pager {
/* Added for grid paging panel */
position: relative;
top: -24px;
/* left: 0px; */
height: 13px;
padding: 17px 0px 0px 0;
border-top: 1px solid #e8e8e8;
/* right: 11px; */
} }
.pagerLabel{ .pagerLabel{
color: #000; color: #000;
/* margin-left: 20px; */ /* margin-left: 20px; */
...@@ -1095,9 +1142,15 @@ li.token-input-input-token { ...@@ -1095,9 +1142,15 @@ li.token-input-input-token {
.flexCSS .flexCSS
{ {
width:100%; width:99.2%;
position:relative; position:relative;
padding : 0 7px; padding : 0 7px;
/* Added by varsha for inner border*/
margin-left: 5px;
margin-top: -6px;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #CCC;
} }
.tableCSS .tableCSS
{ {
...@@ -1390,7 +1443,7 @@ color: #999; !important; ...@@ -1390,7 +1443,7 @@ color: #999; !important;
} }
.cardScrlPnl { .cardScrlPnl {
/* height: 300px; */ /*height: 300px;*/
width: 100%; width: 100%;
padding: 0px; padding: 0px;
cellspacing: 0px; cellspacing: 0px;
...@@ -1404,7 +1457,8 @@ color: #999; !important; ...@@ -1404,7 +1457,8 @@ color: #999; !important;
.cardhorizontalPnl .cardhorizontalPnl
{ {
position: relative; position: relative;
background-color: #FFF; /* Added to change horizontal card background color */
background-color: #F7F8FA;
/* Remove border-bottom for circular card view for serdia on dated 18-05-16 */ /* Remove border-bottom for circular card view for serdia on dated 18-05-16 */
/* border-bottom: 1px solid #CCC; */ /* border-bottom: 1px solid #CCC; */
...@@ -1564,7 +1618,12 @@ color: #999; !important; ...@@ -1564,7 +1618,12 @@ color: #999; !important;
} }
.cardNoDataLbl .cardNoDataLbl
{ {
/* Added to change no data found label */
text-align: center; text-align: center;
padding-top:100px;
color: #333;
font-size: 10px;
text-shadow: 0px 0px 1px #d4d4d4;
} }
/*End code for Card new format by Dhanendra on Date 01-04-2016*/ /*End code for Card new format by Dhanendra on Date 01-04-2016*/
/*Added by Chetan Mahajan for Card new with circle format on Date 24-JUNE-2016*/ /*Added by Chetan Mahajan for Card new with circle format on Date 24-JUNE-2016*/
...@@ -1639,16 +1698,18 @@ color: #999; !important; ...@@ -1639,16 +1698,18 @@ color: #999; !important;
height: 24px; height: 24px;
width: 24px; width: 24px;
color: #fff; color: #fff;
line-height: 25px; /* Added for changing close button style */
border-radius: 12px; line-height: 24px;
box-shadow: 1px 1px 3px #000; border-radius: 50%;
/*box-shadow: 1px 1px 3px #000;*/
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
background: #606061; background: #606061;
/*add font-size by dhanendra on date 01-03-2017*/ /*add font-size by dhanendra on date 01-03-2017*/
font-size: 22px; font-size: 18px;
margin-right: 5px; margin-right: -13px;
margin-top: -38px;
/*end font-size by dhanendra on date 01-03-2017*/ /*end font-size by dhanendra on date 01-03-2017*/
} }
/* Added by Chetan Mahajan [For add multiple chid div into parent div in multiple report and draw border for only parent div] req id:S16EBAS003 on 30-AUG-2016 Start */ /* Added by Chetan Mahajan [For add multiple chid div into parent div in multiple report and draw border for only parent div] req id:S16EBAS003 on 30-AUG-2016 Start */
...@@ -1730,14 +1791,15 @@ color: #999; !important; ...@@ -1730,14 +1791,15 @@ color: #999; !important;
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
left: 50%; left: 48%;
bottom: 100%; bottom: 100%;
width: 0; width: 0;
height: 0; height: 0;
border-bottom: 12px solid #8bc3fb; /* Added to change triangle drilldown border left right bottom */
border-bottom: 20px solid #FFF;
border-top: 12px solid transparent; border-top: 12px solid transparent;
border-left: 12px solid transparent; border-left: 25px solid transparent;
border-right: 12px solid transparent; border-right: 25px solid transparent;
} }
/*Css class commnet and create new css with new change. on date 01-03-2017*/ /*Css class commnet and create new css with new change. on date 01-03-2017*/
...@@ -1952,15 +2014,17 @@ width:26%; ...@@ -1952,15 +2014,17 @@ width:26%;
/* Start CSS for Plan Vs Actual dashboard by Aniket on dated :23/01/2017*/ /* Start CSS for Plan Vs Actual dashboard by Aniket on dated :23/01/2017*/
.defaultUserImg1 .defaultUserImg1
{ {
height: 27px; /* Added to change default user Image by varsha */
width: 27px; height: 15px;
width: 23px;
border-radius: 50%; border-radius: 50%;
background: gray; background: #CCC;
padding: 2px; padding: 7px 4px;
margin: 3px 0px 3px 3px;
text-align: center; text-align: center;
color: white; color: white;
padding-top: 5px; padding-top: 7px;
display: table; display: inline-block;
} }
.gwtTree .gwtTree
...@@ -2038,15 +2102,31 @@ width:26%; ...@@ -2038,15 +2102,31 @@ width:26%;
.outerChartContainerPos1of1drilldown .outerChartContainerPos1of1drilldown
{ {
/* width:97.5%; */ /* width:97.5%; */
width:95%; width:97.5%;
position:relative; position:relative;
MARGIN-TOP: -10PX; MARGIN-TOP: -10PX;
MARGIN-LEFT: 20PX; /*MARGIN-LEFT: 20PX;*/
MIN-WIDTH: 300PX; MIN-WIDTH: 300PX;
background-color: #fff; background-color: #fff;
float: left; float: left;
margin-bottom: 15px; margin-bottom: 15px;
/*border : 1px solid #8bc3fb;*/
/* Changed by varsha for drilldown chart container*/
box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
padding: 15px;
}
.outerChartContainerPos1of2drilldown
{
width:46%;
position:relative;
float:left;
MARGIN-TOP: -10PX;
MARGIN-LEFT: 20PX;
MIN-WIDTH: 300PX;
background-color: #fff;
margin-bottom: 15px;
border : 1px solid #8bc3fb; border : 1px solid #8bc3fb;
float: left;/* Added by varsha for drilldown chart container*/
} }
.outerChartContainerDrillDown .outerChartContainerDrillDown
{ {
...@@ -2085,11 +2165,10 @@ table.mtBackgroundWhite { ...@@ -2085,11 +2165,10 @@ table.mtBackgroundWhite {
border-width: 1px; border-width: 1px;
border-spacing: 0px; border-spacing: 0px;
border-style: solid; border-style: solid;
border-color: #cfcfcf; border-color: #f0f0f0;/* Changed by varsha for background color of card table*/
border-collapse: collapse; border-collapse: collapse;
line-height: 25px; line-height: 25px;
background-color: white; background-color: white;
border-top: 2px solid #7bc6ff;
} }
.commonHeaderCardhtml .commonHeaderCardhtml
...@@ -2124,3 +2203,89 @@ table-layout:fixed; ...@@ -2124,3 +2203,89 @@ table-layout:fixed;
overflow-x:hidden; overflow-x:hidden;
} }
/* Ended by varsha v. to fixed scroll for tbody not for thead td*/ /* Ended by varsha v. to fixed scroll for tbody not for thead td*/
/* Added by varsha v. to add 1of2 css, header, td text css for card on 29 june 17*/
.tblHeaderLeft
{
font-size: 14px;
font-weight: 600;
padding-left: 10px;
/*text-shadow: #ddf 1px 1px 0;*/
text-align: left;
}
.tblHeaderRight
{
font-size: 14px;
font-weight: 600;
padding-right: 8px;
/*text-shadow: #ddf 1px 1px 0;*/
text-align: right;
}
.tdCardPadding
{
padding-left: 10px;
padding-right: 8px;
}
.removeHyperlink
{
color: black !important;
text-decoration: none !important;
}
.removeHyperlink:hover, .removeHyperlink:visited:hover
{
color: black !important;
}
.removeHyperlink:visited
{
color: black !important;
}
.cardProdImg2
{
border-radius: 50%;
margin-left: 3px;
padding: 2px;
width: 25px;
height: 25px;
background-color: #CCC;
}
.tdMousehover{
background-color: #fff;
}
.tdMousehover:hover{
background-color: #89ccff !important;
}
.tdMousehover table tr.row:hover td{
color:#fff !important;
}
table.mtBorderWhite {
border-width: 1px;
border-spacing: 0px;
border-style: solid;
border-color: #fff;
border-collapse: collapse;
line-height: 25px;
background-color: white;
}
.removeBorderForGrid
{
border-left: none !important;
border-right: none !important;
line-height: 30px !important;
padding-right: 25px !important;
}
/*By varsha to removed left right border*/
thead#removeBorderGrid > tr > th {
border-right: none !important;
border-left: none !important;
line-height: 28px !important;
}
/* Ended by varsha v. to add 1of2 css, header, td text css for card*/
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