Difference between revisions of "Code Documentation"

Line 55: Line 55:
  
 
<h3> Creating a Page</h3>
 
<h3> Creating a Page</h3>
−
 
+
<p> {{2015CSS}}</p>
 
</html>
 
</html>
 +
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; < html ><br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; < html ><br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< !-- change the page title -- ><br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< !-- change the page title -- ><br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div id ="pageTitle"> <br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div id ="pageTitle"> <br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< h2 >  2015 DNA Distribution < / h2 > <br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< h2 >  2015 DNA Distribution < / h2 > <br>
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< / div >< / div >< br >
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>< / div >< br >
  
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< div  id = " grayLine_Clear ">< / div ><br>
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< div  id = " grayLine_Clear ">< / div ><br>
Line 75: Line 76:
 
</p>
 
</p>
 
<html>
 
<html>
−
<div class="clear"></div>
 
−
 
−
<h3>Buttons </h3>
 
−
 
−
<div class="leftCode">
 
−
<h4> CSS button</h4>
 
−
 
−
<p> /* Button class*/ </p>
 
−
 
−
        <p>.button { <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 130px; <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: 1px solid #cccccc; <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color: fff; <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height: 30px; <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text-align: center; <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border-radius: 5px; <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding: 10px 5px 0px 5px; <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: auto; <br>
 
−
    }       
 
−
</p>
 
−
<p>
 
−
    .button:hover { <br>
 
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color: #c1dfa6;
 
−
    }
 
−
</p>
 
−
</div>
 
−
 
−
<div id="rightDescription">
 
−
 
−
<h4> Creating a button </h4>
 
  
−
<p> <  div  class="button" > < a href="your link" >  </p>
 
−
<BR>
 
−
<div class="button"><a href="">BUTTON</a></div>
 
  
−
</div>
 
  
  

Revision as of 21:04, 30 January 2015

CSS and HTML used in iGEM 2015

This page documents and explains the CSS and HTML used in the 2015 site.

General wrapping div of the page

/* General wrap for the page*/

#contentWrap {
      width: 980px;
      height: auto;
      margin-left: 20px;
      float:left;
      margin-right: auto;
      background-color: #ffffff;
}

Creating a Page

{{2015CSS}}

      < html >
     < !-- change the page title -- >

     

          < h2 > 2015 DNA Distribution < / h2 >

          
< / div >< br >

          < div id = " grayLine_Clear ">< / div >


          < div id = " fullWidth " >
          
          < div id = " alertMessage " > < p > Please note that all information on this page is in a draft version.
Please check back often for details. < / p >< / div >


< !-- start of content ---------------------------------------- >

</p>

powered by MediaWiki