frontend/css/upload_image.css at master · Postiles/frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
/* tis file is for css of upload_image page */
#upload_image_pop {
  background: #f2f2f2;
  height: 240px;
  width: 300px;
  border: 4px solid #aaaaaa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }
  #upload_image_pop .upload_drag_board {
    width: 300px;
    height: 240px; }
    #upload_image_pop .upload_drag_board .upload_dummy {
      height: 1px;
      width: 300px; }
    #upload_image_pop .upload_drag_board .upload_content {
      margin: 0px auto;
      width: 250px; }
      #upload_image_pop .upload_drag_board .upload_content .upload_icon {
        margin: 0px auto;
        width: 85px;
        height: 74px;
        background: url(../images/upload_pic.png) no-repeat;
        margin-top: 30px; }
      #upload_image_pop .upload_drag_board .upload_content span.upload_drag_here {
        width: 125px;
        font-size: 25px;
        margin: 10px auto;
        display: block;
        color: #024d61; }
      #upload_image_pop .upload_drag_board .upload_content span.upload_or {
        color: #024d61;
        width: 20px;
        font-size: 10px;
        margin: 10px auto;
        display: block; }
      #upload_image_pop .upload_drag_board .upload_content .fileinputs {
        margin: 0px auto;
        width: 125px;
        overflow: hidden;
        background: url(../images/select_file_button.png) no-repeat;
        cursor: pointer; }
      #upload_image_pop .upload_drag_board .upload_content input.file {
        cursor: pointer;
        font-size: 20px;
        position: relative;
        text-align: right;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0; }
      #upload_image_pop .upload_drag_board .upload_content #upload_target {
        width: 0px;
        height: 0px;
        border: 0px solid #fff; }
    #upload_image_pop .upload_drag_board .upload_preview_wrapper {
      position: relative;
      /*
      width: 280px;
      height: 240px;
      background: url(../images/hot.png);
      */
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
  #upload_image_pop .upload_confirm_pop {
    display: none;
    height: 0px;
    background: #f2f2f2; }
    #upload_image_pop .upload_confirm_pop #upload_repick {
      float: left; }
    #upload_image_pop .upload_confirm_pop .upload_confirm_button {
      margin: 1px 3px;
      cursor: pointer;
      padding: 3px 8px;
      background: #024d61;
      width: 52px;
      height: 12px;
      color: #fff;
      font-size: 12px;
      text-align: center; }
    #upload_image_pop .upload_confirm_pop .upload_sub_confirm_pop {
      float: right; }
      #upload_image_pop .upload_confirm_pop .upload_sub_confirm_pop div {
        float: right; }