Difference between revisions of "Team:TU Darmstadt/Templates/CSS"

Line 345: Line 345:
 
                     text-align: center;
 
                     text-align: center;
 
                     overflow: hidden;
 
                     overflow: hidden;
 +
 +
                    padding-top: 15px;
 +
                    padding-bottom: 15px;
 
                 }
 
                 }
  
Line 481: Line 484:
 
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
  
 
<div class="contentSection">
 
<figure class="centerFig">
 
<img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif">
 
<figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure. This is Mr. Sexy Protein dancing for your pleasure.This is Mr. Sexy Protein dancing for your pleasure.This is Mr. Sexy Protein dancing for your pleasure. This is Mr. Sexy Protein dancing for your pleasure.</figcaption>
 
</figure>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
 
</div>
 
 
<h3>Float Image to the Left</h3>
 
<div class="contentSection">
 
<figure class="leftFig">
 
<img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif" width=60% height=60%>
 
<figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure.</figcaption>
 
</figure>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
 
</div>
 
 
 
<h3>Float Image to the right</h3>
 
<div class="contentSection">
 
<figure class="rightFig">
 
<img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif" width=60% height=60%>
 
<figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure.</figcaption>
 
</figure>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
 
</div>
 
 
</html>
 
</html>

Revision as of 09:55, 16 September 2015