custom.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. @import url("vendor.css");
  2. html {
  3. position: relative;
  4. min-height: 100%;
  5. }
  6. body {
  7. /* Margin bottom by footer height */
  8. margin-bottom: 60px;
  9. padding-top: 50px;
  10. }
  11. body,
  12. h1,
  13. h2,
  14. h3,
  15. h4,
  16. h5,
  17. h6 {
  18. font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  19. }
  20. h1 {
  21. font-size: 42px;
  22. font-weight: 500;
  23. }
  24. h2 {
  25. font-weight: 300;
  26. font-size: 34px;
  27. }
  28. ul, ol {
  29. margin: 0 0 10px 20px;
  30. padding: 0;
  31. }
  32. code {
  33. padding: 0;
  34. }
  35. /* -- sidebar --------------------------------------------------------------- */
  36. .page-sidebar {
  37. margin-top: 25px;
  38. border: 1px solid #cad7e1;
  39. background-color: #FFF;
  40. }
  41. .search > input[type="text"] {
  42. width: 165px;
  43. }
  44. /* dirty but works ¯\_(ツ)_/¯ */
  45. @media (max-width:1200px) and (min-width:768px) {
  46. .search > input[type="text"] {
  47. width: 100px;
  48. }
  49. }
  50. .page-sidebarwrapper {
  51. padding: 10px;
  52. line-height: 1.3;
  53. }
  54. .page-sidebarwrapper ul li a {
  55. display: block;
  56. padding: 3px 0;
  57. }
  58. a.reference {
  59. border: none;
  60. text-decoration: none;
  61. }
  62. a.reference:hover {
  63. text-decoration: underline;
  64. border: none;
  65. }
  66. a.reference:active {
  67. text-decoration: underline;
  68. border: none;
  69. }
  70. a:visited {
  71. text-decoration: none;
  72. }
  73. a:hover {
  74. text-decoration: underline;
  75. }
  76. a:active {
  77. text-decoration: underline;
  78. }
  79. img.screenshot {
  80. width: 100%;
  81. box-shadow: 0 4px 16px rgba(85, 85, 85, 0.8);
  82. border-radius: 6px;
  83. margin: 15px 0;
  84. }
  85. .page-content {
  86. padding-top: 0px;
  87. margin-top: 25px;
  88. margin-bottom: 20px;
  89. }
  90. .paper {
  91. background-color: #FFF;
  92. padding: 20px;
  93. border: 1px solid #cad7e1;
  94. position: relative;
  95. }
  96. .paper:before {
  97. content: "";
  98. position: absolute;
  99. top: -1px;
  100. right: -1px;
  101. border-width: 0 40px 40px 0;
  102. border-style: solid;
  103. border-color: #ccc #F6F9FC;
  104. z-index: 3;
  105. }
  106. footer {
  107. position: absolute;
  108. bottom: 0;
  109. width: 100%;
  110. /* Set the fixed height of the footer here */
  111. height: 60px;
  112. padding: 20px 0;
  113. background-color: #333333;
  114. }
  115. .copyright,
  116. .made-in,
  117. .powered-by {
  118. margin: 0;
  119. }
  120. pre {
  121. display: block;
  122. margin: 0 0 12px;
  123. line-height: 1.42857;
  124. word-break: break-all;
  125. word-wrap: break-word;
  126. color: #333;
  127. background-color: #f5f5f5;
  128. border: 1px solid #cad7e1;
  129. border-radius: 0;
  130. }