Difference between revisions of "Team:UChile Biotec/css"

Line 1: Line 1:
 
<html>
 
<html>
 
<script>
 
<script>
−
 
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
Line 46: Line 45:
 
      
 
      
 
</script>
 
</script>
−
<head>
+
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
−
   
+
 
<style>
 
<style>
  
Line 145: Line 141:
 
/* CONTENT OF THE PAGE */
 
/* CONTENT OF THE PAGE */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
  
 
/* general wrapper for the content */
 
/* general wrapper for the content */
Line 159: Line 156:
 
width:90%;
 
width:90%;
 
}
 
}
−
   
+
 
−
   
+
 
 +
 
 
/********************************* HTML STYLING  *********************************/      
 
/********************************* HTML STYLING  *********************************/      
  
Line 315: Line 313:
  
 
/********************************* SUPPORT CLASES  *********************************/
 
/********************************* SUPPORT CLASES  *********************************/
−
 
−
/*main layout class */
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
 
−
float:left;
 
−
margin: 1% 2%;
 
−
padding: 0px;
 
−
}
 
−
 
−
/* 100% */
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
 
−
 
−
/* 66% */
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
 
−
 
−
/* 33% */
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
 
−
 
−
 
−
 
−
 
−
/*styling for all images*/
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 
−
margin-bottom: 15px;
 
−
width: 100%;
 
−
}
 
−
 
−
 
−
/* page break */
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
 
−
clear:both;
 
−
}
 
−
/*add extra space to page break with clear class*/
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
 
−
height: 30px;
 
−
}
 
−
 
−
/* horizontal line to divide the page*/
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
 
−
    border-top: 1px solid #c4baba;
 
−
  margin: auto;
 
−
  width: 98%;
 
−
}
 
−
 
−
 
−
 
−
 
−
/*support classes*/
 
−
/**************************************************************************************************************************************************************************************************/
 
  
  

Revision as of 02:06, 20 June 2018