summaryrefslogtreecommitdiff
path: root/actiontabs/style.scss
blob: f51b61d5633335879439beb949e3f37fc69d55a8 (plain)
  1. @import "ikiwiki";
  2. @include ikiwiki-boilerplate;
  3. @include ikiwiki-reset;
  4. @include ikiwiki-style-legacy;
  5. /* mobile/small-screen-friendly layout */
  6. @media (max-width: 600px) {
  7. .sidebar {
  8. width: auto;
  9. float: none;
  10. margin-top: 0;
  11. border: none;
  12. }
  13. /* if the mobile browser is new enough, use flex layout to shuffle
  14. * the sidebar to the end */
  15. .page {
  16. display: -webkit-box;
  17. display: -webkit-flexbox;
  18. display: -webkit-flex;
  19. display: -moz-box;
  20. display: -ms-flexbox;
  21. display: flex;
  22. -webkit-box-orient: vertical;
  23. -webkit-flex-direction: tb;
  24. -webkit-flex-direction: column;
  25. -webkit-flex-flow: column;
  26. -ms-flex-direction: column;
  27. flex-direction: column;
  28. }
  29. #pageheader {
  30. -webkit-box-ordinal-group: -1;
  31. -webkit-order: -1;
  32. -ms-box-ordinal-group: -1;
  33. -ms-flex-order: -1;
  34. order: -1;
  35. }
  36. .sidebar, #footer {
  37. -webkit-box-ordinal-group: 1;
  38. -webkit-order: 1;
  39. -ms-box-ordinal-group: 1;
  40. -ms-flex-order: 1;
  41. order: 1;
  42. }
  43. .blogform, #blogform {
  44. padding: 4px 4px;
  45. }
  46. }
  47. /* actiontabs theme for ikiwiki
  48. *
  49. * by svend
  50. */
  51. a {
  52. text-decoration: none;
  53. color: #005a9c;
  54. }
  55. a:hover {
  56. text-decoration: underline;
  57. }
  58. hr {
  59. border-style: none;
  60. background-color: #999;
  61. height: 1px;
  62. }
  63. code, pre {
  64. background: #eee;
  65. }
  66. pre {
  67. padding: .5em;
  68. }
  69. body {
  70. margin: 0;
  71. padding: 0;
  72. font-family: sans-serif;
  73. color: black;
  74. background: white;
  75. }
  76. .pageheader {
  77. margin: 0;
  78. padding: 1em 2em;
  79. position: relative;
  80. overflow: hidden;
  81. background: #eee;
  82. border-color: #999;
  83. border-style: none none solid none;
  84. border-width: 1px;
  85. }
  86. .pageheader .header {
  87. float: left;
  88. font-size: 120%;
  89. }
  90. div.header, header.header {
  91. font-weight: normal;
  92. }
  93. .title {
  94. display: block;
  95. margin-top: .2em;
  96. font: 140% sans-serif;
  97. }
  98. #searchform {
  99. position: absolute;
  100. top: 0.5em;
  101. right: 2em;
  102. }
  103. .pageheader .actions {
  104. position: absolute;
  105. bottom: 0;
  106. right: 2em;
  107. width: 100%;
  108. text-align: right;
  109. padding: 2px;
  110. }
  111. #content, #enclosure, #comments, #footer {
  112. margin: 1em 2em;
  113. }
  114. #pageinfo {
  115. border-color: #999;
  116. }
  117. .inlinepage {
  118. margin: .4em 0;
  119. padding: .4em 0;
  120. border-style: none;
  121. border-top: 1px solid #aaa;
  122. }
  123. .inlineheader {
  124. font-size: 120%;
  125. }
  126. h1 {
  127. font: 120% sans-serif;
  128. }
  129. h2 {
  130. font: bold 100% sans-serif;
  131. }
  132. h3, h4, h5, h6 {
  133. font: bold 80% sans-serif;
  134. }
  135. /* Smaller headings for inline pages */
  136. .inlinepage h1 {
  137. font-size: 110%;
  138. }
  139. .inlinepage h2 {
  140. font-size: 100%;
  141. }
  142. .inlinepage h3 {
  143. font-size: 100%;
  144. }
  145. .pageheader .actions ul {
  146. border-style: none;
  147. }
  148. .actions ul {
  149. padding: 0;
  150. border-style: none;
  151. }
  152. .actions ul li a {
  153. text-decoration: none;
  154. }
  155. .pageheader .actions ul li {
  156. margin: 0;
  157. padding: .1em .5em 0 .5em;
  158. background: white;
  159. border-color: #999;
  160. border-style: solid solid none solid;
  161. border-width: 1px;
  162. }
  163. div.recentchanges {
  164. border-style: none;
  165. }
  166. .pagecloud {
  167. width: auto;
  168. }
  169. .sidebar {
  170. border-bottom: 0;
  171. border-right: 0;
  172. border-top: 0;
  173. margin-top: 0.5em;
  174. padding: 0 0 0 2ex;
  175. border-color: #999;
  176. }
  177. .pageheader .trails {
  178. /* allow space for the action tabs */
  179. margin-bottom: 2em;
  180. }
  181. @media (max-width: 600px) {
  182. #content, #enclosure, #comments, #footer {
  183. margin: 0.5em;
  184. }
  185. .pageheader .actions ul li {
  186. padding: .1em .2em 0 .2em;
  187. font-size: 0.8em;
  188. }
  189. }