cc65.github.io/cc65.css at master · cc65/cc65.github.io · GitHub

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
body {
    font-family:        arial, helvetica, sans-serif;
    font-size:          100%;
    text-align:         justify;
    margin-left:        110px;
    margin-top:         10px;
    margin-right:       30px;
    margin-bottom:      10px;
    background-image:   url(image/cc65-bg.png);
    background-repeat:  repeat-y;
}
a:active {
    color:              #FF0000;
    text-decoration:    underline;
}
a:link {
    color:              #0000FF;
    text-decoration:    underline;
}
a:visited {
    color:              #000080;
    text-decoration:    underline;
}

/* title menu */
div#menu {
    clear:              both;
    width:              100%;
    padding:            0px;
    border-top:         1px solid #808080;
    border-bottom:      1px solid #808080;
}
div#innermenu {
    display:            table;
    margin-left:        auto;
    margin-right:       auto;
    padding:            0px;
}
div#menu ul {
    margin:             0px;
    padding:            4px;
    list-style-type:    none;
    white-space:        nowrap;
}
div#menu li {
    display:            inline;
}
div#menu a {
    margin:             0px 3px 0px 3px;
    padding:            1px 1em 1px 1em;
    border:             1px solid #303030;
    text-decoration:    none;
    width:              160px;
}
div#menu a:link, div#menu a:visited, div#menu a:active {
    background-color:   #909090;
    color:              #000000;
}
div#menu a:hover {
    color:              #DB3232;
    background-color:   #FFFFFF;
}
li#here a:link, li#here a:visited, li#here a:active {
    background-color:   #909090;
    color:              #DB3232;
}
li#here a:hover {
    background-color:   #909090;
    color:              #DB3232;
}

h1, h2 {
    font-weight:        bold;
    font-style:         italic;
    text-align:         left;
    color:              #DB3232;
}

h1 {
    font-size:          250%;
    text-shadow:        2px 2px 6px #505050;
    letter-spacing:     2px;
    padding-top:        40px;
}

h2 {
    font-size:          160%;
    text-shadow:        1px 1px 3px #303030;
    letter-spacing:     1px;
    margin-top:         2em;
    margin-bottom:      1em;
}

p {
    clear:              both;
}

pre {
    font-family:        monospace;
}

a img {
    border:             0px;
}

ul.bullet {
    margin-left:        2%;
    list-style-image:   url(image/dot.png);
}

ul.down {
    margin-left:        2%;
    list-style-image:   url(image/downtria.png);
}

ul.right {
    margin-left:        2%;
    list-style-image:   url(image/triangle.png);
}

ul ul {
    list-style-image:   none;
}

/* box made like a banner */
div.banner {
    border:             2px solid #808080;
    width:              80%;
    clear:              both;
    padding-left:       2em;
    padding-right:      2em;
    padding-top:        1em;
    padding-bottom:     1em;
    margin-left:        auto;
    margin-right:       auto;
    margin-top:         1em;
    margin-bottom:      1em;
}