Common.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /**
  2. * 公共
  3. */
  4. * { font-size: 14px; }
  5. .w100 {width:100%;}
  6. .fw-100 {font-weight:100;}
  7. .fw-700 {font-weight:700;}
  8. #common-prompt {position:fixed;top:0;left:0;right:0;text-align:center;margin-top:0;padding:5px;font-size:14px;z-index:10000;}
  9. .am-popover,.am-radius {border-radius:2px !important;}
  10. .am-popover * {font-size: 12px;}
  11. .am-icon-trash-o:before {width:12px !important;}
  12. .fr {float:right !important;}
  13. .fl {float:left !important;}
  14. .fs-12 {font-size:12px !important;}
  15. .fs-13 {font-size:13px !important;}
  16. .fs-14 {font-size:14px !important;}
  17. .fs-15 {font-size:15px !important;}
  18. .fs-16 {font-size:16px !important;}
  19. .fs-17 {font-size:17px !important;}
  20. .fs-18 {font-size:18px !important;}
  21. .c-r {cursor:w-resize;}
  22. .c-p {cursor:pointer;}
  23. legend {padding-bottom:0.2rem !important; margin-bottom: 1rem; }
  24. .none {display:none !important;}
  25. .block {display:block !important;}
  26. .am-popup-bd {background:#fff;}
  27. .cr-eee {color:#eee !important;}
  28. .cr-ccc {color:#ccc !important;}
  29. .cr-ddd {color:#ddd !important;}
  30. .cr-999 {color:#999 !important;}
  31. .cr-666 {color:#666 !important;}
  32. .cr-red {color:#f00 !important;}
  33. .cr-green { color: #4aaa4a !important; }
  34. .cr-blue { color: #0e90d2 !important; }
  35. .am-form select,.am-form textarea,.am-form input[type="text"],.am-form input[type="password"],.am-form input[type="datetime"],.am-form input[type="datetime-local"],.am-form input[type="date"],.am-form input[type="month"],.am-form input[type="time"],.am-form input[type="week"],.am-form input[type="number"],.am-form input[type="email"],.am-form input[type="url"],.am-form input[type="search"],.am-form input[type="tel"],.am-form input[type="color"],.am-form-field {font-size:1.4rem !important;}
  36. select {height:32px !important;}
  37. .bk-cr-gray {background:#f3f3f3 !important;}
  38. .bk-cr-ffd {background:#ffd !important;}
  39. .t-c {text-align:center;}
  40. .t-l {text-align:left;}
  41. .t-r {text-align:right;}
  42. .o-h { overflow: hidden; }
  43. input[type="text"][readonly] { background: #fff !important; cursor: pointer !important; }
  44. .submit-state { font-size: 16px; width: 25px; height: 25px; line-height: 25px; }
  45. input:hover, select:hover, textarea:hover, .chosen-choices:hover, .chosen-single:hover { border-style:solid; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #4FACF5 !important; box-shadow:0 0 5px #4FACF5 !important; }
  46. .am-input-group-sm > .am-input-group-btn > .am-btn { height: 32px; }
  47. .left-menu-more-ico-rotate {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: all 300ms;transition: all 300ms;}
  48. .am-icon-angle-down {-webkit-transition: all 300ms;transition: all 300ms;}
  49. .am-radio-inline input[type="radio"] { margin-left: 0px !important; }
  50. .am-alert-tips { background-color: #ffffe9; border-color: #faebd2; color: #888; }
  51. .am-alert-tips, .am-alert-tips * { font-size: 12px; }
  52. /* 没数据 */
  53. .table-no {text-align:center;padding-top:30px !important;background:#FFF !important;}
  54. /* 公共dl样式 */
  55. .dl-content dt { float: left; padding-left: 5px; overflow: hidden; clear: left;
  56. width: 120px; }
  57. .dl-content dd { border-bottom: 1px solid #efefef; padding-left: 120px; }
  58. .dl-content dt, .dl-content dd { font-weight: normal !important; text-align: left; margin-top: 0px; line-height: 36px; min-height: 36px; }
  59. /**
  60. * 表单光标
  61. */
  62. .am-form-group:hover>label { color: #333 !important; }
  63. .am-form-group:hover>label>span { color: #7ed0f9 !important; }
  64. .am-form-group:hover>input, .am-form-group:hover>select, .am-form-group:hover>textarea, .am-form-group:hover .chosen-choices, .am-form-group:hover .chosen-single { border: 1px solid #999 ; }
  65. /**
  66. * 插件
  67. */
  68. .chosen-container { width: 100% !important; }
  69. .chosen-choices, .chosen-single { border-radius: 2px; }
  70. .chosen-choices li.search-field input[type="text"] { height: 28px !important; }
  71. .chosen-choices li.search-field input[type="text"]:hover { box-shadow: 0 0 0 #fff !important; }
  72. .chosen-choices li.search-field input[type="text"]:focus { border-color: #fff; -webkit-box-shadow: inset 0 0 0 0 !important; box-shadow: inset 0 0 0 0 !important; }
  73. .chosen-choices { padding: 0px 3px !important; min-height: 32px; }
  74. .chosen-container-single .chosen-single { height: 32px; line-height: 32px; }
  75. /**
  76. * 布局
  77. */
  78. .layout-100-84, .layout-100-48, .layout-100-633, .layout-100-363, .layout-100-336, .layout-100 { padding: 10px; }
  79. .data-variable { margin-top: 3px; }
  80. /* 文章列表 */
  81. .am-list { margin-bottom: 0rem; }
  82. .am-list-news-hd, .my-link legend { background: #eee; padding: 0.5rem; color: #666; }
  83. /* 友情链接 */
  84. .my-link { margin: 10px; }
  85. .my-link legend { color: #797979; font-size: 1.6rem; font-weight: 600; font-family: 'Karla',sans-serif; margin-bottom: 0rem; }
  86. .my-link ul { margin: 0px; padding: 0px; }
  87. .my-link ul li { float: left; list-style-type: none; margin: 3px 10px; }
  88. /* 图片列表 */
  89. .layout-images-list .am-list-news-hd { margin: 10px 10px 0px 10px; }
  90. /**
  91. * H5
  92. */
  93. @media only screen and (max-width: 641px) {
  94. /* 布局 */
  95. .layout-100-84>div, .layout-100-48>div, .layout-100-633>div, .layout-100-363>div, .layout-100-336>div { padding: 0px; }
  96. }
  97. /**
  98. * PC
  99. */
  100. @media only screen and (min-width: 641px) {
  101. /* 布局 */
  102. .layout-100-84>div, .layout-100-48>div, .layout-100-633>div, .layout-100-363>div, .layout-100-336>div { padding: 0px; }
  103. .layout-100-84>div:last-child, .layout-100-48>div:last-child, .layout-100-633>div:nth-child(2), .layout-100-363>div:nth-child(2), .layout-100-336>div:nth-child(2) { padding-left: 10px !important; }
  104. .layout-100-633>div:nth-child(2), .layout-100-363>div:nth-child(2), .layout-100-336>div:nth-child(2) { padding-right: 10px !important; }
  105. /* 表单 */
  106. .view-save .am-form-group { width: 75% !important; }
  107. }