root/static/style/ttsite.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

html, body {
    background: #ccc;
}

#doc {
    -webkit-box-shadow: 0 0 10px #aaa;
    -moz-box-shadow: 0 0 10px #aaa;
    box-shadow: 0 0 10px #aaa;
    background: #fff; 
}

#hd, #ft, #nav, #content, .inside { padding: 0 1em 0.5em 0; }

.message {
    color: #000;
}

.error {
    color: #f00;
}

/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 */
.hnav
{
}
.hnav, .hnav ul li a
{
    /* need to middor veritcal padding on .hnav and child anchor elements
     * because the anchors are _not_ block elements. since they are not
     * block elements web browsers will not expand .hnav to contain them
     * even with the extra padding. by applying the same padding to both
     * the parent .hnav _looks_ like its containing the child anchor
     * elements. 
     */
    padding-top: 3px;
    padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.hnav ul li a
{
    margin: 0 -1px 0 0;
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid 0px #000;
    border-right: solid 0px #000;
    white-space: nowrap;
}