summaryrefslogtreecommitdiff
path: root/blueview/style.scss
blob: 30f24f7204ce19ddd0892bd83a7aa808a3138324 (plain)
  1. @import "../default/ikiwiki";
  2. @include ikiwiki-boilerplate;
  3. /* bzed theme for ikiwiki
  4. *
  5. * Copyright (C) 2010 Bernd Zeimetz
  6. * Licensed under same license as ikiwiki: GPL v2 or later
  7. *
  8. * Parts of this file are based on the awesome YUI,
  9. * these parts will stay under the BSD license,
  10. * but you're free to apply the GPLv2 to them, of course.
  11. */
  12. /* -------------------------------------------------------------------------------------------------
  13. // TODO: include only relevant parts, and move below reset
  14. @include ikiwiki-style;
  15. Based on reset-fonts-grids.css from yui.
  16. Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  17. Code licensed under the BSD License:
  18. http://developer.yahoo.net/yui/license.txt
  19. version: 2.5.1
  20. */
  21. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, legend, p, blockquote, th, td {
  22. margin: 0;
  23. padding: 0;
  24. }
  25. table {
  26. border-collapse: collapse;
  27. border-spacing: 0;
  28. }
  29. img {
  30. border: 0;
  31. }
  32. address, caption, cite, code, dfn, em, strong, th, var {
  33. font-style: normal;
  34. font-weight: normal;
  35. }
  36. li {
  37. list-style: none;
  38. }
  39. caption, th {
  40. text-align: left;
  41. }
  42. h1, h2, h3, h4, h5, h6 {
  43. font-size: 100%;
  44. font-weight: normal;
  45. }
  46. q:before, q:after {
  47. content: '';
  48. }
  49. abbr, acronym {
  50. border: 0;
  51. font-variant: normal;
  52. }
  53. sup {
  54. vertical-align: text-top;
  55. }
  56. sub {
  57. vertical-align: text-bottom;
  58. }
  59. input, textarea, select {
  60. font-family: inherit;
  61. font-size: 13px/1.23;
  62. font-weight: normal;
  63. }
  64. input, textarea, select {
  65. *font-size: 100%;
  66. }
  67. legend {
  68. color: #000;
  69. }
  70. /* body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} */
  71. body {
  72. font: 13px/1.231 "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
  73. *font-size: small;
  74. *font: x-small;
  75. }
  76. table {
  77. font-size: inherit;
  78. font: 100%;
  79. }
  80. pre, code, kbd, samp, tt {
  81. font-family: monospace;
  82. }
  83. body {
  84. text-align: left;
  85. }
  86. .inlinefooter {
  87. clear: both;
  88. }
  89. /* #doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;} */
  90. .page {
  91. margin: auto;
  92. text-align: left;
  93. width: 57.69em;
  94. *width: 56.25em;
  95. min-width: 750px;
  96. }
  97. /* #doc3{margin:auto 10px;width:auto;} */
  98. .page {
  99. margin: auto 10px;
  100. width: auto;
  101. }
  102. #pagebody, .sidebar {
  103. position: relative;
  104. }
  105. #pagebody, .sidebar {
  106. _position: static;
  107. }
  108. #pagebody {
  109. position: static;
  110. }
  111. .sidebar {
  112. float: right;
  113. width: 16.5em;
  114. *width: 16em;
  115. }
  116. #pagebody {
  117. margin-right: 19em;
  118. *margin-right: 18.5em;
  119. }
  120. /* #content {float:none;width:auto;} */
  121. #pagebody:after, .sidebar:after, .page:after {
  122. content: ".";
  123. display: block;
  124. height: 0;
  125. clear: both;
  126. visibility: hidden;
  127. }
  128. .page f {
  129. zoom: 1;
  130. }
  131. /* ------------------------------------------------------------------------------------------------
  132. * Taken from base.css, part of YUI's CSS Foundation
  133. * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  134. * Code licensed under the BSD License:
  135. * http://developer.yahoo.net/yui/license.txt
  136. * version: 2.5.1
  137. */
  138. h1 {
  139. /*18px via YUI Fonts CSS foundation*/
  140. font-size: 138.5%;
  141. }
  142. h2 {
  143. /*16px via YUI Fonts CSS foundation*/
  144. font-size: 123.1%;
  145. }
  146. h3 {
  147. /*14px via YUI Fonts CSS foundation*/
  148. font-size: 108%;
  149. }
  150. h1, h2, h3 {
  151. /* top & bottom margin based on font size */
  152. margin: 1em 0;
  153. }
  154. h1, h2, h3, h4, h5, h6, strong {
  155. /*bringing boldness back to headers and the strong element*/
  156. font-weight: bold;
  157. }
  158. abbr, acronym {
  159. /*indicating to users that more info is available */
  160. border-bottom: 1px dotted #000;
  161. cursor: help;
  162. }
  163. em {
  164. /*bringing italics back to the em element*/
  165. font-style: italic;
  166. }
  167. blockquote, ul, ol, dl {
  168. /*giving blockquotes and lists room to breath*/
  169. margin: 1em;
  170. }
  171. ol, ul, dl {
  172. /*bringing lists on to the page with breathing room */
  173. margin-left: 2em;
  174. }
  175. ol li {
  176. /*giving OL's LIs generated numbers*/
  177. list-style: decimal outside;
  178. }
  179. ul li {
  180. /*giving UL's LIs generated disc markers*/
  181. list-style: disc outside;
  182. }
  183. dl dd {
  184. /*giving UL's LIs generated numbers*/
  185. margin-left: 1em;
  186. }
  187. th, td {
  188. /*borders and padding to make the table readable*/
  189. border: 1px solid #000;
  190. padding: .5em;
  191. }
  192. th {
  193. /*distinguishing table headers from data cells*/
  194. font-weight: bold;
  195. text-align: center;
  196. }
  197. caption {
  198. /*coordinated margin to match cell's padding*/
  199. margin-bottom: .5em;
  200. /*centered so it doesn't blend in to other content*/
  201. text-align: center;
  202. }
  203. p, fieldset, table, pre {
  204. /*so things don't run into each other*/
  205. margin-bottom: 1em;
  206. }
  207. #searchbox {
  208. width: 21.5em;
  209. *width: 21em;
  210. }
  211. /* ------------------------------------------------------------------------------------------------
  212. * All CSS below is
  213. * Copyright (C) 2010 Bernd Zeimetz
  214. * Licensed under same license as ikiwiki: GPL v2 or later */
  215. .page, .pageheader, .sidebar, #content, #enclosure, #comments, .inlinepage, .recentchanges, .pageheader .actions ul, #pagebody {
  216. border: none;
  217. }
  218. html, body {
  219. color: #000;
  220. /* background-image: url('body_background.png');
  221. background-repeat: repeat; */
  222. background-color: #8da1b8;
  223. }
  224. body {
  225. padding-left: 5%;
  226. padding-right: 5%;
  227. padding-top: 1em;
  228. padding-bottom: 1em;
  229. }
  230. .page {
  231. background: #fff;
  232. border: outset #ccc;
  233. padding-left: 1em;
  234. padding-right: 1em;
  235. padding-top: 1em;
  236. }
  237. .pageheader {
  238. background-image: url("header_background.png");
  239. background-repeat: repeat-x;
  240. height: 100px;
  241. padding-left: 1em;
  242. padding-right: 1em;
  243. padding-bottom: 1em;
  244. padding-top: 1em;
  245. }
  246. .pageheader .header {
  247. text-align: top;
  248. clear: both;
  249. }
  250. .pageheader .header form {
  251. padding: 0em 0em 0em 0em;
  252. float: right;
  253. margin-top: 0.5em;
  254. }
  255. .pageheader .header .title, .pageheader .header .parentlinks,
  256. .inlinepage .inlineheader,
  257. h1, h2, h3, h4, h5, h6 {
  258. margin-top: 1em;
  259. font-weight: bold;
  260. }
  261. .pageheader .header .title, .pageheader .header .parentlinks, .pageheader .actions ul li, .pageheader .header span, .pageheader #otherlanguages ul li, .pageheader .trailprev, .pageheader .trailnext, .pageheader .trailup {
  262. padding: 0.25em 0.25em 0.25em 0.25em;
  263. background-image: url("background_darkness.png");
  264. background-repeat: repeat;
  265. color: white;
  266. }
  267. .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a, .pageheader #otherlanguages ul li a, .pageheader a, .pageheader .trail a {
  268. font-weight: bold;
  269. color: white;
  270. text-decoration: none;
  271. }
  272. .pageheader .actions {
  273. text-align: right;
  274. vertical-align: bottom;
  275. clear: both;
  276. }
  277. #pagebody {
  278. padding-right: 1em;
  279. padding-bottom: 2em;
  280. border-right: ridge #eee;
  281. clear: none;
  282. }
  283. #content a, #enclosure a, #comments a, .sidebar a {
  284. color: #315485;
  285. text-decoration: none;
  286. font-weight: bold;
  287. }
  288. .sidebar h2 {
  289. border-bottom: ridge #eee;
  290. padding-right: 0;
  291. }
  292. .sidebar .menu {
  293. margin-left: 1em;
  294. }
  295. .inlinepage, .recentchanges, div.recentchanges {
  296. clear: none !important;
  297. margin-bottom: 2em;
  298. }
  299. .inlinefooter {
  300. border-top: 1px dotted #315485;
  301. }
  302. .inlinefooter .pagedate, .inlinefooter .tags {
  303. display: inline;
  304. clear: none;
  305. margin-right: 2em;
  306. }
  307. .calendar .month-calendar th, .calendar .month-calendar td {
  308. padding: 0.22em;
  309. }
  310. @media print {
  311. .sidebar, .page .pageheader .header .parentlinks {
  312. content: ".";
  313. display: block;
  314. height: 0;
  315. visibility: hidden;
  316. }
  317. .page {
  318. padding: 1em 1em 1em 1em;
  319. }
  320. .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a {
  321. color: #315485;
  322. }
  323. #content, #enclosure, #comments, #pagebody {
  324. margin-right: 0;
  325. *margin-right: 0;
  326. border-right: none;
  327. }
  328. }