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