Difference between revisions of "Team:Carnegie Mellon/CSS"

Line 60: Line 60:
 
#mtabs_wrapper {
 
#mtabs_wrapper {
 
     width: 422px;
 
     width: 422px;
 +
 
}
 
}
 
#mtabs_container {
 
#mtabs_container {
Line 68: Line 69:
 
     padding: 5px 0 4px 0;
 
     padding: 5px 0 4px 0;
 
     margin: 0 0 0 0px;
 
     margin: 0 0 0 0px;
    /* font: 0.75em arial; */
+
  /* font: 0.75em arial; */
 
}
 
}
 
#mtabs li {
 
#mtabs li {
Line 114: Line 115:
 
}
 
}
 
   
 
   
 +
/* where the content is */
 
#mtabs_content_container {
 
#mtabs_content_container {
 
     border: 1px solid #ccc;
 
     border: 1px solid #ccc;
 
     border-top: 1px solid #ccc;
 
     border-top: 1px solid #ccc;
 
     padding: 10px;
 
     padding: 10px;
     width: 600px;
+
     width: 90%;
 +
    margin: auto;
 
}
 
}
 
.mtab_content {
 
.mtab_content {
Line 135: Line 138:
 
     <div id="mtabs">
 
     <div id="mtabs">
 
         <ul>
 
         <ul>
             <li><a href="#tab1" rel="tab1">Tab 1</a></li>
+
             <li><a href="#tab1" rel="tab1">May</a></li>
             <li><a href="#tab2" rel="tab2">Tab 2</a></li>
+
             <li><a href="#tab2" rel="tab2">June</a></li>
             <li><a href="#tab3" rel="tab3">Tab 3</a></li>
+
             <li><a href="#tab3" rel="tab3">July</a></li>
             <li class="active"><a href="#tab4" rel="tab4">Tab 4</a></li>
+
            <li><a href="#tab3" rel="tab3">August</a></li>
 +
             <li class="active"><a href="#tab4" rel="tab4">September</a></li>
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
Line 147: Line 151:
 
         </div>
 
         </div>
 
         <div id="tab2" class="mtab_content">
 
         <div id="tab2" class="mtab_content">
             <p>Tab content 2</p>
+
             <p>Some things & stuff</p>
 
         </div>
 
         </div>
 
         <div id="tab3" class="mtab_content">
 
         <div id="tab3" class="mtab_content">
             <p>Tab content 3</p>
+
             <p>Probably more transformations</p>
 
         </div>
 
         </div>
 
     <div id="tab4" class="mtab_content" style="display: block;">
 
     <div id="tab4" class="mtab_content" style="display: block;">
       <p>Tab content 4</p>
+
       <p>much synthetic biology, such wow</p>
 
         </div>
 
         </div>
 
      
 
      

Revision as of 15:33, 24 June 2015

Some things & stuff

Probably more transformations

much synthetic biology, such wow