/*
filename = menubarcell-no-roundSIMPLIFIED.css
Author: Jay Madigan
Version Number 1.0.0
Version Date: 03/13/2018
DO NOT EDIT OR REDISTRIBUTE THIS FILE WITHOUT PERMISSION FROM THE ORIGINAL AUTHOR
-------
Standardized CSS3 Library for non-rounded menubarcell link buttons
HTML DOC and X-UA IE=edge compatibility specification required in the file header as shown below:
-------
Example of how to include in header between tags:
-------
the following graphics are required in association with this library:
GradientGreyType2-34H.gif, GradientBlueType2-34H.gif, GradientRedType2-34H.gif, GradientGreenType2-34H.gif,
GradientGlobeBlue-40H.gif, GradientGrey02Type2-40H.gif
-------
menubarcell - BLUE
menubarcell2 - RED
*/
td.verticalmenubarcell{
border-bottom: 0.25em solid transparent;
}
a.menubarcell:link, a.menubarcell:visited{
/* Normal Horizontal Menu Bar Item */
display: table-cell;
vertical-align: middle;
font-family: "Arial";
font-size: 14px;
font-weight: normal;
text-align: center;
background-image: url("../../images/common-graphics/GradientGreyType2-34H.gif");
background-color: rgb(0, 30, 60);
color: rgb(255, 255, 255);
text-decoration: none;
-moz-transition-property: all; /* FF4+ */
-moz-transition-duration: 1s;
-webkit-transition-property: all; /* Saf3.2+, Chrome */
-webkit-transition-duration: 1s;
-o-transition-property: all; /* Opera 10.5+ */
-o-transition-duration: 1s;
-ms-transition-property: all; /* IE10? */
-ms-transition-duration: 1s;
transition-property: all; /* Standard */
transition-duration: 1s;
}
a.menubarcell:hover, a.menubarcell:active{
/* Normal Horizontal Menu Bar Item */
background-image: url("../../images/common-graphics/GradientBlueType3A-34H.gif");
}
a.menubarcellSELECTED:link, a.menubarcellSELECTED:visited{
/* Normal Horizontal Menu Bar Item */
display: table-cell;
vertical-align: middle;
font-family: "Arial";
font-size: 14px;
font-weight: normal;
text-align: center;
background-image: url("../../images/common-graphics/GradientBlueType3A-34H.gif");
background-color: rgb(0, 30, 60);
color: rgb(255, 255, 255);
text-decoration: none;
-moz-transition-property: all; /* FF4+ */
-moz-transition-duration: 1.5s;
-webkit-transition-property: all; /* Saf3.2+, Chrome */
-webkit-transition-duration: 1.5s;
-o-transition-property: all; /* Opera 10.5+ */
-o-transition-duration: 1.5s;
-ms-transition-property: all; /* IE10? */
-ms-transition-duration: 1.5s;
transition-property: all; /* Standard */
transition-duration: 1.5s;
}
a.menubarcellSELECTED:hover, a.menubarcellSELECTED:active{
/* Normal Horizontal Menu Bar Item */
background-image: url("../../images/common-graphics/GradientBlueType3A-34H.gif");
}
.menubarselectcell {
font-family: "Arial";
font-size: 9pt;
font-weight: normal;
text-align: center;
background-color: rgb(7,167,250);
color: rgb(252,252,252);
}
/* ----------------------------------------------- */
/* BEGIN TYPE 2 RED --menubarcell2 class set RED-- */
/* ----------------------------------------------- */
a.menubarcell2:link, a.menubarcell2:visited{
/* Normal Horizontal Menu Bar Item */
display: table-cell;
vertical-align: middle;
font-family: "Arial";
font-size: 14px;
font-weight: normal;
text-align: center;
background-image: url("../../images/common-graphics/GradientGreyType2-34H.gif");
background-color: rgb(0, 30, 60);
color: rgb(255, 255, 255);
text-decoration: none;
-moz-transition-property: all; /* FF4+ */
-moz-transition-duration: 1s;
-webkit-transition-property: all; /* Saf3.2+, Chrome */
-webkit-transition-duration: 1s;
-o-transition-property: all; /* Opera 10.5+ */
-o-transition-duration: 1s;
-ms-transition-property: all; /* IE10? */
-ms-transition-duration: 1s;
transition-property: all; /* Standard */
transition-duration: 1s;
}
a.menubarcell2:hover, a.menubarcell2:active{
/* Normal Horizontal Menu Bar Item */
background-image: url("../../images/common-graphics/GradientRedType2-34H.gif");
}
a.menubarcell2SELECTED:link, a.menubarcell2SELECTED:visited{
/* Normal Horizontal Menu Bar Item */
display: table-cell;
vertical-align: middle;
font-family: "Arial";
font-size: 14px;
font-weight: normal;
text-align: center;
background-image: url("../../images/common-graphics/GradientRedType2-34H.gif");
background-color: rgb(0, 30, 60);
color: rgb(255, 255, 255);
text-decoration: none;
-moz-transition-property: all; /* FF4+ */
-moz-transition-duration: 1.5s;
-webkit-transition-property: all; /* Saf3.2+, Chrome */
-webkit-transition-duration: 1.5s;
-o-transition-property: all; /* Opera 10.5+ */
-o-transition-duration: 1.5s;
-ms-transition-property: all; /* IE10? */
-ms-transition-duration: 1.5s;
transition-property: all; /* Standard */
transition-duration: 1.5s;
}
a.menubarcell2SELECTED:hover, a.menubarcell2SELECTED:active{
/* Normal Horizontal Menu Bar Item */
background-image: url("../../images/common-graphics/GradientRedType2-34H.gif");
}
/* ----------------------------------------------- */
/* END TYPE 2 RED --menubarcell2 class set RED-- */
/* ----------------------------------------------- */