300 lines
3.7 KiB
CSS
300 lines
3.7 KiB
CSS
/* Basic tags */
|
|
|
|
#body {
|
|
margin: 90px 230px 0px 10px;
|
|
padding: 0px;
|
|
}
|
|
|
|
a img {
|
|
border: 0px;
|
|
}
|
|
|
|
/* Anchors */
|
|
a {
|
|
color: #0000ff;
|
|
}
|
|
|
|
a:visited {
|
|
color: #551a8b;
|
|
}
|
|
|
|
a:active {
|
|
color: #ff0000;
|
|
}
|
|
|
|
/* Basic classes */
|
|
|
|
.none { /* to add paragraph spacing to various elements for ttys */
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.invisible { /* stuff that should appear when this css isn't used */
|
|
margin: 0px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
height: 0px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/*
|
|
.left {
|
|
margin: 10px;
|
|
padding: 0px;
|
|
float: left;
|
|
}
|
|
|
|
.right {
|
|
margin: 10px;
|
|
padding: 0px;
|
|
float: right;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
*/
|
|
|
|
/* Common page elements: Header, footer, etc. */
|
|
|
|
#logo {
|
|
border: 0 none;
|
|
height: 100px;
|
|
left: 0;
|
|
margin-top: 39px;
|
|
position: relative;
|
|
width: 64px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#logo a img {
|
|
width: 274px;
|
|
height: 72px;
|
|
position: relative;
|
|
}
|
|
|
|
#hdr {
|
|
position: absolute;
|
|
z-index: 5;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
width: 100%;
|
|
height: 48px;
|
|
text-align: right;
|
|
background-color: #e3ffc3;
|
|
border-bottom: 1px solid #807d74;
|
|
}
|
|
|
|
#banner {
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 0px;
|
|
right: 0px;
|
|
border: 0px;
|
|
width: 300px;
|
|
height: 48px;
|
|
}
|
|
|
|
#banner a img {
|
|
width: 300px;
|
|
height: 48px;
|
|
}
|
|
|
|
#hdrNav {
|
|
position: absolute;
|
|
top: 54px;
|
|
left: 0px;
|
|
|
|
margin-left: 84px;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
font-size: small;
|
|
}
|
|
|
|
#hdrNav a {
|
|
color: #000000;
|
|
}
|
|
|
|
#hdrTitle {
|
|
height: 48px;
|
|
padding: 10px 10px 0px 0px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* Search thingy */
|
|
|
|
#search {
|
|
font-size: small;
|
|
margin-bottom: 10px;
|
|
padding: 10px;
|
|
background-color: #dddddd;
|
|
}
|
|
|
|
#search input {
|
|
border: 1px solid #666666;
|
|
background-color: #ffffff;
|
|
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Sidebar */
|
|
|
|
#sidebar {
|
|
position: absolute;
|
|
top: 90px;
|
|
right: 0px;
|
|
width: 210px;
|
|
|
|
/*margin-right: 10px;*/
|
|
padding-right: 10px;
|
|
padding-bottom: 0px;
|
|
border-left: 1px dashed #dddddd;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#sidebar p {
|
|
margin-top: 0px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#sidebar p.section {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
color: #999999;
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
#sidebar ul {
|
|
margin: 0em;
|
|
margin-bottom: 15px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
list-style-type: none;
|
|
}
|
|
|
|
#sidebar ul ul {
|
|
padding-left: 2em;
|
|
padding-right: 0em;
|
|
list-style-type: square;
|
|
}
|
|
|
|
/* Copyright footer */
|
|
|
|
#copyright {
|
|
text-align: center;
|
|
font-size: small;
|
|
clear: both;
|
|
|
|
margin-top: 10px;
|
|
padding: 5px 0px 5px 0px;
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
#copyright a {
|
|
color: #aaaaff;
|
|
}
|
|
|
|
#copyright a:visited {
|
|
color: #ffaaaa;
|
|
}
|
|
|
|
|
|
/* News Sections */
|
|
|
|
p.newsitem {
|
|
clear: left;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
p.newsitem img.newsicon {
|
|
float: left;
|
|
margin: 0px 10px 10px 10px;
|
|
border: 0px;
|
|
}
|
|
|
|
/* Generic Classes */
|
|
|
|
div.code {
|
|
background-color: #e0e0e0;
|
|
color: #000000;
|
|
white-space: pre;
|
|
font-family: monospace;
|
|
}
|
|
|
|
#page {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
div.in-column {
|
|
margin: 0 0 2em 1em;
|
|
float: right;
|
|
max-width: 12em;
|
|
}
|
|
|
|
hr {
|
|
color: #888;
|
|
background: #888;
|
|
border: 0;
|
|
height: 1px;
|
|
width: 90%;
|
|
text-align: center;
|
|
clear: both;
|
|
}
|
|
|
|
div.body {
|
|
clear: both;
|
|
}
|
|
|
|
div.sidebar {
|
|
position: absolute;
|
|
text-align: left;
|
|
right: 0px;
|
|
top: 60px;
|
|
width: 27ex;
|
|
padding-left: 1ex;
|
|
border-left: 1ex solid #eee;
|
|
margin-top: 4em;
|
|
}
|
|
|
|
div.sidebar h2 {
|
|
margin-top: 0;
|
|
padding: 5px 2ex 5px 2ex;
|
|
background: url(cgit-data/images/t.png) top left repeat-y;
|
|
font-size: 100%;
|
|
}
|
|
|
|
ul.toc {
|
|
padding: 0;
|
|
padding-left: 20px;
|
|
margin-left: 0;
|
|
margin-right: 10px;
|
|
list-style: none;
|
|
}
|
|
|
|
ul.toc li {
|
|
list-style: circle;
|
|
}
|
|
|
|
ul.toc li a {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
ul.toc li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* page content */
|
|
|
|
div#content {
|
|
clear: both;
|
|
padding: 1em;
|
|
margin: 1em;
|
|
}
|
|
|