Biomod/2013/UT-Austin: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
*{
//<!--
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
 
.group:after {
  content: "";
  display: table;
  clear: both;
}
 
body{
background: #cccccc;
font-family: Helvetica, Arial, Sans-serif;
line-height: 1.5em;
font-size: 14px;
color: #666666;
}


a{
//Get the playbill font by Hank Gillette, 1992, public domain
color: #f58220;
@font-face { 
text-decoration: none;
  font-family: Playbill2; 
  src: url( 'http://openwetware.org/images/e/e6/PLAYBILL.eot' ); /* IE */ 
  src: local(Playbill),
      url( 'http://openwetware.org/images/a/a1/PLAYBILL.TTF' ) format('truetype'),
      url( 'http://openwetware.org/images/b/ba/PLAYBILL.svg#font' ) format('svg'); /* non-IE */ 
} 
/* Define the background of the whole page */
@media screen {
    body { background: #c5d0ea 0 0 no-repeat; }
}
}
a:hover, a:focus{
/* Define the div holding the page contents */
color: #d7721c;
#globalWrapper{
text-decoration: underline;
  left: 50%;
  height: 100%;
  background-color: #FFFFFF;
  width: 900px;
  margin-left: -450px; /* Should be width / 2 */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding: 0 0 0 0; 
  position: absolute;
}
}
#main-wrapper{
.toc{
width: 960px;
  display:none;
margin: 0 auto;
}
}
header{
/* Hide the page heading at top */
background: #333333;
.firstHeading {display:none;}
padding: 30px 0 0 0;
/* Hide the bar at the left */
#column-one {display:none;}
/* Define the div holding the page contents (this div is inside globalWrapper. We override its default margins) */
#content{
  margin: 0 0 0 0;
  font: normal 100% sans-serif;
  color: #000033;
  padding: 12px 12px 12px 12px;
  background-image: url(http://openwetware.org/images/3/38/FortDavis-Pano-Cropped.jpg); background-repeat: no-repeat;
  border: 0;
}
}
 
/* Miscellaneous stuff. Feel free to add style definitions. */
.logo a{
h3 {
display: block;
  /*
width: 133px;
  color: #CC5500;
height: 46px;
  font: normal 3em sans-serif;
background: url(images/logo.png);
  letter-spacing: 1px;  
background-repeat: no-repeat;
  margin-bottom: 0;
text-indent: -9999px;
  */
margin: 0 0 25px 20px;
  color: #000000;
  font-style: normal;
  font-size: 39px;
  font-family: 'Playbill2', 'Playbill', sans-serif;
  //font-stretch: ultra-expanded;
  letter-spacing: 1px;
  margin-bottom: -10px;
  line-height: 25px;
  padding-bottom: 0px;
}
}
.primary ul{
h2 {
background: #666666;
  color: #000000;
  font-style: normal;
  font-size: 39px;
  font-family: 'Playbill2', 'Playbill', sans-serif;
  //font-stretch: ultra-expanded;
  letter-spacing: 1px;
  margin-bottom: -10px;
  line-height: 25px;
  padding-bottom: 0px;
}
}
.primary ul li{
h1 {
float: left;
  /*
border-right: 1px solid #333333;
  color: #CC5500;
  font: normal 3em sans-serif;
  letter-spacing: 1px;
  margin-bottom: 0;
  */
  color: #000000;
  font-style: normal;
  font-size: 39px;
  font-family: 'Playbill2', 'Playbill', sans-serif;
  //font-stretch: ultra-expanded;
  letter-spacing: 1px;
  margin-bottom: -10px;
  line-height: 25px;
  padding-bottom: 0px;
}
}


.primary ul li a{
.scriptFont {
display: block;
  color: #0;
padding: 15px 20px;
  padding-top: 5px;
color: #fff;
  font: normal 1em Georgia;
text-decoration: none;
}
.primary ul li a:hover{
background: #777777;
}
}


.content-wrap{
/* Code taken from publicly available css tutorials at onderhond.com */
background: #e5e5e5;
.linkconcept a {background:url("http://openwetware.org/images/0/03/Concept-bright.png") left top no-repeat;}
}
.linkmembers a {background:url("http://openwetware.org/images/2/24/Members-bright.png") left top no-repeat;}
 
