summaryrefslogtreecommitdiff
path: root/default/_ikiwiki.scss
blob: 225b24ec4ca24ab197b1636b413bf6ee73072a8a (plain)
  1. @mixin ikiwiki-boilerplate {
  2. /* 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. */
  6. }
  7. @mixin ikiwiki-reset {
  8. /* html5 compat */
  9. article,
  10. header,
  11. footer,
  12. nav {
  13. display: block;
  14. }
  15. }
  16. @mixin ikiwiki-header {
  17. .header {
  18. margin: 0;
  19. font-size: 140%;
  20. font-weight: bold;
  21. line-height: 1em;
  22. display: block;
  23. }
  24. }
  25. @mixin ikiwiki-inlineheader {
  26. .inlineheader .author {
  27. margin: 0;
  28. font-size: 112%;
  29. font-weight: bold;
  30. display: block;
  31. }
  32. }
  33. @mixin ikiwiki-actions {
  34. .actions ul {
  35. margin: 0;
  36. padding: 6px .4em;
  37. height: 1em;
  38. list-style-type: none;
  39. }
  40. .actions li {
  41. display: inline;
  42. padding: .2em;
  43. }
  44. .pageheader .actions ul {
  45. border-bottom: 1px solid #000;
  46. }
  47. .inlinepage .actions ul {
  48. border-bottom: 0;
  49. }
  50. }
  51. @mixin ikiwiki-plugin-po {
  52. #otherlanguages ul {
  53. margin: 0;
  54. padding: 6px;
  55. list-style-type: none;
  56. }
  57. #otherlanguages li {
  58. display: inline;
  59. padding: .2em .4em;
  60. }
  61. .pageheader #otherlanguages {
  62. border-bottom: 1px solid #000;
  63. }
  64. }
  65. @mixin ikiwiki-inlinecontent {
  66. .inlinecontent {
  67. margin-top: .4em;
  68. }
  69. }
  70. @mixin ikiwiki-footer {
  71. .pagefooter,
  72. .inlinefooter,
  73. .comments {
  74. clear: both;
  75. }
  76. }
  77. @mixin ikiwiki-pageinfo {
  78. #pageinfo {
  79. margin: 1em 0;
  80. border-top: 1px solid #000;
  81. }
  82. }
  83. @mixin ikiwiki-tags {
  84. .tags {
  85. margin-top: 1em;
  86. }
  87. .inlinepage .tags {
  88. display: inline;
  89. }
  90. }
  91. @mixin ikiwiki-plugin-map {
  92. .mapparent {
  93. text-decoration: none;
  94. }
  95. }
  96. @mixin ikiwiki-plugin-img {
  97. .img caption {
  98. font-size: 80%;
  99. caption-side: bottom;
  100. text-align: center;
  101. }
  102. img.img {
  103. margin: 0.5ex;
  104. }
  105. }
  106. @mixin ikiwiki-alignment {
  107. .align-left {
  108. float: left;
  109. }
  110. .align-right {
  111. float: right;
  112. }
  113. }
  114. @mixin ikiwiki-backlinks {
  115. #backlinks {
  116. margin-top: 1em;
  117. }
  118. }
  119. @mixin ikiwiki-plugin-search {
  120. #searchform {
  121. display: inline;
  122. float: right;
  123. }
  124. }
  125. @mixin ikiwiki-plugin-editpage {
  126. #editcontent {
  127. width: 98%;
  128. }
  129. .editcontentdiv {
  130. width: auto;
  131. overflow: auto;
  132. }
  133. }
  134. @mixin ikiwiki-images {
  135. img {
  136. border-style: none;
  137. }
  138. }
  139. @mixin ikiwiki-pre {
  140. pre {
  141. overflow: auto;
  142. }
  143. }
  144. @mixin ikiwiki-plugin-recentchanges {
  145. div.recentchanges {
  146. border-style: solid;
  147. border-width: 1px;
  148. overflow: auto;
  149. width: auto;
  150. clear: none;
  151. background: #eee;
  152. color: black !important;
  153. }
  154. .recentchanges .metadata {
  155. padding: 0px 0.5em;
  156. }
  157. .recentchanges .changelog {
  158. font-style: italic;
  159. clear: both;
  160. display: block;
  161. padding: 1px 2px;
  162. background: white !important;
  163. color: black !important;
  164. }
  165. .recentchanges .desc {
  166. display: none;
  167. }
  168. .recentchanges .diff {
  169. display: none;
  170. }
  171. .recentchanges .committer {
  172. float: left;
  173. margin: 0;
  174. width: 40%;
  175. }
  176. .recentchanges .committype {
  177. float: left;
  178. margin: 0;
  179. width: 5%;
  180. font-size: small;
  181. }
  182. .recentchanges .changedate {
  183. float: left;
  184. margin: 0;
  185. width: 35%;
  186. font-size: small;
  187. }
  188. .recentchanges .pagelinks,
  189. .recentchanges .revert {
  190. float: right;
  191. margin: 0;
  192. width: 60%;
  193. }
  194. }
  195. @mixin ikiwiki-blogform {
  196. .blogform,
  197. #blogform {
  198. padding: 10px 10px;
  199. border: 1px solid #aaa;
  200. background: #eee;
  201. color: black !important;
  202. width: auto;
  203. overflow: auto;
  204. }
  205. }
  206. @mixin ikiwiki-inlinepage {
  207. .inlinepage {
  208. padding: 10px 10px;
  209. border: 1px solid #aaa;
  210. overflow: auto;
  211. }
  212. }
  213. @mixin ikiwiki-authorship {
  214. .pagedate,
  215. .pagelicense,
  216. .pagecopyright {
  217. font-style: italic;
  218. display: block;
  219. margin-top: 1em;
  220. }
  221. }
  222. @mixin ikiwiki-debug {
  223. .error {
  224. color: #C00;
  225. }
  226. }
  227. @mixin ikiwiki-plugin-sidebar {
  228. .sidebar {
  229. width: 20ex;
  230. float: right;
  231. margin-left: 4px;
  232. margin-bottom: 4px;
  233. margin-top: -1px;
  234. padding: 0ex 2ex;
  235. background: white;
  236. border: 1px solid black;
  237. color: black !important;
  238. }
  239. }
  240. @mixin ikiwiki-plugin-poll {
  241. hr.poll {
  242. height: 10pt;
  243. color: white !important;
  244. background: #eee;
  245. border: 2px solid black;
  246. }
  247. div.poll {
  248. margin-top: 1ex;
  249. margin-bottom: 1ex;
  250. padding: 1ex 1ex;
  251. border: 1px solid #aaa;
  252. }
  253. }
  254. @mixin ikiwiki-plugin-color {
  255. span.color {
  256. padding: 2px;
  257. }
  258. }
  259. @mixin ikiwiki-plugin-comments {
  260. .comment-header,
  261. .microblog-header {
  262. font-style: italic;
  263. margin-top: .3em;
  264. }
  265. .comment .author,
  266. .microblog .author {
  267. font-weight: bold;
  268. }
  269. .comment-subject {
  270. font-weight: bold;
  271. }
  272. .comment-avatar {
  273. float: right;
  274. }
  275. .comment {
  276. border: 1px solid #aaa;
  277. padding: 3px;
  278. }
  279. }
  280. @mixin ikiwiki-plugin-progress {
  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. @mixin ikiwiki-print {
  298. /* things to hide in printouts */
  299. @media print {
  300. .actions {
  301. display: none;
  302. }
  303. .tags {
  304. display: none;
  305. }
  306. .feedbutton {
  307. display: none;
  308. }
  309. #searchform {
  310. display: none;
  311. }
  312. .blogform,
  313. #blogform {
  314. display: none;
  315. }
  316. #backlinks {
  317. display: none;
  318. }
  319. }
  320. }
  321. @mixin ikiwiki-infobox {
  322. /* infobox template */
  323. .infobox {
  324. float: right;
  325. margin-left: 2ex;
  326. margin-top: 1ex;
  327. margin-bottom: 1ex;
  328. padding: 1ex 1ex;
  329. border: 1px solid #aaa;
  330. background: white;
  331. color: black !important;
  332. }
  333. }
  334. @mixin ikiwiki-notebook {
  335. /* notebox template */
  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. @mixin ikiwiki-popup {
  349. /* popup template and backlinks hiding */
  350. .popup {
  351. border-bottom: 1px dotted #366;
  352. color: #366;
  353. }
  354. .popup .balloon,
  355. .popup .paren,
  356. .popup .expand {
  357. display: none;
  358. }
  359. .popup:hover .balloon,
  360. .popup:focus .balloon {
  361. position: absolute;
  362. display: inline;
  363. margin: 1em 0 0 -2em;
  364. padding: 0.625em;
  365. border: 2px solid;
  366. background-color: #dee;
  367. color: black;
  368. }
  369. }
  370. @mixin ikiwiki-forms {
  371. /* form styling */
  372. fieldset {
  373. margin: 1ex 0;
  374. border: 1px solid black;
  375. }
  376. legend {
  377. padding: 0 1ex;
  378. }
  379. .fb_submit {
  380. float: left;
  381. margin: 2px 0;
  382. }
  383. label.block {
  384. display: block;
  385. }
  386. label.inline {
  387. display: inline;
  388. }
  389. input#openid_identifier {
  390. background: url(wikiicons/openidlogin-bg.gif) no-repeat;
  391. background-color: #fff;
  392. background-position: 0 50%;
  393. color: #000;
  394. padding-left: 18px;
  395. }
  396. input#searchbox {
  397. background: url(wikiicons/search-bg.gif) no-repeat;
  398. background-color: #fff;
  399. background-position: 100% 50%;
  400. color: #000;
  401. padding-right: 16px;
  402. }
  403. /* invalid form fields */
  404. .fb_invalid {
  405. color: red;
  406. background: white !important;
  407. }
  408. /* required form fields */
  409. .fb_required {
  410. font-weight: bold;
  411. }
  412. }
  413. @mixin ikiwiki-plugin-highlight {
  414. /* highlight plugin */
  415. pre.hl {
  416. color: #000000;
  417. background-color: #ffffff;
  418. }
  419. .hl.num {
  420. color: #2928ff;
  421. }
  422. .hl.esc {
  423. color: #ff00ff;
  424. }
  425. .hl.str {
  426. color: #ff0000;
  427. }
  428. .hl.dstr {
  429. color: #818100;
  430. }
  431. .hl.slc {
  432. color: #838183;
  433. font-style: italic;
  434. }
  435. .hl.com {
  436. color: #838183;
  437. font-style: italic;
  438. }
  439. .hl.dir {
  440. color: #008200;
  441. }
  442. .hl.sym {
  443. color: #000000;
  444. }
  445. .hl.line {
  446. color: #555555;
  447. }
  448. .hl.mark {
  449. background-color: #ffffbb;
  450. }
  451. .hl.kwa {
  452. color: #000000;
  453. font-weight: bold;
  454. }
  455. .hl.kwb {
  456. color: #830000;
  457. }
  458. .hl.kwc {
  459. color: #000000;
  460. font-weight: bold;
  461. }
  462. .hl.kwd {
  463. color: #010181;
  464. }
  465. }
  466. @mixin ikiwiki-plugin-calendar {
  467. /* calendar plugin */
  468. .month-calendar-day-this-day,
  469. .year-calendar-this-month {
  470. background-color: #eee;
  471. }
  472. .month-calendar-day-head,
  473. .month-calendar-day-nolink,
  474. .month-calendar-day-link,
  475. .month-calendar-day-this-day,
  476. .month-calendar-day-future {
  477. text-align: right;
  478. }
  479. .month-calendar-arrow A:link,
  480. .year-calendar-arrow A:link,
  481. .month-calendar-arrow A:visited,
  482. .year-calendar-arrow A:visited {
  483. text-decoration: none;
  484. font-weight: normal;
  485. font-size: 150%;
  486. }
  487. }
  488. @mixin ikiwiki-lists {
  489. /* outlines */
  490. li.L1 {
  491. list-style: upper-roman;
  492. }
  493. li.L2 {
  494. list-style: decimal;
  495. }
  496. li.L3 {
  497. list-style: lower-alpha;
  498. }
  499. li.L4 {
  500. list-style: disc;
  501. }
  502. li.L5 {
  503. list-style: square;
  504. }
  505. li.L6 {
  506. list-style: circle;
  507. }
  508. li.L7 {
  509. list-style: lower-roman;
  510. }
  511. li.L8 {
  512. list-style: upper-alpha;
  513. }
  514. }
  515. @mixin ikiwiki-plugin-pagestats {
  516. /* tag cloud */
  517. .pagecloud {
  518. float: right;
  519. width: 30%;
  520. text-align: center;
  521. padding: 10px 10px;
  522. border: 1px solid #aaa;
  523. background: #eee;
  524. color: black !important;
  525. }
  526. .smallestPC {
  527. font-size: 70%;
  528. }
  529. .smallPC {
  530. font-size: 85%;
  531. }
  532. .normalPC {
  533. font-size: 100%;
  534. }
  535. .bigPC {
  536. font-size: 115%;
  537. }
  538. .biggestPC {
  539. font-size: 130%;
  540. }
  541. }
  542. @mixin ikiwiki-feedbutton {
  543. /* orange feed button */
  544. .feedbutton {
  545. background: #ff6600;
  546. color: white !important;
  547. border-left: 1px solid #cc9966;
  548. border-top: 1px solid #ccaa99;
  549. border-right: 1px solid #993300;
  550. border-bottom: 1px solid #331100;
  551. padding: 0px 0.5em 0px 0.5em;
  552. font-family: sans-serif;
  553. font-weight: bold;
  554. font-size: small;
  555. text-decoration: none;
  556. margin-top: 1em;
  557. }
  558. .feedbutton:hover {
  559. color: white !important;
  560. background: #ff9900;
  561. }
  562. }
  563. @mixin ikiwiki-plugin-flattr {
  564. .FlattrButton {
  565. display: none;
  566. }
  567. }
  568. @mixin ikiwiki-plugin-openid {
  569. /* openid selector */
  570. #openid_choice {
  571. display: none;
  572. }
  573. #openid_input_area {
  574. clear: both;
  575. padding: 10px;
  576. }
  577. #openid_btns,
  578. #openid_btns br {
  579. clear: both;
  580. }
  581. #openid_highlight {
  582. background-color: black;
  583. float: left;
  584. }
  585. .openid_large_btn {
  586. padding: 1em 1.5em;
  587. border: 1px solid #DDD;
  588. margin: 3px;
  589. float: left;
  590. }
  591. .openid_small_btn {
  592. padding: 4px 4px;
  593. border: 1px solid #DDD;
  594. margin: 3px;
  595. float: left;
  596. }
  597. a.openid_large_btn:focus {
  598. outline: none;
  599. }
  600. a.openid_large_btn:focus {
  601. outline-style: none;
  602. }
  603. .openid_selected {
  604. border: 4px solid #DDD;
  605. }
  606. }
  607. @mixin ikiwiki-plugin-attachment {
  608. .fileupload-content .ui-progressbar {
  609. width: 200px;
  610. height: 20px;
  611. }
  612. .fileupload-content .ui-progressbar-value {
  613. background: url(ikiwiki/images/pbar-ani.gif);
  614. }
  615. }
  616. // all styles in same order as original Ikiwiki stylesheet
  617. @mixin ikiwiki-style-legacy {
  618. @include ikiwiki-header;
  619. @include ikiwiki-inlineheader;
  620. @include ikiwiki-actions;
  621. @include ikiwiki-plugin-po;
  622. @include ikiwiki-inlinecontent;
  623. @include ikiwiki-footer;
  624. @include ikiwiki-pageinfo;
  625. @include ikiwiki-tags;
  626. @include ikiwiki-plugin-map;
  627. @include ikiwiki-plugin-img;
  628. @include ikiwiki-alignment;
  629. @include ikiwiki-backlinks;
  630. @include ikiwiki-plugin-search;
  631. @include ikiwiki-plugin-editpage;
  632. @include ikiwiki-images;
  633. @include ikiwiki-pre;
  634. @include ikiwiki-plugin-recentchanges;
  635. @include ikiwiki-blogform;
  636. @include ikiwiki-inlinepage;
  637. @include ikiwiki-authorship;
  638. @include ikiwiki-debug;
  639. @include ikiwiki-plugin-sidebar;
  640. @include ikiwiki-plugin-poll;
  641. @include ikiwiki-plugin-color;
  642. @include ikiwiki-plugin-comments;
  643. @include ikiwiki-plugin-progress;
  644. @include ikiwiki-print;
  645. @include ikiwiki-infobox;
  646. @include ikiwiki-notebook;
  647. @include ikiwiki-popup;
  648. @include ikiwiki-forms;
  649. @include ikiwiki-plugin-highlight;
  650. @include ikiwiki-plugin-calendar;
  651. @include ikiwiki-lists;
  652. @include ikiwiki-plugin-pagestats;
  653. @include ikiwiki-feedbutton;
  654. @include ikiwiki-plugin-flattr;
  655. @include ikiwiki-plugin-openid;
  656. @include ikiwiki-plugin-attachment;
  657. }
  658. @mixin ikiwiki-style-basic {
  659. }
  660. @mixin ikiwiki-style-site {
  661. @include ikiwiki-header;
  662. @include ikiwiki-inlineheader;
  663. @include ikiwiki-actions;
  664. @include ikiwiki-inlinecontent;
  665. @include ikiwiki-footer;
  666. @include ikiwiki-pageinfo;
  667. @include ikiwiki-tags;
  668. @include ikiwiki-backlinks;
  669. @include ikiwiki-blogform;
  670. @include ikiwiki-inlinepage;
  671. @include ikiwiki-authorship;
  672. }
  673. @mixin ikiwiki-typography {
  674. @include ikiwiki-pre;
  675. }
  676. @mixin ikiwiki-links {
  677. }
  678. @mixin ikiwiki-buttons {
  679. @include ikiwiki-feedbutton;
  680. }
  681. @mixin ikiwiki-tabs {
  682. }
  683. @mixin ikiwiki-misc {
  684. @include ikiwiki-infobox;
  685. @include ikiwiki-notebook;
  686. @include ikiwiki-popup;
  687. @include ikiwiki-alignment;
  688. @include ikiwiki-debug;
  689. }
  690. @mixin ikiwiki-plugins {
  691. @include ikiwiki-plugin-recentchanges;
  692. @include ikiwiki-plugin-po;
  693. @include ikiwiki-plugin-map;
  694. @include ikiwiki-plugin-img;
  695. @include ikiwiki-plugin-search;
  696. @include ikiwiki-plugin-editpage;
  697. @include ikiwiki-plugin-sidebar;
  698. @include ikiwiki-plugin-poll;
  699. @include ikiwiki-plugin-color;
  700. @include ikiwiki-plugin-comments;
  701. @include ikiwiki-plugin-progress;
  702. @include ikiwiki-plugin-highlight;
  703. @include ikiwiki-plugin-calendar;
  704. @include ikiwiki-plugin-pagestats;
  705. @include ikiwiki-plugin-flattr;
  706. @include ikiwiki-plugin-openid;
  707. @include ikiwiki-plugin-attachment;
  708. }
  709. @mixin ikiwiki-style {
  710. @include ikiwiki-basic;
  711. @include ikiwiki-site;
  712. @include ikiwiki-typography;
  713. @include ikiwiki-links;
  714. @include ikiwiki-lists;
  715. @include ikiwiki-images;
  716. @include ikiwiki-buttons;
  717. @include ikiwiki-tabs;
  718. @include ikiwiki-forms;
  719. @include ikiwiki-misc;
  720. @include ikiwiki-plugins;
  721. @include ikiwiki-print;
  722. }
  723. @mixin ikiwiki {
  724. @include ikiwiki-boilerplate;
  725. @include ikiwiki-reset;
  726. @include ikiwiki-style-legacy;
  727. }