Template:MQgallerycss

From 2012.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 2: Line 2:
<!---Credit to Washington U---!>
<!---Credit to Washington U---!>
<style type = "text/css">
<style type = "text/css">
-
#galleria{ width:650px; height: 500px; background: #000;
+
#galleria{ width:618px; height: 475px; background: #000;
   -webkit-box-shadow: 0 8px 6px -6px black;
   -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 72: Line 72:
.galleria-info{
.galleria-info{
width: 50%;
width: 50%;
-
top: 15px;
+
bottom: 100px;
left: 15px;
left: 15px;
z-index:2;
z-index:2;
position:absolute;
position:absolute;
}
}
 +
 +
<!edit this!>
.galleria-info-text{
.galleria-info-text{
-
background-color: #000;
+
background-color: #111;
padding: 12px;
padding: 12px;
display:none;
display:none;
Line 223: Line 225:
background-repeat: no-repeat;
background-repeat: no-repeat;
}
}
-
$("#gallery").galleria({
+
 
-
    width: 661,
+
-
    height: 661,
+
-
    extend: function(options) {
+
-
        Galleria.get(0).$('info-link').click();
+
-
    }
+
-
});
+
</style>
</style>
</html>
</html>

Latest revision as of 06:39, 11 September 2012