.linkresults a {background:url("http://openwetware.org/images/a/ac/Results-bright.png") left top no-repeat;}
#main-content{
.linkmethods a {background:url("http://openwetware.org/images/0/02/Methods-bright.png") left top no-repeat;}
background: #ffffff;
.linkrefs a {background:url("http://openwetware.org/images/2/28/References-bright.png") left top no-repeat;}
float: left;
width: 660px;
padding: 40px 20px;
}
.thumbnail{
float: left;
margin-right: 20px;
}
 
.posts{
clear: both;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #bbbbbb;
}
 
.posts div{
overflow: hidden;
}
 
.posts h1 a{
font-size: 24px;
color: #333333;
font-weight: bold;
text-decoration: none;
}
.posts h1 a:hover{
color: #f58220;
}
.posts p{
padding: 10px 0 20px 0;
}
.posts .more{
text-decoration: none;
font-weight: bold;
}
aside{
width: 300px;
background: #e5e5e5;
float: right;
padding: 40px 20px;
}
 
.side-box{
margin-bottom: 40px;
}
.side-box ul{
margin-left: 10px;
}
.side-box ul li{
margin-bottom: 10px;
}
.sidebar-heading{
font-size: 18px;
font-weight: bold;
color: #333333;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #bbbbbb;
}
footer{
clear: both;
background: #333333;
padding: 20px 0;
text-align: center;
}
 
footer small{
color: #cccccc;
font-size: 12px;
}


.linkgeneral {float:left; padding-right:3px; }
.linkgeneral a {display:block; width:141px; height:52px;}
.linkgeneral a:hover img {position:absolute; left:-999em; top:-999em;}
.linkgeneral a:hover {zoom:1;}
//-->
</style>
</style>
<title>HTML5</title>
<title>HTML5</title>

Revision as of 13:38, 26 October 2013

<html> <head> <style type="text/css"> //<!--

