default_color.css 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431
  1. /********************************************
  2. * base.css
  3. * 描述:重置页面元素并设置布局样式
  4. * 作用范围: 全局
  5. *******************************************/
  6. body{
  7. background-color: #f1f2f7!important;
  8. }
  9. html, body, input, textarea, select, legend {
  10. color: #797979;
  11. font-family: 'Open Sans', sans-serif;
  12. /*全局默认文字颜色*/
  13. }
  14. a {
  15. color: #2d7200;
  16. /*全局默认链接颜色*/
  17. }
  18. a:hover {
  19. color: #8f9fe2;
  20. /*全局默认链接悬停颜色*/
  21. }
  22. /*************************************************
  23. * common.css
  24. * 描述:定义公共类名
  25. * 作用范围: 公共,独立样式
  26. *************************************************/
  27. /* 文章搜索/用户搜素 下拉弹出按钮 实心小箭头 */
  28. .arrow-down {
  29. border-top-color: #000;
  30. }
  31. .arrow-up {
  32. border-bottom-color: #000;
  33. }
  34. .arrow-left {
  35. border-right-color: #000;
  36. }
  37. .arrow-right {
  38. border-left-color: #000;
  39. }
  40. /**********************************************
  41. * module.css
  42. * 描述:定义常用组件样式
  43. * 作用范围: 公共,组件模块
  44. ***********************************************/
  45. /* 文章新增编辑页,权限授权页,分类编辑页 tab标签 */
  46. .tab-nav {
  47. border-bottom-color: #e0e0e0;
  48. }
  49. .tab-nav .current a,
  50. .tab-nav .current a:hover {
  51. border-color: #34b4e0 #e0e0e0 #f6f6f6;
  52. }
  53. /* (暂未使用) 面包屑导航 */
  54. .breadcrumb {
  55. color: #999;
  56. }
  57. .tags-crumb li {
  58. background-color: #e0e0e0;
  59. }
  60. .tags-crumb .current {
  61. background-color: #f60;
  62. }
  63. .tags-crumb .current a {
  64. color: #fff;
  65. }
  66. .tags-crumb li i {
  67. border-left-color: #fff
  68. }
  69. .tags-crumb li b {
  70. border-left-color: #e0e0e0
  71. }
  72. .tags-crumb .current b {
  73. border-left-color: #f60;
  74. }
  75. /* 列表分页 */
  76. .page a,
  77. .page span {
  78. color: #686868;
  79. border: 1px solid #CCCCCC;
  80. }
  81. .page a:hover {
  82. background: #5ac712;
  83. }
  84. .page .current {
  85. border-top: 3px solid #4BBD00;
  86. height: 28px;
  87. line-height: 26px;
  88. }
  89. /* uploadify插件上传按钮 */
  90. .uploadify-button {
  91. color: #fff;
  92. background-color: #27ae60;
  93. }
  94. /* 分类管理/分类授权 树形菜单(目前只支持3级)
  95. ------------------------------------------ */
  96. .category .hd {
  97. border-bottom-color: #d4d4d4;
  98. color: #fff;
  99. background-color: #34495e;
  100. }
  101. .category .cate-item dt {
  102. border-bottom-color: #E7E7E7;
  103. }
  104. .category .name .error {
  105. color: #B94A48;
  106. }
  107. .category .name .success {
  108. color: #468847;
  109. }
  110. .close {
  111. color: #000000;
  112. text-shadow: 0 1px 0 #ffffff;
  113. opacity: 0.2;
  114. filter: alpha(opacity=20);
  115. }
  116. /********************************************
  117. * form.css
  118. * 描述:定义表单样式
  119. * 作用范围: 公共,表单模块,表单布局
  120. *********************************************/
  121. /* 表单组件
  122. ------------------------------------------ */
  123. .text, .textarea {
  124. border-color: #eeeeee;
  125. background-color: #fff;
  126. }
  127. select {
  128. border-color: #ccc;
  129. }
  130. .must {
  131. color: #f00; /* 表单必填项标识字符*/
  132. }
  133. /* 多行两列表单
  134. ------------------------------------------ */
  135. .form-horizontal .item-label .check-tips {
  136. color: #aaa; /* 表单label后面的提示文字 */
  137. }
  138. .form-horizontal .controls .check-tips {
  139. color: #999; /*表单ajax操作完成后返回的提示文字*/
  140. }
  141. /* 搜索表单
  142. ------------------------------------------ */
  143. .search-form .sleft { /* 高级搜索左边的搜索框 */
  144. }
  145. /* 状态搜索下拉选项 */
  146. .search-form .drop-down ul {
  147. background-color: #fff;
  148. border-color: #ebebeb;
  149. }
  150. .search-form .drop-down ul li {
  151. border-top-color: #ebebeb;
  152. }
  153. .search-form .drop-down ul a {
  154. color: #404040;
  155. }
  156. .search-form .drop-down ul a:hover {
  157. background-color: #f0f0f0;
  158. }
  159. .search-form .sch-btn:hover {
  160. /* 搜索提交按钮 */
  161. color: #fff;
  162. }
  163. .focus {
  164. /*border: 1px solid #d1d1d1;
  165. box-shadow: 0 0 12px #ECECEC;*/
  166. border-color: #A6E1F3;
  167. box-shadow: 0 0 12px #BAF7FF;
  168. }
  169. /*********************************************
  170. * table.css
  171. * 描述:定义数据表格样式
  172. * 作用范围: 公共,表格模块
  173. **********************************************/
  174. /* 内容区 行默认颜色*/
  175. .data-table tbody tr {
  176. background-color: #ffffff;
  177. color: #686868;
  178. }
  179. .data-table thead th,
  180. .data-table tbody td {
  181. /*非隔行变色时 用于行区分的单元格底线颜色 #f4f4f4 */
  182. border-bottom-color: #f0f0f0;
  183. }
  184. /* 表头配色 */
  185. .data-table thead th {
  186. color: #646464;
  187. font-size: 15px;
  188. font-weight: 700;
  189. background-color: #fff;
  190. }
  191. /* 隔行变色 行默认颜色 */
  192. .table-striped tbody tr {
  193. background-color: #fefefe;
  194. color: #686868;
  195. }
  196. /* 隔行变色 偶数行配色 #EFF2F5
  197. nth-child(even)
  198. */
  199. .table-striped tbody tr:nth-child(odd) {
  200. background-color: #f9f9f9;
  201. }
  202. .table-striped tbody tr:hover {
  203. background-color: #fffbef;
  204. }
  205. /*************************************
  206. * button.css
  207. * 描述:定义按钮样式
  208. * 作用范围: 公共,按钮组,单独按钮
  209. *************************************/
  210. /* 普通按钮 */
  211. .btn {
  212. color: #fff;
  213. background-color: #32cc98;
  214. }
  215. .btn:hover {
  216. color: #fff;
  217. background-color: #37CEB0;
  218. }
  219. /* 表单返回按钮 */
  220. .btn-return {
  221. color: #fff;
  222. }
  223. /* 表单提交按钮(确定,保存,提交) */
  224. .submit-btn {
  225. color: #fff;
  226. background-color: #464b80;
  227. }
  228. .submit-btn:hover {
  229. color: #fff;
  230. background-color: #535996;
  231. }
  232. /* 下拉弹出按钮 */
  233. .btn-group .dropdown,
  234. .btn-group-click .dropdown {
  235. border-color: #ccc;
  236. background-color: #fff;
  237. }
  238. .btn-group .dropdown a:hover,
  239. .btn-group-click .dropdown a:hover {
  240. background-color: #eee;
  241. }
  242. /* 被禁用的按钮 */
  243. .btn.disabled {
  244. background-color: #8d8d8d;
  245. cursor: not-allowed;
  246. }
  247. /*************************************
  248. * style.css
  249. *************************************/
  250. /* 头部Logo,主导航*/
  251. .header {
  252. background-color: #1487e6;
  253. }
  254. /* 主导航 */
  255. .main-nav a {
  256. color: #FFF;
  257. }
  258. .main-nav a:hover {
  259. background-color: #0a6ec8;
  260. }
  261. .main-nav .current {
  262. background-color: #656565;
  263. }
  264. .main-nav .current a {
  265. background-color: #0a6ec8;
  266. }
  267. /* 顶部右侧 用户bar */
  268. .header .user-menu {
  269. border-color: #ddd;
  270. background-color: #fff;
  271. }
  272. .header .user-menu li {
  273. border-bottom-color: #ddd;
  274. }
  275. .header .user-menu a:hover {
  276. color: #424242;
  277. background-color: #f5f5f5;
  278. }
  279. /* 边栏导航样式
  280. ------------------------------------------ */
  281. .sidebar {
  282. /* 左侧栏背景 */
  283. /*background: url("../images/bg.png") repeat #6b6b6b;*/
  284. background-color: #2d333f;
  285. }
  286. /* 子导航Group标题栏 */
  287. .subnav h3 {
  288. color: #fff;
  289. }
  290. .subnav h3 a {
  291. color: #fff;
  292. }
  293. /* 左侧二级菜单 */
  294. .side-sub-menu > li > .item {
  295. color: #f1f1f1;
  296. }
  297. .side-sub-menu > li > .item:hover {
  298. color: #ffffff;
  299. background: #7c7c7c;
  300. }
  301. .side-sub-menu > li > .item:hover {
  302. color: #414141;
  303. background: url(../images/subnav_current.png) no-repeat 165px 12px #f6f6f6;
  304. }
  305. .side-sub-menu > .current > .item,
  306. .side-sub-menu > .hover > .item {
  307. color: #414141;
  308. }
  309. .side-sub-menu > .current > .item,
  310. .side-sub-menu > .current > .item:hover {
  311. /* 高亮导航 */
  312. color: #414141;
  313. background: url(../images/subnav_current.png) no-repeat 165px 12px #f6f6f6;
  314. }
  315. /* windows开始菜单式子菜单 */
  316. .side-sub-menu li .subitem {
  317. border-color: #ccc;
  318. background-color: #fff;
  319. }
  320. .side-sub-menu .subitem .item:hover {
  321. background: url(../images/subnav_current.png) no-repeat 130px 12px #f5f5f5;
  322. }
  323. /* 后台主内容区域
  324. ------------------------------------------------- */
  325. .main {
  326. }
  327. .main-title h2 {
  328. color: #445566;
  329. }
  330. .main-title .ca {
  331. /* 内容列表 面包屑 */
  332. background: url(../images/subnav_current.png) no-repeat center center;
  333. }
  334. /* 访问授权页面 大类区块 */
  335. .checkmod {
  336. border-color: #ebebeb;
  337. }
  338. .checkmod dt {
  339. border-bottom-color: #ebebeb;
  340. background-color: #ECECEC;
  341. }
  342. /* 版权信息 */
  343. .cont-ft {
  344. background-color: #f6f6f6;
  345. }
  346. .copyright {
  347. border-top-color: #ccc;
  348. }
  349. /*************************************
  350. * 登陆页面css
  351. ***********************************/
  352. /* body 配色*/
  353. #login-page {
  354. color: #000;
  355. background-color: #1667b4;
  356. }
  357. #login-page .login-form {
  358. background-color: #fff;
  359. box-shadow: 0 0 26px #041A36;
  360. border-top-color: #2979b4;
  361. }
  362. #login-page .login-form h3 {
  363. color: #8D9CAA;
  364. }
  365. #login-page .login-form .check-tips {
  366. color: #ff0000;
  367. }
  368. #login-page .login-form .item {
  369. border-color: #ececec;
  370. }
  371. #login-page .login-form .focus {
  372. border-color: #A6E1F3;
  373. box-shadow: 0 0 12px #BAF7FF;
  374. }
  375. #login-page .login-form .icon-login-user,
  376. #login-page .login-form .icon-login-pwd,
  377. #login-page .login-form .icon-login-verifycode {
  378. background: url("../images/icon24_login.png") no-repeat;
  379. }
  380. #login-page .login-form .icon-login-user {
  381. background-position: 0 0;
  382. }
  383. #login-page .login-form .icon-login-pwd {
  384. background-position: -48px 0;
  385. }
  386. #login-page .login-form .icon-login-verifycode {
  387. background-position: -24px 0;
  388. }
  389. #login-page .login-form input {
  390. background-color: #fff;
  391. color: #686868;
  392. }
  393. #login-page .login-form .login-btn {
  394. color: #FFFFFF;
  395. background-color: #2979b4;
  396. }
  397. #login-page .login-form .login-btn:hover {
  398. background-color: #2e68c3;
  399. }
  400. #login-page .login-form .login-btn[disabled] {
  401. opacity: 0.6;
  402. filter: alpha(opacity=60);
  403. cursor: default;
  404. box-shadow: none;
  405. }
  406. #login-page .icon-loading {
  407. background: url(../images/loading_icon.gif) no-repeat 0 0;
  408. }
  409. #login-page input:-webkit-autofill {
  410. -webkit-box-shadow: 0 0 0px 1000px white inset;
  411. }
  412. #login-page .welcome {
  413. color: #ddd;
  414. }
  415. #login-page .reloadverify {
  416. color: #69C3FF;
  417. }
  418. #login-page img.verifyimg {
  419. border-color: #ececec;
  420. }