| 1 | |
|---|
| 2 | /* jQuery ui resizable */ |
|---|
| 3 | .ui-resizable { position: relative; } |
|---|
| 4 | .ui-wrapper { border: 0; } |
|---|
| 5 | .ui-wrapper input, .ui-wrapper textarea { border: 0; } |
|---|
| 6 | |
|---|
| 7 | /* Global handle styles */ |
|---|
| 8 | .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; } |
|---|
| 9 | .ui-resizable .ui-resizable-handle { display: block; } |
|---|
| 10 | body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ |
|---|
| 11 | body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ |
|---|
| 12 | .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(images/resizable-n.gif) no-repeat scroll center top; } |
|---|
| 13 | .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(images/resizable-s.gif) no-repeat scroll center top; } |
|---|
| 14 | .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-e.gif) no-repeat scroll right center; } |
|---|
| 15 | .ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-w.gif) no-repeat scroll right center; } |
|---|
| 16 | .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(images/resizable-se.gif); } |
|---|
| 17 | .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(images/resizable-sw.gif); } |
|---|
| 18 | .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(images/resizable-nw.gif); } |
|---|
| 19 | .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(images/resizable-ne.gif); } |
|---|
| 20 | #theImage { |
|---|
| 21 | opacity: 100; |
|---|
| 22 | filter: alpha(opacity:100); |
|---|
| 23 | padding-top: 0px; |
|---|
| 24 | padding-bottom: 0px; |
|---|
| 25 | padding-left: 0px; |
|---|
| 26 | } |
|---|
| 27 | body{ |
|---|
| 28 | |
|---|
| 29 | } |
|---|
| 30 | #the_page { |
|---|
| 31 | /* |
|---|
| 32 | margin-top: -4px; |
|---|
| 33 | position:static ;*/ |
|---|
| 34 | |
|---|
| 35 | } |
|---|
| 36 | #mapPicture{ |
|---|
| 37 | top:40% ; |
|---|
| 38 | |
|---|
| 39 | } |
|---|
| 40 | #mapPicture{ |
|---|
| 41 | top:40% ; |
|---|
| 42 | |
|---|
| 43 | } |
|---|
| 44 | |
|---|
| 45 | |
|---|
| 46 | #navThumbNext, #navThumbPrev{ /*height:200px;*/ |
|---|
| 47 | |
|---|
| 48 | |
|---|
| 49 | } |
|---|
| 50 | /**/ |
|---|
| 51 | #theImageAndInfos, #theImageAndTitle { |
|---|
| 52 | /* background-color: #FFFF00;*/ |
|---|
| 53 | } |
|---|
| 54 | |
|---|
| 55 | #theImage { |
|---|
| 56 | /*margin: 10px; |
|---|
| 57 | border: 10px solid #f0FFf0; |
|---|
| 58 | padding: 10px; |
|---|
| 59 | |
|---|
| 60 | background-color: #00FF00; |
|---|
| 61 | */ |
|---|
| 62 | } |
|---|
| 63 | #theMainImage { |
|---|
| 64 | /* |
|---|
| 65 | margin: 15px; |
|---|
| 66 | border: 15px solid #f0f0ff; |
|---|
| 67 | padding:15px; |
|---|
| 68 | |
|---|
| 69 | background-color: #0000FF; */ |
|---|
| 70 | } |
|---|
| 71 | |
|---|
| 72 | #imageInfos, #imageInfoBar { |
|---|
| 73 | /* margin : 20px; |
|---|
| 74 | border: 20px solid #FFf0f0; |
|---|
| 75 | padding: 20px; |
|---|
| 76 | |
|---|
| 77 | background-color: #FF0000; */ |
|---|
| 78 | } |
|---|
| 79 | |
|---|
| 80 | #theImageAndTitle { z-index: 4; } |
|---|
