slitaz-forge: 8c8667451eab forum/themes/slitaz-2/design/style.css

slitaz-forge view forum/themes/slitaz-2/design/style.css @ rev 1

Add slitaz themes for vanilla

author	Eric Joseph-Alexandre <erjo@slitaz.org>
date	Wed Dec 22 10:36:12 2010 +0100 (2010-12-22)
parents
children

line source

1 @charset "utf-8";

2 /* CSS Document */

4 /***--- MAIN / DEFAULT --***/

5 html, body { height: 102%; margin: 0; }

6 html, body, input, select, textarea, button {

7 font-family: Verdana, Geneva, sans-serif;

8 font-size: 11px;

9 line-height: 17px;

10 color: #555;

11 }

12 a { color: #2f6c8e; text-decoration: none; }

13 a:hover { color: #69a1c1; }

14 a img { border: none; }

15 ul, ol { margin: 0; padding: 0; list-style: none; }

17 .clear {

18 clear: both;

19 display: block;

20 height: 0;

21 overflow: hidden;

22 visibility: hidden;

23 width: 0;

24 }

26 #Wrapper { min-height: 100%; position: relative; margin: 0 auto; }

27 .Hidden { display: none; }

29 /***--- HEADER(S) --***/

32 #Header h1 { padding: 15px; font-size: 2em; }

33 #Header a { color: #69a1c1; }

34 #Header a:hover { color: #FFF; }

36 #Header{

37 background: #f0ba08 url(../images/header.png) repeat-x top;

38 color: black;

39 width: 100%;

40 height: 50px;

41 border-top: 1px solid black;

42 border-bottom: 1px solid black;

43 margin-bottom: 30px;

44 position: absolute;

45 top: 0;

46 }

48 #titre {

49 position: absolute;

50 font-size: 16px;

51 font-weight: bolder ;

52 margin-left: 200px;

53 margin-top: 28px;

54 }

56 #logo {

57 position: absolute;

58 float: left;

59 margin-left: 16px;

60 margin-top: 0px;

61 }

63 /***--- NAV --***/

64 #Nav {

65 right: 0;

66 position: absolute;

67 top: 3px;

68 font-size: 10px;

69 font-weight: bold; }

71 /* search */

72 #Search {

73 -moz-border-radius: 4px;

74 -webkit-border-radius: 4px;

75 height: 20px;

76 float: right;

77 background: #FFF;

78 padding: 2px 2px;

79 margin: 11px 95px 0 0; }

80 #Search form { padding: 0; border: none; }

81 #Nav #Search input.InputBox { width: 150px; border: none; }

82 #Search input.Button {

83 -moz-border-radius: 4px;

84 -webkit-border-radius: 4px;

85 height: 17px;

86 margin: 0;

87 padding: 0; }

89 /***--- MAIN --***/

90 /*#Main { }*/

92 /* If you prefer the panel on the left and content on the right, simply switch the "float" property for #Content & #Panel and set the "margin-left" to "margin-right" for the #Content */

93 #Content {

94 margin: 0px 320px 0px 0px;

95 padding: 86px 40px 65px 80px;

96 }

97 #Panel {

98 position: absolute;

99 top: 76px;

100 right: 80px;

101 color: #555555;

102 float: right;

103 width: 250px;

104 line-height: 1.5em;

105 text-align: left;

106 font-size: 12px;

107 }

108 .Box, #UserOptions {

109 -moz-border-radius: 8px;

110 -webkit-border-radius: 8px;

111 list-style-type: none;

112 margin: 10px 0;

113 padding: 10px 24px 10px 24px;

114 background-color: #eaeaea;}

115 #Panel .Box ul {

116 list-style-type: none;

117 margin: 0;

118 padding: 10px 24px 10px 0px;

119 font-weight: bold;

120 }

121

122 /***--- CONTENT --***/

123 .GuestBox { background: #eaeaea; }

124 .GuestBox p { padding: 0; }

125 .Message img { max-width: 100%; }

126

127 /* headers */

128 h1 { margin: 0; font-size: 1.5em; }

129 #Content h1, h2, #Popup h1, div.DiscussionTabs .SubTab {

130 -moz-border-radius: 8px;

131 -webkit-border-radius: 8px;

132 font-size: 1.1em; background: #555555; color: #fff; margin: 0 0 10px; padding: 10px; font-weight: bold;

133 }

134 div.DiscussionTabs .SubTab { margin: 0; }

135

136 #Panel h4, #Panel .GuestBox h4 {

137 font-size: 110%;

138 color: #666666;

139 font-weight: bold;

140 padding: 0 0 1px 0;

141 margin: 0;

142 border-bottom: 1px solid #cecece; }

143

144 div.Empty, div#Status { padding: 10px; }

145

146 /* tabs */

