site.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. body {
  2. background: #015;
  3. color: #bbb;
  4. font-family: helvetica, arial, sans-serif;
  5. font-size: 15px;
  6. line-height: 1.3;
  7. margin: 0;
  8. padding: 0;
  9. }
  10. header,
  11. section,
  12. footer {
  13. padding: 20px;
  14. }
  15. header,
  16. footer {
  17. background: #111;
  18. color: #666;
  19. position: relative;
  20. }
  21. header h1 {
  22. margin: 0;
  23. padding: 0;
  24. }
  25. header h1 a {
  26. font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  27. font-size: 60px;
  28. font-weight: 200;
  29. text-decoration: none;
  30. }
  31. header p {
  32. font-size: 23px;
  33. }
  34. #header-links {
  35. margin: 0;
  36. padding: 0;
  37. list-style: none;
  38. position: absolute;
  39. right: 20px;
  40. top: 30px;
  41. text-align: right;
  42. }
  43. #header-links a {
  44. color: #888;
  45. }
  46. #header-links a:hover {
  47. color: #06c;
  48. }
  49. h2 {
  50. color: #eee;
  51. font-size: 35px;
  52. font-weight: normal;
  53. margin: 0;
  54. line-height: 1.1
  55. }
  56. p {
  57. margin: 20px 0 0 0;
  58. }
  59. p:first-child {
  60. margin-top: 0;
  61. }
  62. input {
  63. font-size: 13px;
  64. -webkit-border-radius: 3px;
  65. -moz-border-radius: 5px;
  66. border-radius: 5px;
  67. padding: 3px;
  68. background: #dde;
  69. border: 1px solid #aac;
  70. }
  71. input.time {
  72. width: 80px;
  73. }
  74. input.date {
  75. width: 90px;
  76. }
  77. a {
  78. color: #06c;
  79. text-decoration: none;
  80. }
  81. a:hover {
  82. text-decoration: underline;
  83. }
  84. image {
  85. border: 0;
  86. }
  87. #examples article {
  88. padding-top: 100px;
  89. clear: both;
  90. }
  91. #examples article:first-child {
  92. padding-top: 0;
  93. }
  94. #examples .demo {
  95. width: 450px;
  96. float: left;
  97. }
  98. #examples .code {
  99. font-size: 12px;
  100. margin: 0 0 0 470px;
  101. }
  102. footer {
  103. font-size: 12px;
  104. }
  105. div.ui-datepicker { font-size: 11px; }
  106. #alternateUiWidgetsExample .date { width: 120px; }
  107. /**
  108. * Blackboard theme
  109. *
  110. * Adapted from Domenico Carbotta's TextMate theme of the same name
  111. *
  112. * @author Domenico Carbotta
  113. * @author Craig Campbell
  114. * @version 1.0.2
  115. */
  116. pre {
  117. background: #0B1022;
  118. word-wrap: break-word;
  119. margin: 0px;
  120. padding: 0px;
  121. padding: 10px;
  122. color: #fff;
  123. font-size: 12px;
  124. margin: 0;
  125. overflow-y: auto;
  126. -webkit-border-radius: 8px;
  127. -moz-border-radius: 8px;
  128. border-radius: 8px;
  129. }
  130. pre, code {
  131. font-family: Consolas, 'Monaco', courier, monospace;
  132. }
  133. pre .comment {
  134. color: #727272;
  135. }
  136. pre .constant {
  137. color: #D8FA3C;
  138. }
  139. pre .storage {
  140. color: #FBDE2D;
  141. }
  142. pre .string, pre .comment.docstring {
  143. color: #61CE3C;
  144. }
  145. pre .string.regexp, pre .support.tag.script, pre .support.tag.style {
  146. color: #fff;
  147. }
  148. pre .keyword, pre .selector {
  149. color: #FBDE2D;
  150. }
  151. pre .inherited-class {
  152. font-style: italic;
  153. }
  154. pre .entity {
  155. color: #FF6400;
  156. }
  157. pre .support, *[data-language="c"] .function.call {
  158. color: #8DA6CE;
  159. }
  160. pre .variable.global, pre .variable.class, pre .variable.instance {
  161. color: #FF6400;
  162. }