git.vanrenterghem.biz Git - git.ikiwiki.info.git/blob

1 /* ikiwiki style sheet */

3 /* Note that instead of modifying this style sheet, you can instead edit

4 * local.css and use it to override or change settings in this one.

5 */

7 /* html5 compat */

8 article,

9 header,

10 footer,

11 nav {

12 display: block;

13 }

15 .header {

16 margin: 0;

17 font-size: 140%;

18 font-weight: bold;

19 line-height: 1em;

20 display: block;

21 }

23 .inlineheader .author {

24 margin: 0;

25 font-size: 112%;

26 font-weight: bold;

27 display: block;

28 }

30 .actions ul {

31 margin: 0;

32 padding: 6px .4em;

33 height: 1em;

34 list-style-type: none;

35 }

36 .actions li {

37 display: inline;

38 padding: .2em;

39 }

40 .pageheader .actions ul {

41 border-bottom: 1px solid #000;

42 }

44 .inlinepage .actions ul {

45 border-bottom: 0;

46 }

48 #otherlanguages ul {

49 margin: 0;

50 padding: 6px;

51 list-style-type: none;

52 }

53 #otherlanguages li {

54 display: inline;

55 padding: .2em .4em;

56 }

57 .pageheader #otherlanguages {

58 border-bottom: 1px solid #000;

59 }

61 .inlinecontent {

62 margin-top: .4em;

63 }

65 .pagefooter,

66 .inlinefooter,

67 .comments {

68 clear: both;

69 }

71 #pageinfo {

72 margin: 1em 0;

73 border-top: 1px solid #000;

74 }

76 .tags {

77 margin-top: 1em;

78 }

80 .inlinepage .tags {

81 display: inline;

82 }

84 .mapparent {

85 text-decoration: none;

86 }

88 .img caption {

89 font-size: 80%;

90 caption-side: bottom;

91 text-align: center;

92 }

94 img.img {

95 margin: 0.5ex;

96 }

98 .align-left {

99 float:left;

100 }

101

102 .align-right {

103 float:right;

104 }

105

106 #backlinks {

107 margin-top: 1em;

108 }

109

110 #searchform {

111 display: inline;

112 float: right;

113 }

114

115 #editcontent {

116 width: 98%;

117 }

118

119 .editcontentdiv {

120 width: auto;

121 overflow: auto;

122 }

123

124 img {

125 border-style: none;

126 }

127

128 pre {

129 overflow: auto;

130 }

131

132 div.recentchanges {

133 border-style: solid;

134 border-width: 1px;

135 overflow: auto;

136 width: auto;

137 clear: none;

138 background: #eee;

139 color: black !important;

140 }

141 .recentchanges .metadata {

142 padding: 0px 0.5em;

143 }

144 .recentchanges .changelog {

145 font-style: italic;

146 clear: both;

147 display: block;

148 padding: 1px 2px;

149 background: white !important;

150 color: black !important;

151 }

152 .recentchanges .desc {

153 display: none;

154 }

155 .recentchanges .diff {

156 display: none;

157 }

158 .recentchanges .committer {

159 float: left;

160 margin: 0;

161 width: 40%;

162 }

163 .recentchanges .committype {

164 float: left;

165 margin: 0;

166 width: 5%;

167 font-size: small;

168 }

169 .recentchanges .changedate {

170 float: left;

171 margin: 0;

172 width: 35%;

173 font-size: small;

174 }

175 .recentchanges .pagelinks,

176 .recentchanges .revert {

177 float: right;

178 margin: 0;

179 width: 60%;

180 }

181

182 .blogform, #blogform {

183 padding: 10px 10px;

184 border: 1px solid #aaa;

185 background: #eee;

186 color: black !important;

187 width: auto;

188 overflow: auto;

189 }

190

191 .inlinepage {

192 padding: 10px 10px;

193 border: 1px solid #aaa;

194 overflow: auto;

195 }

196

197 .pagedate,

198 .pagelicense,

199 .pagecopyright {

200 font-style: italic;

201 display: block;

202 margin-top: 1em;

203 }

204

205 .error {

206 color: #C00;

207 }

208

