/css/default.css

https://github.com/nimdahk/ahkbook · CSS · 241 lines · 194 code · 29 blank · 18 comment · 0 complexity · 246a4d8c10acd7b0cfb79aca493f53c2 MD5 · raw file

  1. /* --------------------------------------------------
  2. * Style sheet for ahkbook
  3. * Visit the ahkbook repo on http://github.com
  4. * Loosely based on Jekyll's default style sheet
  5. * Modified by Frankie Bagnardi (http://aboutscript.com)
  6. */
  7. /* --------------------------------------------------
  8. Global and Top Level -------------------------- */
  9. * {
  10. margin: 0;
  11. padding: 0;
  12. /* src: http://css-tricks.com/7323-box-sizing/ */
  13. -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  14. -moz-box-sizing: border-box; /* Firefox, other Gecko */
  15. box-sizing: border-box; /* Opera/IE 8+ */
  16. letter-spacing: 1.5px;
  17. line-height: 175%;
  18. }
  19. body {
  20. padding: 0px;
  21. font-family: Tahoma,
  22. "DejaVu Sans",
  23. sans-serif;
  24. background-color: #DDD;
  25. text-align: left
  26. }
  27. .content {
  28. background-color: white;
  29. color: #1F1F1F;
  30. width: 1024px;
  31. max-width: 90%;
  32. margin: 15px auto 3px auto;
  33. padding: 3% 1.5%;
  34. -moz-box-shadow: 0px 0px 60px #888;
  35. -webkit-box-shadow: 0px 0px 60px #888;
  36. box-shadow: 0px 0px 60px #888;
  37. }
  38. .content > p , li {
  39. margin-right: 20px;
  40. margin-left: 20px;
  41. }
  42. .content > p {
  43. margin-top: 20px;
  44. }
  45. /* --------------------------------------------------
  46. Headings --------------------------------------- */
  47. h1 {
  48. color: #070707;
  49. }
  50. h2,h3,h4,h5,h6,h7 {
  51. color: #222;
  52. margin-top: 15px;
  53. }
  54. h2 {
  55. border-bottom: solid 1px black;
  56. width: 40%;
  57. font-weight: 400;
  58. }
  59. h3 {
  60. font-style: oblique;
  61. font-weight: 700;
  62. }
  63. /* --------------------------------------------------
  64. Links ----------------------------------------- */
  65. a:link, a:visited {
  66. color: #1F647F;
  67. text-decoration: none;
  68. }
  69. a:hover, a:focus {
  70. text-decoration: underline;
  71. color: #2B89AF;
  72. }
  73. /* The three icons are made by Yusuke Kamiyamane
  74. http://p.yusukekamiyamane.com/
  75. License: http://creativecommons.org/licenses/by/3.0/ */
  76. a[href*="://"] {
  77. padding-right: 20px;
  78. background-repeat: no-repeat;
  79. background-position: right center;
  80. background-image: url(external.png);
  81. }
  82. a[href^="http://www.autohotkey.com"],
  83. a[href^="http://de.autohotkey.com"],
  84. a[href^="http://autohotkey.free.fr"],
  85. a[href^="http://cn.autohotkey.com"]
  86. {
  87. background-image: url(docs.png);
  88. }
  89. a[href^="http://www.autohotkey.net"],
  90. a[href^="http://www.autohotkey.com/forum"],
  91. a[href^="http://de.autohotkey.com/forum"]
  92. {
  93. padding-right: 16px;
  94. background-image: url(forum.png);
  95. }
  96. a[href=''] {
  97. color: darkred
  98. }
  99. a[href^="https://github"], /* Repos and homepage */
  100. a[href*=".github.com"] /* gh-pages, help, etc. */
  101. {
  102. background-image: url(github.png);
  103. }
  104. /* --------------------------------------------------
  105. References ------------------------------------ */
  106. cite {
  107. font-style: italic
  108. }
  109. cite:before, cite:after {
  110. content: '"'
  111. }
  112. blockquote {
  113. padding: 10px;
  114. background-color: white;
  115. margin: 8px 0 8px 5%;
  116. width: 90%;
  117. -moz-box-shadow:inset 0 0 10px #aaa;
  118. -webkit-box-shadow:inset 0 0 10px #aaa;
  119. box-shadow:inset 0 0 10px #aaa;
  120. }
  121. blockquote:first-letter {
  122. font-size: 120%
  123. }
  124. img {
  125. padding: 5px;
  126. margin: 5px;
  127. border: solid gray 2px;
  128. text-align: center;
  129. display: block;
  130. max-width: 90%
  131. }
  132. pre {
  133. padding: 10px;
  134. -moz-border-radius: 10px;
  135. -o-border-radius: 10px;
  136. -ie-border-radius: 10px;
  137. -webkit-border-radius: 10px;
  138. border-radius: 10px;
  139. box-shadow: inset 0 0 10px #999;
  140. background-color: #FCFCFC;
  141. font-family: Arial;
  142. /* src: http://www.longren.org/wrapping-text-inside-pre-tags/ */
  143. overflow-x: auto;
  144. white-space: pre-wrap; /* css-3 */
  145. white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  146. white-space: -pre-wrap; /* Opera 4-6 */
  147. white-space: -o-pre-wrap; /* Opera 7 */
  148. word-wrap: break-word; /* Internet Explorer 5.5+ */
  149. }
  150. pre * {
  151. font-family: "Droid Sans Mono", Courier, monospace;
  152. letter-spacing: 1.1px;
  153. line-height: 125%;
  154. }
  155. /* --------------------------------------------------
  156. Lists --------------------------------------- */
  157. ul, ol {
  158. margin-left: 3%;
  159. }
  160. ol {
  161. font-style: italic;
  162. font-weight: bold;
  163. list-style-type: decimal;
  164. }
  165. ul {
  166. list-style-type: disc;
  167. }
  168. ol li {
  169. font-style: normal;
  170. font-weight: normal;
  171. }
  172. /* --------------------------------------------------
  173. Tables --------------------------------------- */
  174. table {
  175. width: 100%;
  176. }
  177. td, th {
  178. border-radius: 7px;
  179. padding: 4px;
  180. }
  181. td {
  182. border: 1px solid #BBB;
  183. }
  184. th {
  185. border: 2px solid #CCD;
  186. }
  187. /* END OF STYLE SHEET
  188. -------------------*/