http://2013.igem.org/wiki/index.php?title=Team:ETH_Zurich/Templates/BxSliderCSS&feed=atom&action=history
Team:ETH Zurich/Templates/BxSliderCSS - Revision history
2024-03-28T13:49:33Z
Revision history for this page on the wiki
MediaWiki 1.16.5
http://2013.igem.org/wiki/index.php?title=Team:ETH_Zurich/Templates/BxSliderCSS&diff=116594&oldid=prev
Luwidmer at 20:27, 11 September 2013
2013-09-11T20:27:03Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:27, 11 September 2013</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 50:</td>
<td colspan="2" class="diff-lineno">Line 50:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.bx-wrapper .bx-loading {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.bx-wrapper .bx-loading {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> min-height: 50px;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> min-height: 50px;</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> background: url(images/bx_loader.gif) center center no-repeat #fff;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> background: url(<ins class="diffchange diffchange-inline">/wiki/</ins>images/<ins class="diffchange diffchange-inline">c/c6/ETH_Zurich.</ins>bx_loader.gif) center center no-repeat #fff;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> height: 100%;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> height: 100%;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> width: 100%;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> width: 100%;</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 99:</td>
<td colspan="2" class="diff-lineno">Line 99:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.bx-wrapper .bx-prev {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.bx-wrapper .bx-prev {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> left: 10px;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> left: 10px;</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> background: url(images/controls.png) no-repeat 0 -32px;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> background: url(<ins class="diffchange diffchange-inline">/wiki/</ins>images/<ins class="diffchange diffchange-inline">3/32/ETH_Zurich.</ins>controls.png) no-repeat 0 -32px;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.bx-wrapper .bx-next {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.bx-wrapper .bx-next {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> right: 10px;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> right: 10px;</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> background: url(images/controls.png) no-repeat -43px -32px;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> background: url(<ins class="diffchange diffchange-inline">/wiki/</ins>images/<ins class="diffchange diffchange-inline">3/32/ETH_Zurich.</ins>controls.png) no-repeat -43px -32px;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>
Luwidmer
http://2013.igem.org/wiki/index.php?title=Team:ETH_Zurich/Templates/BxSliderCSS&diff=116378&oldid=prev
Luwidmer: Created page with "/** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Be..."
2013-09-11T18:07:58Z
<p>Created page with "/** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Be..."</p>
<p><b>New page</b></p><div>/**<br />
* BxSlider v4.0 - Fully loaded, responsive content slider<br />
* http://bxslider.com<br />
*<br />
* Written by: Steven Wanderski, 2012<br />
* http://stevenwanderski.com<br />
* (while drinking Belgian ales and listening to jazz)<br />
*<br />
* CEO and founder of bxCreative, LTD<br />
* http://bxcreative.com<br />
*/<br />
<br />
<br />
/** RESET AND LAYOUT<br />
===================================*/<br />
<br />
.bx-wrapper {<br />
position: relative;<br />
margin: 0 auto 60px;<br />
padding: 0;<br />
*zoom: 1;<br />
}<br />
<br />
.bx-wrapper img {<br />
max-width: 100%;<br />
display: block;<br />
}<br />
<br />
/** THEME<br />
===================================*/<br />
<br />
.bx-wrapper .bx-viewport {<br />
-moz-box-shadow: 0 0 5px #ccc;<br />
-webkit-box-shadow: 0 0 5px #ccc;<br />
box-shadow: 0 0 5px #ccc;<br />
border: solid #fff 5px;<br />
left: -5px;<br />
background: #fff;<br />
}<br />
<br />
.bx-wrapper .bx-pager,<br />
.bx-wrapper .bx-controls-auto {<br />
position: absolute;<br />
bottom: -30px;<br />
width: 100%;<br />
}<br />
<br />
/* LOADER */<br />
<br />
.bx-wrapper .bx-loading {<br />
min-height: 50px;<br />
background: url(images/bx_loader.gif) center center no-repeat #fff;<br />
height: 100%;<br />
width: 100%;<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 2000;<br />
}<br />
<br />
/* PAGER */<br />
<br />
.bx-wrapper .bx-pager {<br />
text-align: center;<br />
font-size: .85em;<br />
font-family: Arial;<br />
font-weight: bold;<br />
color: #666;<br />
padding-top: 20px;<br />
}<br />
<br />
.bx-wrapper .bx-pager .bx-pager-item,<br />
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {<br />
display: inline-block;<br />
*zoom: 1;<br />
*display: inline;<br />
}<br />
<br />
.bx-wrapper .bx-pager.bx-default-pager a {<br />
background: #666;<br />
text-indent: -9999px;<br />
display: block;<br />
width: 10px;<br />
height: 10px;<br />
margin: 0 5px;<br />
outline: 0;<br />
-moz-border-radius: 5px;<br />
-webkit-border-radius: 5px;<br />
border-radius: 5px;<br />
}<br />
<br />
.bx-wrapper .bx-pager.bx-default-pager a:hover,<br />
.bx-wrapper .bx-pager.bx-default-pager a.active {<br />
background: #000;<br />
}<br />
<br />
/* DIRECTION CONTROLS (NEXT / PREV) */<br />
<br />
.bx-wrapper .bx-prev {<br />
left: 10px;<br />
background: url(images/controls.png) no-repeat 0 -32px;<br />
}<br />
<br />
.bx-wrapper .bx-next {<br />
right: 10px;<br />
background: url(images/controls.png) no-repeat -43px -32px;<br />
}<br />
<br />
.bx-wrapper .bx-prev:hover {<br />
background-position: 0 0;<br />
}<br />
<br />
.bx-wrapper .bx-next:hover {<br />
background-position: -43px 0;<br />
}<br />
<br />
.bx-wrapper .bx-controls-direction a {<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -16px;<br />
outline: 0;<br />
width: 32px;<br />
height: 32px;<br />
text-indent: -9999px;<br />
z-index: 9999;<br />
}<br />
<br />
.bx-wrapper .bx-controls-direction a.disabled {<br />
display: none;<br />
}<br />
<br />
/* AUTO CONTROLS (START / STOP) */<br />
<br />
.bx-wrapper .bx-controls-auto {<br />
text-align: center;<br />
}<br />
<br />
.bx-wrapper .bx-controls-auto .bx-start {<br />
display: block;<br />
text-indent: -9999px;<br />
width: 10px;<br />
height: 11px;<br />
outline: 0;<br />
background: url(images/controls.png) -86px -11px no-repeat;<br />
margin: 0 3px;<br />
}<br />
<br />
.bx-wrapper .bx-controls-auto .bx-start:hover,<br />
.bx-wrapper .bx-controls-auto .bx-start.active {<br />
background-position: -86px 0;<br />
}<br />
<br />
.bx-wrapper .bx-controls-auto .bx-stop {<br />
display: block;<br />
text-indent: -9999px;<br />
width: 9px;<br />
height: 11px;<br />
outline: 0;<br />
background: url(images/controls.png) -86px -44px no-repeat;<br />
margin: 0 3px;<br />
}<br />
<br />
.bx-wrapper .bx-controls-auto .bx-stop:hover,<br />
.bx-wrapper .bx-controls-auto .bx-stop.active {<br />
background-position: -86px -33px;<br />
}<br />
<br />
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */<br />
<br />
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {<br />
text-align: left;<br />
width: 80%;<br />
}<br />
<br />
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {<br />
right: 0;<br />
width: 35px;<br />
}<br />
<br />
/* IMAGE CAPTIONS */<br />
<br />
.bx-wrapper .bx-caption {<br />
position: absolute;<br />
bottom: 0;<br />
left: 0;<br />
background: #666\9;<br />
background: rgba(80, 80, 80, 0.75);<br />
width: 100%;<br />
}<br />
<br />
.bx-wrapper .bx-caption span {<br />
color: #fff;<br />
font-family: Arial;<br />
display: block;<br />
font-size: .85em;<br />
padding: 10px;<br />
}</div>
Luwidmer