147 .Tabs li, .SubTab {

148 -moz-border-radius: 8px;

149 -webkit-border-radius: 8px;

150 background: #CECECE;

151 padding: 5px 8px;

152 font-size: 140%;

153 font-weight: bold;

154 border-bottom: 1px solid #fff; }

155 .Tabs li.Active { background: #555; border-bottom: none; }

156 .Tabs li.Active a { color: #fff; }

157 .Tabs span { display: inline-block; margin: 0 10px; color: #888; }

158 .SubTab { font-size: 1em; }

159

160 /* DISCUSSIONS */

161 .DataList li.Item, .Conversation li.Item {

162 border-bottom: 1px solid #ccc;

163 position: relative;

164 padding: 10px;

165 -moz-border-radius: 8px;

166 -webkit-border-radius: 8px;

167 }

168 .Activities li.Item { min-height: 50px; }

169 .DataList li.Item a.Title { display: block; font-size: 1.15em; font-weight: bold; padding: 0 0 8px; }

170

171 /* discussions meta */

172 .DataList .Meta span, .DataList .Meta strong {

173 min-width: 100px; display: inline-block; margin: 0 5px 0 0;

174 }

175 .DataList .Meta .LastCommentBy { width: 175px; }

176 .DataList .Meta .LastCommentDate { width: 100px; }

177

178 /* discussions highlight */

179 .DataList li.Mine { background: #f1f1f1; border-bottom-color: #fff; }

180 .DataList li.New { background: #d8ecbc; }

181 .DataList li.Bookmarked { background: #ffdf5d; border-bottom-color: #fff; }

182

183 .DataList li.Closed { background: #eee; }

184 .DataList .Meta .Closed { color: #333; }

185 .DataList li.Closed a.Title { text-decoration: line-through; }

186

187 .DataList li.Announcement { background: #FFC; }

188 .DataList .Meta .Announcement, .DataList .Meta .Closed {

189 width: 100px; font-weight: bold;

190 }

191 .DataList .Meta .Announcement { color: #C60; }

192

193 /* DISCUSSION */

194 div.DiscussionTabs li { font-size: 1em; }

195 ul.Discussion { margin: 0 0 10px; }

196

197 /* bookmark */

198 a.Bookmark { width: 9px; height: 9px; position: absolute; top: 8px; right: 10px; font-size: 0; background: #fff; border: 1px dotted #ffcc00; }

199 .Discussion a.Bookmark { top: 41px; }

200 a.Bookmarked { background: #ffcc00; border: 1px solid #fff; }

201 div.Options a.Bookmark { top: 14px; }

202

203 div.Comment {

204 position: relative;

205 border-bottom: 1px dotted #ccc;

206 padding: 10px; }

207 li.Even { background: #f8f8f8; }

208

209 /* discussion meta */

210 .Comment .Message, .Comment .MessageForm, .ConversationMessage .Message {

211 margin-left: 215px; line-height: 1.75em;

212 }

213 .Comment .Meta, .ConversationMessage .Meta {

214 width: 175px; float: left; padding: 10px; background: #FFC;

215 -moz-border-radius: 8px;

216 -webkit-border-radius: 8px;

217 }

218 .Comment .Meta span, .ConversationMessage .Meta span, div.Meta div.PostCount {

219 display: block; border-bottom: 1px dotted #ccc; font-size: 0.85em; padding: 1px 0;

220 }

221 .Comment .Author, .ConversationMessage span.Author {

222 background: #fff; padding: 5px; border-bottom: none;

223 }

224 .Comment .Author img, .ConversationMessage .Author a.Photo {

225 float: left; margin: 0 10px 0 0;

226 }

227 .Comment .Author a, .ConversationMessage .Author a {

228 font-weight: bold; font-size: 1.1em;

229 }

230 blockquote { margin: 0; padding: 10px; background: #fff; border: 1px dotted #ccc; }

231 .Odd blockquote { background: #F8F8F8; }

232

233 /* post */

234 ul.PostOptions { margin: 0 0 10px; }

235 .Preview { padding: 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; }

236

237 /*- Conversations & Activities -*/

238 ul.Activities .Title { margin: 0 0 0 60px; font-weight: bold; }

239 ul.Conversations .Photo, ul.Activities .Photo {

240 width: 50px; height: 50px; float: left; font-size: 0.9em; color: #ccc; overflow: hidden; background: #eee;

241 }

242 ul.Conversations .Excerpt, ul.Activities .Excerpt {

243 margin: 0 0 10px 60px;

244 }

245 ul.Conversations .Meta, ul.Activities .Meta, .SearchResults .Meta {

246 margin: 0 0 0 60px;background: #FFC; padding: 3px 5px;

247 }

248 .SearchResults .Meta { margin: 5px 0 0; }

249 ul.ActivityComments { margin: 0 0 0 60px; }

250

251 .ConversationMessage .Message { min-height: 100px; }

252 .ConversationMessage span.Author { height: 50px; }

253 .ConversationMessage span.ItemLink { display: none; }

254

255 /***--- PANEL --***/

256 .Block { padding: 15px; background: #ddd; margin: 0 10px 0 0; }

257 .Post #Panel, .Search #Panel {

258 display: none;

259 }

260

261 .PanelInfo li { padding: 0px 0px; }

262 .PanelInfo li strong { font-weight: normal; }

263 .PanelInfo li.Active a { color: #c60; }

264 .PanelInfo li.Parent { background: #ccc; padding: 2px 5px; font-size: 1.1em; font-weight: bold; }

265

266 .PanelInfo a, .Box a {

267 color: #0F314E;

268 background: inherit;

269 display: block;

270 text-decoration: none;

271 font-weight: bold;

272 }

273

274 .PanelInfo a:hover, .Box a:hover {

275 color: #c60;

276 text-decoration: none;

277 display: block;

278 }

279 /* account */

280

281 #Panel .Photo { background: #ddd; position: absolute; right: 10px; padding: 0 0 10px 10px; }

282 #Panel .Photo img { width: 50px; display: block; border: 5px solid #fff; border-bottom-width: 12px; }

283 #Panel .Photo img:hover { width: auto; }

284

285 #Panel dl { padding: 10px; background: #fff; margin: 0; }

286 #Panel dt { font-weight: bold; padding: 2px 0 0; }

287 #Panel dd { margin: 0; border-bottom: 1px dotted #ccc; padding: 0 0 2px; }

288

289 /* inbox */

290 .PanelInfo li strong { display: inline-block; margin: 0 5px 0 0; }

291

292 /*- Form elements -*/

293 form { padding: 0 10px 10px; border-bottom: 1px dotted #ccc; }

294 fieldset { margin: 0; padding: 0; border: none; }

295

296 form#Form_User_Register { margin-top: 10px; }

297

298 input, textarea, select {

299 border: 1px solid #ccc; padding: 3px 5px; margin: 0;

300 }

301 input.InputBox { width: 325px; margin: 0 10px 5px 0; }

302

303 input.Button, input.Cancel {

304 -moz-border-radius: 4px;

305 -webkit-border-radius: 4px;

306 cursor: pointer; border: none; background: #c60; color: #fff; padding: 4px;

307 }

308 input.Button:hover, input.Cancel:hover {

309 background: #555555; color: white;

310 }

311

312 a.Back, a.Cancel {

313 margin: 0 5px 0 0;

314 }

315

316 textarea { width: 95%; min-height: 100px; display: block; margin: 10px 0; }

317

318 label { display: block; font-weight: bold; }

319 label.RadioLabel, label.CheckBoxLabel {

320 font-weight: normal;

321 }

322 label.RadioLabel input, label.CheckBoxLabel input {

323 border: none;

324 }

325

326 li.Gender, li.CaptchaInput {

327 margin: 0 0 10px;

328 }

329 li.CreateAccount, li.Buttons {

330 margin: 5px 0 0;

331 }

332 .cleditorMain { margin: 10px 0; }

333

334 .CommentForm div.Messages { margin: 8px 0 0; }

335 .Errors, .Warning {

336 color: #F00;

337 }

338

339 /***--- BUTTONS ---***/

340 .GuestBox a.Button {

341 -moz-border-radius: 4px;

342 -webkit-border-radius: 4px;

343 font-size: 11px;

344 padding: 4px;

345 margin: 0 0 10px;

346 background: #c60;

347 color: #FFF; }

348 .GuestBox .Button:hover {

349 background: #555555; }

350

351 a.BigButton {

352 -moz-border-radius: 8px;

353 -webkit-border-radius: 8px;

354 display: block;

355 background: #c60;

356 color: #FFF;

357 padding: 10px;

358 font-size: 1.1em;

359 font-weight: bold;

360 text-align: center}

361 a.BigButton:hover { background: #555555; }

362 a.ClearConversation { margin: 10px 0 0; }

363

364 /* options */

365 div.Options, div.OptionButton {

366 position: absolute; top: 12px; right: 10px;

367 }

368 div.OptionButton { font-weight: bold; color: #555; }

369 ul.Options strong {

370 -moz-border-radius: 4px;

371 -webkit-border-radius: 4px;

372 cursor: pointer;

373 display: block;

374 padding: 5px 10px;

375 background: #FFC;

376 border: 1px solid #ccc; }

377

378 ul.Options { margin: 5px 40px 0 0; }

379 ul.Options li { position: relative; }

380 ul.Options ul { min-width: 125px; display: none; position: absolute; z-index: 1000; background: #FFC; right: 0; border: 1px dotted #ccc; margin-top: -1px; }

381 ul.Options li:hover ul { display: block; }

382 ul.Options ul li { display: block; border-top: 1px dotted #ccc; }

383 ul.Options ul li:first-child { border-top: none; }

384 ul.Options ul li a { display: block; padding: 5px 10px; }

385

386 /*- Pager -*/

387 #PagerAfter { margin: 10px 0; text-align: center; background: #ddd; padding: 2px 10px; }

388 #PagerAfter a { display: inline-block; padding: 0 5px; }

389 #PagerAfter a.Highlight { color: #c60; }

390 span.Previous, a.Previous { float: left; }

391 #PagerAfter span.Next, #PagerAfter a.Next { float: right; padding: 0; }

392