summaryrefslogtreecommitdiff
path: root/monochrome/style.scss
blob: 226e405279a0d198510577ea6844ae201e2487a7 (plain)
  1. @charset "UTF-8";
  2. @import url(http://fonts.googleapis.com/css?family=Lato&v2);
  3. @import "../default/ikiwiki";
  4. @include ikiwiki;
  5. /*
  6. * monochrome - ikiwiki theme © Jon Dowland 2012
  7. * based on ikiwiki style.css and bits from jmtd.net at the time
  8. * License: GPL-2+
  9. */
  10. body {
  11. margin-left: auto;
  12. margin-right: auto;
  13. width: 48em;
  14. background: url(gradient.png) repeat-x white 0px -16px;
  15. margin-top: 48px;
  16. /* height of gradient.png that we want to see */
  17. color: #555;
  18. font-family: 'Lato', sans-serif;
  19. }
  20. .header {
  21. margin-bottom: 0.5em;
  22. }
  23. .pageheader .actions ul {
  24. border-bottom: 2px solid #c00040;
  25. }
  26. #pageinfo {
  27. border-top: 2px solid #c00040;
  28. text-align: center;
  29. color: #aaa;
  30. }
  31. /*
  32. * css3 external links stuff
  33. * thanks to <http://www.kryogenix.org/days/2002/08/30/external>
  34. */
  35. #content a[href^="http:"]:after,
  36. #content a[href^="https:"]:after,
  37. #enclosure a[href^="http:"]:after,
  38. #enclosure a[href^="https:"]:after {
  39. content: "↗";
  40. }
  41. /* you will want to replicate this for your own domain in local.css */
  42. #content a[href^="http://localhost"]:after,
  43. #content a[href^="http://ikiwiki.info"]:after,
  44. #enclosure a[href^="http://localhost"]:after,
  45. #enclosure a[href^="http://ikiwiki.info"]:after {
  46. content: none;
  47. }
  48. /* colouring */
  49. a:link {
  50. color: #c00040;
  51. font-weight: bold;
  52. text-decoration: none;
  53. }
  54. a:hover {
  55. color: #f01070;
  56. text-decoration: underline;
  57. }
  58. a:active {
  59. color: #c00040;
  60. }
  61. a:visited {
  62. color: #c08080;
  63. font-weight: normal;
  64. font-style: italic;
  65. }
  66. hr {
  67. border: none;
  68. border-top: 2px solid #c00040;
  69. clear: both;
  70. }