Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

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