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.
 
 
 
 
 

329 lines
7.6 KiB

  1. /**
  2. * Tableless Layout for minima template
  3. *
  4. * @author Andreas Gohr <andi@splitbrain.org>
  5. * @author moraes <moraes@tipos.com.br>
  6. * @author Esther Brunner <wikidesign@gmail.com>
  7. */
  8. /* -------------- general --------------- */
  9. div.dokuwiki {
  10. margin-top: 13px;
  11. margin-bottom: 8px;
  12. margin-left: auto;
  13. margin-right: auto;
  14. }
  15. #minima__wide_left, #minima__wide_right { width: 987px; }
  16. #minima__medium_left, #minima__medium_right { width: 754px; }
  17. #minima__narrow_left, #minima__narrow_right { width: 610px; }
  18. /* -------------- header --------------- */
  19. div.dokuwiki .header { height: 55px; }
  20. #minima__wide_left .header,
  21. #minima__wide_right .header {
  22. background: transparent url(images/header_wide@{ini_theme}.jpg) no-repeat;
  23. }
  24. #minima__medium_left .header,
  25. #minima__medium_right .header {
  26. background: transparent url(images/header_medium@{ini_theme}.jpg) no-repeat;
  27. }
  28. #minima__narrow_left .header,
  29. #minima__narrow_right .header {
  30. background: transparent url(images/header_narrow@{ini_theme}.jpg) no-repeat;
  31. }
  32. #minima__wide_left .header { padding: 21px 89px 13px 288px; }
  33. #minima__medium_left .header { padding: 21px 68px 13px 220px; }
  34. #minima__narrow_left .header { padding: 21px 55px 13px 178px; }
  35. #minima__wide_right .header { padding: 21px 55px 13px 89px; }
  36. #minima__medium_right .header { padding: 21px 42px 13px 68px; }
  37. #minima__narrow_right .header { padding: 21px 34px 13px 55px; }
  38. div.dokuwiki .logo {
  39. font-size: 220%;
  40. font-weight: bolder;
  41. margin-top: 8px;
  42. /* vertical-align: middle; */
  43. }
  44. div.dokuwiki .logo a {
  45. color: __background__ !important;
  46. text-decoration: none !important;
  47. }
  48. /* --------------- main ---------------- */
  49. div.dokuwiki div.main {
  50. overflow: auto;
  51. background-color: __background__;
  52. border-left: 1px solid __text_alt__;
  53. border-right: 1px solid __text_alt__;
  54. }
  55. /* --------------- page ---------------- */
  56. div.dokuwiki div.page {
  57. text-align: justify;
  58. line-height: 1.5em;
  59. padding-top: 21px;
  60. padding-bottom: 34px;
  61. background-color: __background__;
  62. }
  63. div.dokuwiki div.tabs {
  64. font-size: 12px;
  65. padding-top: 5px;
  66. line-height: 1.5em;
  67. background-color: __background_alt__;
  68. border-bottom: 1px solid __border__;
  69. }
  70. div.dokuwiki span.activetab {
  71. background-color: __background__;
  72. padding: 2px 5px;
  73. border: 1px solid __border__;
  74. border-bottom: 1px solid __background__;
  75. }
  76. div.dokuwiki a.tab {
  77. background-color: __background_neu__;
  78. padding: 2px 5px;
  79. border: 1px solid __text_other__;
  80. border-bottom: 0px;
  81. }
  82. div.dokuwiki a.tab:hover {
  83. text-decoration: none;
  84. background-color: __background_other__;
  85. border: 1px solid __border__;
  86. border-bottom: 0px;
  87. }
  88. #minima__wide_left div.tabs,
  89. #minima__wide_left div.breadcrumbs,
  90. #minima__wide_right div.tabs,
  91. #minima__wide_right div.breadcrumbs {
  92. width: 842px;
  93. }
  94. #minima__wide_left div.page,
  95. #minima__wide_right div.page {
  96. width: 610px;
  97. }
  98. #minima__wide_left div.page,
  99. #minima__wide_left div.tabs,
  100. #minima__wide_left div.breadcrumbs {
  101. padding-left: 55px;
  102. padding-right: 88px;
  103. float: right;
  104. }
  105. #minima__wide_right div.page,
  106. #minima__wide_right div.tabs,
  107. #minima__wide_right div.breadcrumbs {
  108. padding-left: 88px;
  109. padding-right: 55px;
  110. float: left;
  111. }
  112. #minima__medium_left div.tabs,
  113. #minima__medium_left div.breadcrumbs,
  114. #minima__medium_right div.tabs,
  115. #minima__medium_right div.breadcrumbs {
  116. width: 643px;
  117. }
  118. #minima__medium_left div.page,
  119. #minima__medium_right div.page {
  120. width: 466px;
  121. }
  122. #minima__medium_left div.page,
  123. #minima__medium_left div.tabs,
  124. #minima__medium_left div.breadcrumbs {
  125. padding-left: 42px;
  126. padding-right: 67px;
  127. float: right;
  128. }
  129. #minima__medium_right div.page,
  130. #minima__medium_right div.tabs,
  131. #minima__medium_right div.breadcrumbs {
  132. padding-left: 67px;
  133. padding-right: 42px;
  134. float: left;
  135. }
  136. #minima__narrow_left div.tabs,
  137. #minima__narrow_left div.breadcrumbs,
  138. #minima__narrow_right div.tabs,
  139. #minima__narrow_right div.breadcrumbs {
  140. width: 520px;
  141. }
  142. #minima__narrow_left div.page,
  143. #minima__narrow_right div.page {
  144. width: 377px;
  145. }
  146. #minima__narrow_left div.page,
  147. #minima__narrow_left div.tabs,
  148. #minima__narrow_left div.breadcrumbs {
  149. padding-left: 34px;
  150. padding-right: 54px;
  151. float: right;
  152. }
  153. #minima__narrow_right div.page,
  154. #minima__narrow_right div.tabs,
  155. #minima__narrow_right div.breadcrumbs {
  156. padding-left: 54px;
  157. padding-right: 34px;
  158. float: left;
  159. }
  160. /* --------------- sidebar ---------------- */
  161. div.dokuwiki div.sidebar {
  162. background: __background_alt__;
  163. font-size: 90%;
  164. }
  165. div.dokuwiki div.sidebar:after {
  166. content: "&nbsp;";
  167. display: block;
  168. height: 0;
  169. font-size: 0;
  170. line-height: 0;
  171. overflow: hidden;
  172. visibility: hidden;
  173. }
  174. #minima__wide_left div.sidebar { padding: 21px 34px 34px 54px; width: 144px; }
  175. #minima__medium_left div.sidebar { padding: 21px 26px 34px 41px; width: 110px; }
  176. #minima__narrow_left div.sidebar { padding: 21px 21px 34px 33px; width: 89px; }
  177. #minima__wide_right div.sidebar {
  178. margin-left: 753px;
  179. padding: 21px 54px 34px 34px;
  180. }
  181. #minima__medium_right div.sidebar {
  182. margin-left: 575px;
  183. padding: 21px 41px 34px 26px;
  184. }
  185. #minima__narrow_right div.sidebar {
  186. margin-left: 465px;
  187. padding: 21px 33px 34px 21px;
  188. }
  189. #minima__wide_left div.sidebar:after,
  190. #minima__medium_left div.sidebar:after,
  191. #minima__narrow_left div.sidebar:after {
  192. clear: right;
  193. }
  194. #minima__wide_right div.sidebar:after,
  195. #minima__medium_right div.sidebar:after,
  196. #minima__narrow_right div.sidebar:after {
  197. clear: left;
  198. }
  199. div.dokuwiki div.search {
  200. width: 100%;
  201. }
  202. /* --------------- button bar ---------------- */
  203. div.dokuwiki div.bar {
  204. border-top: 1px solid __border__;
  205. border-bottom: 1px solid __border__;
  206. background: __background_alt__;
  207. clear: both;
  208. }
  209. #minima__wide_left div.bar,
  210. #minima__medium_left div.bar,
  211. #minima__narrow_left div.bar {
  212. border-right: 1px solid __border__;
  213. padding: 2px 2px 2px 0;
  214. }
  215. #minima__wide_right div.bar,
  216. #minima__medium_right div.bar,
  217. #minima__narrow_right div.bar {
  218. border-left: 1px solid __border__;
  219. padding: 2px 0 2px 2px;
  220. }
  221. #minima__wide_left div.bar { margin-left: -55px; padding-left: 55px; width: 607px; }
  222. #minima__medium_left div.bar { margin-left: -42px; padding-left: 42px; width: 463px; }
  223. #minima__narrow_left div.bar { margin-left: -34px; padding-left: 34px; width: 374px; }
  224. #minima__wide_right div.bar { width: 662px; }
  225. #minima__medium_right div.bar { width: 505px; }
  226. #minima__narrow_right div.bar { width: 408px; }
  227. /* ------------- file metadata ----------------------- */
  228. div.dokuwiki div.meta {
  229. margin-top: 2em;
  230. color: __text_alt__;
  231. font-size: 80%;
  232. }
  233. /* ------------- footer ----------------------- */
  234. div.dokuwiki div.footer {
  235. height: 10px;
  236. font-size: 5px;
  237. line-height: 9px;
  238. }
  239. div.dokuwiki div.edgeleft {
  240. float: left;
  241. padding-left: 10px;
  242. background: __background__ url(images/edgeleft@{ini_theme}.gif) no-repeat bottom left;
  243. }
  244. div.dokuwiki div.edgeright {
  245. float: right;
  246. padding-right: 10px;
  247. background: __background__ url(images/edgeright@{ini_theme}.gif) no-repeat bottom right;
  248. }
  249. #minima__wide_left div.edgeleft,
  250. #minima__wide_right div.edgeright {
  251. width: 223px;
  252. background-color: __background_alt__;
  253. }
  254. #minima__medium_left div.edgeleft,
  255. #minima__medium_right div.edgeright {
  256. width: 168px;
  257. background-color: __background_alt__;
  258. }
  259. #minima__narrow_left div.edgeleft,
  260. #minima__narrow_right div.edgeright {
  261. width: 134px;
  262. background-color: __background_alt__;
  263. }
  264. #minima__wide_left div.edgeright, #minima__wide_right div.edgeleft { width: 744px; }
  265. #minima__medium_left div.edgeright, #minima__medium_right div.edgeleft { width: 566px; }
  266. #minima__narrow_left div.edgeright, #minima__narrow_right div.edgeleft { width: 456px; }
  267. div.dokuwiki div.borderbottom {
  268. width: 100%;
  269. border-bottom: 1px solid __text_alt__;
  270. }