Homec4science
Diffusion MedCo Deployment (master) Browse

medco-deployment/documentation/experiments-results/medco-normal-genopri2017-cameraready/3nodes-networktraffic100terms-queryA_files/style.css
82641c019d6fmaster

Last Change
Raw File

style.css
View Options

/* Luca Deri September 1st, 2000 */
body
{
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
/* font-family: Helvetica, Arial, sans-serif; */
font-size: 12px;
background: #fff url("/white_bg.gif") repeat-x;
}
th
{
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
/* background-color: #F3F3F3; */
}
table {
/* padding: 0px; */
border-spacing: 0px;
empty-cells: show;
}
span.leftmenuitem
{
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
font-weight: bold;
}
canvas
{
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 9px;
}
td
{
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
}
.wrap {
white-space: normal;
}
address
{font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 8pt}
h5
{font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 8pt}
form
{font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px}
h1
{font-family: Helvetica, Verdana, Arial, sans-serif;
text-decoration:underline;
text-align: center;
font-size: 16pt;
font-weight: bold}
h2
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold}
A:link
{color: blue;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
text-decoration: none}
A:visited
{color: blue;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
text-decoration: none}
A:hover
{color: red;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
text-decoration: underline}
A:link.nav
{color: #000000;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
A:visited.nav
{color: #000000;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
A:hover.nav
{color: red;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
.nav
{color: #000000;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
A.age0min { color:#FF0000 }
A.age5min { color:#FF00FF }
A.age15min { color:#FF7F00 }
A.age30min { color:#007FFF }
A.age60min { color:#0000FF }
A.external {background: url(/external.png) center right no-repeat; padding-right: 13px; }
A.lock {background: url(/lock.png) center right no-repeat; padding-right: 16px; }
A.mailto {background: url(/mail.gif) center right no-repeat; padding-right: 18px; }
/* For the color code table */
A:visited.age0min { color:#FF0000 }
A:visited.age5min { color:#FF00FF }
A:visited.age15min { color:#FF7F00 }
A:visited.age30min { color:#007FFF }
A:visited.age60min { color:#0000FF }
/* Nicetitle Style */
div.niceTitle
{
background-color: #333333;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
font-family: "Trebuchet MS", sans-serif;
width: 250px;
left: 0;
top: 0;
padding: 4px;
position: absolute;
text-align: left;
z-index: 20;
-moz-border-radius: 0 10px 10px 10px;
/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87); */
-moz-opacity: .87;
/* -khtml-opacity: .87; */
opacity: .87;
}
div.niceTitle .contents
{
margin: 0;
padding: 0 3px;
/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); */
-moz-opacity: 1;
/* -khtml-opacity: 1; */
opacity: 1;
}
div.niceTitle p
{
color: #D17E62;
font-size: 9px;
padding: 3px 0 0 0;
margin: 0;
text-align: left;
-moz-opacity: 1;
}
/*Invalid value in an input field*/
input.error {
border: 2px solid #CC0000;
background-color: #FFCCCC;
}
#header {
background: url(/bg_header.png) no-repeat left top;
padding-bottom: 18px;
}
#data {
background: url(/header.png) no-repeat right top;
padding-bottom: 18px;
text-align: right;
padding-top: 28px;
padding-right: 27px;
}
#footer
{
position: relative;
font: normal 0.8em/1.5 sans-serif;
text-align: left;
background: #FFFFFF url(/line-bottom.png) 0 0 repeat-x;
height: 80px;
color: #666666;
}
#bottom
{
margin-left: 0px;
padding-right: 0px;
}
#footer ul
{
list-style: none;
}
#footer li
{
border-left: 1px solid #AAAAAA;
padding: 0 0.75ex;
margin-left: -1px;
}
#footer li.first
{
border-left: none;
}
#footer a
{
color: #223344;
}
#footer a:hover
{
color: #112233;
}
#footer p
{
margin: 0 1.5ex;
}
#footer .copy
{
padding-top: 3ex;
}
/* The main calendar widget. DIV containing a table. */
div.calendar { position: relative; }
.calendar, .calendar table {
border: 1px solid #556;
font-size: 11px;
color: #000;
cursor: default;
background: #eef;
font-family: tahoma,verdana,sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center; /* They are the navigation buttons */
padding: 2px; /* Make the buttons seem like they're pressing */
}
.calendar .nav {
background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold; /* Pressing it will take you to the current date */
text-align: center;
background: #fff;
color: #000;
padding: 2px;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
background: #778;
color: #fff;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
background: #bdf;
}
.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid #556;
padding: 2px;
text-align: center;
color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #a66;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
background-color: #aaf;
color: #000;
border: 1px solid #04f;
padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
background-color: #77c;
padding: 2px 0px 0px 2px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 2em;
color: #456;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #bdf;
}
.calendar tbody .rowhilite td {
background: #def;
}
.calendar tbody .rowhilite td.wn {
background: #eef;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
background: #def;
padding: 1px 3px 1px 1px;
border: 1px solid #bbb;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
background: #cde;
padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected { /* Cell showing today date */
font-weight: bold;
border: 1px solid #000;
padding: 1px 3px 1px 1px;
background: #fff;
color: #000;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #a66;
}
.calendar tbody td.today { /* Cell showing selected date */
font-weight: bold;
color: #00f;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
text-align: center;
background: #556;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
background: #fff;
color: #445;
border-top: 1px solid #556;
padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #77c;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #def;
color: #000;
font-size: 90%;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #acf;
}
.calendar .combo .active {
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
background: #eef;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/* ******************************************* */
.top-left, .top-right, .bottom-left, .bottom-right {
background-image: url('corners1280x18.gif'); /* CHANGE: path and name of your image */
height: 9px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
font-size: 8px; /* DNC: correction IE for height of the <div>'s */
}
.top-left, .bottom-left {
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
margin-left: 9px; /* CHANGE: replace by the width of one of your corners */
margin-top: -9px; /* CHANGE: replace by the height of one of your corners */
}
.top-right {
background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left {
background-position: 0 -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
.inside {
border-left: 1px solid #DADADA; /* YCC: color & properties of the left-borderline */
border-right: 1px solid #DADADA;/* YCC: color & properties of the right-borderline */
color: #000000; /* YCC: default text-color of the inside */
padding-left: 10px; /* YCC: all texts at some distance of the left border */
padding-right:10px; /* YCC: all texts at some distance of the right border */
}
.notopgap {
margin-top: 0;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 18px;
font-weight: bold;
white-space: nowrap;
} /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
c4science · Help