You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

853 lines
17 KiB

  1. /**
  2. * Design elements for default Template
  3. *
  4. * @author Andreas Gohr <andi@splitbrain.org>
  5. * @author Anika Henke <henke@cosmocode.de>
  6. */
  7. /* -------------- general elements --------------- */
  8. * { padding: 0; margin: 0; }
  9. body {
  10. font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  11. background-color: #a6a6a6;
  12. color: __text__;
  13. }
  14. /* the document */
  15. div.dokuwiki table {
  16. font-size: 100%;
  17. }
  18. div.dokuwiki tr,
  19. div.dokuwiki td,
  20. div.dokuwiki th {
  21. }
  22. div.dokuwiki img {
  23. border: 0;
  24. }
  25. div.dokuwiki p,
  26. div.dokuwiki blockquote,
  27. div.dokuwiki table,
  28. div.dokuwiki pre {
  29. margin: 0 0 1em 0;
  30. }
  31. div.dokuwiki hr {
  32. border: 0px;
  33. border-top: 1px solid __border__;
  34. text-align: center;
  35. height: 0px;
  36. margin: 1em 0;
  37. }
  38. div.dokuwiki div.nothing {
  39. text-align: center;
  40. margin: 2em;
  41. }
  42. /* ---------------- forms ------------------------ */
  43. div.dokuwiki form {
  44. border: none;
  45. display: inline;
  46. }
  47. div.dokuwiki label.block {
  48. display: block;
  49. text-align: right;
  50. font-weight: bold;
  51. }
  52. div.dokuwiki label.simple {
  53. display: block;
  54. text-align: left;
  55. font-weight: normal;
  56. }
  57. div.dokuwiki label.block input.edit {
  58. width: 50%;
  59. }
  60. div.dokuwiki fieldset {
  61. width: 286px;
  62. text-align: center;
  63. border: 1px solid __border__;
  64. padding: 0.5em;
  65. margin: auto;
  66. margin-bottom: 1.5em;
  67. }
  68. div.dokuwiki textarea.edit {
  69. font-family: monospace;
  70. font-size: 14px;
  71. color: __text__;
  72. background-color: __background__;
  73. border: 1px solid __border__;
  74. padding: 0.3em 0 0 0.3em;
  75. /* fix for bad scrolling in IE8 */
  76. /* width: 100%; */
  77. height: 300px;
  78. width: 700px;
  79. min-width: 100%;
  80. max-width: 100%;
  81. }
  82. /* nice alphatransparency background except for IE <7 */
  83. html>body div.dokuwiki textarea.edit {
  84. background: __background__ url(images/inputshadow.png) repeat-x top;
  85. }
  86. div.dokuwiki input.edit,
  87. div.dokuwiki select.edit {
  88. font-size: 100%;
  89. border: 1px solid __border__;
  90. color: __text__;
  91. background-color: __background__;
  92. vertical-align: middle;
  93. margin: 1px;
  94. padding: 0.20em 0.3em;
  95. display: inline;
  96. }
  97. /* nice alphatransparency background except for IE <7 */
  98. html>body div.dokuwiki input.edit,
  99. html>body div.dokuwiki select.edit {
  100. background: __background__ url(images/inputshadow.png) repeat-x top;
  101. }
  102. div.dokuwiki select.edit {
  103. padding: 0.1em 0;
  104. }
  105. div.dokuwiki input.missing {
  106. font-size: 100%;
  107. border: 1px solid __border__;
  108. color: __text__;
  109. background-color: #ffc2d1;
  110. vertical-align: middle;
  111. margin: 1px;
  112. padding: 0.20em 0.3em;
  113. display: inline;
  114. }
  115. /* disabled style - not understood by IE */
  116. div.dokuwiki textarea.edit[disabled],
  117. div.dokuwiki textarea.edit[readonly],
  118. div.dokuwiki input.edit[disabled],
  119. div.dokuwiki input.edit[readonly],
  120. div.dokuwiki select.edit[disabled] {
  121. background-color: __background_neu__!important;
  122. color: __text_neu__!important;
  123. }
  124. /* edit form */
  125. div.dokuwiki div.toolbar,
  126. div.dokuwiki div#wiki__editbar {
  127. margin: 2px 0;
  128. text-align: left;
  129. }
  130. div.dokuwiki div#size__ctl {
  131. float: right;
  132. width: 60px;
  133. height: 2.7em;
  134. }
  135. div.dokuwiki #size__ctl img {
  136. cursor: pointer;
  137. }
  138. div.dokuwiki div#wiki__editbar div.editButtons {
  139. float: left;
  140. padding: 0 1.0em 0.7em 0;
  141. }
  142. div.dokuwiki div#wiki__editbar div.summary {
  143. float: left;
  144. }
  145. div.dokuwiki .nowrap {
  146. white-space: nowrap;
  147. }
  148. div.dokuwiki div#draft__status {
  149. float: right;
  150. color: __text_alt__;
  151. }
  152. /* --------- buttons ------------------- */
  153. div.dokuwiki input.button,
  154. div.dokuwiki button.button {
  155. border: 1px solid __text_other__;
  156. color: __text__;
  157. background-color: __background_neu__;
  158. vertical-align: middle;
  159. text-decoration: none;
  160. font-size: 100%;
  161. cursor: pointer;
  162. margin: 1px;
  163. padding: 0.125em 0.4em;
  164. }
  165. div.dokuwiki input.button:hover,
  166. div.dokuwiki button.button:hover {
  167. border: 1px solid __border__;
  168. background-color: __background_other__;
  169. }
  170. /* nice alphatransparency background except for IE <7 */
  171. html>body div.dokuwiki input.button,
  172. html>body div.dokuwiki button.button {
  173. background: __background_neu__ url(images/buttonshadow.png) repeat-x bottom;
  174. }
  175. * html div.dokuwiki input.button,
  176. * html div.dokuwiki button.button {
  177. height: 1.8em;
  178. }
  179. div.dokuwiki div.secedit input.button {
  180. border: 1px solid __text_other__;
  181. color: __text__;
  182. background-color: __background_neu__;
  183. vertical-align: middle;
  184. text-decoration: none;
  185. margin: 0;
  186. padding: 0;
  187. font-size: 10px;
  188. cursor: pointer;
  189. float: right;
  190. display: inline;
  191. }
  192. div.dokuwiki div.secedit input.button:hover {
  193. border: 1px solid __border__;
  194. background-color: __background_other__;
  195. }
  196. /* ----------- page navigator ------------- */
  197. div.dokuwiki div.pagenav {
  198. margin: 1em 0 0 0;
  199. }
  200. div.dokuwiki div.pagenav-prev {
  201. text-align: right;
  202. float: left;
  203. width: 49%
  204. }
  205. div.dokuwiki div.pagenav-next {
  206. text-align: left;
  207. float: right;
  208. width: 49%
  209. }
  210. /* --------------- Links ------------------ */
  211. div.dokuwiki a:link,
  212. div.dokuwiki a:visited {
  213. color: __extern__;
  214. text-decoration: none;
  215. }
  216. div.dokuwiki a:hover,
  217. div.dokuwiki a:active {
  218. color: __extern__;
  219. text-decoration: underline;
  220. }
  221. div.dokuwiki h1 a,
  222. div.dokuwiki h2 a,
  223. div.dokuwiki h3 a,
  224. div.dokuwiki h4 a,
  225. div.dokuwiki h5 a,
  226. div.dokuwiki a.nolink {
  227. color: __text__ !important;
  228. text-decoration: none !important;
  229. }
  230. /* external link */
  231. div.dokuwiki a.urlextern {
  232. background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
  233. padding: 1px 0px 1px 16px;
  234. }
  235. /* windows share */
  236. div.dokuwiki a.windows {
  237. background: transparent url(images/windows.gif) 0px 1px no-repeat;
  238. padding: 1px 0px 1px 16px;
  239. }
  240. /* interwiki link (icon are set by dokuwiki) */
  241. div.dokuwiki a.interwiki {
  242. }
  243. /* link to some embedded media */
  244. div.dokuwiki a.media {
  245. }
  246. div.dokuwiki a.urlextern:link,
  247. div.dokuwiki a.windows:link,
  248. div.dokuwiki a.interwiki:link {
  249. }
  250. div.dokuwiki a.urlextern:visited,
  251. div.dokuwiki a.windows:visited,
  252. div.dokuwiki a.interwiki:visited {
  253. }
  254. div.dokuwiki a.urlextern:hover,
  255. div.dokuwiki a.urlextern:active,
  256. div.dokuwiki a.windows:hover,
  257. div.dokuwiki a.windows:active,
  258. div.dokuwiki a.interwiki:hover,
  259. div.dokuwiki a.interwiki:active {
  260. }
  261. /* email link */
  262. div.dokuwiki a.mail {
  263. background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
  264. padding: 1px 0px 1px 16px;
  265. }
  266. /* existing wikipage */
  267. div.dokuwiki a.wikilink1 {
  268. color: __existing__ !important;
  269. }
  270. /* not existing wikipage */
  271. div.dokuwiki a.wikilink2 {
  272. color: __missing__ !important;
  273. }
  274. /* ------------- Page elements ----------------- */
  275. div.dokuwiki div.preview {
  276. background-color: __background_neu__;
  277. margin: 0 0 2em 0;
  278. padding: 0.5em;
  279. border: 1px dashed __text_neu__;
  280. }
  281. div.dokuwiki div.breadcrumbs {
  282. background-color: __background_neu__;
  283. color: __text_neu__;
  284. font-size: 80%;
  285. padding: 0 0 0 0.5em;
  286. }
  287. div.dokuwiki span.user {
  288. color: __text_other__;
  289. font-size: 90%;
  290. }
  291. div.dokuwiki li.minor {
  292. color: __text_neu__;
  293. font-style: italic;
  294. }
  295. /* embedded images */
  296. div.dokuwiki img.media {
  297. margin: 0 3px;
  298. }
  299. div.dokuwiki img.medialeft {
  300. border: 0;
  301. float: left;
  302. margin: 0 1.5em 0 0;
  303. }
  304. div.dokuwiki img.mediaright {
  305. border: 0;
  306. float: right;
  307. margin: 0 0 0 1.5em;
  308. }
  309. div.dokuwiki img.mediacenter {
  310. border: 0;
  311. display: block;
  312. margin: 0 auto;
  313. }
  314. /* smileys */
  315. div.dokuwiki img.middle {
  316. vertical-align: middle;
  317. }
  318. div.dokuwiki acronym {
  319. cursor: help;
  320. border-bottom: 1px dotted __text_other__;
  321. }
  322. /* general headline setup */
  323. div.dokuwiki h1,
  324. div.dokuwiki h2,
  325. div.dokuwiki h3,
  326. div.dokuwiki h4,
  327. div.dokuwiki h5 {
  328. color: __text__;
  329. background-color: inherit;
  330. font-size: 100%;
  331. font-weight: normal;
  332. margin: 0 0 1em 0;
  333. padding: 0.5em 0 0 0;
  334. border-bottom: 1px solid __border__;
  335. clear: left;
  336. }
  337. /* special headlines */
  338. div.dokuwiki h1 {font-size: 150%; font-weight: bold;}
  339. div.dokuwiki h2 {font-size: 140%;}
  340. div.dokuwiki h3 {font-size: 120%; border-bottom: none; font-weight: bold;}
  341. div.dokuwiki h4 {font-size: 110%; border-bottom: none; font-weight: bold;}
  342. div.dokuwiki h5 {font-size: 100%; border-bottom: none; font-weight: bold;}
  343. /* special headlines for sidebar */
  344. div.dokuwiki div.sidebar h1 { clear: none; font-size: 120%; text-transform: uppercase; letter-spacing: 0.2em; text-align: center; margin-bottom: 5px;}
  345. div.dokuwiki div.sidebar h2 { clear: none; font-size: 120%; text-transform: uppercase; letter-spacing: 0.2em; text-align: center; margin-bottom: 5px;}
  346. div.dokuwiki div.sidebar h3 { clear: none; margin-bottom: 2px;}
  347. div.dokuwiki div.sidebar h4 { clear: none; margin-bottom: 2px;}
  348. div.dokuwiki div.sidebar h5 { clear: none; margin-bottom: 2px;}
  349. /* indent different sections */
  350. div.dokuwiki div.level1 {}
  351. div.dokuwiki div.level2 {}
  352. div.dokuwiki div.level3 {}
  353. div.dokuwiki div.level4 {}
  354. div.dokuwiki div.level5 {}
  355. /* unordered lists */
  356. div.dokuwiki ul {
  357. line-height: 1.5em;
  358. list-style-type: square;
  359. list-style-image: none;
  360. margin: 0 0 0.5em 1.5em;
  361. color: __text_alt__;
  362. }
  363. /* ordered lists */
  364. div.dokuwiki ol {
  365. line-height: 1.5em;
  366. list-style-image: none;
  367. margin: 0 0 0.5em 1.5em;
  368. color: __text_alt__;
  369. font-weight: bold;
  370. }
  371. /* the list items overriding the ul/ol definition */
  372. div.dokuwiki .li {
  373. color: __text__;
  374. font-weight: normal;
  375. }
  376. div.dokuwiki ol {list-style-type: decimal}
  377. div.dokuwiki ol ol {list-style-type: upper-roman}
  378. div.dokuwiki ol ol ol {list-style-type: lower-alpha}
  379. div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
  380. div.dokuwiki li.open {
  381. list-style-image: url(images/open__theme__.gif);
  382. /*list-style-type: circle;*/
  383. }
  384. div.dokuwiki li.closed {
  385. list-style-image: url(images/closed__theme__.gif);
  386. /*list-style-type: disc;*/
  387. }
  388. div.dokuwiki blockquote {
  389. border: 1px solid __text_other__;
  390. background-color: __background_neu__;
  391. line-height: 1.2em;
  392. padding: 0.2em 0.5em;
  393. margin: 0.5em 0;
  394. opacity: 0.9;
  395. }
  396. div.dokuwiki pre {
  397. font-size: 110%;
  398. line-height: 1.2em;
  399. padding: 0.5em;
  400. border: 1px dashed __border__;
  401. color: __text__;
  402. overflow: auto;
  403. }
  404. /* code blocks by indention */
  405. div.dokuwiki pre.pre {
  406. background-color: __background_alt__;
  407. }
  408. /* code blocks by code tag */
  409. div.dokuwiki pre.code {
  410. background-color: __background_alt__;
  411. }
  412. /* inline code words */
  413. div.dokuwiki code {
  414. font-size: 110%;
  415. }
  416. /* code blocks by file tag */
  417. div.dokuwiki pre.file {
  418. background-color: __background_other__;
  419. }
  420. /* inline tables */
  421. div.dokuwiki table.inline {
  422. background-color: __background__;
  423. line-height: 1.2em;
  424. border-spacing: 0px;
  425. border-collapse: collapse;
  426. }
  427. div.dokuwiki table.inline th {
  428. padding: 3px;
  429. border: 1px solid __border__;
  430. background-color: __background_alt__;
  431. }
  432. div.dokuwiki table.inline td {
  433. padding: 3px;
  434. border: 1px solid __border__;
  435. }
  436. /* ---------- table of contents ------------------- */
  437. /*div.dokuwiki div.toc {*/
  438. div.dokuwiki #dw__toc {
  439. margin: 1.2em 0 0 2em;
  440. float: right;
  441. width: 200px;
  442. font-size: 80%;
  443. clear: both;
  444. }
  445. /*div.dokuwiki div.tocheader {*/
  446. div.dokuwiki #dw__toc h3 {
  447. border: 1px solid __border__;
  448. background-color: __background_alt__;
  449. text-align: left;
  450. font-weight: bold;
  451. padding: 3px;
  452. margin: 0 0 2px 0;
  453. }
  454. /*div.dokuwiki div.tocheader img {*/
  455. div.dokuwiki #dw__toc h3 img {
  456. width: 0.8em;
  457. height: 0.8em;
  458. float: right;
  459. margin: 0.6em 3px 0 0;
  460. cursor: pointer;
  461. }
  462. /*
  463. div.dokuwiki #dw__toc h3 strong {
  464. border: 0.4em solid __background_alt__;
  465. float: right;
  466. display: block;
  467. margin: 0.4em 3px 0 0;
  468. }
  469. */
  470. /*div.dokuwiki #toc__inside {*/
  471. div.dokuwiki #dw__toc > div {
  472. border: 1px solid __border__;
  473. background-color: __background__;
  474. text-align: left;
  475. padding: 0.5em 0 0.7em 0;
  476. }
  477. /*div.dokuwiki ul.toc {*/
  478. div.dokuwiki #dw__toc ul {
  479. list-style-type: none;
  480. list-style-image: none;
  481. line-height: 1.2em;
  482. padding-left: 1em;
  483. margin: 0;
  484. }
  485. /*div.dokuwiki ul.toc li {*/
  486. div.dokuwiki #dw__toc ul li {
  487. background: transparent url(images/tocdot2__theme__.gif) 0 0.6em no-repeat;
  488. padding-left: 0.5em;
  489. }
  490. /*div.dokuwiki ul.toc li.clear {*/
  491. div.dokuwiki #dw__toc ul li.clear {
  492. background-image: none;
  493. padding-left: 0.5em;
  494. }
  495. /*div.dokuwiki a.toc:link,
  496. div.dokuwiki a.toc:visited {*/
  497. div.dokuwiki #dw__toc a:link,
  498. div.dokuwiki #dw__toc a:visited {
  499. color: __extern__;
  500. }
  501. /*div.dokuwiki a.toc:hover,
  502. div.dokuwiki a.toc:active {*/
  503. div.dokuwiki #dw__toc a:hover,
  504. div.dokuwiki #dw__toc a:active {
  505. color: __text__;
  506. }
  507. /* ---------------------------- Diff rendering --------------------------*/
  508. div.dokuwiki table.diff {
  509. background-color: __background__;
  510. width: 100%;
  511. }
  512. div.dokuwiki td.diff-blockheader {
  513. font-weight: bold;
  514. }
  515. div.dokuwiki table.diff th {
  516. border-bottom: 1px solid __border__;
  517. font-size: 120%;
  518. width: 50%;
  519. font-weight: normal;
  520. text-align: left;
  521. }
  522. div.dokuwiki table.diff td {
  523. font-family: monospace;
  524. font-size: 100%;
  525. }
  526. div.dokuwiki td.diff-addedline {
  527. background-color: #ddffdd;
  528. }
  529. div.dokuwiki td.diff-deletedline {
  530. background-color: #ffffbb;
  531. }
  532. div.dokuwiki td.diff-context {
  533. background-color: __background_neu__;
  534. }
  535. div.dokuwiki span.diffchange {
  536. color: red;
  537. }
  538. /* --------------------- footnotes -------------------------------- */
  539. div.dokuwiki div.footnotes {
  540. clear: both;
  541. border-top: 1px solid __border__;
  542. padding-left: 1em;
  543. margin: 1em 0;
  544. }
  545. div.dokuwiki div.fn {
  546. font-size: 90%;
  547. line-height: 1.2em;
  548. }
  549. div.dokuwiki a.fn_top {
  550. vertical-align: super;
  551. font-size: 70%;
  552. line-height: 1em;
  553. }
  554. div.dokuwiki a.fn_bot {
  555. vertical-align: super;
  556. font-size: 70%;
  557. font-weight: bold;
  558. }
  559. /* insitu-footnotes */
  560. div.insitu-footnote {
  561. font-size: 80%;
  562. line-height: 1.2em;
  563. border: 1px solid __border__;
  564. background-color: __background_other__;
  565. text-align: left;
  566. padding: 4px;
  567. max-width: 40%; /* IE's width is handled in javascript */
  568. }
  569. /* overcome IE issue with one line code or file boxes which require h. scrolling */
  570. * html .insitu-footnote pre.code,
  571. * html .insitu-footnote pre.file {
  572. padding-bottom: 18px;
  573. }
  574. /* --------------- search result formating --------------- */
  575. div.dokuwiki input#qsearch__in {
  576. width: 95%;
  577. }
  578. /*
  579. div.dokuwiki .search_result {
  580. margin-bottom: 0.5em;
  581. padding: 0 1em 0 3em;
  582. }
  583. */
  584. #dw__loading {
  585. text-align: center;
  586. margin-bottom: 1em;
  587. }
  588. div.dokuwiki .search_results {
  589. padding: 0 10px 0 30px;
  590. }
  591. /* div.dokuwiki .search_snippet {*/
  592. div.dokuwiki .search_results dt {
  593. margin-bottom: 3px;
  594. }
  595. div.dokuwiki .search_results dd {
  596. margin-bottom: 6px;
  597. color: __text_other__;
  598. font-size: 90%;
  599. margin-left: 2em;
  600. }
  601. div.dokuwiki .search_sep {
  602. color: __text__;
  603. }
  604. div.dokuwiki .search_hit {
  605. color: __text__;
  606. background-color: __highlight__;
  607. }
  608. div.dokuwiki div.search_quickresult {
  609. margin: 0 0 1.5em 3em;
  610. padding: 0 1em 1em 0;
  611. border-bottom: 1px dashed __border__;
  612. }
  613. div.dokuwiki div.search_quickresult h3 {
  614. margin: 0 0 1em 0;
  615. font-size: 1em;
  616. font-weight: bold;
  617. }
  618. div.dokuwiki ul.search_quickhits {
  619. margin: 0 0 0.5em 1em;
  620. }
  621. div.dokuwiki ul.search_quickhits li {
  622. margin: 0 1em 0 1em;
  623. float:left;
  624. width: 30%;
  625. }
  626. /* ------------------ Additional ---------------------- */
  627. div.footerinc {
  628. text-align: center;
  629. }
  630. .footerinc a img {
  631. opacity: 0.5;
  632. border: 0;
  633. }
  634. .footerinc a:hover img {
  635. opacity: 1;
  636. }
  637. #config__manager fieldset td.value {
  638. /* fixed data column width */
  639. width: 65%;
  640. }
  641. #config__manager td input.edit {
  642. width: 95%;
  643. }
  644. /* ---------- AJAX quicksearch ----------- */
  645. div.dokuwiki div.ajax_qsearch {
  646. position: absolute;
  647. right: 288px;
  648. width: 231px;
  649. opacity: 0.9;
  650. display: none;
  651. font-size: 80%;
  652. line-height: 1.2em;
  653. border: 1px solid __border__;
  654. background-color: __background_other__;
  655. text-align: left;
  656. padding: 0.5em;
  657. }
  658. /* --------- Toolbar -------------------- */
  659. button.toolbutton {
  660. background-color: __background_neu__;
  661. padding: 0px;
  662. margin: 0 1px 0 0;
  663. border: 1px solid __border__;
  664. cursor: pointer;
  665. }
  666. button.toolbutton:hover {
  667. background-color: __background_other__;
  668. border: 1px solid __border__;
  669. }
  670. /* nice alphatransparency background except for IE <7 */
  671. html>body button.toolbutton {
  672. background: __background_neu__ url(images/buttonshadow.png) repeat-x bottom;
  673. }
  674. div.picker {
  675. width: 286px;
  676. border: 1px solid __border__;
  677. background-color: __background_alt__;
  678. }
  679. button.pickerbutton {
  680. padding: 1px 0;
  681. margin: 0 1px 1px 0;
  682. border: 1px solid __background_alt__;
  683. background-color: transparent;
  684. font-size: 90%;
  685. cursor: pointer;
  686. }
  687. button.pickerbutton:hover {
  688. border: 1px solid __border__;
  689. background-color: __background_other__;
  690. }
  691. /* ---------- Spellchecking ------------- */
  692. div.dokuwiki a.spell_error {
  693. color: #f00;
  694. text-decoration: underline;
  695. }
  696. div.dokuwiki div#spell__suggest {
  697. background-color: __background__;
  698. padding: 2px;
  699. border: 1px solid __text__;
  700. font-size: 80%;
  701. display: none;
  702. }
  703. div.dokuwiki div#spell__result {
  704. border: 1px solid __border__;
  705. color: __text__;
  706. font-size: 110%;
  707. padding: 3px;
  708. background-color: __background_other__;
  709. display: none;
  710. }
  711. div.dokuwiki span.spell_noerr {
  712. color: #093;
  713. }
  714. div.dokuwiki span.spell_wait {
  715. color: #06c;
  716. }
  717. #config__manager legend {
  718. color: __text__;
  719. background-color: __background_alt__;
  720. border: 1px solid __border__;
  721. padding: 0 0.3em 0 0.3em;
  722. }