home.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  1. body, html
  2. {
  3. height: 100%;
  4. font-size: 15px;
  5. color: #333;
  6. font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
  7. background: #eee;
  8. -webkit-font-smoothing: antialiased;
  9. -webkit-tap-highlight-color: transparent;
  10. }
  11. body
  12. {
  13. padding-top: 70px;
  14. }
  15. /*box*/
  16. .maze-box
  17. {
  18. background-color: #fff;
  19. padding: 10px;
  20. margin: 0 0 20px;
  21. border-radius: 3px;
  22. box-shadow: 0 .2em 0 0 #ddd,0 0 0 1px #ddd;
  23. }
  24. /*nav*/
  25. .maze-nav
  26. {
  27. min-height: 40px;
  28. box-shadow: 0 0 2px 0 rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.1);
  29. background-color: #fff;
  30. border-color: #e7e7e7;
  31. border-width: 0 0 1px;
  32. color:#444;
  33. }
  34. .maze-nav .navbar-brand
  35. {
  36. font-weight:bold;
  37. }
  38. .maze-nav .nav>li>a
  39. {
  40. float: none;
  41. color: #444;
  42. text-decoration: none;
  43. }
  44. .maze-btn-login
  45. {
  46. margin-top: 7px;
  47. }
  48. .maze-content
  49. {
  50. padding-left: 0;
  51. }
  52. .maze-display-inline
  53. {
  54. display: inline-block;
  55. }
  56. /*panel*/
  57. .maze-panel
  58. {
  59. border: none;
  60. margin-bottom: 20px;
  61. background-color: #fff;
  62. border-radius: 4px;
  63. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  64. box-shadow: 0 1px 1px rgba(0,0,0,.05);
  65. }
  66. .maze-panel .maze-panel-head
  67. {
  68. color: #333;
  69. background-color: #fcfcfc;
  70. border: 1px solid #ddd;
  71. border-color: #ddd;
  72. padding: 10px 15px;
  73. border-bottom: 1px solid transparent;
  74. border-top-left-radius: 3px;
  75. border-top-right-radius: 3px;
  76. }
  77. .maze-panel-heading
  78. {
  79. background: #f5f5f5;
  80. border-bottom-color: #e9e9e9;
  81. color: #777;
  82. }
  83. .maze-panel-heading .summary
  84. {
  85. margin-top:15px;
  86. }
  87. .maze-panel .maze-panel-title
  88. {
  89. margin-top: 0;
  90. font-size: 22px;
  91. color: #333;
  92. text-align: left;
  93. line-height: 135%;
  94. margin-bottom: 8px;
  95. font-weight: 700;
  96. }
  97. .panel-title
  98. {
  99. color:#999;
  100. font-size:14px;
  101. }
  102. .maze-panel .panel-footer
  103. {
  104. background-color: #fcfcfc;
  105. }
  106. .maze-panel .pager-footer
  107. {
  108. padding-bottom: 0;
  109. padding-top: 0;
  110. }
  111. .maze-panel .maze-divider
  112. {
  113. border-bottom: 1px solid #ddd;
  114. margin-bottom: 15px;
  115. }
  116. .maze-panel dt
  117. {
  118. color: #999;
  119. font-weight: 400;
  120. }
  121. .maze-panel .maze-panel-body
  122. {
  123. border: 1px solid #ddd;
  124. border-bottom: none;
  125. padding: 15px;
  126. }
  127. .maze-panel-body img
  128. {
  129. max-width:100%;
  130. }
  131. .maze-panel .panel-footer
  132. {
  133. border-left: 1px solid #ddd;
  134. border-right: 1px solid #ddd;
  135. }
  136. .maze-panel .maze-panel-padding-left
  137. {
  138. padding-left: 0;
  139. padding-right: 0;
  140. }
  141. .maze-panel .maze-panel-padding-top
  142. {
  143. padding-top:0px;
  144. padding-bottom:0px;
  145. }
  146. .maze-panel .maze-panel-margin-top
  147. {
  148. margin-top:0px;
  149. }
  150. .maze-panel .pagination
  151. {
  152. margin: 9px 0;
  153. }
  154. .maze-panel .maze-panel-foot
  155. {
  156. background-color: #fff;
  157. border: 1px solid #ddd;
  158. border-top: none;
  159. color: #d0d0d0;
  160. font-size: 12px;
  161. padding: 10px 15px;
  162. border-top: 1px solid #ddd;
  163. border-bottom-right-radius: 3px;
  164. border-bottom-left-radius: 3px;
  165. }
  166. .maze-panel .maze-panel-foot a
  167. {
  168. padding: 1px 2px;
  169. color: #B9BDC0;
  170. text-decoration: none;
  171. }
  172. .maze-panel .maze-panel-foot a:hover
  173. {
  174. color: #f09457;
  175. }
  176. .maze-panel .maze-panel-info
  177. {
  178. color: #d0d0d0;
  179. font-size: 12px;
  180. }
  181. .maze-panel .maze-panel-info a
  182. {
  183. padding: 1px 2px;
  184. color: #B9BDC0;
  185. text-decoration: none;
  186. }
  187. .maze-panel .maze-panel-menu
  188. {
  189. color: #d0d0d0;
  190. font-size: 12px;
  191. list-style: none;
  192. padding-left: 0;
  193. margin-left: -5px;
  194. margin-bottom: 0;
  195. }
  196. .maze-panel .maze-panel-menu a
  197. {
  198. padding: 1px 2px;
  199. color: #778087;
  200. text-decoration: none;
  201. }
  202. .maze-panel .maze-panel-menu .selected
  203. {
  204. color: #B9BDC0;
  205. }
  206. .maze-panel .maze-panel-menu li
  207. {
  208. display: inline-block;
  209. padding-right: 5px;
  210. padding-left: 5px;
  211. }
  212. .maze-panel .maze-panel-msg
  213. {
  214. background: #fffce9;
  215. border: 1px solid #fff3e6;
  216. padding: 4px;
  217. margin-left:5px;
  218. color: #da974d;
  219. font-size: 12px;
  220. }
  221. .maze-panel-ul
  222. {
  223. border:none;
  224. margin-bottom:0px;
  225. }
  226. .maze-panel-li
  227. {
  228. border:none;
  229. position: relative;
  230. display: block;
  231. padding: 10px 15px;
  232. margin-bottom: 0px;
  233. background-color: #fff;
  234. border-bottom:1px solid #ddd;
  235. border-top-left-radius: 0;
  236. border-top-right-radius: 0;
  237. }
  238. .maze-panel .maze-panel-comment
  239. {
  240. border: 1px solid #ddd;
  241. }
  242. .maze-panel .maze-panel-list li
  243. {
  244. margin-top:5px;
  245. }
  246. .maze-panel .maze-panel-list a
  247. {
  248. color: #737373;
  249. }
  250. .maze-preview-box
  251. {
  252. border: 1px dashed;
  253. margin-bottom: 80px;
  254. background: #faf5eb;
  255. }
  256. .maze-panel .avatar
  257. {
  258. padding:1px;
  259. }
  260. .maze-input
  261. {
  262. width:80%;
  263. display:inline;
  264. }
  265. .panel-body .list
  266. {
  267. padding-left:10px;
  268. }
  269. /*sidebar*/
  270. .maze-sidebar
  271. {
  272. padding-left: 0;
  273. padding-right: 0;
  274. }
  275. #DEVER_top_pic
  276. {
  277. width:70px;
  278. }
  279. #DEVER_top .node-info
  280. {
  281. margin-top: 2px;
  282. }
  283. .pager-footer
  284. {
  285. border:0px;
  286. }