Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1 
/* Cubic Bezier Transition */
2 
/* Apply these styles only when #preview-pane has
3 
   been placed within the Jcrop widget */
4 
#preview-pane {
5 
  display: block;
6 
  position: absolute;
7 
  z-index: 2000;
8 
  right: -200px;
9 
  padding: 6px;
10 
  border: 1px rgba(0, 0, 0, 0.4) solid;
11 
  background-color: white;
12 
  -webkit-border-radius: 6px;
13 
  -moz-border-radius: 6px;
14 
  border-radius: 6px;
15 
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
16 
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
17 
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); }
18 
 
19 
@media (max-width: 1024px) {
20 
  #preview-pane {
21 
    right: 0; } }
22 
 
23 
/* The Javascript code will set the aspect ratio of the crop
24 
   area based on the size of the thumbnail preview,
25 
   specified here */
26 
#preview-pane .preview-container {
27 
  width: 175px;
28 
  height: 150px;
29 
  overflow: hidden; }
30 
 
31 
#demo7 {
32 
  background-color: #eee;
33 
  width: 500px;
34 
  height: 330px;
35 
  font-size: 24px;
36 
  font-weight: 300;
37 
  display: block; }