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 #backlinks {

86 margin-top: 1em;

87 }

89 #searchform {

90 display: inline;

91 float: right;

92 }

94 #editcontent {

95 width: 100%;

96 }

98 img {

99 border-style: none;

100 }

101

102 div.recentchanges {

103 border-style: solid;

104 border-width: 1px;

105 overflow: auto;

106 clear: both;

107 width: 100%;

108 background: #eee;

109 color: black !important;

110 }

111 .recentchanges .metadata {

112 padding: 0px 0.5em;

113 }

114 .recentchanges .changelog {

115 font-style: italic;

116 clear: both;

117 display: block;

118 padding: 1px 2px;

119 background: white !important;

120 color: black !important;

121 }

122 .recentchanges .desc {

123 display: none;

124 }

125 .recentchanges .diff {

126 display: none;

127 }

128 .recentchanges .committer {

129 float: left;

130 margin: 0;

131 width: 40%;

132 }

133 .recentchanges .committype {

134 float: left;

135 margin: 0;

136 width: 5%;

137 font-size: small;

138 }

139 .recentchanges .changedate {

140 float: left;

141 margin: 0;

142 width: 35%;

143 font-size: small;

144 }

145 .recentchanges .pagelinks {

146 float: right;

147 margin: 0;

148 width: 60%;

149 }

150

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

152 #blogform {

153 padding: 10px 10px;

154 border: 1px solid #aaa;

155 background: #eee;

156 color: black !important;

157 }

158

159 .inlinepage {

160 padding: 10px 10px;

161 border: 1px solid #aaa;

162 }

163

164 .pagedate,

165 .pagelicense,

166 .pagecopyright {

167 font-style: italic;

168 display: block;

169 margin-top: 1em;

170 }

171

172 .error {

173 color: #C00;

174 }

175

176 /* Used for invalid form fields. */

177 .fb_invalid {

178 color: red;

179 background: white !important;

180 }

181

182 /* Used for required form fields. */

183 .fb_required {

184 font-weight: bold;

185 }

186

187 /* Orange feed button. */

188 .feedbutton {

189 background: #ff6600;

190 color: white !important;

191 border-left: 1px solid #cc9966;

192 border-top: 1px solid #ccaa99;

193 border-right: 1px solid #993300;

194 border-bottom: 1px solid #331100;

195 padding: 0px 0.5em 0px 0.5em;

196 font-family: sans-serif;

197 font-weight: bold;

198 font-size: small;

199 text-decoration: none;

200 margin-top: 1em;

201 }

202 .feedbutton:hover {

203 color: white !important;

204 background: #ff9900;

205 }

206

207 /* Tag cloud. */

208 .pagecloud {

209 float: right;

210 width: 30%;

211 text-align: center;

212 padding: 10px 10px;

213 border: 1px solid #aaa;

214 background: #eee;

215 color: black !important;

216 }

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

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

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

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

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

222

223 #sidebar {

224 line-height: 3ex;

225 width: 20ex;

226 float: right;

227 margin-left: 40px;

228 margin-bottom: 40px;

229 padding: 2ex 2ex;

230 background: white;

231 color: black !important;

232 }

233

234 /* outlines */

235 li.L1 {

236 list-style: upper-roman;

237 }

238 li.L2 {

239 list-style: decimal;

240 }

241 li.L3 {

242 list-style: lower-alpha;

243 }

244 li.L4 {

245 list-style: disc;

246 }

247 li.L5 {

248 list-style: square;

249 }

250 li.L6 {

251 list-style: circle;

252 }

253 li.L7 {

254 list-style: lower-roman;

255 }

256 li.L8 {

257 list-style: upper-alpha;

258 }

259

260 hr.poll {

261 height: 10pt;

262 color: white !important;

263 background: #eee;

264 border: 2px solid black;

265 }

266 div.poll {

267 margin-top: 1ex;

268 margin-bottom: 1ex;

269 padding: 1ex 1ex;

270 border: 1px solid #aaa;

271 }

272

273 div.progress {

274 margin-top: 1ex;

275 margin-bottom: 1ex;

276 border: 1px solid #888;

277 width: 400px;

278 background: #eee;

279 color: black !important;

280 padding: 1px;

281 }

282 div.progress-done {

283 background: #ea6 !important;

284 color: black !important;

285 text-align: center;

286 padding: 1px;

287 }

288

289 input#openid_url {

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

291 background-color: #fff;

292 background-position: 0 50%;

293 color: #000;

294 padding-left: 18px;

295 }

296

297 input#searchbox {

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

299 background-color: #fff;

300 background-position: 100% 50%;

301 color: #000;

302 padding-right: 16px;

303 }

304

305 /* Things to hide in printouts. */

306 @media print {

307 .actions { display: none; }

308 .tags { display: none; }

309 .feedbutton { display: none; }

310 #searchform { display: none; }

311 #blogform { display: none; }

312 #backlinks { display: none; }

313 }

314

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

316 .infobox {

317 float: right;

318 margin-left: 2ex;

319 margin-top: 1ex;

320 margin-bottom: 1ex;

321 padding: 1ex 1ex;

322 border: 1px solid #aaa;

323 background: white;

324 color: black !important;

325 }

326

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

328 .notebox {

329 float: right;

330 margin-left: 2ex;

331 margin-top: 1ex;

332 margin-bottom: 1ex;

333 padding: 1ex 1ex;

334 border: 1px solid #aaa;

335 width: 25%;

336 background: white;

337 color: black !important;

338 }

339

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

341 .popup {

342 border-bottom: 1px dotted #366;

343 color: #366;

344 }

345 .popup .balloon,

346 .popup .paren,

347 .popup .expand {

348 display: none;

349 }

350 .popup:hover .balloon,

351 .popup:focus .balloon {

352 position: absolute;

353 display: inline;

354 margin: 1em 0 0 -2em;

355 padding: 0.625em;

356 border: 2px solid;

357 background-color: #dee;

358 color: black;

359 }

360

361 /* Formbuilder styling */

362 fieldset {

363 margin: 1ex 0;

364 border: 1px solid black;

365 }

366 legend {

367 padding: 0 1ex;

368 }

369 .fb_submit {

370 float: left;

371 margin: 2px 0;

372 }

373 #signin_openid_url_label {

374 float: left;

375 margin-right: 1ex;

376 }

377 #signin_openid {

378 padding: 10px 10px;

379 border: 1px solid #aaa;

380 background: #eee;

381 color: black !important;

382 }

383

384 span.color {

385 padding: 2px;

386 }

387

388 .comment-header,

389 .microblog-header {

390 font-style: italic;

391 margin-top: .3em;

392 }

393 .comment .author,

394 .microblog .author {

395 font-weight: bold;

396 }

397 .comment-subject {

398 font-weight: bold;

399 }

400 .comment {

401 border: 1px solid #aaa;

402 padding: 3px;

403 }

404

405 /* Used by the highlight plugin. */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

421

422 /* For the calendar plugin. */

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

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