379 lines
12 KiB
CSS
379 lines
12 KiB
CSS
/**
|
|
* @file tile_dashboard.css
|
|
* @Naveen Porwal
|
|
* @Teramatrix Technologies
|
|
* @©2015 EICHER
|
|
**/
|
|
|
|
@font-face {
|
|
font-family: 'Hermes_FB';
|
|
src: url('fonts/Hermes_FB-Regular.ttf') format('truetype'),
|
|
url('fonts/Hermes_FB-Black.ttf') format('truetype'),
|
|
url('fonts/Hermes_FB-Black_Italic.ttf') format('truetype'),
|
|
url('fonts/Hermes_FB-Bold.ttf') format('truetype'),
|
|
url('fonts/Hermes_FB-Bold_Italic.ttf') format('truetype'),
|
|
url('fonts/Hermes_FB-Italic.ttf') format('truetype'),
|
|
url('fonts/Hermes_FB-Thin.ttf') format('truetype'),
|
|
url('fonts/Hermes_FB-Thin_Italic.ttf') format('truetype');
|
|
}
|
|
|
|
div.bodypsys {
|
|
padding: 0;
|
|
width: 100%;
|
|
border-radius: 0px 0px 5px 5px;
|
|
}
|
|
div.bodypsys {
|
|
background: #fff;
|
|
height: 100%;
|
|
border-radius:7px;
|
|
}
|
|
|
|
.stateofnation {
|
|
height: 390px;
|
|
width: 100%;
|
|
}
|
|
.stateofnation {
|
|
clear: left;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
.clearfix {
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
padding: 0;
|
|
/*bottom: 1px;*/
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
.contentRow {
|
|
overflow-x: auto;
|
|
overflow-y: auto;
|
|
}
|
|
.InfraClearfix {
|
|
min-height: 390px;
|
|
max-height: 422px;
|
|
overflow: auto;
|
|
overflow-x:hidden;
|
|
border-radius:0 0 5px 5px;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup {
|
|
height: 375px;
|
|
margin: 1.5% auto 0.75% auto;
|
|
position: absolute;
|
|
width: 1006px !important;
|
|
}
|
|
.stateofnation .seasonWrapup {
|
|
background: #4d5360;
|
|
background:#575757;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Left-ext {
|
|
height: 100%;
|
|
width: 26%;
|
|
color: #FFFFFF;
|
|
float: left;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Left {
|
|
margin: 21px 12px;
|
|
/*margin: 0px 12px;*/
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Left header {
|
|
text-align: center;
|
|
font-size: 28px;
|
|
text-shadow: 1px 1px 0px #000;
|
|
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
|
|
font-family:Hermes_FB;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Left p {
|
|
text-align: center;
|
|
font-size: 14px !important;
|
|
padding: 0 25px;
|
|
margin-top: 33px;
|
|
margin-bottom: 48px;
|
|
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
|
|
font-family:Hermes_FB;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.stateofnation table.matches-played {
|
|
width: 100%;
|
|
}
|
|
|
|
.stateofnation table.matches-played td.matches-number {
|
|
color: #e5e5e5;
|
|
width: 66px;
|
|
padding: 5px 10px 3px 10px;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
background: #4a8bc2;
|
|
background:#669999;
|
|
box-shadow: 0 0 0 1px #e5e5e5 inset;
|
|
text-shadow: 1px 1px 0px #4d5360;
|
|
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
|
|
font-family:Hermes_FB;
|
|
min-width:78px;
|
|
}
|
|
|
|
.stateofnation table.matches-played td.matches-played {
|
|
font-size: 28px;
|
|
/*padding-bottom: 6px;*/
|
|
text-align: left;
|
|
background: #e5e5e5;
|
|
color: #4d5360;
|
|
color:#575757;
|
|
text-shadow: 1px 1px 0 #fff;
|
|
text-align: center;
|
|
color: #4d5360;
|
|
/*text-shadow: 1px 1px 0 #999;*/
|
|
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
|
|
font-family:Hermes_FB;
|
|
word-wrap:break-word;
|
|
height:42px;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right {
|
|
height: 100%;
|
|
width: 74%;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
float: left;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Row {
|
|
height: 125px !important;
|
|
width: 100% !important;
|
|
}
|
|
.stateofnation .seasonWrapup-Row {
|
|
height: 70px;
|
|
width: 528px;
|
|
}
|
|
|
|
body input {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
a {
|
|
color: #069;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .blue-two, .stateofnation .seasonWrapup-Right .blue-three {
|
|
background: #4394ec;
|
|
background: -moz-linear-gradient(50deg, #4394ec 0%, #60b3f9 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4394ec), color-stop(100%,#60b3f9));
|
|
background: -webkit-linear-gradient(50deg, #4394ec 0%,#60b3f9 100%);
|
|
background: -ms-linear-gradient(50deg, #4394ec 0%,#60b3f9 100%);
|
|
background: linear-gradient(50deg, #4394ec 0%,#60b3f9 100%);
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: ease-out;
|
|
margin-right: 10px;
|
|
}
|
|
.stateofnation .wrapup-pod {
|
|
height: 114px;
|
|
padding: 0;
|
|
width: 114px;
|
|
margin-right: 10px;
|
|
}
|
|
.stateofnation .wrapup-pod {
|
|
color: #fff;
|
|
float: left;
|
|
}
|
|
.First {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.stateofnation .wrapup-pod h4 {
|
|
color: #fff;
|
|
font-weight: normal;
|
|
font-size: 19px;
|
|
margin: 5px 4px 5px 9px;
|
|
border-bottom: none;
|
|
padding-bottom: 0;
|
|
text-shadow: 1px 1px 0 #4c4c64;
|
|
text-align: left;
|
|
font-family:Hermes_FB;
|
|
cursor:context-menu;
|
|
}
|
|
|
|
.stateofnation .wrapup-pod p {
|
|
font-size: 12px;
|
|
text-align: left;
|
|
}
|
|
.stateofnation .wrapup-pod p {
|
|
color: #fff;
|
|
line-height: 1.2em;
|
|
margin:0px 9px 0 9px;
|
|
text-transform: uppercase;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.wrapup-pod img {
|
|
z-index: 1;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Row .dual-pod {
|
|
width: 238px;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .bluegrey-six, .stateofnation .seasonWrapup-Right .bluegrey-seven {
|
|
background-color: #2E6262 ;
|
|
transition-timing-function: ease-out;
|
|
background: -moz-linear-gradient(50deg, #2E6262 0%, #00aba9 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#2E6262 ), color-stop(100%,#00aba9 ));
|
|
background: -webkit-linear-gradient(50deg, #2E6262 0%,#00aba9 100%);
|
|
background: -ms-linear-gradient(50deg, #2E6262 0%,#00aba9 100%);
|
|
background: linear-gradient(50deg, #2E6262 0%,#00aba9 100%);
|
|
transition-duration: 0.2s;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .blue-two, .stateofnation .seasonWrapup-Right .blue-three {
|
|
/* background-color: #19adea; */
|
|
background: #4394ec;
|
|
background: -moz-linear-gradient(50deg, #4292ea 0%, #183986 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4292ea), color-stop(100%,#183986));
|
|
background: -webkit-linear-gradient(50deg, #4292ea 0%,#183986 100%);
|
|
background: -ms-linear-gradient(50deg, #4292ea 0%,#183986 100%);
|
|
background: linear-gradient(50deg, #4292ea 0%,#183986 100%);
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: ease-out;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .green-one:hover {
|
|
background: #D3E036;
|
|
background: -moz-linear-gradient(50deg, #D3E036 0%, #7DBC1D 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#D3E036), color-stop(100%,#7DBC1D));
|
|
background: -webkit-linear-gradient(50deg, #D3E036 0%,#7DBC1D 100%);
|
|
background: -ms-linear-gradient(50deg, #D3E036 0%,#7DBC1D 100%);
|
|
background: linear-gradient(50deg, #D3E036 0%, #7DBC1D 100%);
|
|
box-shadow: 5px 5px 5px #ccc;
|
|
}
|
|
.stateofnation .seasonWrapup-Right .green-one {
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: ease-out;
|
|
background: rgb(103,154,154);
|
|
background: -moz-linear-gradient(50deg, rgb(123,181,181) 0%, rgb(103,154,154) 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(123,181,181)), color-stop(100%,rgb(103,154,154)));
|
|
background: -webkit-linear-gradient(50deg, rgb(123,181,181) 0%,rgb(103,154,154) 100%);
|
|
background: -ms-linear-gradient(50deg, rgb(123,181,181) 0%,rgb(103,154,154) 100%);
|
|
background: linear-gradient(50deg, rgb(123,181,181) 0%,rgb(103,154,154) 100%);
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .red-one:hover {
|
|
box-shadow: 5px 5px 5px #ccc;
|
|
background: #f94f45;
|
|
background: -moz-linear-gradient(50deg, #ee2316 0%, #f94f45 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ee2316 ), color-stop(100%,#f94f45));
|
|
background: -webkit-linear-gradient(50deg, #ee2316 0%,#f94f45 100%);
|
|
background: -ms-linear-gradient(50deg, #ee2316 0%,#f94f45 100%);
|
|
background: linear-gradient(50deg, #ee2316 0%, #f94f45 100%);
|
|
}
|
|
.stateofnation .seasonWrapup-Row .dual-pod {
|
|
width: 238px;
|
|
}
|
|
.stateofnation .seasonWrapup-Right .red-one {
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: ease-out;
|
|
background: #ee2316;
|
|
background: -moz-linear-gradient(50deg, #f94f45 0%, #ee2316 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f94f45 ), color-stop(100%,#ee2316));
|
|
background: -webkit-linear-gradient(50deg, #f94f45 0%,#ee2316 100%);
|
|
background: -ms-linear-gradient(50deg, #f94f45 0%,#ee2316 100%);
|
|
background: linear-gradient(50deg, #f94f45 0%, #ee2316 100%);
|
|
}
|
|
|
|
.Last {
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .blue-one:hover, .stateofnation .seasonWrapup-Right .blue-two:hover, .stateofnation .seasonWrapup-Right .blue-three:hover, .stateofnation .seasonWrapup-Right .blue-four:hover, .stateofnation .seasonWrapup-Right .blue-five:hover, .stateofnation .seasonWrapup-Right .blue-six:hover, .stateofnation .seasonWrapup-Right .blue-seven:hover, .stateofnation .seasonWrapup-Right .bluegrey-five:hover {
|
|
cursor: context-menu;
|
|
background: #4292ea;
|
|
background: -moz-linear-gradient(50deg, #183986 0%, #4292ea 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#183986), color-stop(100%,#4292ea));
|
|
background: -webkit-linear-gradient(50deg, #183986 0%,#4292ea 100%);
|
|
background: -ms-linear-gradient(50deg, #183986 0%,#4292ea 100%);
|
|
background: linear-gradient(50deg, #183986 0%,#4292ea 100%);
|
|
box-shadow: 5px 5px 5px #ccc;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .bluegrey-six:hover {
|
|
background: #00aba9 ;
|
|
background: -moz-linear-gradient(50deg, #00aba9 0%, #2E6262 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#00aba9 ), color-stop(100%, #2E6262 ));
|
|
background: -webkit-linear-gradient(50deg, #00aba9 0%, #2E6262 100%);
|
|
background: -ms-linear-gradient(50deg, #00aba9 0%, #2E6262 100%);
|
|
background: linear-gradient(50deg, #00aba9 0%, #2E6262 100%);
|
|
box-shadow: 5px 5px 5px #ccc;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .green-one:hover {
|
|
background: #7bb5b5;
|
|
background: -moz-linear-gradient(50deg, #669a9a 0%, #7bb5b5 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#669a9a), color-stop(100%,#7bb5b5));
|
|
background: -webkit-linear-gradient(50deg, #669a9a 0%,#7bb5b5 100%);
|
|
background: -ms-linear-gradient(50deg, #669a9a 0%,#7bb5b5 100%);
|
|
background: linear-gradient(50deg, #669a9a 0%, #7bb5b5 100%);
|
|
box-shadow: 5px 5px 5px #ccc;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Right .blue-one:hover p, .stateofnation .seasonWrapup-Right .blue-two:hover p, .stateofnation .seasonWrapup-Right .blue-three:hover p, .stateofnation .seasonWrapup-Right .blue-four:hover p, .stateofnation .seasonWrapup-Right .blue-five:hover p, .stateofnation .seasonWrapup-Right .blue-six:hover p, .stateofnation .seasonWrapup-Right .blue-seven:hover p, .stateofnation .seasonWrapup-Right .blue-eight:hover p, .stateofnation .seasonWrapup-Right .bluegrey-one:hover p, .stateofnation .seasonWrapup-Right .bluegrey-two:hover p, .stateofnation .seasonWrapup-Right .bluegrey-three:hover p, .stateofnation .seasonWrapup-Right .bluegrey-four:hover p, .stateofnation .seasonWrapup-Right .bluegrey-five:hover p, .stateofnation .seasonWrapup-Right .bluegrey-six:hover p, .stateofnation .seasonWrapup-Right .bluegrey-seven:hover p, .stateofnation .seasonWrapup-Right .bluegrey-eight:hover p, .stateofnation .seasonWrapup-Right .yellow-one:hover p, .stateofnation .seasonWrapup-Right .red-one:hover p, .stateofnation .seasonWrapup-Right .green-one:hover p {
|
|
color: #2C9CDB;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.stateofnation .wrapup-pod .State_response {
|
|
margin: 15px 12px 3px 7px;
|
|
font-size:14px !important;
|
|
font-size:11px !important;
|
|
color:white;
|
|
width:43%;
|
|
width:50%;
|
|
text-align:right;
|
|
cursor: context-menu;
|
|
}
|
|
|
|
|
|
|
|
.stateofnation .seasonWrapup-Right .green-two:hover {
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: ease-out;
|
|
background: rgb(125,188,29);
|
|
background: -moz-linear-gradient(50deg, rgb(42,169,28) 0%, rgb(125,188,29) 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(42,169,28)), color-stop(100%,rgb(125,188,29)));
|
|
background: -webkit-linear-gradient(50deg, rgb(42,169,28) 0%,rgb(125,188,29) 100%);
|
|
background: -ms-linear-gradient(50deg, rgb(42,169,28) 0%,rgb(125,188,29) 100%);
|
|
background: linear-gradient(50deg, rgb(42,169,28) 0%,rgb(125,188,29) 100%);
|
|
}
|
|
|
|
|
|
.stateofnation .seasonWrapup-Right .green-two {
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: ease-out;
|
|
background: rgb(42,169,28);
|
|
background: -moz-linear-gradient(50deg, rgb(125,188,29) 0%, rgb(42,169,28) 100%);
|
|
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(125,188,29)), color-stop(100%,rgb(42,169,28)));
|
|
background: -webkit-linear-gradient(50deg, rgb(125,188,29) 0%,rgb(42,169,28) 100%);
|
|
background: -ms-linear-gradient(50deg, rgb(125,188,29) 0%,rgb(42,169,28) 100%);
|
|
background: linear-gradient(50deg, rgb(125,188,29) 0%,rgb(42,169,28) 100%);
|
|
}
|
|
|
|
#textFor_highest_response_time, #textFor_least_response_time {
|
|
margin-top:11px;
|
|
} |