209 .sidebar {

210 width: 20ex;

211 float: right;

212 margin-left: 4px;

213 margin-bottom: 4px;

214 margin-top: -1px;

215 padding: 0ex 2ex;

216 background: white;

217 border: 1px solid black;

218 color: black !important;

219 }

220

221 hr.poll {

222 height: 10pt;

223 color: white !important;

224 background: #eee;

225 border: 2px solid black;

226 }

227 div.poll {

228 margin-top: 1ex;

229 margin-bottom: 1ex;

230 padding: 1ex 1ex;

231 border: 1px solid #aaa;

232 }

233

234 span.color {

235 padding: 2px;

236 }

237

238 .comment-header,

239 .microblog-header {

240 font-style: italic;

241 margin-top: .3em;

242 }

243 .comment .author,

244 .microblog .author {

245 font-weight: bold;

246 }

247 .comment-subject {

248 font-weight: bold;

249 }

250 .comment-avatar {

251 float: right;

252 }

253 .comment {

254 border: 1px solid #aaa;

255 padding: 3px;

256 }

257

258 div.progress {

259 margin-top: 1ex;

260 margin-bottom: 1ex;

261 border: 1px solid #888;

262 width: 400px;

263 background: #eee;

264 color: black !important;

265 padding: 1px;

266 }

267 div.progress-done {

268 background: #ea6 !important;

269 color: black !important;

270 text-align: center;

271 padding: 1px;

272 }

273

274 /* things to hide in printouts */

275 @media print {

276 .actions { display: none; }

277 .tags { display: none; }

278 .trails { display: none; }

279 .feedbutton { display: none; }

280 #searchform { display: none; }

281 .blogform, #blogform { display: none; }

282 #backlinks { display: none; }

283 }

284

285 /* infobox template */

286 .infobox {

287 float: right;

288 margin-left: 2ex;

289 margin-top: 1ex;

290 margin-bottom: 1ex;

291 padding: 1ex 1ex;

292 border: 1px solid #aaa;

293 background: white;

294 color: black !important;

295 }

296

297 /* notebox template */

298 .notebox {

299 float: right;

300 margin-left: 2ex;

301 margin-top: 1ex;

302 margin-bottom: 1ex;

303 padding: 1ex 1ex;

304 border: 1px solid #aaa;

305 width: 25%;

306 background: white;

307 color: black !important;

308 }

309

310 /* popup template and backlinks hiding */

311 .popup {

312 border-bottom: 1px dotted #366;

313 color: #366;

314 }

315 .popup .balloon,

316 .popup .paren,

317 .popup .expand {

318 display: none;

319 }

320 .popup:hover .balloon,

321 .popup:focus .balloon {

322 position: absolute;

323 display: inline;

324 margin: 1em 0 0 -2em;

325 padding: 0.625em;

326 border: 2px solid;

327 background-color: #dee;

328 color: black;

329 }

330

331 /* form styling */

332 fieldset {

333 margin: 1ex 0;

334 border: 1px solid black;

335 }

336 legend {

337 padding: 0 1ex;

338 }

339 .fb_submit {

340 float: left;

341 margin: 2px 0;

342 }

343 label.block {

344 display: block;

345 }

346 label.inline {

347 display: inline;

348 }

349 input#openid_identifier {

350 background: url(wikiicons/openidlogin-bg.gif) no-repeat;

351 background-color: #fff;

352 background-position: 0 50%;

353 color: #000;

354 padding-left: 18px;

355 }

356 input#searchbox {

357 background: url(wikiicons/search-bg.gif) no-repeat;

358 background-color: #fff;

359 background-position: 100% 50%;

360 color: #000;

361 padding-right: 16px;

362 }

363 /* invalid form fields */

364 .fb_invalid {

365 color: red;

366 background: white !important;

367 }

368 /* required form fields */

369 .fb_required {

370 font-weight: bold;

371 }

372

373 /* highlight plugin */

