diff options
Diffstat (limited to 'js/dojo/dojox/image/resources')
22 files changed, 474 insertions, 0 deletions
diff --git a/js/dojo/dojox/image/resources/Badge.css b/js/dojo/dojox/image/resources/Badge.css new file mode 100644 index 0000000..482ffa2 --- /dev/null +++ b/js/dojo/dojox/image/resources/Badge.css @@ -0,0 +1,37 @@ +/* dojox.image.Badge definitions */ + +.dojoxBadge { + position:relative; +} + +.dojoxBadge .dojoxBadgeImage { + position:absolute; + top:0; left:0; + margin:0; + padding:0; +} + +.dojoxBadge { + margin:0; padding:0; + border:1px solid #eee; +/* background:#fff; */ +} + +.dojoxBadge .dojoxBadgeImage { + overflow:hidden; + margin-left:1px; + margin-top:1px; + background:#ededed; + z-index:90; +} + +.dojoxBadge .dojoxBadgeSeen { + background-color:#dedede; +} +.dojoxBadge .dojoxBadgeOver { + background-color:green !important; +} + +.dojoxBadge .dojoxBadgeTop { + z-index:99; +} diff --git a/js/dojo/dojox/image/resources/Gallery.css b/js/dojo/dojox/image/resources/Gallery.css new file mode 100644 index 0000000..8e4fd90 --- /dev/null +++ b/js/dojo/dojox/image/resources/Gallery.css @@ -0,0 +1,6 @@ +/* dojox.image.Gallery - too small to be it's own file? */ + +.imageGalleryWrapper { + padding-bottom: 20px; + text-align: center; +} diff --git a/js/dojo/dojox/image/resources/Gallery.html b/js/dojo/dojox/image/resources/Gallery.html new file mode 100644 index 0000000..571dc4f --- /dev/null +++ b/js/dojo/dojox/image/resources/Gallery.html @@ -0,0 +1,4 @@ +<div dojoAttachPoint="outerNode" class="imageGalleryWrapper"> + <div dojoAttachPoint="thumbPickerNode"></div> + <div dojoAttachPoint="slideShowNode"></div> +</div>
\ No newline at end of file diff --git a/js/dojo/dojox/image/resources/Lightbox.css b/js/dojo/dojox/image/resources/Lightbox.css new file mode 100644 index 0000000..22faf48 --- /dev/null +++ b/js/dojo/dojox/image/resources/Lightbox.css @@ -0,0 +1,128 @@ + +/* dojox.image.Lightbox:base */ +/* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black, + but because it's decendant of body, i can't set this color any other way ... */ +.tundra .dijitDialogUnderlay, +.nihilo .dijitDialogUnderlay, +.soria .dijitDialogUnderlay { + background-color:#000; +} + +.claro .dojoxLightbox .dijitDialogCloseIconHover, +.nihilo .dojoxLightbox .dijitDialogCloseIconHover, +.tundra .dojoxLightbox .dijitDialogCloseIconHover, +.tundra .dojoxLightbox .dijitDialogCloseIconActive, +.nihilo .dojoxLightbox .dijitDialogCloseIconActive, +.claro .dojoxLightbox .dijitDialogCloseIconActive { + background:url('images/close.png') no-repeat 0 0; +} + +/* more specific to override .theme .dijitDialog name. might try baseClass="dojoxLightbox" + but that would require additional overriden CSS on top of the original Dialog.css */ +.claro .dojoxLightbox, +.soria .dojoxLightbox, +.nihilo .dojoxLightbox, +.tundra .dojoxLightbox { + position:absolute; + z-index:999; + overflow:hidden; + width:100px; + height:100px; + border:11px solid #fff !important; /* not happy, but all themes overwrite this to 1px */ + background:#fff url('images/loading.gif') no-repeat center center; + + /* special safari + FF specific rounding + shadows */ + -webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */ + -webkit-border-radius: 3px; + -moz-border-radius:4px; + border-radius: 4px; +} + +.dojoxLightboxContainer { + position:absolute; + top:0; left:0; + background-color:#fff; +} + +.dojoxLightboxFooter { + padding-bottom:5px; + position:relative; + bottom:0; + left:0; + margin-top:8px; + color:#333; + z-index:1000; + font-size:10pt; +} + +.dojoxLightboxGroupText { + color:#666; + font-size:8pt; +} + +.LightboxNext, +.LightboxPrev, +.LightboxClose { + float:right; + width:16px; + height:16px; + cursor:pointer; +} + +/* dojox.image.Lightbox:tundra:nihilo */ + +.claro .LightboxClose, +.nihilo .LightboxClose, +.tundra .LightboxClose { + background:url('images/close.png') no-repeat center center; +} + +.di_ie6 .claro .LightboxClose, +.di_ie6 .nihilo .LightboxClose, +.dj_ie6 .tundra .LightboxClose { + background:url('images/close.gif') no-repeat center center; +} + +.claro .LightboxNext, +.nihilo .LightboxNext, +.tundra .LightboxNext { + background:url('images/right.png') no-repeat center center; +} + +.dj_ie6 .claro .LightboxNext, +.dj_ie6 .nihilo .LightboxNext, +.dj_ie6 .tundra .LightboxNext { + background:url('images/right.gif') no-repeat center center; +} + +.claro .LightboxPrev, +.nihilo .LightboxPrev, +.tundra .LightboxPrev { + background:url('images/left.png') no-repeat center center; +} + +.dj_ie6 .claro .LightboxPrev, +.dj_ie6 .nihilo .LightboxPrev, +.dj_ie6 .tundra .LightboxPrev { + background:url('images/left.gif') no-repeat center center; +} + +/* dojox.image.Lightbox:soria */ +.soria .LightboxClose, +.soria .LightboxNext, +.soria .LightboxPrev { + width:15px; + height:15px; + background:url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png') no-repeat center center; + background-position:-60px; +} +.soria .LightboxNext { + background-position:-30px 0; +} +.soria .LightboxPrev { + background-position:0 0; +} + +.dojoxLightboxText { + margin:0; padding:0; +} diff --git a/js/dojo/dojox/image/resources/Lightbox.html b/js/dojo/dojox/image/resources/Lightbox.html new file mode 100644 index 0000000..aca14ee --- /dev/null +++ b/js/dojo/dojox/image/resources/Lightbox.html @@ -0,0 +1,13 @@ +<div class="dojoxLightbox" dojoAttachPoint="containerNode"> + <div style="position:relative"> + <div dojoAttachPoint="imageContainer" class="dojoxLightboxContainer" dojoAttachEvent="onclick: _onImageClick"> + <img dojoAttachPoint="imgNode" src="${imgUrl}" class="dojoxLightboxImage" alt="${title}"> + <div class="dojoxLightboxFooter" dojoAttachPoint="titleNode"> + <div class="dijitInline LightboxClose" dojoAttachPoint="closeButtonNode"></div> + <div class="dijitInline LightboxNext" dojoAttachPoint="nextButtonNode"></div> + <div class="dijitInline LightboxPrev" dojoAttachPoint="prevButtonNode"></div> + <div class="dojoxLightboxText" dojoAttachPoint="titleTextNode"><span dojoAttachPoint="textNode">${title}</span><span dojoAttachPoint="groupCount" class="dojoxLightboxGroupText"></span></div> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/js/dojo/dojox/image/resources/Magnifier.css b/js/dojo/dojox/image/resources/Magnifier.css new file mode 100644 index 0000000..85eba72 --- /dev/null +++ b/js/dojo/dojox/image/resources/Magnifier.css @@ -0,0 +1,5 @@ +.glassNode { + overflow:hidden; + position:absolute; + visibility:hidden; +} diff --git a/js/dojo/dojox/image/resources/SlideShow.css b/js/dojo/dojox/image/resources/SlideShow.css new file mode 100644 index 0000000..d1d76e7 --- /dev/null +++ b/js/dojo/dojox/image/resources/SlideShow.css @@ -0,0 +1,111 @@ +/* dojox.image.SlideShow */ + +.slideShowWrapper { + position:relative; + background:#fff; + padding:8px; + border:1px solid #333; + padding-bottom:20px; + overflow:hidden; + -moz-border-radius:3pt; + -webkit-border-radius:4pt; + -webkit-drop-shadow:#ccc 4pt; +} +.slideShowNav { + position:absolute; + bottom:-18px; + left:0px; + padding:0px 3px 2px 0px; + background-color:#fff; + width:100%; +} +.slideShowNavWrapper { float:right; } +.slideShowTitle { + float:left; + color:#333; + font-size:10pt; +} +.slideShowTitle .slideShowCounterText { + font-size:6pt; color:#666; +} +.slideShowHidden { + position:absolute; + display: none; + height: 1px; + width: 1px; +} +.slideShowImageWrapper { + position:relative; + text-align: center; + margin-top: -42px; + float: left; + width: 100%; +} +.slideShowImageWrapper img { + border: 0px none; +} +.slideShowNotifier { + background-color: red; + width: 100px; + height: 5px; + font-size: 1%;/*IE hack to get around the Empty-Div bug*/ +} +.slideShowSlideShow { + position:absolute; + top:30px; + padding: 0 5px; + border: 0px; + text-decoration: none; + color: #2e6ab1; +} +.slideShowLoading { background-color: #fad66a; } +.slideShowLoaded { background-color: transparent; } +/* +.sprite-arrowbottom { background-position: 0 -30px; } +.sprite-arrowtop { background-position: 0 -430px; } +*/ +.slideShowCtrlPrev { + background-position: -96px 0px; + float: left; +} +.slideShowCtrlNext { + background-position: -144px 0px; + float: right; +} +.slideShowCtrlPlay { + background-position: -190px 0px; + position: absolute; +} +.slideShowPaused .slideShowCtrlPlay { + background-position: -236px 0px; + position: absolute; +} +.slideShowCtrl span.slideShowCtrlHide { + background-image: url("../../../dojo/resources/blank.gif"); + cursor: auto; +} + +.slideShowCtrl { + height: 50px; + width: 100%; + position: relative; + z-index:999; + float: left; +} +.slideShowCtrl span { + width: 50px; + height: 100%; + background-image: url("images/buttons.png"); + cursor: pointer; +} +.dj_ie .slideShowCtrl span { + background-image: url("images/buttons.gif"); +} + +.dj_ie6 .slideShowPager li.currentpage, +.dj_ie6 .pagination li.disablepage{ + /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ + margin-right: 5px; + padding-right: 0; +} + diff --git a/js/dojo/dojox/image/resources/SlideShow.html b/js/dojo/dojox/image/resources/SlideShow.html new file mode 100644 index 0000000..fa4aca6 --- /dev/null +++ b/js/dojo/dojox/image/resources/SlideShow.html @@ -0,0 +1,14 @@ +<div dojoAttachPoint="outerNode" class="slideShowWrapper"> + <div style="position:relative;" dojoAttachPoint="innerWrapper"> + <div class="slideShowNav" dojoAttachEvent="onclick: _handleClick"> + <div class="dijitInline slideShowTitle" dojoAttachPoint="titleNode">${title}</div> + </div> + <div dojoAttachPoint="navNode" class="slideShowCtrl" dojoAttachEvent="onclick: _handleClick"> + <span dojoAttachPoint="navPrev" class="slideShowCtrlPrev"></span> + <span dojoAttachPoint="navPlay" class="slideShowCtrlPlay"></span> + <span dojoAttachPoint="navNext" class="slideShowCtrlNext"></span> + </div> + <div dojoAttachPoint="largeNode" class="slideShowImageWrapper"></div> + <div dojoAttachPoint="hiddenNode" class="slideShowHidden"></div> + </div> +</div>
\ No newline at end of file diff --git a/js/dojo/dojox/image/resources/ThumbnailPicker.css b/js/dojo/dojox/image/resources/ThumbnailPicker.css new file mode 100644 index 0000000..54ace0b --- /dev/null +++ b/js/dojo/dojox/image/resources/ThumbnailPicker.css @@ -0,0 +1,129 @@ +/* dojox.image.ThumbnailPicker */ + +.thumbWrapper .thumbNav { + background-repeat: no-repeat; + background-position: center; + padding-top: 1px; + width: 30px; + height: 100%; +} + +.thumbOuter { + padding-bottom: 2px; +} + +.thumbOuter.thumbHoriz { + width: 500px; + height: 85px; +} + +.thumbOuter.thumbVert { + width: 100px; + height: 400px; +} + +.thumbOuter .enabled { + background: transparent url("images/buttons.png") no-repeat center center; +} +.dj_ie6 .thumbOuter .enabled { background-image: url("images/buttons.gif"); } + +.thumbOuter .thumbNav img { + width: 48px; + height: 75px; +} +.thumbOuter .thumbClickable div { + cursor: pointer; +} +.thumbOuter .prevHoriz { + background-position: -96px 12px; + position: relative; + float: left; + height: 100%; +} + +.thumbOuter .nextHoriz { + background-position: -144px 12px; + position: relative; + float: right; + height: 100%; +/* margin-top: -85px;*/ +} +.thumbOuter .prevVert { + background-position: 0px 0px; + height: 48px; + width:48px; + margin-left:24px; +} + +.thumbOuter .nextVert { + background-position: -48px 0px; + height: 48px; + width:48px; + margin-left:24px; +} + +.thumbWrapper img { + height: 75px; + max-width: 100px; + width: expression(this.width > 100 ? 100: true);/*IE Hack*/ +} + +.thumbWrapper .thumbNav .imageGalleryThumb { + height: 50px; +} + +.thumbWrapper .thumbNotifier { + background-color: red; + width: 0px; + margin-left: 2px; + height: 5px; + font-size: 1%;/*IE hack to get around the Empty-Div bug*/ +} + +.thumbWrapper .thumbLoaded { + background-color: transparent; +} + +.thumbScroller { + overflow-x: hidden; + overflow-y: hidden; + text-align: center; +} + +.thumbHoriz .thumbScroller { + width: 500px; + height: 85px; + float: left; +} + +.thumbVert .thumbScroller { + height: 500px; + width: 100px; +} + +.thumbWrapper { + float: left; +} + +.thumbVert .thumbWrapper { + width: 100px; + height: 10px; +} +.thumbHoriz .thumbWapper { + height:85px; + width: 10px; +} + +.thumbWrapper.thumbHoriz div { + float: left; + padding-right: 2px; +} + +.thumbWrapper.thumbVert { + width: 100px; +} + +.thumbWrapper.thumbVert div { + padding-bottom: 2px; +} + diff --git a/js/dojo/dojox/image/resources/ThumbnailPicker.html b/js/dojo/dojox/image/resources/ThumbnailPicker.html new file mode 100644 index 0000000..561ce2d --- /dev/null +++ b/js/dojo/dojox/image/resources/ThumbnailPicker.html @@ -0,0 +1,11 @@ +<div dojoAttachPoint="outerNode" class="thumbOuter"> + <div dojoAttachPoint="navPrev" class="thumbNav thumbClickable"> + <img src="" dojoAttachPoint="navPrevImg"/> + </div> + <div dojoAttachPoint="thumbScroller" class="thumbScroller"> + <div dojoAttachPoint="thumbsNode" class="thumbWrapper"></div> + </div> + <div dojoAttachPoint="navNext" class="thumbNav thumbClickable"> + <img src="" dojoAttachPoint="navNextImg"/> + </div> +</div>
\ No newline at end of file diff --git a/js/dojo/dojox/image/resources/image.css b/js/dojo/dojox/image/resources/image.css new file mode 100644 index 0000000..c4ea0a2 --- /dev/null +++ b/js/dojo/dojox/image/resources/image.css @@ -0,0 +1,16 @@ +/* + This is the master CSS file for the dojox.image project, and provides all + needed definitions for the DojoX Image Project + + Before build, the files are individual. You can use image.css as a cacheable + single-file rollup, or link only the individual css you need (based on componenet + name) + +*/ +@import "Lightbox.css"; +@import "SlideShow.css"; +@import "ThumbnailPicker.css"; +@import "Gallery.css"; +@import "Badge.css"; +@import "Magnifier.css"; + diff --git a/js/dojo/dojox/image/resources/images/buttons.gif b/js/dojo/dojox/image/resources/images/buttons.gif Binary files differnew file mode 100644 index 0000000..5f9081f --- /dev/null +++ b/js/dojo/dojox/image/resources/images/buttons.gif diff --git a/js/dojo/dojox/image/resources/images/buttons.png b/js/dojo/dojox/image/resources/images/buttons.png Binary files differnew file mode 100644 index 0000000..306e2f8 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/buttons.png diff --git a/js/dojo/dojox/image/resources/images/close.gif b/js/dojo/dojox/image/resources/images/close.gif Binary files differnew file mode 100644 index 0000000..ca97265 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/close.gif diff --git a/js/dojo/dojox/image/resources/images/close.png b/js/dojo/dojox/image/resources/images/close.png Binary files differnew file mode 100644 index 0000000..1ac9d10 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/close.png diff --git a/js/dojo/dojox/image/resources/images/close_dark.png b/js/dojo/dojox/image/resources/images/close_dark.png Binary files differnew file mode 100644 index 0000000..105fe55 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/close_dark.png diff --git a/js/dojo/dojox/image/resources/images/left.gif b/js/dojo/dojox/image/resources/images/left.gif Binary files differnew file mode 100644 index 0000000..8db89c4 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/left.gif diff --git a/js/dojo/dojox/image/resources/images/left.png b/js/dojo/dojox/image/resources/images/left.png Binary files differnew file mode 100644 index 0000000..0848dba --- /dev/null +++ b/js/dojo/dojox/image/resources/images/left.png diff --git a/js/dojo/dojox/image/resources/images/loading.gif b/js/dojo/dojox/image/resources/images/loading.gif Binary files differnew file mode 100644 index 0000000..e4ab783 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/loading.gif diff --git a/js/dojo/dojox/image/resources/images/right.gif b/js/dojo/dojox/image/resources/images/right.gif Binary files differnew file mode 100644 index 0000000..adfc443 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/right.gif diff --git a/js/dojo/dojox/image/resources/images/right.png b/js/dojo/dojox/image/resources/images/right.png Binary files differnew file mode 100644 index 0000000..7cab686 --- /dev/null +++ b/js/dojo/dojox/image/resources/images/right.png diff --git a/js/dojo/dojox/image/resources/images/warning.png b/js/dojo/dojox/image/resources/images/warning.png Binary files differnew file mode 100644 index 0000000..a52a55f --- /dev/null +++ b/js/dojo/dojox/image/resources/images/warning.png |
