solarized-light.css 4.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. @import url(http://fonts.googleapis.com/css?family=Inconsolata);
  2. @import url(http://fonts.googleapis.com/css?family=PT+Sans);
  3. @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
  4. article,
  5. aside,
  6. details,
  7. figcaption,
  8. figure,
  9. footer,
  10. header,
  11. hgroup,
  12. nav,
  13. section,
  14. summary {
  15. display: block;
  16. }
  17. audio,
  18. canvas,
  19. video {
  20. display: inline-block;
  21. }
  22. audio:not([controls]) {
  23. display: none;
  24. height: 0;
  25. }
  26. [hidden] {
  27. display: none;
  28. }
  29. html {
  30. font-family: sans-serif;
  31. -webkit-text-size-adjust: 100%;
  32. -ms-text-size-adjust: 100%;
  33. }
  34. body {
  35. margin: 0;
  36. }
  37. a:focus {
  38. outline: thin dotted;
  39. }
  40. a:active,
  41. a:hover {
  42. outline: 0;
  43. }
  44. h1 {
  45. font-size: 2em;
  46. }
  47. abbr[title] {
  48. border-bottom: 1px dotted;
  49. }
  50. b,
  51. strong {
  52. font-weight: bold;
  53. }
  54. dfn {
  55. font-style: italic;
  56. }
  57. mark {
  58. background: #ff0;
  59. color: #000;
  60. }
  61. code,
  62. kbd,
  63. pre,
  64. samp {
  65. font-family: monospace, serif;
  66. font-size: 1em;
  67. }
  68. pre {
  69. white-space: pre-wrap;
  70. word-wrap: break-word;
  71. }
  72. q {
  73. quotes: "\201C" "\201D" "\2018" "\2019";
  74. }
  75. small {
  76. font-size: 80%;
  77. }
  78. sub,
  79. sup {
  80. font-size: 75%;
  81. line-height: 0;
  82. position: relative;
  83. vertical-align: baseline;
  84. }
  85. sup {
  86. top: -0.5em;
  87. }
  88. sub {
  89. bottom: -0.25em;
  90. }
  91. img {
  92. border: 0;
  93. }
  94. svg:not(:root) {
  95. overflow: hidden;
  96. }
  97. figure {
  98. margin: 0;
  99. }
  100. fieldset {
  101. border: 1px solid #c0c0c0;
  102. margin: 0 2px;
  103. padding: 0.35em 0.625em 0.75em;
  104. }
  105. legend {
  106. border: 0;
  107. padding: 0;
  108. }
  109. button,
  110. input,
  111. select,
  112. textarea {
  113. font-family: inherit;
  114. font-size: 100%;
  115. margin: 0;
  116. }
  117. button,
  118. input {
  119. line-height: normal;
  120. }
  121. button,
  122. html input[type="button"],
  123. input[type="reset"],
  124. input[type="submit"] {
  125. -webkit-appearance: button;
  126. cursor: pointer;
  127. }
  128. button[disabled],
  129. input[disabled] {
  130. cursor: default;
  131. }
  132. input[type="checkbox"],
  133. input[type="radio"] {
  134. box-sizing: border-box;
  135. padding: 0;
  136. }
  137. input[type="search"] {
  138. -webkit-appearance: textfield;
  139. -moz-box-sizing: content-box;
  140. -webkit-box-sizing: content-box;
  141. box-sizing: content-box;
  142. }
  143. input[type="search"]::-webkit-search-cancel-button,
  144. input[type="search"]::-webkit-search-decoration {
  145. -webkit-appearance: none;
  146. }
  147. button::-moz-focus-inner,
  148. input::-moz-focus-inner {
  149. border: 0;
  150. padding: 0;
  151. }
  152. textarea {
  153. overflow: auto;
  154. vertical-align: top;
  155. }
  156. table {
  157. border-collapse: collapse;
  158. border-spacing: 0;
  159. }
  160. html {
  161. font-family: 'PT Sans', sans-serif;
  162. }
  163. pre,
  164. code {
  165. font-family: 'Inconsolata', sans-serif;
  166. }
  167. h1,
  168. h2,
  169. h3,
  170. h4,
  171. h5,
  172. h6 {
  173. font-family: 'PT Sans Narrow', sans-serif;
  174. font-weight: 700;
  175. }
  176. html {
  177. background-color: #eee8d5;
  178. color: #657b83;
  179. margin: 1em;
  180. }
  181. body {
  182. background-color: #fdf6e3;
  183. margin: 0 auto;
  184. max-width: 23cm;
  185. border: 1pt solid #93a1a1;
  186. padding: 1em;
  187. }
  188. code {
  189. background-color: #eee8d5;
  190. padding: 2px;
  191. }
  192. a {
  193. color: #b58900;
  194. }
  195. a:visited {
  196. color: #cb4b16;
  197. }
  198. a:hover {
  199. color: #cb4b16;
  200. }
  201. h1 {
  202. color: #d33682;
  203. }
  204. h2,
  205. h3,
  206. h4,
  207. h5,
  208. h6 {
  209. color: #859900;
  210. }
  211. pre {
  212. background-color: #fdf6e3;
  213. color: #657b83;
  214. border: 1pt solid #93a1a1;
  215. padding: 1em;
  216. box-shadow: 5pt 5pt 8pt #eee8d5;
  217. }
  218. pre code {
  219. background-color: #fdf6e3;
  220. }
  221. h1 {
  222. font-size: 2.8em;
  223. }
  224. h2 {
  225. font-size: 2.4em;
  226. }
  227. h3 {
  228. font-size: 1.8em;
  229. }
  230. h4 {
  231. font-size: 1.4em;
  232. }
  233. h5 {
  234. font-size: 1.3em;
  235. }
  236. h6 {
  237. font-size: 1.15em;
  238. }
  239. .tag {
  240. background-color: #eee8d5;
  241. color: #d33682;
  242. padding: 0 0.2em;
  243. }
  244. .todo,
  245. .next,
  246. .done {
  247. color: #fdf6e3;
  248. background-color: #dc322f;
  249. padding: 0 0.2em;
  250. }
  251. .tag {
  252. -webkit-border-radius: 0.35em;
  253. -moz-border-radius: 0.35em;
  254. border-radius: 0.35em;
  255. }
  256. .TODO {
  257. -webkit-border-radius: 0.2em;
  258. -moz-border-radius: 0.2em;
  259. border-radius: 0.2em;
  260. background-color: #2aa198;
  261. }
  262. .NEXT {
  263. -webkit-border-radius: 0.2em;
  264. -moz-border-radius: 0.2em;
  265. border-radius: 0.2em;
  266. background-color: #268bd2;
  267. }
  268. .ACTIVE {
  269. -webkit-border-radius: 0.2em;
  270. -moz-border-radius: 0.2em;
  271. border-radius: 0.2em;
  272. background-color: #268bd2;
  273. }
  274. .DONE {
  275. -webkit-border-radius: 0.2em;
  276. -moz-border-radius: 0.2em;
  277. border-radius: 0.2em;
  278. background-color: #859900;
  279. }
  280. .WAITING {
  281. -webkit-border-radius: 0.2em;
  282. -moz-border-radius: 0.2em;
  283. border-radius: 0.2em;
  284. background-color: #cb4b16;
  285. }
  286. .HOLD {
  287. -webkit-border-radius: 0.2em;
  288. -moz-border-radius: 0.2em;
  289. border-radius: 0.2em;
  290. background-color: #d33682;
  291. }
  292. .NOTE {
  293. -webkit-border-radius: 0.2em;
  294. -moz-border-radius: 0.2em;
  295. border-radius: 0.2em;
  296. background-color: #d33682;
  297. }
  298. .CANCELLED {
  299. -webkit-border-radius: 0.2em;
  300. -moz-border-radius: 0.2em;
  301. border-radius: 0.2em;
  302. background-color: #859900;
  303. }