forked from science-ation/science-ation
9c40cc91f8
a $_SESSION['embed'] variable to change the behaviour). It uses tabs to switch between the various sections. Converted committee, volunteer, and judge editor. Relies on using a popup window, don't know if that's a good idea or not, but it sure looks cool.
65 lines
1.8 KiB
CSS
65 lines
1.8 KiB
CSS
/* Ideas borrowed from: http://unraveled.com/projects/assets/css_tabs/ */
|
|
ul#htabs {
|
|
text-align: left; /* set to left, right or center */
|
|
margin: 1em 0 0 0; /* set margins as desired */
|
|
font-family: Verdana, Arial, Sans-Serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
/* border-color: defined in sfiab.css */
|
|
list-style-type: none;
|
|
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
|
|
}
|
|
|
|
ul#htabs li { /* do not change */
|
|
display: inline;
|
|
margin-right: 5px; /* set additional spacing between tabs as desired */
|
|
}
|
|
|
|
ul#htabs li.htabsel { /* settings for selected tab */
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
/* border-bottom-color: defined in sfiab.css */
|
|
/* background-color: defined in sfiab.css */
|
|
}
|
|
|
|
ul#htabs 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-width: 1px;
|
|
border-style: solid;
|
|
/* border-color: defined in sfiab.css */
|
|
/* background-color: defined in sfiab.css */
|
|
/* color: defined in sfiab.css */
|
|
margin-right: 0px; /* Use margin-right in the li def to change spacing */
|
|
text-decoration: none;
|
|
border-bottom: none;
|
|
text-align: center;
|
|
}
|
|
|
|
ul#htabs li.htabsel a { /* settings for selected tab link */
|
|
/* background-color: defined in sfiab.css */
|
|
/* color: defined in sfiab.css */
|
|
position: relative;
|
|
top: 1px;
|
|
padding-top: 4px; /* must change with respect to padding (X) above and below */
|
|
}
|
|
|
|
|
|
ul#htabs a:hover { /* settings for hover effect */
|
|
/* background: defined in sfiab.css */
|
|
}
|
|
|
|
#htabmain {
|
|
margin-top: 0;
|
|
margin-right: 10px;
|
|
/* background: defined in sfiab.css */
|
|
padding: 3px;
|
|
padding-top: 0;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
/* border-color: defined in sfiab.css */
|
|
border-top: none;
|
|
}
|
|
|