Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
body.h5p-editor-image-popup {
2 
  position: relative;
3 
}
4 
 
5 
.h5p-editing-image-popup-background {
6 
  position: fixed;
7 
  top: 0;
8 
  left: 0;
9 
 
10 
  width: 100%;
11 
  height: 100%;
12 
 
13 
  background: rgba(0,0,0,0.8);
14 
  padding: 3em 1em;
15 
  box-sizing: border-box;
16 
  z-index: 102;
17 
}
18 
 
19 
#darkroom-icons {
20 
  top:0;
21 
  left:0;
22 
}
23 
 
24 
.h5p-editing-image-popup-background.hidden {
25 
  display: none;
26 
}
27 
 
28 
.h5p-editing-image-popup {
29 
  display: inline-block;
30 
  position: relative;
31 
  top: 0;
32 
  left: 50%;
33 
  height: auto;
34 
  width: 100%;
35 
  max-height: 100%;
36 
  -webkit-transform: translateX(-50%);
37 
  -ms-transform: translateX(-50%);
38 
  transform: translateX(-50%);
39 
  background: #fff;
40 
  -webkit-box-sizing: border-box;
41 
  -moz-box-sizing: border-box;
42 
  box-sizing: border-box;
43 
}
44 
 
45 
.h5p-editing-image-header {
46 
  padding: 1em 0.75em;
47 
}
48 
 
49 
.h5p-editing-image {
50 
  max-height:100%;
51 
  max-width:100%;
52 
}
53 
 
54 
.h5p-editing-image.hidden {
55 
  display: none;
56 
}
57 
 
58 
.h5p-editing-image-popup {
59 
  .darkroom-toolbar {
60 
    position: relative;
61 
    -webkit-border-radius:0;
62 
    -moz-border-radius:0;
63 
    border-radius:0;
64 
    top:0;
65 
  }
66 
 
67 
  .darkroom-toolbar:before {
68 
    content: initial;
69 
  }
70 
 
71 
  .darkroom-image-container {
72 
    padding: 32px 2em;
73 
  }
74 
 
75 
  .darkroom-image-container .canvas-container {
76 
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.6);
77 
    margin: auto;
78 
  }
79 
}
80 
 
81 
.h5p-editing-image-header-title {
82 
  display: inline-block;
83 
  font-size: 1.25em;
84 
}
85 
 
86 
.h5p-editing-image-header-buttons {
87 
  display: inline-block;
88 
  float: right;
89 
}
90 
.h5p-editing-image-loading {
91 
  padding: 1em;
92 
}
93 
 
94 
.h5p-editing-image-loading.hidden {
95 
  display: none;
96 
}
97 
 
98 
.h5p-editing-image-editing-container {
99 
  background: #666;
100 
}
101 
 
102 
.h5p-editing-image-header-buttons {
103 
  button {
104 
    padding: 0.5em 1.75em;
105 
    margin: 0 0 0 1em;
106 
 
107 
    border: 1px solid #ccc;
108 
    border-radius: 0.25em;
109 
    color: #333;
110 
    cursor: pointer;
111 
 
112 
    background: #f2f2f2;
113 
    background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
114 
    background: -ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
115 
  }
116 
 
117 
  button:hover {
118 
    background: #ededed;
119 
  }
120 
 
121 
  .h5p-done {
122 
    color: #fff;
123 
    border-color: #20588F;
124 
 
125 
    background: #3673B5;
126 
    background: -webkit-linear-gradient(top,#5A94D3 0,#3673B5 100%);
127 
    background: -ms-linear-gradient(top,#5A94D3 0,#3673B5 100%);
128 
  }
129 
 
130 
  .h5p-done:hover {
131 
    background: #3275bc;
132 
    background: -webkit-linear-gradient(top,#3275bc 0,#285585 100%);
133 
    background: -ms-linear-gradient(top,#3275bc 0,#285585 100%);
134 
  }
135 
 
136 
  .h5p-remove {
137 
    background: none;
138 
    border: none;
139 
    color: #a00;
140 
    padding-right: 0;
141 
    padding-left: 0;
142 
    border-radius: 0;
143 
  }
144 
 
145 
  .h5p-remove:hover {
146 
    background: none;
147 
    color: #e40000;
148 
  }
149 
}