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 .header {

8 margin: 0;

9 font-size: 22px;

10 font-weight: bold;

11 line-height: 1em;

12 display: block;

13 }

15 .inlineheader .author {

16 margin: 0;

17 font-size: 18px;

18 font-weight: bold;

19 display: block;

20 }

22 .actions ul {

23 margin: 0;

24 padding: 6px;

25 list-style-type: none;

26 }

27 .actions li {

28 display: inline;

29 padding: .2em .4em;

30 }

31 .pageheader .actions ul {

32 border-bottom: 1px solid #000;

33 }

35 .inlinepage .actions ul {

36 border-bottom: 0;

37 }

39 #otherlanguages ul {

40 margin: 0;

41 padding: 6px;

42 list-style-type: none;

43 }

44 #otherlanguages li {

45 display: inline;

46 padding: .2em .4em;

47 }

48 .pageheader #otherlanguages {

49 border-bottom: 1px solid #000;

50 }

52 div.inlinecontent {

53 margin-top: .4em;

54 }

56 .pagefooter {

57 clear: both;

58 }

59 .inlinefooter {

60 clear: both;

61 }

63 .tags {

64 }

66 #pageinfo {

67 margin: 1em 0;

68 border-top: 1px solid #000;

69 }

71 div.tags {

72 margin-top: 1em;

73 }

75 .mapparent {

76 text-decoration: none;

77 }

79 .img caption {

80 font-size: 80%;

81 caption-side: bottom;

82 text-align: center;

83 }

85 .align-left {

86 float:left;

87 }

89 .align-right {

90 float:right;

91 }

93 #backlinks {

94 margin-top: 1em;

95 }

97 #searchform {

98 display: inline;

99 float: right;

100 }

101

102 #editcontent {

103 width: 100%;

104 }

105

106 img {

107 border-style: none;

108 }

109

110 div.recentchanges {

111 border-style: solid;

112 border-width: 1px;

113 overflow: auto;

114 clear: both;

115 width: 100%;

116 background: #eee;

117 color: black !important;

118 }

119 .recentchanges .metadata {

120 padding: 0px 0.5em;

121 }

122 .recentchanges .changelog {

123 font-style: italic;

124 clear: both;

125 display: block;

126 padding: 1px 2px;

127 background: white !important;

128 color: black !important;

129 }

130 .recentchanges .desc {

131 display: none;

132 }

133 .recentchanges .diff {

134 display: none;

135 }

136 .recentchanges .committer {

137 float: left;

138 margin: 0;

139 width: 40%;

140 }

141 .recentchanges .committype {

142 float: left;

143 margin: 0;

144 width: 5%;

145 font-size: small;

146 }

147 .recentchanges .changedate {

148 float: left;

149 margin: 0;

150 width: 35%;

151 font-size: small;

152 }

153 .recentchanges .pagelinks {

154 float: right;

155 margin: 0;

156 width: 60%;

157 }

158

159 /* Used for adding a blog page. */

160 #blogform {

161 padding: 10px 10px;

162 border: 1px solid #aaa;

163 background: #eee;

164 color: black !important;

165 }

166

167 .inlinepage {

168 padding: 10px 10px;

169 border: 1px solid #aaa;

170 }

171

172 .pagedate,

173 .pagelicense,

174 .pagecopyright {

175 font-style: italic;

176 display: block;

177 margin-top: 1em;

178 }

179

180 .error {

181 color: #C00;

182 }

183

184 /* Used for invalid form fields. */

185 .fb_invalid {

186 color: red;

187 background: white !important;

188 }

189

190 /* Used for required form fields. */

191 .fb_required {

192 font-weight: bold;

193 }

194

195 /* Orange feed button. */

196 .feedbutton {

197 background: #ff6600;

198 color: white !important;

199 border-left: 1px solid #cc9966;

200 border-top: 1px solid #ccaa99;

201 border-right: 1px solid #993300;

202 border-bottom: 1px solid #331100;

203 padding: 0px 0.5em 0px 0.5em;

204 font-family: sans-serif;

205 font-weight: bold;

206 font-size: small;

207 text-decoration: none;

208 margin-top: 1em;

209 }

210 .feedbutton:hover {

211 color: white !important;

212 background: #ff9900;

213 }

214

215 /* Tag cloud. */

216 .pagecloud {

217 float: right;

218 width: 30%;

219 text-align: center;

220 padding: 10px 10px;

221 border: 1px solid #aaa;

222 background: #eee;

223 color: black !important;

224 }

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

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

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

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

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

