146 lines
2.7 KiB
CSS
146 lines
2.7 KiB
CSS
html { overflow: -moz-scrollbars-vertical !important; }
|
|
body {
|
|
padding: 2em 1em 2em 70px;
|
|
margin: 0;
|
|
font-family: sans-serif;
|
|
color: black;
|
|
background: white;
|
|
background-position: top left;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
}
|
|
:link { color: #00C; background: transparent }
|
|
:visited { color: #609; background: transparent }
|
|
a:active { color: #C00; background: transparent }
|
|
|
|
a:link img, a:visited img { border-style: none } /* no border on img links */
|
|
|
|
a img { color: white; } /* trick to hide the border in Netscape 4 */
|
|
@media all { /* hide the next rule from Netscape 4 */
|
|
a img { color: inherit; } /* undo the color change above */
|
|
}
|
|
|
|
th, td { /* ns 4 */
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 { text-align: left }
|
|
#content { margin-top: 8px; }
|
|
|
|
/* background should be transparent, but WebTV has a bug */
|
|
h1, h2, h3 { color: #005A9C; background: white }
|
|
h1 { font: 170% sans-serif }
|
|
h2 { font: 140% sans-serif }
|
|
h3 { font: 120% sans-serif }
|
|
h4 { font: bold 100% sans-serif }
|
|
h5 { font: italic 100% sans-serif }
|
|
h6 { font: small-caps 100% sans-serif }
|
|
|
|
/* specific */
|
|
|
|
#nav {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
#nav li {
|
|
display: inline;
|
|
}
|
|
|
|
#menuConfig {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: white;
|
|
top: 220px;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 8px;
|
|
|
|
box-shadow: 10px 10px 20px #888;
|
|
-webkit-box-shadow: 10px 10px 20px #888;
|
|
-moz-box-shadow: 10px 10px 20px #888;
|
|
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 600px;
|
|
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
#menuConfig ul {
|
|
-moz-column-count: 3;
|
|
-moz-column-gap: 20px;
|
|
-webkit-column-count: 3;
|
|
-webkit-column-gap: 20px;
|
|
column-count: 3;
|
|
column-gap: 20px;
|
|
}
|
|
|
|
#menuConfig ul li {
|
|
padding: 4px;
|
|
}
|
|
|
|
|
|
#nav ul {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
list-style: none;
|
|
}
|
|
|
|
#nav ul li {
|
|
background-color: #005A9C;
|
|
}
|
|
|
|
#nav ul li,
|
|
#nav ul li a {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
|
|
#nav ul li a {
|
|
margin: 6px;
|
|
padding: 5px;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
#nav ul li a:hover,
|
|
#nav ul li a.selected {
|
|
background-color: #fff;
|
|
color: #272727;
|
|
}
|
|
|
|
#nav .menuPerspective {
|
|
background-color: #ccdddd;
|
|
color: #003366;
|
|
}
|
|
|
|
#nav .menuPerspective.selected {
|
|
background-color: #ccffaa;
|
|
}
|
|
|
|
/* common css */
|
|
|
|
pre.profile {
|
|
border: 1px solid #ccccff;
|
|
padding: 4px;
|
|
background-color: #ffffe0;
|
|
}
|
|
|
|
textarea.profile {
|
|
width: 100%;
|
|
height: 60em;
|
|
|
|
border: 1px solid #b0b0ff;
|
|
padding: 4px;
|
|
}
|
|
|
|
span.disabled {
|
|
color: red;
|
|
}
|
|
|
|
span.enabled {
|
|
color: green;
|
|
}
|