Difference between revisions of "Template:Example2"

Line 220: Line 220:
  
  
−
.logo_container { float:left; width:80%; }
 
  
−
/* class that shows the menu is displayed while the menu is loading */
 
−
.menu_is_loading {
 
−
text-align:center;
 
−
}
 
  
  
−
.menu_bottom_padding {
 
−
background-color: #f2f2f2;
 
−
padding: 10px 0px; 
 
−
float: left;
 
−
height:40px;
 
−
}
 
  
 +
/********************************* CONTENT OF THE PAGE ********************************/
  
−
.menu_item_wrapper {  
+
/* Wrapper for the content */
−
width:100%;  
+
.igem_2017_content_wrapper {
−
float: left;
+
width: 81%;
−
border-bottom: 1px solid #d3d3d3;  
+
float:left;  
−
background-color: #dddddd;  
+
background-color:white;  
−
padding: 2px 0px 0px 0px;  
+
margin: 2%;
 +
display:block;
 
}
 
}
  
−
.menu_item_wrapper:hover, .submenu_item:hover , .sub_submenu_item:hover, .submenu > .submenu_access:hover {
 
−
background-color:#00bdcd;
 
−
text-decoration: none;
 
−
cursor:pointer;
 
−
}
 
  
−
.submenu_access:hover { background-color: #f2f2f2;}
 
  
−
.submenu > .submenu_access:hover { background-color: #ffffff;}
 
  
 +
/*********************************HTML STYLING  *********************************/
  
−
.menu_icon { width: 20%; float:left;}
+
/* styling for the titles h1 h2 */
 +
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 +
padding:5px 15px;
 +
border-bottom:0px;  
 +
color: #3399ff;
 +
}
  
  
−
.igem_2017_menu_wrapper .menu_icon img {  
+
/* styling for the titles  h3 h4 h5 h6*/
−
width: 20px;
+
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {  
−
padding: 5px 10px 5px 5px;  
+
padding:5px 15px;  
 +
border-bottom:0px;
 +
color: #000000;
 
}
 
}
−
 
−
/* styling for menu items in the menu */
 
−
.menu_item { float:left; padding: 9px 0px 7px 0px; font-weight: bold;  color: #000000;}
 
  
−
.submenu_item.current_page, .menu_item_wrapper.current_page, .sub_submenu_item.current_page { background-color: #00bdcd;}
 
  
−
.submenu_item.with_submenu_items { width: 70%;}
+
/* font and text */
−
 
+
.igem_2017_content_wrapper p {  
−
/* defines width - for menu items that take you to a page */
+
padding:0px 15px;
−
.page_link {
+
font-size: 13px;
−
width: 80%;
+
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
  
−
/* defines width - for menu items that take you to a hub */
+
/* Links */
−
.hub_link  {
+
.igem_2017_content_wrapper a {  
−
    width: 60%;
+
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color: #3399ff;
 +
color:  #3399ff;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 
}
 
}
  
−
/*hides submenus by default */
+
/* hover for the links */
−
.submenu {
+
.igem_2017_content_wrapper a:hover {  
−
display: none;
+
text-decoration:none;
 +
color:#000000;
 
}
 
}
  
−
.submenu > .menu_item > .submenu  {
+
/* non numbered lists */
−
color: #666666;
+
.igem_2017_content_wrapper ul {
−
font-weight: normal;
+
padding:0px 20px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
  
−
 
+
/* numbered lists */
−
.sub_submenu_item {
+
.igem_2017_content_wrapper ol {
−
background-color: white;
+
padding:0px;  
−
float: left;
+
font-size: 13px;
−
width: 100%;
+
font-family:Tahoma, Geneva, sans-serif;  
−
padding: 10px 0px 10px 15%;
+
−
color: black;
+
−
font-weight: bold;
+
−
border-bottom: 1px solid #dddddd;
+
 
}
 
}
  
−
.submenu_access {  
+
/* Table */
−
float: left;
+
.igem_2017_content_wrapper table {  
−
color: #000000;
+
width: 97%;  
−
padding: 10px 0px;
+
margin:15px 10px;  
−
font-size: 16px;
+
border: 1px solid #d3d3d3;  
−
font-weight: bold;
+
border-collapse: collapse;  
−
width:20%;
+
−
background-color: #dddddd;
+
−
text-align: center;
+
−
margin-bottom: -2px;
+
−
margin-top: -2px;
+
 
}
 
}
  
−
/* this is the icon for when the content is collapsed */
+
/* table cells */
−
.submenu_access::before {
+
.igem_2017_content_wrapper  td {
−
content: "+";  
+
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;  
 
}
 
}
  
−
.submenu > .submenu_access { background-color: #f2f2f2;    border-bottom: 1px solid #d3d3d3; margin:0px;}
+
/* table headers */
−
 
+
.igem_2017_content_wrapper th {  
−
.menu_title {
+
padding: 10px;  
−
float: left;
+
vertical-align: text-top;  
−
width: 100%;
+
border: 1px solid #d3d3d3;  
−
font-size: 12px;
+
border-collapse: collapse;  
−
color: #000000;
+
background-color:#f2f2f2;  
−
padding: 10px 0px;
+
−
background-color: #f2f2f2;
+
−
padding-left: 5%;
+
−
border-bottom: 1px solid #d3d3d3;
+
 
}
 
}
  
  
−
.submenu_item {    width: 100%;
+
/**********************************LAYOUT CLASSES **********************************/
−
    background-color: #f2f2f2;
+
−
    padding: 10px 0px 10px 10%;
+
−
    float: left;
+
−
    border-bottom: 1px solid #d3d3d3;
+
−
    color: black;
+
−
    font-weight: bold;}
+
−
+
−
 
+
−
/* this is the icon for when the content is expanded */
+
−
.less::before {
+
−
content: "–";
+
−
}
+
−
 
+
−
 
+
−
.collapsable_menu_control {
+
−
    width: 100%;
+
−
    padding: 15px 0px;
+
−
    display: none;
+
−
    background-color: #000000;
+
−
    text-align: center;
+
−
    font-weight: bold;
+
−
    color: #666666;
+
−
    cursor: pointer;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/********************************* CONTENT OF THE PAGE ********************************/
+
−
 
+
−
/* Wrapper for the content */
+
−
.igem_2017_content_wrapper {
+
−
width: 81%;
+
−
float:left;
+
−
background-color:white;
+
−
margin: 2%;
+
−
display:block;
+
−
}
+
  
 
/* class for when the menu is not shown and the content occupies the whole screen */
 
/* class for when the menu is not shown and the content occupies the whole screen */
Line 379: Line 330:
  
  
−
/*LAYOUT */
+
 
 
.igem_2017_content_wrapper .column  {  
 
.igem_2017_content_wrapper .column  {  
 
padding: 10px 0px;
 
padding: 10px 0px;
Line 404: Line 355:
 
width: 94.5%;
 
width: 94.5%;
 
}
 
}
 +
 +
 +
 +
 +
 +
 +
 +
/********************************* SUPPORT CLASSES ********************************/
  
  
Line 413: Line 372:
 
height: 30px;
 
height: 30px;
 
}
 
}
 +
 +
  
  
Line 460: Line 421:
  
  
−
 
−
/*STYLING */
 
−
 
−
/* styling for the titles h1 h2 */
 
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
−
padding:5px 15px;
 
−
border-bottom:0px;
 
−
color:  #3399ff;
 
−
}
 
−
 
−
 
−
/* styling for the titles  h3 h4 h5 h6*/
 
−
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
−
padding:5px 15px;
 
−
border-bottom:0px;
 
−
color: #000000; 
 
−
}
 
−
 
−
 
−
/* font and text */
 
−
.igem_2017_content_wrapper p {
 
−
padding:0px 15px;
 
−
font-size: 13px;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
 
−
/* Links */
 
−
.igem_2017_content_wrapper a {
 
−
font-weight: bold;
 
−
text-decoration: underline;
 
−
text-decoration-color: #3399ff;
 
−
color:  #3399ff;
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease;
 
−
transition: all 0.4s ease;
 
−
}
 
−
 
−
/* hover for the links */
 
−
.igem_2017_content_wrapper a:hover {
 
−
text-decoration:none;
 
−
color:#000000;
 
−
}
 
−
 
−
/* non numbered lists */
 
−
.igem_2017_content_wrapper ul {
 
−
padding:0px 20px;
 
−
font-size: 13px;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
 
−
/* numbered lists */
 
−
.igem_2017_content_wrapper ol {
 
−
padding:0px;
 
−
font-size: 13px;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
 
−
/* Table */
 
−
.igem_2017_content_wrapper table {
 
−
width: 97%;
 
−
margin:15px 10px;
 
−
border: 1px solid #d3d3d3;
 
−
border-collapse: collapse;
 
−
}
 
−
 
−
/* table cells */
 
−
.igem_2017_content_wrapper  td {
 
−
padding: 10px;
 
−
vertical-align: text-top;
 
−
border: 1px solid #d3d3d3;
 
−
border-collapse: collapse;
 
−
}
 
−
 
−
/* table headers */
 
−
.igem_2017_content_wrapper th {
 
−
padding: 10px;
 
−
vertical-align: text-top;
 
−
border: 1px solid #d3d3d3;
 
−
border-collapse: collapse;
 
−
background-color:#f2f2f2;
 
−
}
 
  
  

Revision as of 23:03, 7 February 2017

Welcome to iGEM 2016!

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et. Sed persius efficiantur ea, id solet gubergren eloquentiam qui. Ut nisl sonet quo. Persius fabulas te eum, in hinc diceret appellantur per, cu natum putant vulputate mel. Qui falli consectetuer an, probo assueverit necessitatibus eam ei. His in dico possim, ferri fastidii at mea. Ad vix scripta invidunt consequuntur, ne mea fastidii percipitur efficiantur, pertinax nominati no mea. Impetus honestatis sea ut. No tempor tacimates explicari eam. Dicam iuvaret in ius, cu solet oratio vis, dicant latine constituam his eu. Cetero labores conclusionemque id quo, probo justo nonumy pri cu. Et tollit tempor assueverit pri. An has quando altera mollis. An quis insolens vim, iisque corrumpit concludaturque et eam. Vim posse delectus ut. Quaerendum theophrastus no has, ad sit ipsum forensibus. Cu quas aperiri mea, duo no diceret apeirian.

CLICK HERE

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et . Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et. Sed persius efficiantur ea, id solet gubergren eloquentiam qui. Ut nisl sonet quo. Persius fabulas te eum, in hinc diceret appellantur per, cu natum putant vulputate mel. Qui falli consectetuer an, probo assueverit necessitatibus eam ei. His in dico possim, ferri fastidii at mea. Ad vix scripta invidunt consequuntur, ne mea fastidii percipitur efficiantur, pertinax nominati no mea. Impetus honestatis sea ut. No tempor tacimates explicari eam. Dicam iuvaret in ius, cu solet oratio vis, dicant latine constituam his eu. Cetero labores conclusionemque id quo, probo justo nonumy pri cu. Et tollit tempor assueverit pri. An has quando altera mollis. An quis insolens vim, iisque corrumpit concludaturque et eam. Vim posse delectus ut. Quaerendum theophrastus no has, ad sit ipsum forensibus. Cu quas aperiri mea, duo no diceret apeirian.

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.