Sifuentes anita5

From 2014.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 7: Line 7:
<!-- start of css -->
<!-- start of css -->
<style type="text/css">
<style type="text/css">
-
+
 
/* Clear the default wiki settings */
/* Clear the default wiki settings */
Line 49: Line 49:
#contentWrap {   
#contentWrap {   
width: 975px;
width: 975px;
-
height: auto;
+
height:100%;
margin-left: 20px;
margin-left: 20px;
float:left;
float:left;
-
margin-top: 30px;
+
padding-top: 30px;
margin-right: auto;  
margin-right: auto;  
background-color: #ffffff;
background-color: #ffffff;
Line 69: Line 69:
border-left: 0px solid #fff;
border-left: 0px solid #fff;
margin-top: 10px;
margin-top: 10px;
-
height: 100%;
+
height: 100%;
}
}
Line 96: Line 96:
width : 140px;
width : 140px;
float: left;
float: left;
 +
}
 +
 +
 +
 +
.smallBlockLeft  li{
 +
padding-top: 5px;
 +
list-style: circle;
}
}
Line 102: Line 109:
text-align:center;
text-align:center;
display: block;
display: block;
-
}
 
-
 
-
.smallBlockLeft li {
 
-
color: red;
 
}
}
Line 127: Line 130:
     background-color: #c1dfa6;
     background-color: #c1dfa6;
     }
     }
-
/* general styling */
 
 +
/* general styling */
/* Titles are switched to Arial Black with no line decoration */
/* Titles are switched to Arial Black with no line decoration */
Line 152: Line 155:
}
}
-
#contentWrap a:hover, #contentWrap a {
+
#contentWrap a {
 +
color:#3aa76c;
font-weight: bold;
font-weight: bold;
-
color: red;
 
text-decoration: none;
text-decoration: none;
-
font-size: 13px;
+
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
-
 
+
#contentWrap a:hover {
 +
opacity: 0.8;
 +
    filter: alpha(opacity=80); /* For IE8 and earlier */
 +
}
</style>
</style>
-
 
-
<script ="text/javascript">
 
-
 
-
$(document).ready(function() {
 
-
//Set The Accordion Content Width
 
-
var heightLeftColumn = $('#contentWrap').height();
 
-
$('#leftColumn').css({'height' : heightLeftColumn });
 
-
}
 
-
 
-
</script>
 
-
 
</head>
</head>
Line 191: Line 187:
<ul>
<ul>
<h3 class="listleft"> title of page </h3>
<h3 class="listleft"> title of page </h3>
-
<li> link one </li>
+
<li> <a href="">subtitle one</a></li>
-
<li> link two </li>
+
<li> <a href=""> subtitle two </a></li>
-
<li> link three </li>
+
<li> <a href=""> subtitle three </a></li>
</ul>
</ul>
    
    
Line 215: Line 211:
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  
</p>
</p>
-
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  
+
<p> <a href=""> Lorem ipsum dolor </a>sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur.  
voluptate velit esse cillum dolore eu fugiat nulla pariatur.  
Line 225: Line 221:
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  
</p>
</p>
 +
 +
<ul>
 +
<li>subtitle one</li>
 +
<li>subtitle two </li>
 +
<li>subtitle three</li>
 +
</ul>
 +
 
</div>
</div>

Latest revision as of 16:47, 20 January 2015

Title of page

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • subtitle one
  • subtitle two
  • subtitle three