Team:Marburg/Template:Colorbox.css

From 2013.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
<html><style>
+
/* line 7, ../sass/lightbox.sass */
-
/**
+
body:after {
-
* jQuery lightBox plugin
+
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
-
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+
  display: none;
-
* and adapted to me for use like a plugin from jQuery.
+
-
* @name jquery-lightbox-0.5.css
+
-
* @author Leandro Vieira Pinho - http://leandrovieira.com
+
-
* @version 0.5
+
-
* @date April 11, 2008
+
-
* @category jQuery plugin
+
-
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
+
-
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
+
-
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+
-
*/
+
-
#jquery-overlay {
+
-
position: absolute;
+
-
top: 0;
+
-
left: 0;
+
-
z-index: 90;
+
-
width: 100%;
+
-
height: 500px;
+
}
}
-
#jquery-lightbox {
+
 
-
position: absolute;
+
/* line 11, ../sass/lightbox.sass */
-
top: 0;
+
.lightboxOverlay {
-
left: 0;
+
  position: absolute;
-
width: 100%;
+
  top: 0;
-
z-index: 100;
+
  left: 0;
-
text-align: center;
+
  z-index: 9999;
-
line-height: 0;
+
  background-color: black;
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 +
  opacity: 0.8;
 +
  display: none;
}
}
-
#jquery-lightbox a img { border: none; }
+
 
-
#lightbox-container-image-box {
+
/* line 20, ../sass/lightbox.sass */
-
position: relative;
+
.lightbox {
-
background-color: #fff;
+
  position: absolute;
-
width: 250px;
+
  left: 0;
-
height: 250px;
+
  width: 100%;
-
margin: 0 auto !important;
+
  z-index: 10000;
 +
  text-align: center;
 +
  line-height: 0;
 +
  font-weight: normal;
}
}
-
#lightbox-container-image { padding: 10px !important; }
+
/* line 28, ../sass/lightbox.sass */
-
#lightbox-loading {
+
.lightbox .lb-image {
-
position: absolute;
+
  display: block;
-
top: 40%;
+
  height: auto;
-
left: 0%;
+
  max-width: inherit;
-
height: 25%;
+
  -webkit-border-radius: 3px;
-
width: 100%;
+
  -moz-border-radius: 3px;
-
text-align: center;
+
  -ms-border-radius: 3px;
-
line-height: 0;
+
  -o-border-radius: 3px;
 +
  border-radius: 3px;
}
}
-
#lightbox-nav {
+
/* line 33, ../sass/lightbox.sass */
-
position: absolute;
+
.lightbox a img {
-
top: 0;
+
  border: none;
-
left: 0;
+
-
height: 100%;
+
-
width: 100%;
+
-
z-index: 10;
+
}
}
-
#lightbox-container-image-box > #lightbox-nav { left: 0; }
+
 
-
#lightbox-nav a { outline: none;}
+
/* line 36, ../sass/lightbox.sass */
-
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+
.lb-outerContainer {
-
width: 49%;
+
  position: relative;
-
height: 100%;
+
  background-color: white;
-
zoom: 1;
+
  *zoom: 1;
-
display: block;
+
  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;
}
}
-
#lightbox-nav-btnPrev {  
+
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
-
left: 0;  
+
.lb-outerContainer:after {
-
float: left;
+
  content: "";
 +
  display: table;
 +
  clear: both;
}
}
-
#lightbox-nav-btnNext {  
+
 
-
right: 0;
+
/* line 45, ../sass/lightbox.sass */
-
float: right;
+
.lb-container {
 +
  padding: 4px;
}
}
-
#lightbox-container-image-data-box {
+
 
-
font: 10px Verdana, Helvetica, sans-serif;
+
/* line 48, ../sass/lightbox.sass */
-
background-color: #fff;
+
.lb-loader {
-
margin: 0 auto !important;
+
  position: absolute;
-
line-height: 1.4em;
+
  top: 43%;
-
overflow: auto;
+
  left: 0%;
-
width: 100%;
+
  height: 25%;
-
padding: 0 10px 0 !important;
+
  width: 100%;
 +
  text-align: center;
 +
  line-height: 0;
}
}
-
#lightbox-container-image-data {
+
 
