rlm@2
|
1 /*
|
rlm@2
|
2 The original subSilver Theme for phpBB version 2+
|
rlm@2
|
3 Created by subBlue design
|
rlm@2
|
4 http://www.subBlue.com
|
rlm@2
|
5 */
|
rlm@2
|
6
|
rlm@2
|
7
|
rlm@2
|
8 /* General page style. The scroll bar colours only visible in IE5.5+ */
|
rlm@2
|
9 body {
|
rlm@2
|
10 background-color: #000000;
|
rlm@2
|
11
|
rlm@2
|
12
|
rlm@2
|
13 background: black url(http://www.moonlitnights.org/star-bg.gif);
|
rlm@2
|
14
|
rlm@2
|
15 scrollbar-face-color: #000000;
|
rlm@2
|
16 scrollbar-highlight-color: #C0D2F6;
|
rlm@2
|
17 scrollbar-shadow-color: #C0D2F6;
|
rlm@2
|
18 scrollbar-3dlight-color: #000000;
|
rlm@2
|
19 scrollbar-arrow-color: #C0D2F6;
|
rlm@2
|
20 scrollbar-track-color: #000000;
|
rlm@2
|
21 scrollbar-darkshadow-color: #000000;
|
rlm@2
|
22 }
|
rlm@2
|
23
|
rlm@2
|
24 /* General font families for common tags */
|
rlm@2
|
25 font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
|
rlm@2
|
26 a:link,a:active,a:visited { color : #2AAAA8; }
|
rlm@2
|
27 a:hover { text-decoration: underline; color : #2AAAA8; }
|
rlm@2
|
28 hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
|
rlm@2
|
29
|
rlm@2
|
30
|
rlm@2
|
31 /* This is the border line & background colour round the entire page */
|
rlm@2
|
32 .bodyline { border: 1px #000000 solid; }
|
rlm@2
|
33
|
rlm@2
|
34 /* This is the outline round the main forum tables */
|
rlm@2
|
35 .forumline { background-color: #000000; border: 2px #000000 solid; }
|
rlm@2
|
36
|
rlm@2
|
37
|
rlm@2
|
38 /* Main table cell colours and backgrounds */
|
rlm@2
|
39 td.row1 { background-color: #5C5C8E; }
|
rlm@2
|
40 td.row2 { background-color: #5C5C8E; }
|
rlm@2
|
41 td.row3 { background-color: #5C5C8E; }
|
rlm@2
|
42
|
rlm@2
|
43
|
rlm@2
|
44 /*
|
rlm@2
|
45 This is for the table cell above the Topics, Post & Last posts on the index.php page
|
rlm@2
|
46 By default this is the fading out gradiated silver background.
|
rlm@2
|
47 However, you could replace this with a bitmap specific for each forum
|
rlm@2
|
48 */
|
rlm@2
|
49 td.rowpic {
|
rlm@2
|
50 background-color: #5090D0;
|
rlm@2
|
51 background-repeat: repeat-y;
|
rlm@2
|
52 }
|
rlm@2
|
53
|
rlm@2
|
54 /* Header cells - the blue and silver gradient backgrounds */
|
rlm@2
|
55 th {
|
rlm@2
|
56 color: #000000; font-size: 11px; font-weight : bold;
|
rlm@2
|
57 background-color: #DAEAFF; height: 25px;
|
rlm@2
|
58
|
rlm@2
|
59 }
|
rlm@2
|
60
|
rlm@2
|
61 td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
|
rlm@2
|
62 background-color:#5090D0; border: #000000; border-style: solid; height: 28px;
|
rlm@2
|
63 }
|
rlm@2
|
64
|
rlm@2
|
65
|
rlm@2
|
66 /*
|
rlm@2
|
67 Setting additional nice inner borders for the main table cells.
|
rlm@2
|
68 The names indicate which sides the border will be on.
|
rlm@2
|
69 Don't worry if you don't understand this, just ignore it :-)
|
rlm@2
|
70 */
|
rlm@2
|
71 td.cat,td.catHead,td.catBottom {
|
rlm@2
|
72 height: 29px;
|
rlm@2
|
73 border-width: 0px 0px 0px 0px;
|
rlm@2
|
74 }
|
rlm@2
|
75 th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
|
rlm@2
|
76 font-weight: bold; border: #000000; border-style: solid; height: 28px; }
|
rlm@2
|
77 td.row3Right,td.spaceRow {
|
rlm@2
|
78 background-color: #DAEAFF; border: #000000; border-style: solid; color: #000000 }
|
rlm@2
|
79
|
rlm@2
|
80 th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
|
rlm@2
|
81 th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
|
rlm@2
|
82 th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
|
rlm@2
|
83 th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
|
rlm@2
|
84 th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
|
rlm@2
|
85 th.thTop { border-width: 0px 0px 0px 0px; }
|
rlm@2
|
86 th.thCornerL { border-width: 0px 0px 0px 0px; }
|
rlm@2
|
87 th.thCornerR { border-width: 0px 0px 0px 0px; }
|
rlm@2
|
88
|
rlm@2
|
89
|
rlm@2
|
90 /* The largest text used in the index page title and toptic title etc. */
|
rlm@2
|
91 .maintitle,h1,h2 {
|
rlm@2
|
92 font-weight: none; font-size: 18px; font-family: "Verdana",Verdana, Arial, Helvetica, sans-serif;
|
rlm@2
|
93 text-decoration: none; line-height : 120%; color : #5D7790;
|
rlm@2
|
94 }
|
rlm@2
|
95
|
rlm@2
|
96
|
rlm@2
|
97 /* General text */
|
rlm@2
|
98 .gen { font-size : 12px; }
|
rlm@2
|
99 .genmed { font-size : 11px; }
|
rlm@2
|
100 .gensmall { font-size : 10px; }
|
rlm@2
|
101 .gen,.genmed,.gensmall { color : #FFFFFF; }
|
rlm@2
|
102 a.gen,a.genmed,a.gensmall { color: #2AAAA8; text-decoration: none; }
|
rlm@2
|
103 a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #2AAAA8; text-decoration: none; }
|
rlm@2
|
104 a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #2AAAA8; text-decoration: underline; }
|
rlm@2
|
105
|
rlm@2
|
106
|
rlm@2
|
107 /* The register, login, search etc links at the top of the page */
|
rlm@2
|
108 .mainmenu { font-size : 11px; color : #000000 }
|
rlm@2
|
109 a.mainmenu { text-decoration: none; color : #2AAAA8; }
|
rlm@2
|
110 a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
|
rlm@2
|
111
|
rlm@2
|
112
|
rlm@2
|
113 /* Forum category titles */
|
rlm@2
|
114 .cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFFFFF}
|
rlm@2
|
115 a.cattitle { text-decoration: none; color : #FFFFFF; }
|
rlm@2
|
116 a.cattitle:visited { text-decoration: none; color : #FFFFFF; }
|
rlm@2
|
117 a.cattitle:hover { text-decoration: underline; color : #FFFFFF; }
|
rlm@2
|
118
|
rlm@2
|
119 /* Forum title: Text and link to the forums used in: index.php */
|
rlm@2
|
120 .forumlink { font-weight: bold; font-size: 12px; color : #2AAAA8; }
|
rlm@2
|
121 a.forumlink { text-decoration: none; color : #2AAAA8; }
|
rlm@2
|
122 a.forumlink:visited { text-decoration: none; color : #2AAAA8; }
|
rlm@2
|
123 a.forumlink:hover{ text-decoration: underline; color : #2AAAA8; }
|
rlm@2
|
124
|
rlm@2
|
125
|
rlm@2
|
126 /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
|
rlm@2
|
127 .nav { font-weight: bold; font-size: 11px; color : #2AAAA8;}
|
rlm@2
|
128 a.nav { text-decoration: none; color : #2AAAA8; }
|
rlm@2
|
129 a.nav:hover { text-decoration: underline; color : #2AAAA8;}
|
rlm@2
|
130
|
rlm@2
|
131
|
rlm@2
|
132 /* titles for the topics: could specify viewed link colour too */
|
rlm@2
|
133 .topictitle { font-weight: bold; font-size: 11px; color : #FFFF00; }
|
rlm@2
|
134 a.topictitle:link { text-decoration: none; color : #2AAAA8; }
|
rlm@2
|
135 a.topictitle:visited { text-decoration: none; color : #2AAAA8; }
|
rlm@2
|
136 a.topictitle:hover { text-decoration: underline; color : #2AAAA8; }
|
rlm@2
|
137
|
rlm@2
|
138
|
rlm@2
|
139 /* Name of poster in viewmsg.php and viewtopic.php and other places */
|
rlm@2
|
140 .name { font-size : 11px; color : #FFFFFF;}
|
rlm@2
|
141
|
rlm@2
|
142 /* Location, number of posts, post date etc */
|
rlm@2
|
143 .postdetails { font-size : 10px; color : #FFFFFF; }
|
rlm@2
|
144
|
rlm@2
|
145
|
rlm@2
|
146 /* The content of the posts (body of text) */
|
rlm@2
|
147 .postbody { font-size : 12px; color : #FFFFFF}
|
rlm@2
|
148 a.postlink:link { text-decoration: none; color : #2AAAA8 }
|
rlm@2
|
149 a.postlink:visited { text-decoration: none; color : #2AAAA8; }
|
rlm@2
|
150 a.postlink:hover { text-decoration: underline; color : #2AAAA8}
|
rlm@2
|
151
|
rlm@2
|
152 .error { font-size : 16px; color : #42E5E2; background-color: #2AAAA8; border: #D1D7DC; border-style: solid;
|
rlm@2
|
153 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
|
rlm@2
|
154 }
|
rlm@2
|
155
|
rlm@2
|
156 /* Quote & Code blocks */
|
rlm@2
|
157 .code {
|
rlm@2
|
158 font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
|
rlm@2
|
159 background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
|
rlm@2
|
160 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
|
rlm@2
|
161 }
|
rlm@2
|
162
|
rlm@2
|
163 .quote {
|
rlm@2
|
164 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #42E5E2; line-height: 125%;
|
rlm@2
|
165 background-color: #2AAAA8; border: #D1D7DC; border-style: solid;
|
rlm@2
|
166 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
|
rlm@2
|
167 }
|
rlm@2
|
168
|
rlm@2
|
169
|
rlm@2
|
170 /* Copyright and bottom info */
|
rlm@2
|
171 .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: -1px;}
|
rlm@2
|
172 a.copyright { color: #2AAAA8; text-decoration: none;}
|
rlm@2
|
173
|
rlm@2
|
174 a.copyright:hover { color: #2AAAA8; text-decoration: underline;}
|
rlm@2
|
175
|
rlm@2
|
176
|
rlm@2
|
177 /* Form elements */
|
rlm@2
|
178 input,textarea, select {
|
rlm@2
|
179 color : #000000;
|
rlm@2
|
180 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
|
rlm@2
|
181 border-color : #000000;
|
rlm@2
|
182 }
|
rlm@2
|
183
|
rlm@2
|
184 /* The text input fields background colour */
|
rlm@2
|
185 input.post, textarea.post, select {
|
rlm@2
|
186 background-color : #FFFFFF;
|
rlm@2
|
187 }
|
rlm@2
|
188
|
rlm@2
|
189 input { text-indent : 2px; }
|
rlm@2
|
190
|
rlm@2
|
191 /* The buttons used for bbCode styling in message post */
|
rlm@2
|
192 input.button {
|
rlm@2
|
193 background-color : #EFEFEF;
|
rlm@2
|
194 color : #000000;
|
rlm@2
|
195 font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
|
rlm@2
|
196 }
|
rlm@2
|
197
|
rlm@2
|
198 /* The main submit button option */
|
rlm@2
|
199 input.mainoption {
|
rlm@2
|
200 background-color : #FAFAFA;
|
rlm@2
|
201 font-weight : bold;
|
rlm@2
|
202 }
|
rlm@2
|
203
|
rlm@2
|
204 /* None-bold submit button */
|
rlm@2
|
205 input.liteoption {
|
rlm@2
|
206 background-color : #FAFAFA;
|
rlm@2
|
207 font-weight : normal;
|
rlm@2
|
208 }
|
rlm@2
|
209
|
rlm@2
|
210 /* This is the line in the posting page which shows the rollover
|
rlm@2
|
211 help line. This is actually a text box, but if set to be the same
|
rlm@2
|
212 colour as the background no one will know ;)
|
rlm@2
|
213 */
|
rlm@2
|
214 .helpline { background-color: #DEE3E7; border-style: none; }
|
rlm@2
|
215
|
rlm@2
|
216
|
rlm@2
|
217 /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
|
rlm@2
|
218 @import url("formIE.css");
|