-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added icons, page templates, the colorbox module and the colorbox lib…
…rary
- Loading branch information
Showing
111 changed files
with
8,033 additions
and
23 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
{ | ||
"name": "colorbox", | ||
"title": "ColorBox", | ||
"description": "A lightweight customizable lightbox plugin", | ||
"keywords": [ | ||
"modal", | ||
"lightbox", | ||
"window", | ||
"popup", | ||
"ui" | ||
], | ||
"version": "1.4.3", | ||
"author": { | ||
"name": "Jack Moore", | ||
"url": "http://www.jacklmoore.com", | ||
"email": "jack@colorpowered.com" | ||
}, | ||
"licenses": [ | ||
{ | ||
"type": "MIT", | ||
"url": "http://www.opensource.org/licenses/mit-license.php" | ||
} | ||
], | ||
"homepage": "http://jacklmoore.com/colorbox", | ||
"demo": "http://jacklmoore.com/colorbox", | ||
"dependencies": { | ||
"jquery": ">=1.3.2" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
{ | ||
"name": "jquery-colorbox", | ||
"version": "1.4.3", | ||
"main": "./jquery.colorbox-min.js", | ||
"dependencies": { | ||
"jquery": ">=1.3.2" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
<div id='homer' style="background:url(../content/homer.jpg) right center no-repeat #ececec; height:135px; width:280px; padding:30px 10px;"> | ||
<strong>Homer</strong><br/> | ||
<em>\noun\</em><br/> | ||
<strong>1.</strong> American bonehead<br/> | ||
<strong>2. Pull a Homer-</strong><br/> | ||
to succeed despite<br/> | ||
idiocy | ||
</div> | ||
<script> | ||
$('#homer strong').css({color:'red'}); | ||
</script> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,93 @@ | ||
/* | ||
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; -webkit-overflow-scrolling: touch;} | ||
#cboxTitle{margin:0;} | ||
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} | ||
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{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:url(images/overlay.png) repeat 0 0;} | ||
#colorbox{outline:0;} | ||
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} | ||
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} | ||
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} | ||
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} | ||
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} | ||
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} | ||
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} | ||
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} | ||
#cboxContent{background:#fff; overflow:hidden;} | ||
.cboxIframe{background:#fff;} | ||
#cboxError{padding:50px; border:1px solid #ccc;} | ||
#cboxLoadedContent{margin-bottom:28px;} | ||
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} | ||
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} | ||
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} | ||
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} | ||
|
||
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ | ||
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } | ||
|
||
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ | ||
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} | ||
|
||
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} | ||
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} | ||
#cboxPrevious:hover{background-position:-75px -25px;} | ||
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} | ||
#cboxNext:hover{background-position:-50px -25px;} | ||
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} | ||
#cboxClose:hover{background-position:-25px -25px;} | ||
|
||
/* | ||
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')"); | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+111 Bytes
sites/all/libraries/colorbox/example1/images/ie6/borderBottomCenter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+215 Bytes
sites/all/libraries/colorbox/example1/images/ie6/borderBottomLeft.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+217 Bytes
sites/all/libraries/colorbox/example1/images/ie6/borderBottomRight.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+108 Bytes
sites/all/libraries/colorbox/example1/images/ie6/borderMiddleLeft.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+108 Bytes
sites/all/libraries/colorbox/example1/images/ie6/borderMiddleRight.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+111 Bytes
sites/all/libraries/colorbox/example1/images/ie6/borderTopCenter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+214 Bytes
sites/all/libraries/colorbox/example1/images/ie6/borderTopRight.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+157 Bytes
sites/all/libraries/colorbox/example1/images/loading_background.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,95 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset='utf-8'/> | ||
<title>ColorBox Examples</title> | ||
<style> | ||
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} | ||
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} | ||
h2{font-size:13px; margin:15px 0 0 0;} | ||
</style> | ||
<link rel="stylesheet" href="colorbox.css" /> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
<script src="../jquery.colorbox.js"></script> | ||
<script> | ||
$(document).ready(function(){ | ||
//Examples of how to assign the ColorBox event to elements | ||
$(".group1").colorbox({rel:'group1'}); | ||
$(".group2").colorbox({rel:'group2', transition:"fade"}); | ||
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); | ||
$(".group4").colorbox({rel:'group4', slideshow:true}); | ||
$(".ajax").colorbox(); | ||
$(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344}); | ||
$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409}); | ||
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); | ||
$(".inline").colorbox({inline:true, width:"50%"}); | ||
$(".callbacks").colorbox({ | ||
onOpen:function(){ alert('onOpen: colorbox is about to open'); }, | ||
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, | ||
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, | ||
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, | ||
onClosed:function(){ alert('onClosed: colorbox has completely closed'); } | ||
}); | ||
|
||
$('.non-retina').colorbox({rel:'group5', transition:'none'}) | ||
$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true}); | ||
|
||
//Example of preserving a JavaScript event for inline calls. | ||
$("#click").click(function(){ | ||
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); | ||
return false; | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
<h1>ColorBox Demonstration</h1> | ||
<h2>Elastic Transition</h2> | ||
<p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Fade Transition</h2> | ||
<p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p> | ||
<p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>No Transition + fixed width and height (75% of screen size)</h2> | ||
<p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Slideshow</h2> | ||
<p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Other Content Types</h2> | ||
<p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p> | ||
<p><a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&wmode=transparent" title="The Knife: We Share Our Mother's Health">Flash / Video (Iframe/Direct Link To YouTube)</a></p> | ||
<p><a class='vimeo' href="http://player.vimeo.com/video/2285902" title="Röyksopp: Remind Me">Flash / Video (Iframe/Direct Link To Vimeo)</a></p> | ||
<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p> | ||
<p><a class='inline' href="#inline_content">Inline HTML</a></p> | ||
|
||
<h2>Demonstration of using callbacks</h2> | ||
<p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p> | ||
|
||
|
||
<h2>Retina Images</h2> | ||
<p><a class="retina" href="../content/daisy.jpg" title="Retina">Retina</a></p> | ||
<p><a class="non-retina" href="../content/daisy.jpg" title="Non-Retina">Non-Retina</a></p> | ||
|
||
<!-- This contains the hidden content for inline calls --> | ||
<div style='display:none'> | ||
<div id='inline_content' style='padding:10px; background:#fff;'> | ||
<p><strong>This content comes from a hidden element on this page.</strong></p> | ||
<p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p> | ||
<p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p> | ||
|
||
<p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p> | ||
<p>Updating Content Example:<br /> | ||
<a class="ajax" href="../content/ajax.html">Click here to load new content</a></p> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,49 @@ | ||
/* | ||
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; -webkit-overflow-scrolling: touch;} | ||
#cboxTitle{margin:0;} | ||
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} | ||
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{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{outline:0;} | ||
#cboxContent{margin-top:32px; overflow:visible; background:#000;} | ||
.cboxIframe{background:#fff;} | ||
#cboxError{padding:50px; border:1px solid #ccc;} | ||
#cboxLoadedContent{background:#000; padding:1px;} | ||
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} | ||
#cboxLoadingOverlay{background:#000;} | ||
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;} | ||
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} | ||
|
||
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ | ||
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;} | ||
|
||
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ | ||
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} | ||
|
||
#cboxPrevious{background-position:0px 0px; right:44px;} | ||
#cboxPrevious:hover{background-position:0px -25px;} | ||
#cboxNext{background-position:-25px 0px; right:22px;} | ||
#cboxNext:hover{background-position:-25px -25px;} | ||
#cboxClose{background-position:-50px 0px; right:0;} | ||
#cboxClose:hover{background-position:-50px -25px;} | ||
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} | ||
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} | ||
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} | ||
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} | ||
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.