-
padding: 0 10px !important;  
+
/* line 57, ../sass/lightbox.sass */
-
color: #666;  
+
.lb-cancel {
 +
  display: block;
 +
  width: 32px;
 +
  height: 32px;
 +
  margin: 0 auto;
 +
  background: url(../img/loading.gif) no-repeat;
 +
}
 +
 
 +
/* line 64, ../sass/lightbox.sass */
 +
.lb-nav {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  z-index: 10;
 +
}
 +
 
 +
/* line 72, ../sass/lightbox.sass */
 +
.lb-container > .nav {
 +
  left: 0;
 +
}
 +
 
 +
/* line 75, ../sass/lightbox.sass */
 +
.lb-nav a {
 +
  outline: none;
 +
}
 +
 
 +
/* line 78, ../sass/lightbox.sass */
 +
.lb-prev, .lb-next {
 +
  width: 49%;
 +
  height: 100%;
 +
  cursor: pointer;
 +
  /* Trick IE into showing hover */
 +
  display: block;
 +
}
 +
 
 +
/* line 85, ../sass/lightbox.sass */
 +
.lb-prev {
 +
  left: 0;
 +
  float: left;
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 +
  opacity: 0;
 +
  -webkit-transition: opacity 0.6s;
 +
  -moz-transition: opacity 0.6s;
 +
  -o-transition: opacity 0.6s;
 +
  transition: opacity 0.6s;
 +
}
 +
/* line 90, ../sass/lightbox.sass */
 +
.lb-prev:hover {
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 +
  opacity: 1;
 +
  background: url(../img/prev.png) left 48% no-repeat;
 +
}
 +
 
 +
/* line 94, ../sass/lightbox.sass */
 +
.lb-next {
 +
  right: 0;
 +
  float: right;
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 +
  opacity: 0;
 +
  -webkit-transition: opacity 0.6s;
 +
  -moz-transition: opacity 0.6s;
 +
  -o-transition: opacity 0.6s;
 +
  transition: opacity 0.6s;
 +
}
 +
/* line 99, ../sass/lightbox.sass */
 +
.lb-next:hover {
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 +
  opacity: 1;
 +
  background: url(../img/next.png) right 48% no-repeat;
 +
}
 +
 
 +
/* line 103, ../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;
 +
  border-bottom-left-radius: 4px;
 +
  -moz-border-radius-bottomright: 4px;
 +
  -webkit-border-bottom-right-radius: 4px;
 +
  border-bottom-right-radius: 4px;
 +
}
 +
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 +
.lb-dataContainer:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
 
 +
/* line 110, ../sass/lightbox.sass */
 +
.lb-data {
 +
  padding: 0 4px;
 +
  color: #bbbbbb;
 +
}
 +
/* line 113, ../sass/lightbox.sass */
 +
.lb-data .lb-details {
 +
  width: 85%;
 +
  float: left;
 +
  text-align: left;
 +
  line-height: 1.1em;
 +
}
 +
/* line 118, ../sass/lightbox.sass */
 +
.lb-data .lb-caption {
 +
  font-size: 13px;
 +
  font-weight: bold;
 +
  line-height: 1em;
 +
}
 +
/* line 122, ../sass/lightbox.sass */
 +
.lb-data .lb-number {
 +
  display: block;
 +
  clear: left;
 +
  padding-bottom: 1em;
 +
  font-size: 12px;
 +
  color: #999999;
 +
}
 +
/* line 128, ../sass/lightbox.sass */
 +
.lb-data .lb-close {
 +
  display: block;
 +
  float: right;
 +
  width: 30px;
 +
  height: 30px;
 +
  background: url(../img/close.png) top right no-repeat;
 +
  text-align: right;
 +
  outline: none;
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 +
  opacity: 0.7;
 +
  -webkit-transition: opacity 0.2s;
 +
  -moz-transition: opacity 0.2s;
 +
  -o-transition: opacity 0.2s;
 +
  transition: opacity 0.2s;
 +
}
 +
/* line 138, ../sass/lightbox.sass */
 +
.lb-data .lb-close:hover {
 +
  cursor: pointer;
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 +
  opacity: 1;
}
}
-
#lightbox-container-image-data #lightbox-image-details {
 
-
width: 70%;
 
-
float: left;
 
-
text-align: left;
 
-
}
 
-
#lightbox-image-details-caption { font-weight: bold; }
 
-
#lightbox-image-details-currentNumber {
 
-
display: block;
 
-
clear: left;
 
-
padding-bottom: 1.0em !important;
 
