| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- @import url("bootstrap.min.css");
- html {
- font-size: 14px;
- }
- body{
- font-family:Arial,"simsun";
- color:#666;
- }
- .mod-imagebase64 {
- width:980px;
- margin:0 auto;
- }
- .tips{
- color:#aaa;
- margin: 10px 0;
- font-size: 12px;
- }
- table {
- width:100%;
- table-layout: fixed;
- }
- td {
- width:50%;
- }
- td .x-panel {
- width: 450px;
- height:400px;
- background: #fff url(../img/image_default.png) center 120px no-repeat;
- border:4px dashed #ddd;
- position: relative;
- text-align: center;
- }
- td .x-panel .x-tips {
- position: absolute;
- top:280px;
- left:26%;
- color:#aaa;
- text-align: center;
- }
- #upload {
- font-size: 20px;
- background: #00b7ee;
- border-radius: 3px;
- line-height: 44px;
- height: 45px;
- padding: 0 30px;
- color: #fff;
- display: inline-block;
- margin: 5px auto 15px;
- cursor: pointer;
- box-shadow: 0 1px 1px rgba(0,0,0,.1);
- text-decoration: none;
- }
- #upload:hover {
- background: #00a2d4;
- }
- #preview {display: none;max-width: 260px;max-height: 260px;margin-top:10px;}
- form {display: none}
- td textarea {
- width: 490px;
- height:405px;
- padding:0;margin:0;
- resize:none;outline:none;
- background: #fcfcfc;
- border:1px solid #ddd;
- }
- .-e-x-footer {
- text-align:center;
- font-size:12px;
- margin-top:30px;
- color:#00c;
- padding:5px;
- display:none;
- }
|