Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Sign In
Not a member yet? Click here to register.

Fix 4 themes\Atom-X8\colorbox.css

The navigation arrows and closebox are not working on attached images in the forum posts.

I fixed themes\Atom-X8\colorbox.css
CodeDownload  
/* Fix Wanabo
 ColorBox Core Style:
 The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlidADBow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
 User Style:
 Change the following styles to modify the appearance of ColorBox. They are
 ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
 #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
 #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
 #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
 #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
 #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
 #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
 #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
 #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
 #cboxContent{background:#fff; overflow:hidden;}
 .cboxIframe{background:#fff;}
 #cboxError{padding:50px; border:1px solid #ccc;}
 #cboxLoadedContent{margin-top:20px;}
 #cboxTitle{position:absolute; top:0px; left:0; text-align:center; width:100%; color:#999;}
 #cboxCurrent{position:absolute; top:0px; left:100px; color:#999;}
 #cboxSlidADBow{position:absolute; top:0px; right:42px; color:#444;}
 #cboxPrevious{position:absolute; top:0px; left:0; color:#444;}
 #cboxNext{position:absolute; top:0px; left:63px; color:#444;}
 #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
 #cboxClose{position:absolute; top:0; right:0; display:block; color:#444;}

/* Fix Wanabo, renamed bottom to top for correct positioning.
 .cboxIframe{background:#fff;}
 #cboxError{padding:50px; border:1px solid #ccc;}
 #cboxLoadedContent{margin-bottom:20px;}
 #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
 #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
 #cboxSlidADBow{position:absolute; bottom:0px; right:42px; color:#444;}
 #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
 #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
 #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
 #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
*/

/*
 The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
 when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
 See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
 The following provides PNG transparency support for IE6
 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
 _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

Thread Information
Author
Replies
2 posts
Views
157 times
Last Post
Last updated on 1 month ago
You can view all discussion threads in this forum.
You cannot set up a bounty in this discussion thread.
You can start a new discussion thread in this forum.
You cannot reply in this discussion thread.
You cannot start on a poll in this forum.
You cannot upload attachments in this forum.
You can download attachments in this forum.
You cannot up or down-vote on the post in this discussion thread.
Users who participated in discussion: Wanabo, RobiNN