-
}
 
-
#lightbox-secNav-btnClose {
 
-
width: 66px;
 
-
float: right;
 
-
padding-bottom: 0.7em !important;
 
-
}</style></html>
 

Revision as of 07:12, 4 October 2013

/* line 7, ../sass/lightbox.sass */ body:after { 

 content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
 display: none;

}

/* line 11, ../sass/lightbox.sass */ .lightboxOverlay { 

 position: absolute;
 top: 0;
 left: 0;
 z-index: 9999;
 background-color: black;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 opacity: 0.8;
 display: none;

}

/* line 20, ../sass/lightbox.sass */ .lightbox { 

 position: absolute;
 left: 0;
 width: 100%;
 z-index: 10000;
 text-align: center;
 line-height: 0;
 font-weight: normal;

} /* line 28, ../sass/lightbox.sass */ .lightbox .lb-image { 

 display: block;
 height: auto;
 max-width: inherit;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 border-radius: 3px;

} /* line 33, ../sass/lightbox.sass */ .lightbox a img { 

 border: none;

}

/* line 36, ../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.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-outerContainer:after { 

 content: "";
 display: table;
 clear: both;

}

/* line 45, ../sass/lightbox.sass */ .lb-container { 

 padding: 4px;

}

/* line 48, ../sass/lightbox.sass */ .lb-loader { 

 position: absolute;
 top: 43%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;

}

/* line 57, ../sass/lightbox.sass */ .lb-cancel { 

 display: block;
 width: 32px;
 height: 32px;
 margin: 0 auto;
 background: url(../img/loading.gif) no-repeat;

}

/* line 64, ../sass/lightbox.sass */ .lb-nav { 

 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;

}

/* line 72, ../sass/lightbox.sass */ .lb-container > .nav { 

 left: 0;

}

/* line 75, ../sass/lightbox.sass */ .lb-nav a { 

 outline: none;

}

/* line 78, ../sass/lightbox.sass */ .lb-prev, .lb-next { 

 width: 49%;
 height: 100%;
 cursor: pointer;
 /* Trick IE into showing hover */
 display: block;

}

/* line 85, ../sass/lightbox.sass */ .lb-prev { 

 left: 0;
 float: left;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -webkit-transition: opacity 0.6s;
 -moz-transition: opacity 0.6s;
 -o-transition: opacity 0.6s;
 transition: opacity 0.6s;

} /* line 90, ../sass/lightbox.sass */ .lb-prev:hover { 

 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity: 1;
 background: url(../img/prev.png) left 48% no-repeat;

}

/* line 94, ../sass/lightbox.sass */ .lb-next { 

 right: 0;
 float: right;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -webkit-transition: opacity 0.6s;
 -moz-transition: opacity 0.6s;
 -o-transition: opacity 0.6s;
 transition: opacity 0.6s;

} /* line 99, ../sass/lightbox.sass */ .lb-next:hover { 

 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity: 1;
 background: url(../img/next.png) right 48% no-repeat;

}

/* line 103, ../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;
 border-bottom-left-radius: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-bottom-right-radius: 4px;

} /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-dataContainer:after { 

 content: "";
 display: table;
 clear: both;

}

/* line 110, ../sass/lightbox.sass */ .lb-data { 

 padding: 0 4px;
 color: #bbbbbb;

} /* line 113, ../sass/lightbox.sass */ .lb-data .lb-details { 

 width: 85%;
 float: left;
 text-align: left;
 line-height: 1.1em;

} /* line 118, ../sass/lightbox.sass */ .lb-data .lb-caption { 

 font-size: 13px;
 font-weight: bold;
 line-height: 1em;

} /* line 122, ../sass/lightbox.sass */ .lb-data .lb-number { 

 display: block;
 clear: left;
 padding-bottom: 1em;
 font-size: 12px;
 color: #999999;

} /* line 128, ../sass/lightbox.sass */ .lb-data .lb-close { 

 display: block;
 float: right;
 width: 30px;
 height: 30px;
 background: url(../img/close.png) top right no-repeat;
 text-align: right;
 outline: none;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 opacity: 0.7;
 -webkit-transition: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;

} /* line 138, ../sass/lightbox.sass */ .lb-data .lb-close:hover { 

 cursor: pointer;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity: 1;

}

Retrieved from "http://2013.igem.org/Team:Marburg/Template:Colorbox.css"