documentation.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. .nav-mobile-menu{
  2. position: relative;
  3. z-index: 2;
  4. }
  5. .nav-mobile-menu li a p{
  6. font-size: 12px;
  7. }
  8. .nav-mobile-menu .btn-simple,
  9. .nav-mobile-menu .btn-simple:hover,
  10. .nav-mobile-menu .btn-simple:focus{
  11. color: #66615B;
  12. }
  13. .nav-mobile-menu .navbar-title{
  14. display: none;
  15. }
  16. .navbar .navbar-nav > li > a.btn{
  17. margin: 17px 3px;
  18. padding: 7px 18px;
  19. }
  20. .tim-row{
  21. margin-bottom: 40px;
  22. }
  23. pre.prettyprint{
  24. background-color: #eee;
  25. border: 0px;
  26. margin-bottom: 0;
  27. margin-top: 20px;
  28. padding: 20px;
  29. text-align: left;
  30. }
  31. .navbar-title{
  32. height: 100%;
  33. padding-top: 5px;
  34. }
  35. .atv, .str{
  36. color: #05AE0E;
  37. }
  38. .tag, .pln, .kwd{
  39. color: #3472F7;
  40. }
  41. .atn{
  42. color: #2C93FF;
  43. }
  44. .pln{
  45. color: #333;
  46. }
  47. .com{
  48. color: #999;
  49. }
  50. .navbar-title .image-container{
  51. height: 40px;
  52. width: 40px;
  53. display: inline-block;
  54. top: -3px;
  55. position: relative;
  56. }
  57. .navbar-title img {
  58. width: 100%;
  59. }
  60. .space-top{
  61. margin-top: 50px;
  62. }
  63. .btn-primary .caret{
  64. border-top-color: #3472F7;
  65. color: #3472F7;
  66. }
  67. .area-line{
  68. border: 1px solid #999;
  69. border-left: 0;
  70. border-right: 0;
  71. color: #666;
  72. display: block;
  73. margin-top: 20px;
  74. padding: 8px 0;
  75. text-align: center;
  76. }
  77. .area-line a{
  78. color: #666;
  79. }
  80. .container-fluid{
  81. padding-right: 15px;
  82. padding-left: 15px;
  83. }
  84. .logo-container .logo{
  85. overflow: hidden;
  86. border-radius: 50%;
  87. border: 1px solid #333333;
  88. width: 50px;
  89. float: left;
  90. }
  91. .header-wrapper {
  92. position: relative;
  93. height: 500px;
  94. }
  95. .header-wrapper .navbar {
  96. border-radius: 0;
  97. /*position: absolute;*/
  98. width: 100%;
  99. z-index: 1031;
  100. }
  101. .header-wrapper .header {
  102. background-color: #ff8f5e;
  103. background-position: center center;
  104. background-size: cover;
  105. height: 450px;
  106. overflow: hidden;
  107. position: absolute;
  108. width: 100%;
  109. z-index: 1;
  110. }
  111. .header-wrapper .header .filter::after {
  112. /* background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #9368e9 0%, #943bea 100%) repeat scroll 0 0 / 150% 150%; */
  113. content: "";
  114. display: block;
  115. height: 450px;
  116. left: 0;
  117. opacity: 0.77;
  118. position: absolute;
  119. top: 0;
  120. width: 100%;
  121. z-index: 2;
  122. }
  123. .header-wrapper .title-container{
  124. color: #fff;
  125. position: relative;
  126. top: 120px;
  127. z-index: 3;
  128. }
  129. .logo-container .brand{
  130. font-size: 18px;
  131. color: #FFFFFF;
  132. line-height: 20px;
  133. float: left;
  134. margin-left: 10px;
  135. margin-top: 5px;
  136. width: 50px;
  137. height: 50px;
  138. }
  139. .logo-container{
  140. margin-top: 10px;
  141. margin-left: 15px;
  142. }
  143. .logo-container .logo img{
  144. width: 100%;
  145. }
  146. .title-container img{
  147. width: 100px;
  148. height: 100px;
  149. }
  150. .navbar-small .logo-container .brand{
  151. color: #333333;
  152. }
  153. .navbar-default.navbar-transparent .navbar-nav>li>a{
  154. color: #FFFFFF;
  155. }
  156. .navbar-default .logo-container .brand{
  157. color: #444;
  158. }
  159. .navbar-default.navbar-transparent .logo-container .brand{
  160. color: #FFFFFF !important;
  161. }
  162. .navbar-center{
  163. float: none;
  164. display: inline-block;
  165. margin-top: -16px;
  166. }
  167. .navbar.navbar-transparent{
  168. background-color: transparent;
  169. box-shadow: none;
  170. color: #fff;
  171. border: 0;
  172. padding-top: 0px;
  173. }
  174. .fixed-section{
  175. max-height: 80vh;
  176. overflow: scroll;
  177. top: 110px;
  178. }
  179. .fixed-section ul li{
  180. list-style: none;
  181. }
  182. .fixed-section li a{
  183. font-size: 14px;
  184. padding: 2px;
  185. display: block;
  186. color: #666666;
  187. }
  188. .fixed-section li a.active{
  189. color: #00bbff;
  190. }
  191. .fixed-section.float{
  192. position: fixed;
  193. top: 100px;
  194. width: 200px;
  195. margin-top: 0;
  196. }
  197. .copyright {
  198. color: #777777;
  199. padding: 10px 15px;
  200. font-size: 14px;
  201. margin: 15px 3px;
  202. line-height: 20px;
  203. text-align: center;
  204. }
  205. .table-bigboy .img-container{
  206. width: 130px;
  207. height: 85px;
  208. }
  209. .table-bigboy .td-name{
  210. min-width: 170px;
  211. }
  212. #buttons-row .btn{
  213. margin-bottom: 15px;
  214. }
  215. @media (max-width: 991px) {
  216. .fixed-section.affix {
  217. position: relative;
  218. margin-bottom: 100px;
  219. }
  220. .tim-row .nav.nav-pills{
  221. margin-bottom: 25px;
  222. }
  223. .nav-mobile-menu .navbar-title{
  224. display: none;
  225. }
  226. }
  227. @media (max-width: 1199px) {
  228. .navbar .navbar-brand {
  229. height: 50px;
  230. padding: 10px 15px;
  231. }
  232. }
  233. @media (max-width: 768px) {
  234. .footer .copyright {
  235. display: inline-block;
  236. text-align: center;
  237. padding: 10px 0;
  238. float: none !important;
  239. width: 100%;
  240. }
  241. }
  242. @media (max-width: 830px){
  243. .main-raised{
  244. margin-left: 10px;
  245. margin-right: 10px;
  246. }
  247. }