fe-imagebase64.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @import url("bootstrap.min.css");
  2. html {
  3. font-size: 14px;
  4. }
  5. body{
  6. font-family:Arial,"simsun";
  7. color:#666;
  8. }
  9. .mod-imagebase64 {
  10. width:980px;
  11. margin:0 auto;
  12. }
  13. .tips{
  14. color:#aaa;
  15. margin: 10px 0;
  16. font-size: 12px;
  17. }
  18. table {
  19. width:100%;
  20. table-layout: fixed;
  21. }
  22. td {
  23. width:50%;
  24. }
  25. td .x-panel {
  26. width: 450px;
  27. height:400px;
  28. background: #fff url(../img/image_default.png) center 120px no-repeat;
  29. border:4px dashed #ddd;
  30. position: relative;
  31. text-align: center;
  32. }
  33. td .x-panel .x-tips {
  34. position: absolute;
  35. top:280px;
  36. left:26%;
  37. color:#aaa;
  38. text-align: center;
  39. }
  40. #upload {
  41. font-size: 20px;
  42. background: #00b7ee;
  43. border-radius: 3px;
  44. line-height: 44px;
  45. height: 45px;
  46. padding: 0 30px;
  47. color: #fff;
  48. display: inline-block;
  49. margin: 5px auto 15px;
  50. cursor: pointer;
  51. box-shadow: 0 1px 1px rgba(0,0,0,.1);
  52. text-decoration: none;
  53. }
  54. #upload:hover {
  55. background: #00a2d4;
  56. }
  57. #preview {display: none;max-width: 260px;max-height: 260px;margin-top:10px;}
  58. form {display: none}
  59. td textarea {
  60. width: 490px;
  61. height:405px;
  62. padding:0;margin:0;
  63. resize:none;outline:none;
  64. background: #fcfcfc;
  65. border:1px solid #ddd;
  66. }
  67. .-e-x-footer {
  68. text-align:center;
  69. font-size:12px;
  70. margin-top:30px;
  71. color:#00c;
  72. padding:5px;
  73. display:none;
  74. }