flaskbb.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. html,
  2. body {
  3. height: 100%; /* The html and body elements cannot have any padding or margin. */
  4. }
  5. /* Wrapper for page content to push down footer */
  6. #wrap {
  7. min-height: 100%;
  8. height: auto !important;
  9. height: 100%; /* Negative indent footer by its height */
  10. margin: 0 auto -60px;
  11. padding: 0 0 60px; /* Pad bottom by footer height */
  12. }
  13. /* Set the fixed height of the footer here */
  14. #footer {
  15. height: 60px;
  16. background-color: #f5f5f5;
  17. }
  18. .container .credit {
  19. margin: 20px 0;
  20. }
  21. #footer > .container {
  22. margin: 0 auto 15px;
  23. padding-left: 15px;
  24. padding-right: 15px;
  25. }
  26. .pagination {
  27. margin: 0;
  28. }
  29. .pagination-text {
  30. cursor: default;
  31. background-color: #fff;
  32. border-color: #ddd;
  33. }
  34. /*
  35. * Option to remove the borders from the table
  36. */
  37. /* borderless table */
  38. .table .table-borderless td, .table.table-borderless th {
  39. border: 0 !important;
  40. }
  41. .table .table-borderless {
  42. margin-bottom: 0px;
  43. }
  44. /*
  45. * Nav Header
  46. * Got these lines from bootstrap 2.3.2
  47. */
  48. .nav-header {
  49. display: block;
  50. padding: 3px 15px;
  51. font-size: 12px;
  52. font-weight: bold;
  53. line-height: 20px;
  54. color: #999999;
  55. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  56. text-transform: uppercase;
  57. }
  58. .nav li + .nav-header {
  59. margin-top: 9px;
  60. }
  61. /*
  62. * Side navigation
  63. *
  64. * Scrollspy and affixed enhanced navigation to highlight sections and secondary
  65. * sections of docs content.
  66. *
  67. * Copied from the bootstrap3 docs.css file which is licensed under the
  68. * Apache 2.0 license.
  69. */
  70. /* By default it's not affixed in mobile views, so undo that */
  71. .sidebar.affix {
  72. position: static;
  73. }
  74. /* First level of nav */
  75. .sidenav {
  76. margin-bottom: 30px;
  77. padding-top: 10px;
  78. padding-bottom: 10px;
  79. text-shadow: 0 1px 0 #fff;
  80. background-color: #f7f5fa;
  81. border-radius: 5px;
  82. }
  83. /* All levels of nav */
  84. .sidebar .nav > li > a {
  85. display: block;
  86. color: #716b7a;
  87. padding: 5px 20px;
  88. }
  89. .sidebar .nav > li > a:hover,
  90. .sidebar .nav > li > a:focus {
  91. text-decoration: none;
  92. background-color: #e5e3e9;
  93. border-right: 1px solid #dbd8e0;
  94. }
  95. .sidebar .nav > .active > a,
  96. .sidebar .nav > .active:hover > a,
  97. .sidebar .nav > .active:focus > a {
  98. font-weight: bold;
  99. color: #0088cc;
  100. background-color: transparent;
  101. border-right: 1px solid #0088cc;
  102. }
  103. /* Nav: second level (shown on .active) */
  104. .sidebar .nav .nav {
  105. display: none; /* Hide by default, but at >768px, show it */
  106. margin-bottom: 8px;
  107. }
  108. .sidebar .nav .nav > li > a {
  109. padding-top: 3px;
  110. padding-bottom: 3px;
  111. padding-left: 30px;
  112. font-size: 90%;
  113. }
  114. /* Show and affix the side nav when space allows it */
  115. @media screen and (min-width: 992px) {
  116. .sidebar .nav > .active > ul {
  117. display: block;
  118. }
  119. /* Widen the fixed sidebar */
  120. .sidebar.affix,
  121. .sidebar.affix-bottom {
  122. width: 213px;
  123. }
  124. .sidebar.affix {
  125. position: fixed; /* Undo the static from mobile first approach */
  126. top: 80px;
  127. }
  128. .sidebar.affix-bottom {
  129. position: absolute; /* Undo the static from mobile first approach */
  130. }
  131. .sidebar.affix-bottom .sidenav,
  132. .sidebar.affix .sidenav {
  133. margin-top: 0;
  134. margin-bottom: 0;
  135. }
  136. }
  137. @media screen and (min-width: 1200px) {
  138. /* Widen the fixed sidebar again */
  139. .sidebar.affix-bottom,
  140. .sidebar.affix {
  141. width: 263px;
  142. }
  143. }
  144. .form-signin {
  145. max-width: 330px;
  146. padding: 15px;
  147. margin: 0 auto;
  148. }
  149. .form-signin .form-signin-heading,
  150. .form-signin .checkbox {
  151. margin-bottom: 10px;
  152. }
  153. .form-signin .checkbox {
  154. font-weight: normal;
  155. }
  156. .form-signin .form-control {
  157. position: relative;
  158. font-size: 16px;
  159. height: auto;
  160. padding: 10px;
  161. -webkit-box-sizing: border-box;
  162. -moz-box-sizing: border-box;
  163. box-sizing: border-box;
  164. }
  165. .form-signin .form-control:focus {
  166. z-index: 2;
  167. }
  168. .form-signin input[type="text"] {
  169. margin-bottom: -1px;
  170. border-bottom-left-radius: 0;
  171. border-bottom-right-radius: 0;
  172. }
  173. .form-signin input[type="password"] {
  174. margin-bottom: 10px;
  175. border-top-left-radius: 0;
  176. border-top-right-radius: 0;
  177. }
  178. /* End sidebar */
  179. .blog-info {
  180. font-size:15px;
  181. color:#999999;
  182. padding: 0;
  183. margin-top:5px;
  184. margin-bottom:10px;
  185. margin-right: 0px;
  186. margin-left: 0px;
  187. }
  188. .blog-info ul {
  189. list-style-type:none;
  190. }
  191. .blog-info li {
  192. display:inline;
  193. padding-right:10px;
  194. }
  195. .blog-info a {
  196. color:#999999;
  197. }
  198. .blog-content h1,
  199. .blog-content h2,
  200. .blog-content h3,
  201. .blog-content h4,
  202. .blog-content h5 {
  203. font-weight:500;
  204. }
  205. /* Reply/Topic previews */
  206. .preview-body {
  207. height: auto;
  208. }
  209. .inline-form {
  210. display: inline;
  211. padding: 0px;
  212. }
  213. .inline-form .btn-link {
  214. padding: 0px;
  215. }