374 pre.hl { color:#000000; background-color:#ffffff; }

375 .hl.num { color:#2928ff; }

376 .hl.esc { color:#ff00ff; }

377 .hl.str { color:#ff0000; }

378 .hl.dstr { color:#818100; }

379 .hl.slc { color:#838183; font-style:italic; }

380 .hl.com { color:#838183; font-style:italic; }

381 .hl.dir { color:#008200; }

382 .hl.sym { color:#000000; }

383 .hl.line { color:#555555; }

384 .hl.mark { background-color:#ffffbb; }

385 .hl.kwa { color:#000000; font-weight:bold; }

386 .hl.kwb { color:#830000; }

387 .hl.kwc { color:#000000; font-weight:bold; }

388 .hl.kwd { color:#010181; }

389

390 /* calendar plugin */

391 .month-calendar-day-this-day,

392 .year-calendar-this-month {

393 background-color: #eee;

394 }

395 .month-calendar-day-head,

396 .month-calendar-day-nolink,

397 .month-calendar-day-link,

398 .month-calendar-day-this-day,

399 .month-calendar-day-future {

400 text-align: right;

401 }

402 .month-calendar-arrow A:link,

403 .year-calendar-arrow A:link,

404 .month-calendar-arrow A:visited,

405 .year-calendar-arrow A:visited {

406 text-decoration: none;

407 font-weight: normal;

408 font-size: 150%;

409 }

410

411 /* outlines */

412 li.L1 { list-style: upper-roman; }

413 li.L2 { list-style: decimal; }

414 li.L3 { list-style: lower-alpha; }

415 li.L4 { list-style: disc; }

416 li.L5 { list-style: square; }

417 li.L6 { list-style: circle; }

418 li.L7 { list-style: lower-roman; }

419 li.L8 { list-style: upper-alpha; }

420

421 /* tag cloud */

422 .pagecloud {

423 float: right;

424 width: 30%;

425 text-align: center;

426 padding: 10px 10px;

427 border: 1px solid #aaa;

428 background: #eee;

429 color: black !important;

430 }

431 .smallestPC { font-size: 70%; }

432 .smallPC { font-size: 85%; }

433 .normalPC { font-size: 100%; }

434 .bigPC { font-size: 115%; }

435 .biggestPC { font-size: 130%; }

436

437 /* orange feed button */

438 .feedbutton {

439 background: #ff6600;

440 color: white !important;

441 border-left: 1px solid #cc9966;

442 border-top: 1px solid #ccaa99;

443 border-right: 1px solid #993300;

444 border-bottom: 1px solid #331100;

445 padding: 0px 0.5em 0px 0.5em;

446 font-family: sans-serif;

447 font-weight: bold;

448 font-size: small;

449 text-decoration: none;

450 margin-top: 1em;

451 }

452 .feedbutton:hover {

453 color: white !important;

454 background: #ff9900;

455 }

456

457 .FlattrButton {

458 display: none;

459 }

460

461 /* openid selector */

462 #openid_choice {

463 display: none;

464 }

465 #openid_input_area {

466 clear: both;

467 padding: 10px;

468 }

469 #openid_btns, #openid_btns br {

470 clear: both;

471 }

472 #openid_highlight {

473 background-color: black;

474 float: left;

475 }

476 .openid_large_btn {

477 padding: 1em 1.5em;

478 border: 1px solid #DDD;

479 margin: 3px;

480 float: left;

481 }

482 .openid_small_btn {

483 padding: 4px 4px;

484 border: 1px solid #DDD;

485 margin: 3px;

486 float: left;

487 }

488 a.openid_large_btn:focus {

489 outline: none;

490 }

491 a.openid_large_btn:focus {

492 outline-style: none;

493 }

494 .openid_selected {

495 border: 4px solid #DDD;

496 }

497

498 .fileupload-content .ui-progressbar {

499 width: 200px;

500 height: 20px;

501 }

502 .fileupload-content .ui-progressbar-value {

503 background: url(ikiwiki/images/pbar-ani.gif);

504 }

505

506 .trails {

507 margin-top: 1em;

508 margin-bottom: 1em;

509 }

510 .trail {

511 display: block;

512 clear: both;

513 position: relative;

514 }

515

516 .trailprev {

517 display: block;

518 text-align: left;

519 position: absolute;

520 top: 0%;

521 left: 3%;

522 width: 30%;

523 }

524

525 .trailup {

526 display: block;

527 text-align: center;

528 margin-left: 35%;

529 margin-right: 35%;

530 }

531

532 .trailnext {

533 display: block;

534 text-align: right;

535 position: absolute;

536 top: 0%;

537 width: 30%;

538 right: 3%;

539 }

540

541 .trailsep {

542 display: none;

543 }