230

231 #sidebar {

232 line-height: 3ex;

233 width: 20ex;

234 float: right;

235 margin-left: 40px;

236 margin-bottom: 40px;

237 padding: 2ex 2ex;

238 background: white;

239 color: black !important;

240 }

241

242 /* outlines */

243 li.L1 {

244 list-style: upper-roman;

245 }

246 li.L2 {

247 list-style: decimal;

248 }

249 li.L3 {

250 list-style: lower-alpha;

251 }

252 li.L4 {

253 list-style: disc;

254 }

255 li.L5 {

256 list-style: square;

257 }

258 li.L6 {

259 list-style: circle;

260 }

261 li.L7 {

262 list-style: lower-roman;

263 }

264 li.L8 {

265 list-style: upper-alpha;

266 }

267

268 hr.poll {

269 height: 10pt;

270 color: white !important;

271 background: #eee;

272 border: 2px solid black;

273 }

274 div.poll {

275 margin-top: 1ex;

276 margin-bottom: 1ex;

277 padding: 1ex 1ex;

278 border: 1px solid #aaa;

279 }

280

281 div.progress {

282 margin-top: 1ex;

283 margin-bottom: 1ex;

284 border: 1px solid #888;

285 width: 400px;

286 background: #eee;

287 color: black !important;

288 padding: 1px;

289 }

290 div.progress-done {

291 background: #ea6 !important;

292 color: black !important;

293 text-align: center;

294 padding: 1px;

295 }

296

297 input#openid_url {

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

299 background-color: #fff;

300 background-position: 0 50%;

301 color: #000;

302 padding-left: 18px;

303 }

304

305 input#searchbox {

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

307 background-color: #fff;

308 background-position: 100% 50%;

309 color: #000;

310 padding-right: 16px;

311 }

312

313 /* Things to hide in printouts. */

314 @media print {

315 .actions { display: none; }

316 .tags { display: none; }

317 .feedbutton { display: none; }

318 #searchform { display: none; }

319 #blogform { display: none; }

320 #backlinks { display: none; }

321 }

322

323 /* Provided for use by template plugin for floating info boxes. */

324 .infobox {

325 float: right;

326 margin-left: 2ex;

327 margin-top: 1ex;

328 margin-bottom: 1ex;

329 padding: 1ex 1ex;

330 border: 1px solid #aaa;

331 background: white;

332 color: black !important;

333 }

334

335 /* Provided for use by template plugin for floating note boxes. */

336 .notebox {

337 float: right;

338 margin-left: 2ex;

339 margin-top: 1ex;

340 margin-bottom: 1ex;

341 padding: 1ex 1ex;

342 border: 1px solid #aaa;

343 width: 25%;

344 background: white;

345 color: black !important;

346 }

347

348 /* Used by the popup template and for backlinks hiding. */

349 .popup {

350 border-bottom: 1px dotted #366;

351 color: #366;

352 }

353 .popup .balloon,

354 .popup .paren,

355 .popup .expand {

356 display: none;

357 }

358 .popup:hover .balloon,

359 .popup:focus .balloon {

360 position: absolute;

361 display: inline;

362 margin: 1em 0 0 -2em;

363 padding: 0.625em;

364 border: 2px solid;

365 background-color: #dee;

366 color: black;

367 }

368

369 /* Formbuilder styling */

370 fieldset {

371 margin: 1ex 0;

372 border: 1px solid black;

373 }

374 legend {

375 padding: 0 1ex;

376 }

377 .fb_submit {

378 float: left;

379 margin: 2px 0;

380 }

381 #signin_openid_url_label {

382 float: left;

383 margin-right: 1ex;

384 }

385 #signin_openid {

386 padding: 10px 10px;

387 border: 1px solid #aaa;

388 background: #eee;

389 color: black !important;

390 }

391

392 span.color {

393 padding: 2px;

394 }

395

396 .comment-header,

397 .microblog-header {

398 font-style: italic;

399 margin-top: .3em;

400 }

401 .comment .author,

402 .microblog .author {

403 font-weight: bold;

404 }

405 .comment-subject {

406 font-weight: bold;

407 }

408 .comment {

409 border: 1px solid #aaa;

410 padding: 3px;

411 }

412

413 /* Used by the highlight plugin. */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

429

430 /* For the calendar plugin. */

431 .month-calendar-day-this-day { background-color: #eee; }

432 .year-calendar-this-month { background-color: #eee; }