blob: cdfe98d59d02d878580d3ff6ce8eaf22e4a74239 (
plain)
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
|
/**
* CSS for the following layout
*
* Body
* |
* + Container
* |
* + Header
* | |
* | + Logo
* | |
* | + Slogan
* |
* + Menu
* |
* + Main
* |
* + Sidebar
* |
* + Text
* |
* + Column
* |
* + Clear
*
* 1. body
* 1.1 Container
* 1.1.1 Header
* 1.1.1.1 Logo
* 1.1.1.2 Slogan
* 1.1.2 Menu
* 1.1.3 Main
* 1.1.3.1 Sidebar
* 1.1.3.2 Text
* 1.1.3.2.1 Column
* 1.1.3.2.2 Clear
*
* Normal font size: 14px w/ line-height 1.4.
* Note: 14px = 0.875em = 10.5pt = 3.6898mm = 0.1453inch (1 point = 1pt = 1/72in (cala) = 0.3528 mm)
* Note: 16px (1em) is browser/css default.
* Note: Wiki also uses 14px (0.875em)
*/
@import url("/style-fonts.css");
body {padding:0; margin:0; color:#111111; background: #ffffff; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-weight:normal; font-style:normal; font-size:14px; line-height:1.4;}
a {color:#111111; border-style:none; padding: 2px; text-decoration: underline; text-decoration-style: dotted}
a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padding: 2px; }
#container {padding:0; margin: 0; color:#111111; background: #ffffff; min-width:350px;}
#container img { border-style:none; margin:0; padding:0; }
/** allow slogan within header to overpaint the logo (abs position 80 - 18 = 62)
#header {height:90px; min-width:800px; display:block; }
#logo { height:80px; font-size:40px; padding:16px 0 0 16px; display:inline-block;}
#logo a { text-decoration:none; }
#logo img { margin: -10px 0 0 5px; border-style:none; }
#slogan {float:right; font-size:18px; color:#444444; padding:0 8px 0 0; position: absolute; top:62px; right:0; display:inline-block; }
*/
/** Allow slogan to be invisible to the right space via min-width:560px */
#header {height:90px; min-width:560px; display:block; }
#logo { height:80px; font-size:40px; padding:16px 0 0 16px; display:inline-block;}
#logo a { text-decoration:none; }
#logo img { margin: -10px 0 0 5px; border-style:none; }
#slogan {float:right; font-size:18px; color:#444444; padding:62px 8px 0 0; right:0; display:inline-block; }
/*webside theme colors*/
#menu {background-color:#c9e2ff; background-image: linear-gradient(#f5f5f5, #c9e2ff, #f5f5f5);}
#menu a, #footer a, #footer {color: #3b4d4f}
#menu a:hover {color:#444444; background-color: #f5f5f5;}
#footer {background-color:#c9e2ff;}
#footer a:hover {background-color:#3b4d4f; color:#c9e2ff}
#menu {height:40px; margin-top:5px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left;}
#menu a {float:left; height:20px; padding:10px 20px; font-size:15px; font-weight:bold; text-decoration:none;}
#main {float:left; width:100%; height:100%; margin:0;}
#main br {line-height:8px;}
.rss {background:url(images/feed-icon-10x10.png) no-repeat scroll 2px 50% !important; padding:0px 0px 0px 15px;}
.fill {margin-right:0 !important;}
.centered {margin-left: auto; margin-right: auto; text-align: center;}
.clear {clear: both; padding: 16px 0 0 0}
.clearcentered {clear: both; padding: 16px 0 0 0; margin-left: auto; margin-right: auto; text-align: center;}
.codetight {float: left; font-family: monospace; font-size:12px; line-height:normal; text-align: left; display: block; white-space: pre;}
.code {float: left; font-family: monospace; font-size:13px; line-height:normal; text-align: left; display: block; white-space: pre;}
.column {float: left; padding: 0 16px 16px 8px; }
.splash {margin-left: auto; margin-right: auto; font-size:22px; }
#sidebar {font-size:13px; width:150px; height: auto; float: right; text-align: center; margin:16px 16px 16px 16px; padding: 0; }
#sidebar h3 {font-size:13px; font-weight:bold; font-style:italic; margin:13px 0 5px 0;}
#sidebar ul {margin:0; padding:0;}
#sidebar li {list-style:none; padding:1px 0; margin:8px 0;}
#sidebar li a {text-decoration:none; display:block; border: 1px dotted #3b4d4f; border-radius: 8px 18px; }
#text {margin-right:225px; padding:10px 25px 25px 25px; min-width:350px; }
#text img { padding: 5px; }
#text h1 {font-size:20px; font-weight:normal; margin:18px 0 10px 0;}
#text h2 {font-size:18px; font-weight:normal; margin:16px 0 10px 0;}
#text h3 {font-size:16px; font-weight:normal; margin:14px 0 10px 0;}
#text h4 {font-size:14px; font-weight:bold; margin:14px 0 10px 0;}
#text ul { padding: 0.3em 0em 0.3em 1em; }
#text ul li { background:url(images/bullet.gif) 0em 0.3em no-repeat; padding-left: 0.8em; list-style: none; }
#text ul li { background-image:url(images/bullet_child.gif); }
#text ul li { margin-bottom:0.5em; }
#text ol { padding: 0.3em 0em 0.3em 1em; }
#text ol li { list-style:decimal; background-image:none; padding-left:0em; }
#text ol li { margin-bottom:0.5em; }
/**
#text ol, #text ul {padding:0; margin:8px 0;}
#text ul {padding: 0 1em; margin:8px 0;}
#text li {margin-left:1em;}
#text li {margin-left:1em;}
#text ol {padding:0; margin:8px 0;}
#text ul {padding: 0.3em 0em; }
*/
#footer {height:40px; font-size:10px; clear:both;}
#footer_left {float:left; padding: 4px 0 0 5px;}
#footer_left img {float: left; margin-right: 5px;}
#footer_right {float:right; padding:14px 30px 0 0;}
td.streams_text { text-align: left; vertical-align: middle; }
td.streams_thumbs { width:400px; }
#streams img { width:120px; height:90px; }
|
