Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

moving lightbox nav around in prep for more utils.

  • Loading branch information...
commit ad7646b84df6bcf89d7edfa30ef56b9657502630 1 parent 90d2e1a
@jzacsh authored
View
15 static/css/drawings.css
@@ -27,6 +27,11 @@ body.lock {
padding-top: 2em;
}
+#current > * {
+ max-width: 50%;
+ margin: 0 auto;
+}
+
#current img {
box-shadow: 0 0 1em #000;
max-height: 80%;
@@ -36,6 +41,11 @@ body.lock {
padding-left: 0;
}
+#lightbox .utils li {
+ list-style-type: none;
+ display: inline;
+}
+
#lightbox .utils a {
text-transform: capitalize;
}
@@ -44,6 +54,11 @@ body.lock {
font-variant: small-caps;
}
+#lightbox .utils button.close {
+ position: relative;
+ left: 20%;
+}
+
#config input[type="range"][name="grid-size"] {
cursor: ew-resize;
}
View
13 static/css/global.css
@@ -66,6 +66,19 @@ button[disabled="disabled"] {
opacity: 0.7;
}
+button.close {
+ background-repeat: no-repeat;
+ background-position: 0 0;
+ background-image: url('/static/img/gnome-window-close.png');
+ font-size: 0;
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+
+ /* TODO: find a white version of this image */
+ background-color: #fff;
+}
+
a:active, .clickable:active, .button:active {
outline: none;
}
View
6 static/html/zacsh-box.html
@@ -1,13 +1,13 @@
<div id="lightbox" ng:show="lightboxBuilt">
<div id="current">
- <img src="{{zacshSlide.medium}}"
- title="{{zacshSlide.name}}" />
<ul class="utils">
<li><a target="_blank" href="{{zacshSlide.src}}">
View Full Size</a></li>
<li>
- <button ng:click="zacshSlide = false;">Close</button>
+ <button class="close" ng:click="zacshSlide = false;">Close</button>
</li>
</ul>
+ <img src="{{zacshSlide.medium}}"
+ title="{{zacshSlide.name}}" />
</div><!--//#current-->
</div>
Please sign in to comment.
Something went wrong with that request. Please try again.