/* New EUROCALL website stylesheet */
/* CSS-P stylesheet for new EUROCALL design */
/* ----------------- */
/* HTML STYLES */
/* ----------------- */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #003399;
}
#container {
margin: 5px;
padding: 5px;
background-color: #FFFFFF;
text-align: justify;
border: 1px solid #003399;
}
/* Page banner */
#banner {
font-size: 2em;
font-weight: bold;
text-align: center;
text-decoration: none;
padding-bottom: 10px;
border: 0px;
}
#logo {
float:left;
padding: 5px;
}
.peq { font-size: 0.8em;}
/* For slightly larger para text. Mainly used when text within a
, because the | setting of 0.8em
combines with the setting of 0.8em to produce smaller text. A bit of a fudge, really. */
p.larger { font-size:larger; }
/* Make acronyms and abbreviation stand out to encourage users to hover over them for a tooltip explanation.
IE doesn't recognise at all. */
ul{
list-style-position: outside;
list-style-type: disc;
margin: 0px 15px;
padding: 2px;
border: 0px solid black;
}
li{
margin: 0px;
padding: 1px 4px;
border: 0px solid black;
}
blockquote{
margin: 5px 10px 5px 20px;
padding: 0px;
border: 0px solid black;
}
acronym, abbr {
font-weight: bold;
color: navy;
}
/* Table styles */
caption { font-weight: bold;
font-size: larger;
line-height: 2;
}
th {
font-weight: bold;
font-size: 0.9em;
}
h1 {
font-weight: bold;
font-size: 1.9em;
}
h2 {
font-weight: bold;
font-size: medium;
font-style: italic;
}
h3 { margin: 2px 0px;
padding: 0px;
font-weight: bold;
font-size: 1.25em;
}
/* Need to set table cell text size as otherwise IE will render it larger than body text */
td { font-size: 0.8em; text-align: justify;}
a:link, a:visited {
color: #0084EF;
text-decoration: none;
}
a:hover, a:active {
color: #0044CC;
text-decoration: underline;
}
/* Set images borderless to avoid using deprecated border attribute in ![]() . Picky
requirement of WCAG Priority 2 */
img, img a { border: none; }
/* =============
CSS-P STYLES
============= */
/* NAVIGATION BARS/MENUS */
/* Left navigation bar*/
#leftnavbar {
width: 230px;
margin: 0;
padding: 0;
float: left;
text-align: left;
border: 0px solid black;
}
#leftnavbar ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#leftnavbar li {
list-style: none;
border-bottom: 1px solid #fff;
margin: 0;
padding: 0;
}
#leftnavbar li a {
display: block;
padding: 5px;
background-color: #003399;
color: #ffcc33;
text-decoration: none;
width: 100%;
/* Left border darker by 10% light on base, right border lighter by 10% */
border-left: 10px solid #002266;
border-right: 10px solid #0044CC;
}
/* IE fix */
html>body #leftnavbar li a {
width: auto;
}
#leftnavbar li a:hover {
/* Same colour as right border */
background-color: #0044cc;
}
/* 2nd-level submenus in left navigation bar */
#submenu {
}
#submenu ul {
}
#submenu li a {
/* yellow background from colour of stars on EU flag */
background-color: #ffcc33;
color: #000;
padding-left: 1em;
}
#submenu li a:hover {
/* yellow background lighter by 10% */
background-color: #ffdb66;
}
#menu_news {
width: 350px;
padding: 0;
text-align: left;
}
#menu_news ul {
list-style-type:none;
}
#menu_news li a {
display: block;
background-color: #ffcc33;
height: 15px;
padding: 3px;
text-decoration: none;
border: 1px solid #ffdb66;
border-left: 10px solid #002266;
}
#menu_news li a:hover {
text-decoration: none;
background-color: #ffdb66;
border: 1px solid #ffcc33;
border-left: 10px solid #002266;
}
/* 3rd-level menu, horizontal below , eg in About|Documents */
#topmenu {
border: 1px solid #003399;
text-align: center;
}
#topmenu ul {
display: inline;
}
#topmenu ul li {
display: inline;
list-style: none;
border: 0px solid green;
padding: 1px;
}
#topmenu li a {
text-decoration: none;
display: inline;
padding: 1px;
white-space: nowrap;
}
#topmenu li a:hover {
background-color: #ffcc33;
padding: 1px;
}
/* Page body text styles, used on pages other than the home page */
/* Main body is shunted to the right with a big margin to make room for the left navbar */
#bodytext {
margin: 0px;
margin-left: 240px;
padding: 5px 10px;
vertical-align: top;
border: 0px solid red;
}
#bodytext p {
margin: 7px 0px;
padding: 0px;
border: 0px solid red;
}
.divider {
clear: both;
clear: all;
width: 100%;
height: 0px;
margin: 5px 0px; /* set top and bottom margins to leave some space */
padding: 0px;
border-bottom: 2px solid #cccccc;
border-top: 6px solid #003399;
/* make sure layer is clear of any nearby layers and appears on a single line */
}
.divider p {
line-height: 0;
}
hr.separador {
margin: 10px 0px;
width: 80px;
height: 3px;
color: #003399;
background-color:#003399;
text-align: center;
border-bottom: 1px solid #cccccc;
}
/* Page footer */
#footer {
margin: 0px;
padding: 0px;
font-size: 12px;
color: #003399;
font-style: normal;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
border: 0px solid green;
}
#footer a:link, #footer a:visited {
font-size: 13px;
color: #003399;
text-decoration: none;
font-weight: bold;
}
#footer a:hover, #footer a:active {
color: #ffcc33;
text-decoration: underline;
}
/* ------------------- */
/* Other custom styles */
/* ------------------- */
/* Publication author and title styles used in publication references */
.pubauthor {
font-weight: bold;
}
.pubtitle {
font-style: italic;
}
.compactA
{
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #000080;
}
.largeA
{
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: #000080;
}
/* Notes prefixed with NB: to display as centred text in a light yellow box for added emphasis. */
.notabene {
border: 2px solid #000;
text-align: center;
padding: 3px;
background-color: #ffff66;
}
.picturecaption { font-size: smaller; }
/* RSSxpress Lite styles */
/* Redefine main style so as to restrict the width of the newsfeed, as otherwise
IE6 forces it down and across the page resulting in a horizontal scrollbar appearing */
.rssxpresschannel {
width: 600px;
}
.new {
font-weight: bolder;
text-transform: uppercase;
color: #ff0000;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
|