您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

295 行
6.0KB

  1. $color1: #BB8757 ;
  2. $color2: #F8F1DD ;
  3. body {
  4. font-family: 'Arial' ;
  5. background-color: $color1 ;
  6. color: #333 ;
  7. line-height: 20px ;
  8. font-size: 14px ;
  9. }
  10. .clr {
  11. clear: both ;
  12. }
  13. .modal-backdrop.in {
  14. z-index: 10 ;
  15. }
  16. #main {
  17. .btn-primary {
  18. background-color: $color1 ;
  19. border: solid 1px $color1 ;
  20. color: white ;
  21. &:hover, &:active, &:focus {
  22. background-color: darken($color1, 5) ;
  23. border: solid 1px $color1 ;
  24. color: white ;
  25. }
  26. }
  27. }
  28. .btn {
  29. background-image: none ;
  30. }
  31. #main .alert {
  32. background-image: none;
  33. background-color: white ;
  34. border-bottom-width: 3px ;
  35. }
  36. .alert {
  37. &.alert-warning {
  38. a {
  39. color: #8a6d3b ;
  40. }
  41. }
  42. }
  43. #header-bap {
  44. background-color: $color2 ;
  45. padding-top: 7px ;
  46. padding-bottom: 7px ;
  47. .container {
  48. padding-left: 0px ;
  49. padding-right: 0px ;
  50. }
  51. #logo {
  52. color: black ;
  53. text-decoration: none ;
  54. position: relative ;
  55. top: 3px ;
  56. img {
  57. width: 25px ;
  58. }
  59. .text {
  60. font-size: 17px ;
  61. font-family: 'comfortaalight' ;
  62. position: relative ;
  63. bottom: 6px ;
  64. left: 3px ;
  65. }
  66. }
  67. ul#nav-bap {
  68. float: right ;
  69. li {
  70. float: right ;
  71. a {
  72. color: black ;
  73. font-size: 15px ;
  74. color: $color1 ;
  75. &:hover, &:focus {
  76. color: #333 ;
  77. color: $color1 ;
  78. background: none ;
  79. }
  80. }
  81. ul {
  82. background-color: $color2 ;
  83. border-top: solid 2px $color1 ;
  84. li {
  85. a {
  86. text-transform: uppercase ;
  87. font-size: 13px ;
  88. }
  89. }
  90. }
  91. }
  92. }
  93. }
  94. #header {
  95. background-color: $color1 ;
  96. text-align: center ;
  97. padding-top: 40px ;
  98. padding-bottom: 70px ;
  99. border-bottom: solid 1px #e0e0e0 ;
  100. .container {
  101. position: relative ;
  102. padding: 0px ;
  103. }
  104. h1, h2 {
  105. color: white ;
  106. }
  107. h1 {
  108. text-transform: uppercase ;
  109. font-family: 'myriadpro-regular' ;
  110. font-size: 35px ;
  111. padding-bottom: 20px ;
  112. font-weight: bold ;
  113. }
  114. h2 {
  115. font-family: 'myriadpro-it' ;
  116. font-size: 18px ;
  117. padding-bottom: 15px ;
  118. }
  119. #credit {
  120. position: absolute ;
  121. top: 0px ;
  122. right: 0px ;
  123. color: white ;
  124. font-family: 'myriadpro-semibold' ;
  125. border-bottom: solid 1px white ;
  126. padding: 7px 0px ;
  127. span {
  128. font-family: 'myriadpro-light' ;
  129. }
  130. }
  131. }
  132. #main {
  133. background-color: $color2 ;
  134. #main-nav {
  135. width: 100% ;
  136. position: relative ;
  137. top: -40px ;
  138. background-color: white ;
  139. border-bottom: solid 1px #e0e0e0 ;
  140. ul {
  141. li {
  142. a {
  143. color: $color1 ;
  144. text-transform: uppercase ;
  145. font-family: 'myriadpro-regular' ;
  146. border-right: solid 1px #e0e0e0 ;
  147. }
  148. a:hover,
  149. &.active a {
  150. background: none ;
  151. border-bottom: solid 1px $color1 ;
  152. @include border-radius(0px) ;
  153. }
  154. &#btn-administration {
  155. background-color: $color2 ;
  156. float: right ;
  157. }
  158. }
  159. }
  160. #user {
  161. color: $color1 ;
  162. float: right ;
  163. padding: 10px ;
  164. }
  165. }
  166. #page-title {
  167. padding-left: 15px ;
  168. padding-right: 15px ;
  169. padding-bottom: 15px ;
  170. border-bottom: solid 1px #e0e0e0 ;
  171. margin-bottom: 10px ;
  172. font-family: 'myriadpro-light' ;
  173. font-size: 30px ;
  174. position: relative ;
  175. top: -10px ;
  176. text-align: center ;
  177. }
  178. .container {
  179. padding: 0px ;
  180. background-color: white ;
  181. min-height: 500px ;
  182. border-left: solid 1px #e0e0e0 ;
  183. border-right: solid 1px #e0e0e0 ;
  184. }
  185. #content {
  186. padding-bottom: 20px ;
  187. padding: 0px 20px 20px 20px ;
  188. h1, h2, h3, h4, h5, h6 {
  189. font-family: 'myriadpro-regular' ;
  190. margin-top: 30px ;
  191. margin-bottom: 20px ;
  192. &.first {
  193. margin-top: 0px ;
  194. }
  195. }
  196. h1 {
  197. font-size: 30px ;
  198. }
  199. h2 {
  200. font-size: 25px ;
  201. }
  202. h3 {
  203. font-family: 'myriadpro-light' ;
  204. text-transform: uppercase ;
  205. font-size: 23px ;
  206. padding: 10px 0px 10px 10px ;
  207. color: white ;
  208. text-align: center ;
  209. span {
  210. background-color: $color1 ;
  211. padding: 10px 20px ;
  212. padding-top: 14px ;
  213. }
  214. }
  215. h4 {
  216. font-size: 20px ;
  217. }
  218. h5 {
  219. font-size: 18px ;
  220. }
  221. h6 {
  222. font-size: 16px ;
  223. }
  224. }
  225. }
  226. #footer {
  227. background-color: $color1 ;
  228. height: 100px ;
  229. .container {
  230. padding: 0px ;
  231. .overflow {
  232. height: 30px ;
  233. background-color: white ;
  234. border-left: solid 1px #e0e0e0 ;
  235. border-right: solid 1px #e0e0e0 ;
  236. border-bottom: solid 1px #e0e0e0 ;
  237. }
  238. .content {
  239. padding-top: 20px ;
  240. color: white ;
  241. a {
  242. color: white ;
  243. text-decoration: underline ;
  244. margin-right: 10px ;
  245. }
  246. }
  247. }
  248. }