//Get the playbill font by Hank Gillette, 1992, public domain @font-face { 

 font-family: Playbill2;  
 src: url( 'http://openwetware.org/images/e/e6/PLAYBILL.eot' ); /* IE */  
 src: local(Playbill), 
      url( 'http://openwetware.org/images/a/a1/PLAYBILL.TTF' ) format('truetype'),
      url( 'http://openwetware.org/images/b/ba/PLAYBILL.svg#font' ) format('svg'); /* non-IE */

} /* Define the background of the whole page */ @media screen { 

   body { background: #c5d0ea 0 0 no-repeat; }

} /* Define the div holding the page contents */

  1. globalWrapper{
 left: 50%;
 height: 100%;
 background-color: #FFFFFF;
 width: 900px;
 margin-left: -450px; /* Should be width / 2 */
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 padding: 0 0 0 0;   
 position: absolute;

} .toc{ 

 display:none;

} /* Hide the page heading at top */ .firstHeading {display:none;} /* Hide the bar at the left */

  1. column-one {display:none;}

/* Define the div holding the page contents (this div is inside globalWrapper. We override its default margins) */

  1. content{
 margin: 0 0 0 0;
 font: normal 100% sans-serif;
 color: #000033;
 padding: 12px 12px 12px 12px;
 background-image: url(http://openwetware.org/images/3/38/FortDavis-Pano-Cropped.jpg); background-repeat: no-repeat; 
 border: 0;

} /* Miscellaneous stuff. Feel free to add style definitions. */ h3 { 

 /*
 color: #CC5500;
 font: normal 3em sans-serif;
 letter-spacing: 1px; 
 margin-bottom: 0; 
 */
 color: #000000;
 font-style: normal;
 font-size: 39px;
 font-family: 'Playbill2', 'Playbill', sans-serif;
 //font-stretch: ultra-expanded;
 letter-spacing: 1px; 
 margin-bottom: -10px;
 line-height: 25px;
 padding-bottom: 0px;

} h2 { 

 color: #000000;
 font-style: normal;
 font-size: 39px;
 font-family: 'Playbill2', 'Playbill', sans-serif;
 //font-stretch: ultra-expanded;
 letter-spacing: 1px; 
 margin-bottom: -10px;
 line-height: 25px;
 padding-bottom: 0px;

} h1 { 

 /*
 color: #CC5500;
 font: normal 3em sans-serif;
 letter-spacing: 1px; 
 margin-bottom: 0; 
 */
 color: #000000;
 font-style: normal;
 font-size: 39px;
 font-family: 'Playbill2', 'Playbill', sans-serif;
 //font-stretch: ultra-expanded;
 letter-spacing: 1px; 
 margin-bottom: -10px;
 line-height: 25px;
 padding-bottom: 0px;

}

.scriptFont { 

  color: #0;
  padding-top: 5px;
  font: normal 1em Georgia;

}

/* Code taken from publicly available css tutorials at onderhond.com */ .linkconcept a {background:url("http://openwetware.org/images/0/03/Concept-bright.png") left top no-repeat;} .linkmembers a {background:url("http://openwetware.org/images/2/24/Members-bright.png") left top no-repeat;} .linkresults a {background:url("http://openwetware.org/images/a/ac/Results-bright.png") left top no-repeat;} .linkmethods a {background:url("http://openwetware.org/images/0/02/Methods-bright.png") left top no-repeat;} .linkrefs a {background:url("http://openwetware.org/images/2/28/References-bright.png") left top no-repeat;}

.linkgeneral {float:left; padding-right:3px; } .linkgeneral a {display:block; width:141px; height:52px;} .linkgeneral a:hover img {position:absolute; left:-999em; top:-999em;} .linkgeneral a:hover {zoom:1;} //--> </style> <title>HTML5</title> <link rel="stylesheet" href="css/reset.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body> <div id="main-wrapper"> <header> <h1 class="logo"><a href="index.html" title="HTML5">HTML 5</a></h1>

<nav class="primary"> <ul class="group"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </nav>


</header><!-- end header -->


<div class="content-wrap group"> <section id="main-content"> <article class="posts group"> <img class="thumbnail" src="images/thumbnail.jpg" alt="thumnbnail" /> <div> <h1><a href="#" title="">This is a Lorem Ipsum Heading</a></h1> <p>Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. </p> <a class="more" href="#" title="readmore">Read More</a> </div> </article>

<article class="posts group"> <img class="thumbnail" src="images/thumbnail.jpg" alt="thumnbnail" /> <div> <h1><a href="#" title="">This is a Lorem Ipsum Heading</a></h1> <p>Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. </p> <a class="more" href="#" title="readmore">Read More</a> </div> </article>

<article class="posts group"> <img class="thumbnail" src="images/thumbnail.jpg" alt="thumnbnail" /> <div> <h1><a href="#" title="">This is a Lorem Ipsum Heading</a></h1> <p>Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. </p> <a class="more" href="#" title="readmore">Read More</a> </div> </article>

<article class="posts group"> <img class="thumbnail" src="images/thumbnail.jpg" alt="thumnbnail" /> <div> <h1><a href="#" title="">This is a Lorem Ipsum Heading</a></h1> <p>Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. </p> <a class="more" href="#" title="readmore">Read More</a> </div> </article>


</section><!-- end main-content -->

<aside> <div class="side-box"> <h2 class="sidebar-heading">Sidbar Links</h2> <ul> <li><a href="#" title="">Link 1</a></li> <li><a href="#" title="">Link 2</a></li> <li><a href="#" title="">Link 3</a></li> <li><a href="#" title="">Link 4</a></li> </ul> </div><!-- end side-box -->

<div class="side-box"> <h2 class="sidebar-heading">Text Widget</h2> <p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. <br /><br /> Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. </p> </div><!-- end side-box --> </aside><!-- end sidebar --> </div><!-- end wrap content -->

<footer> <small>Copyright <a href="#" title="HTML5">HTML 5</a>. All rights reserved.</small> </footer> </div> </body> </html>


Biomod/2013/UT-Austin/Introduction

Biomod/2013/UT-Austin/Design

Biomod/2013/UT-Austin/Methods

Biomod/2013/UT-Austin/Results

Biomod/2013/UT-Austin/Team Info

Biomod/2013/UT-Austin/References

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2013/UT-Austin&oldid=748275"