blob: 1a23172b1635c7a0ecf0fd29fbab16533b535c41 (
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
|
/**
* CSS for the following layout
*
* Body
* |
* + Container
* |
* + Header
* | |
* | + Logo
* | |
* | + Slogan
* |
* + Menu
* |
* + Main
* | |
* | + Sidebar
* | |
* | + Text
* | |
* | + Column
* | |
* | + Clear
* |
* + Footer
* |
* + Footer-Right
* |
* + Footer-Left
*
* 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
* 1.1.4 Footer
* 1.1.4.1 Footer-Right
* 1.1.4.2 Footer-Left
*
* 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)
*
* Header Top Margin: 8px or 0.5714rem @ 14px
* Header + Text Left Margin: 24px or 1.7143rem @ 14px
* Subsequent blocks have zero or collapsable top and left margins, maintaining layout alignment.
* Menu may use whole page width.
*/
@import url("/style-fonts.css");
html {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;}
body {padding:0; margin:0;}
a {color:#111111; border-style:none; padding: 0.1429rem; text-decoration: underline; text-decoration-style: dotted}
a:hover {color:#000000; background-color: #c9e2ff; border-radius: 0.3572rem 0.7143rem; padding: 0.1429rem; }
#container {width:100%; height:100%; padding:0; margin:0; color:#111111; background: #ffffff; min-width:25rem;}
#container img { border-style:none; margin:0; padding:0; }
/** Allow slogan to be invisible to the right space via min-width:560px */
#header {margin:0.5714rem 0 0 1.7143rem; min-width:560px; display:block; }
#logo { height:80px; font-size:40px; display:inline-block; padding:0}
#logo a { text-decoration:none; padding:0; display:block; }
#logo img { padding: 0; margin: 0; border-style:none; }
#slogan {float:right; font-size:1.2857rem; color:#444444; margin: 55px 0.5714rem 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:2.8571rem; margin-top:0.3571rem;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left;}
#menu a {float:left; height:1.4286rem; padding:0.7143rem 1.4286rem; font-size:1.0714rem; font-weight:bold; text-decoration:none;}
#main {float:left; width:100%; height:100%; padding:0; margin:0;}
#main br {line-height:0.5714rem;}
.rss {background:url(images/feed-icon-10x10.png) no-repeat scroll 0.1429rem 50% !important; padding:0 0 0 1.0714rem;}
.fill {margin-right:0 !important;}
.centered {margin-left: auto; margin-right: auto; text-align: center;}
.clear {clear: both; margin: 1.1429rem 0 0 0}
.clearcentered {clear: both; margin: 1.1429rem auto 0 auto; text-align: center;}
.codetight {float: left; font-family: monospace; font-size:0.8571rem; line-height:normal; text-align: left; display: block; white-space: pre;}
.code {float: left; font-family: monospace; font-size:0.9286rem; line-height:normal; text-align: left; display: block; white-space: pre;}
.column {float: left; margin: 0 1.7143rem 1.1429rem 0; }
.splash {margin-left: auto; margin-right: auto; font-size:1.5714rem; }
#sidebar {font-size:0.9286rem; width:10.7143rem; height: auto; float: right; text-align: center; margin:1.1429rem 1.1429rem 1.1429rem 1.1429rem; }
#sidebar h3 {font-size:0.9286rem; font-weight:bold; font-style:italic; margin:0.9286rem 0 0.3571rem 0;}
#sidebar ul {margin:0; padding:0;}
#sidebar li {list-style:none; padding:1px 0; margin:0.5714rem 0;}
#sidebar li a {text-decoration:none; display:block; border: 1px dotted #3b4d4f; border-radius: 0.5714rem 1.2857rem; }
#text {padding:0; margin:1rem 15rem 1.7143rem 1.7143rem; min-width:25rem; }
#text img { padding: 0.3571rem; }
#text h1 {font-size:1.4286rem; font-weight:normal; margin:1.2857rem 0 0.7143rem 0;}
#text h2 {font-size:1.2857rem; font-weight:normal; margin:1.1429rem 0 0.7143rem 0;}
#text h3 {font-size:1.1429rem; font-weight:normal; margin:1rem 0 0.7143rem 0;}
#text h4 {font-size:1rem; font-weight:bold; margin:1rem 0 0.7143rem 0;}
#text ul { padding: 0; margin: 0.5714rem 0 0.5714rem 0.5714rem; }
#text ul li { background:url(images/bullet.gif) 0em 0.3em no-repeat; padding-left: 0.7143rem; list-style: none; }
#text ul li { background-image:url(images/bullet_child.gif); }
#text ul li { margin-bottom: 0.5rem; }
#text ol { padding: 0; margin: 0.5714rem 0 0.5714rem 0.5714rem; }
#text ol li { list-style:decimal; background-image:none; padding-left:0em; }
#text ol li { margin-bottom: 0.5rem; }
#footer {padding:0.2857rem 0 0.2857rem 0; margin:0; width:100%; height:2.8571rem; font-size:0.7143rem; clear:both;}
#footer_right {width:10.7143rem; float:right; text-align: center; margin:0.2857rem 1.1429rem 0 1.1429rem;}
#footer_left {margin: 0.2857rem 15rem 0 0.3571rem;}
#footer_left img {margin-right: 0.3571rem;}
td.streams_text { text-align: left; vertical-align: middle; }
td.streams_thumbs { width:400px; }
#streams img { width:120px; height:90px; }
|
