File: doc/src/styles.css

/* CSS Document */

::selection {
    background-color: #7ea8b4;
    color: white;
}
::moz-selection {
    background-color: orange;
    color: white;
}
::webkit-selection {
    background-color: orange;
    color: white;
}
@font-face {
    font-family: myfont;
    src: url('bravo.ttf');
}
body {
    margin: 0px;
    color: #333;
    font: 13px Helvetica;
    background: #eee;
    font-family: "Segoe UI"
}
a {
    color: #333;
}
a:hover {
    color: #999;
}
img {
    border: 0px;
}
#title {
    width: 100%;
    height: 80px;
    background: url('img/top.gif') repeat-x #666;
    font-size: 65px;
    font-family: myfont, "Segoe UI";
    color: #aaaaaa;
    text-align: right;
}
#content {
    height: 100%;
    padding: 20px;
}
#footer {
    width: 100%;
    height: 80px;
    color: gray;
    padding: 15px;
    text-align: center;
    font-weight: bold
}
#footer a {
    color: #ccff00;
}
.layout {
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 30px;
}
code {
    display: block;
    font: 12px monospace;
    background: #f6fdfd;
    padding: 15px;
    border: solid 1px #ccddcc;
    margin: 10px;
}
tt {
    display: block;
    font: 12px monospace;
    background: #f6fdfd;
    padding: 15px;
    border: solid 1px #ccdddd;
    margin-bottom: 0 0 10px 0;
}
.color1 {
    background: #eeeeff;
}
.color2 {
    background: #ddddee;
}
pre {

    text-align: left;
}
ul {
    list-style-type: square;
}
input {
    border: 1px solid gray;
    padding: 7px;
    margin: 14px;
    font-family: myfont, "Segoe UI";
    color: orange;
}
input[type='submit'] {
    background-color: #2f8cab;
    border: 1px solid #2f8cab;
    color: white;
    font-weight: bold;
}
input[type='submit']:hover {
    background-color: #cc2a41;
	border:1px solid #cc2a41;
}