/* Divisions used:
* main
* masthead
* navmenu
* content
* validation
*/
body {
color: black ;
background-color: silver ;
background-image: url('/mes/flags.jpg') ;
margin: 1% 15% ;
font-family: Arial,Sans-serif ;
font-size: 100% ;
}
#main {
background-color: white ;
border: 1px solid gray ;
padding: 2% ;
/* clear: right ;
*/
}
#masthead {
/* display: inline ;
font-weight: bold ;
font-size: 1.5em ;
float: right ;
font-style: italic ;
*/
/* vertical-align: middle ; */
}
#masthead h1 {
font-family: "Times New Roman",Serif ;
font-size: 48px ;
}
#masthead h2 {
font-family: "DejaVu Sans","MS Gothic",Sans-serif ;
font-size: 30px ;
}
#masthead a {
text-decoration: none ;
color: black ;
}
#headloc {
float: right ;
}
#navmenu ul {
width: 100% ;
/* float: right ;
*/
}
#object-list ul, #exit-list ul {
text-align: center ;
}
#object-list li, #exit-list li {
list-style: none;
display: inline;
padding: 0.25em ;
}
/*
#navmenu li, #validation li {
font-weight: bold ;
text-align: center ;
margin-bottom: 3px ;
margin-top: 3px ;
list-style: none;
display: inline ;
}
#navmenu li {
width: 12% ;
}
#navmenu a, #validation a {
padding: 4px ;
margin: 2px ;
text-decoration: none ;
/@ display: block ; @/
color: #ffffff ;
background-color: silver ;
/@ color: #224059 ;
background-color: #b5c9e2 ;
@/
border-style: outset ;
/@ border-top: 2px #ffffff sold ;
border-left: 2px #000000 sold ;
border-bottom: 2px #000000 sold ;
border-right: 2px #ffffff sold ;
@/
}
#navmenu a:hover, #validation a:hover {
/@ background-color: #99aabf ;@/
/@ background-color: #808080 ; @/
background-color: #acacac ;
border-style: inset ;
/@ border-top: 2px #31557f sold ;
border-left: 2px #31557f sold ;
border-bottom: 2px #cce3ff sold ;
border-right: 2px #cce3ff sold ;
@/
}
*/
.img-l {
float: left ;
margin: 20px ;
}
.img-r {
float: right ;
margin: 20px ;
}
/*
.button {
font-weight: bold ;
text-align: center ;
margin-bottom: 3px ;
margin-top: 3px ;
list-style: none;
display: inline ;
}
.button a {
padding: 4px ;
margin: 2px ;
text-decoration: none ;
/@ display: block ; @/
color: white ;
background-color: black ;
border-top: 2px #cce3ff sold ;
border-left: 2px #cce3ff sold ;
border-bottom: 2px #cce3ff sold ;
border-right: 2px #cce3ff sold ;
}
.button a:hover {
background-color: #99aabf ;
border-top: 2px #31557f sold ;
border-left: 2px #31557f sold ;
border-bottom: 2px #cce3ff sold ;
border-right: 2px #cce3ff sold ;
}
*/
#endcont {
clear: both ;
}
#validation {
clear: both ;
/* text-align: center ;*/
}
/*
#validation li {
list-style: none;
display: inline;
padding: 0.25em ;
}
*/
/*
#validation a {
background-color: #fecb65 ;
color: black ;
}
#validation a:hover {
/@ background-color: #ae7b15 ; @/
/@ background-color: #ffb90f ; @/
/@ background-color: #be984b ; @/
background-color: #e4b65a ; /@ Darkened by taking 90% each of RGB @/
}
*/
/* CSS Tabs by Joshua Kaufman <http://unraveled.com/publications/css_tabs/> */
/* begin css tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li { /* do not change */
display: inline;
}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
/* end css tabs */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.basictab li{
display: inline;
margin: 0;
}
.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}
.basictab li a:visited{
color: #2d2b2b;
}
.basictab li a:hover{
background-color: #DBFF6C;
color: black;
}
.basictab li a:active{
color: black;
}
.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}
/* "W3C buttons without images" by Marek Prokop <http://www.sovavsiti.cz/css/w3c_buttons.html> */
.w3cbutton3 {
margin: 1em 0;
width: 9em;
border: 1px solid #ccc;
font-family: helvetica,arial,sans-serif;
font-size: 70%;
font-weight: bold;
}
.w3cbutton3 a {
display: block;
width: 100%;
}
.w3cbutton3 a:link,
.w3cbutton3 a:visited,
.w3cbutton3 a:hover {
background-color: #fc6;
color: #000;
text-decoration: none;
}
.w3cbutton3 span.w3c {
padding: 0 0.4em;
background-color: #fff;
color: #0c479d;
}