summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorLukas Fleischer <info@cryptocrack.de>2012-05-28 00:37:58 +0200
committerLukas Fleischer <calcurse@cryptocrack.de>2012-06-30 11:40:21 +0200
commit6a2101df118390a0a17e34e84afa19b8b58fdd3e (patch)
tree5649f8924205cc0c9dd5815bcedbab0b508fde6d /css
parent0caf79838a6341f2a83298ec1eb613bf4071ebbc (diff)
downloadcalcurse.org-6a2101df118390a0a17e34e84afa19b8b58fdd3e.tar.gz
calcurse.org-6a2101df118390a0a17e34e84afa19b8b58fdd3e.zip
Upgrade Lightbox
Signed-off-by: Lukas Fleischer <info@cryptocrack.de>
Diffstat (limited to 'css')
-rw-r--r--css/lightbox.css196
1 files changed, 175 insertions, 21 deletions
diff --git a/css/lightbox.css b/css/lightbox.css
index 138fed9..60c2b27 100644
--- a/css/lightbox.css
+++ b/css/lightbox.css
@@ -1,27 +1,181 @@
-#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
-#lightbox img{ width: auto; height: auto;}
-#lightbox a img{ border: none; }
+/* line 6, ../sass/lightbox.sass */
+#lightboxOverlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+ background-color: black;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
+ opacity: 0.85;
+ display: none;
+}
-#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
-#imageContainer{ padding: 10px; }
+/* line 15, ../sass/lightbox.sass */
+#lightbox {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ z-index: 10000;
+ text-align: center;
+ line-height: 0;
+ font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
+ font-weight: normal;
+}
+/* line 24, ../sass/lightbox.sass */
+#lightbox img {
+ width: auto;
+ height: auto;
+}
+/* line 27, ../sass/lightbox.sass */
+#lightbox a img {
+ border: none;
+}
-#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
-#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
-#imageContainer>#hoverNav{ left: 0;}
-#hoverNav a{ outline: none;}
+/* line 30, ../sass/lightbox.sass */
+.lb-outerContainer {
+ position: relative;
+ background-color: white;
+ *zoom: 1;
+ width: 250px;
+ height: 250px;
+ margin: 0 auto;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ -o-border-radius: 4px;
+ border-radius: 4px;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.lb-outerContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
-#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
-#prevLink { left: 0; float: left;}
-#nextLink { right: 0; float: right;}
-#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
-#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
+/* line 39, ../sass/lightbox.sass */
+.lb-container {
+ padding: 10px;
+}
-#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
+/* line 42, ../sass/lightbox.sass */
+.lb-loader {
+ position: absolute;
+ top: 40%;
+ left: 0%;
+ height: 25%;
+ width: 100%;
+ text-align: center;
+ line-height: 0;
+}
-#imageData{ padding:0 10px; color: #666; }
-#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
-#imageData #caption{ font-weight: bold; }
-#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
-#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
+/* line 51, ../sass/lightbox.sass */
+.lb-nav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 10;
+}
-#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
+/* line 59, ../sass/lightbox.sass */
+.lb-container > .nav {
+ left: 0;
+}
+
+/* line 62, ../sass/lightbox.sass */
+.lb-nav a {
+ outline: none;
+}
+
+/* line 65, ../sass/lightbox.sass */
+.lb-prev, .lb-next {
+ width: 49%;
+ height: 100%;
+ background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+ /* Trick IE into showing hover */
+ display: block;
+}
+
+/* line 72, ../sass/lightbox.sass */
+.lb-prev {
+ left: 0;
+ float: left;
+}
+
+/* line 76, ../sass/lightbox.sass */
+.lb-next {
+ right: 0;
+ float: right;
+}
+
+/* line 81, ../sass/lightbox.sass */
+.lb-prev:hover {
+ background: url(../images/prev.png) left 48% no-repeat;
+}
+
+/* line 85, ../sass/lightbox.sass */
+.lb-next:hover {
+ background: url(../images/next.png) right 48% no-repeat;
+}
+
+/* line 88, ../sass/lightbox.sass */
+.lb-dataContainer {
+ margin: 0 auto;
+ padding-top: 5px;
+ *zoom: 1;
+ width: 100%;
+ -moz-border-radius-bottomleft: 4px;
+ -webkit-border-bottom-left-radius: 4px;
+ -ms-border-bottom-left-radius: 4px;
+ -o-border-bottom-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ -moz-border-radius-bottomright: 4px;
+ -webkit-border-bottom-right-radius: 4px;
+ -ms-border-bottom-right-radius: 4px;
+ -o-border-bottom-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.lb-dataContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+/* line 95, ../sass/lightbox.sass */
+.lb-data {
+ padding: 0 10px;
+ color: #bbbbbb;
+}
+/* line 98, ../sass/lightbox.sass */
+.lb-data .lb-details {
+ width: 85%;
+ float: left;
+ text-align: left;
+ line-height: 1.1em;
+}
+/* line 103, ../sass/lightbox.sass */
+.lb-data .lb-caption {
+ font-size: 13px;
+ font-weight: bold;
+ line-height: 1em;
+}
+/* line 107, ../sass/lightbox.sass */
+.lb-data .lb-number {
+ display: block;
+ clear: left;
+ padding-bottom: 1em;
+ font-size: 11px;
+}
+/* line 112, ../sass/lightbox.sass */
+.lb-data .lb-close {
+ width: 35px;
+ float: right;
+ padding-bottom: 0.7em;
+ outline: none;
+}
+/* line 117, ../sass/lightbox.sass */
+.lb-data .lb-close:hover {
+ cursor: pointer;
+}