DeltaSci/style

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en" dir="ltr"> <head>

  <title>Nanodevils - OpenWetWare</title>
  <style type="text/css" media="screen, projection">/*<![CDATA[*/
  @import "/skins/common/shared.css?164";
  @import "/skins/monobook/main.css?164";
  /*]]>*/</style>
  <link rel="stylesheet" type="text/css" media="print" href="/skins/common/commonPrint.css?164" />
  <!--[if lt IE 5.5000]><style type="text/css">@import "/skins/monobook/IE50Fixes.css?164";</style><![endif]-->
  <!--[if IE 5.5000]><style type="text/css">@import "/skins/monobook/IE55Fixes.css?164";</style><![endif]-->
  <!--[if IE 6]><style type="text/css">@import "/skins/monobook/IE60Fixes.css?164";</style><![endif]-->
  <!--[if IE 7]><style type="text/css">@import "/skins/monobook/IE70Fixes.css?164";</style><![endif]-->
  <!--[if lt IE 7]><script type="text/javascript" src="/skins/common/IEFixes.js?164"></script>
  <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
  <script type= "text/javascript">/*<![CDATA[*/

var skin = "monobook";
var stylepath = "/skins";
var wgArticlePath = "/wiki/$1";
var wgScriptPath = "";
var wgScript = "/index.php";
var wgVariantArticlePath = false;
var wgActionPaths = [];
var wgServer = "http://openwetware.org";
var wgCanonicalNamespace = "";
var wgCanonicalSpecialPageName = false;
var wgNamespaceNumber = 0;
var wgPageName = "Biomod/2014/ASU";
var wgTitle = "Biomod/2014/ASU";
var wgAction = "view";
var wgArticleId = "136275";
var wgIsArticle = true;
var wgUserName = null;
var wgUserGroups = null;
var wgUserLanguage = "en";
var wgContentLanguage = "en";
var wgBreakFrames = false;
var wgCurRevisionId = "750826";
var wgVersion = "1.13.2";
var wgEnableAPI = true;
var wgEnableWriteAPI = false;
var wgMWSuggestTemplate = "http://openwetware.org/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}";
var wgDBname = "owwdb";
var wgSearchNamespaces = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 100, 101, 110, 111];
var wgMWSuggestMessages = ["with suggestions", "no suggestions"];
var wgRestrictionEdit = [];
var wgRestrictionMove = [];
/*]]>*/</script>

  <script type="text/javascript" src="/skins/common/wikibits.js?164"><!-- wikibits js --></script>
  <!-- Head Scripts -->
  <script type="text/javascript" src="/skins/common/ajax.js?164"></script>
  <script type="text/javascript" src="/ext/AjaxShowEditors/AjaxShowEditors.js"></script>
  <script type="text/javascript" src="/skins/common/mwsuggest.js?164"></script>
  <script type="text/javascript" src="/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=monobook"><!-- site js --></script>
  <style type="text/css">/*<![CDATA[*/
  @import "/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
  @import "/index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
 @import "/index.php?title=-&action=raw&gen=css&maxage=18000&useskin=monobook";

/*]]>*/</style>
<style type="text/css">
/**** Base styles ****/

column-one, #footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter{

   display: none;

content {

   margin: 0;
   padding: 0;

background: #fff;
border: none;
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {

 margin: 0;
 padding: 0;
 border: 0;
 font: inherit;

}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {

 display: block;

}
body {

 /*padding: 15px;*/
 font-size: 2rem;
 font-family: 'Lato', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
 font-weight: 200;
 line-height: 1.4;
 background: #fff;
 color: #000000;
 max-width: 1280px;
 padding-top: 55px;
margin-left: auto;
   margin-right: auto;

}
}
h1, h2, h3, p, ul, ol, pre, dl {

 font-weight: 100;

}
h1, h2, #super-list, .box, .tagline, #index-list {

 font-family: Times New Roman;

}
h1, h2, h3 { font-weight: 300; }
h1 {

 font-size: 16px;
 line-height: 1.1em;

}
h2 {

 font-size: 22px;

}


a,
a code {

 color: #FB4;
 text-decoration: none;

}
a:hover,
a:hover code {

 color: #FFCC00;

}
a:active,
a:active code {

 color: #000000;
 /*background: black;*/

}
a img { border: none; }
a.anchor{display: block; position: relative; visibility: hidden;}
p{
	text-align:left;
}
em { color: #00EF00; }
strong { font-weight: bold; }
blockquote {

 padding-left: 1.0em;
 margin-left: 1.0em;
 border-left: 1px solid #333;
 font-style: italic;

}


nav {

 background: rgba(25, 25, 25, 0.85);
 padding: 0px;
 position: fixed;
 top: 0px;
 left: 0px;
bottom: 0px;
 right: 0px;
 z-index: 100;

}
nav ul {

 width: 100%;
 
 margin: 0px auto;
 padding: 0px;
 list-style-type: none;

}
nav ul li {

 float: left;
 line-height:2.5;

}
nav ul li.selected {

 border-bottom: solid 10px #580000;

}
nav ul li.home {

 padding: 0px;

}
nav ul a {

 float: left;
 text-decoration: none;
 color: #F2F2F2;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: 300;
 padding: 0px 20px 0;

content {

   margin-top: 60px;

filters > li{

	margin: 0px;
	display: inline-block;
}
.box.clickable:hover{
	background: none repeat scroll 0 0 #fff;
}
.clickable img {
	transition: 0.3s ease;
}
.clickable img:hover {
	opacity:0.9;
	transition: 0.3s ease;
}
.background {
	left: 0;

   margin: 0;
   max-width: 100%;
   padding: 0;

}
/**** Isotope styles ****/
/* required for containers to inherit vertical size from window */
html,
body {

 height: 100%;

container {

 padding: 0px;
 bottom-margin: 10px;

}
.box {

 width: 220px;
 height: 220px;
 margin: 10px;
 float: left;
 overflow: hidden;
 position: fixed;
 background: #fff;
 color: #000000;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 overflow:hidden;

}
div#b2x2{ position:fixed;}
figure.box > *{
	left: 0;

   position: absolute;
   right: 0;

}
.box figure{
	overflow: hidden;
}
.box figcaption {

   background: none repeat scroll 0 0 #580000;
   bottom: 0;
   color:#fff;
   font-size: 20px;
   font-weight: 300;
   padding-left: 5px;
   text-align: center;
   width: 100%;

	z-index: 4;
}
.clickable .box:hover {

 cursor: pointer;

}
/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {

 z-index: 2;

}
.isotope-hidden.isotope-item {

 pointer-events: none;
 z-index: 1;

}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {

 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
     -ms-transition-duration: 0.8s;
      -o-transition-duration: 0.8s;
         transition-duration: 0.8s;

}
.isotope {

 -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
     -ms-transition-property: height, width;
      -o-transition-property: height, width;
         transition-property: height, width;

}
.isotope .isotope-item {

 -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
     -ms-transition-property:     -ms-transform, opacity;
      -o-transition-property:      -o-transform, opacity;
         transition-property:         transform, opacity;

}
.rs-wrap:after,
.rs-slider:after,
.rs-thumb-wrap:after,
.rs-arrows:after,
.rs-caption:after {

   content: ".";
   display: block;
   height: 0;
   clear: both;
   line-height: 0;
   visibility: hidden;

}
/* Optional - remove captions at smaller screen widths
@media screen and (max-width: 480px) {
	.rs-caption { opacity: 0!important; }
}

/

.project_box > img {

   margin-left: 90px;

protocols, #polymers_protocols, #origami_protocols, #reaction_protocols, #nanocontainer_protocols, #imaging_protocols {

   font-size: 20px;
   font-weight: 300;
   margin-bottom: 30px;
   margin-left: 50px;

protocols > h2, #polymers_protocols > h2, #origami_protocols > h2, #reaction_protocols > h2, #nanocontainer_protocols > h2, #imaging_protocols > h2 {

   margin-bottom: 20px;
   margin-top: 20px;

protocols .interlude, #polymers_protocols .interlude, #origami_protocols .interlude, #reaction_protocols .interlude, #nanocontainer_protocols .interlude, #imaging_protocols .interlude {

   margin-left: -50px !important;

protocols > ul {

   margin-bottom: 30px;
   margin-left: 30px;
   margin-top: 20px;

}
li > ul {

   margin-left: 10px;

}	


</style>
</head>
<body class="mediawiki ns-0 ltr page-Biomod_2014_ASU">


<section id="home" class="full-height" style="background-image: url('img/logoblanco3.png');">
		<div class="wrapper">
			<header id="sub-header">
				<div id="sub-logo">
					<a href="index.html">Delta-Sci</a>
				</div>
				<div class="social">
					<a href="https://twitter.com/DeltaSci/" target="_blank"><i class="fa fa-twitter"></i></a>
					<a href="https://www.facebook.com/DeltaSci/" target="_blank"><i class="fa fa-facebook"></i></a>
				</div>
			</header>
			<div id="intro">
				<h1 class="border-bottom">Welcome to Delta-Sci</h1>
				<div class="flexslider">
					<ul class="slides">
						<li>
							<h2>A nanotechology research team</h2>
						</li>
						<li>
							<h3><span class="fancy">D</span> is for Discovery</h3>
						</li>
						<li>
							<h3><span class="fancy">E</span> is for Exploring new ways</h3>
						</li>
						<li>
							<h3><span class="fancy">L</span> is for Learning</h3>
						</li>
						<li>
							<h3><span class="fancy">T</span> is for Transforming the world</h3>
						</li>
						<li>
							<h3><span class="fancy">A</span> is for Application of knowledge</h3>
						</li>
						<li>
							<h3><span class="fancy">S</span> is for Scientifical approach</h3>
						</li>
						<li>
							<h3><span class="fancy">C</span> is for Creative thinking</h3>
						</li>
						<li>
							<h3><span class="fancy">I</span> is for Improvement</h3>
						</li>
					</ul>
				</div>
			</div>
			<div id="view-more">
				<a href="#portfolio">View Our Project</a>
			</div>
		</div>
	</section>
	<header id="main">
		<div class="wrapper">
			<div id="logo" class="one_fourth">
				<a href="index.html">Delta-Sci</a>
			</div>
			<div id="burger">
				<i class="fa fa-bars"></i>
			</div>
			<div class="three_fourths last">
				<nav>
					<ul>
						<li>
							<a href="#home" class="scroller active">Home</a>
						</li>
						<li>
							<a href="#project" class="scroller">Project</a>
						</li>
						<li>
							<a href="#labwork" class="scroller">Lab Work</a>
						</li>
						<li>
							<a href="#team" class="scroller">The Team</a>
						</li>
						<li>
							<a href="#sponsors" class="scroller">Acknowledgments</a>
						</li>
					</ul>
				</nav>
			</div>
			<div class="clear"></div><!--clear floats-->
			</div>
	</header>
	<div class="offset"></div>
	<section id="project" class="standard-section no-bottom">
		<div class="wrapper">
			<table>
				<tr>
				<td></td>
				<td>
					<div class="section-title">
						<h2>Hello!</h2>
						<p align="justify">  Have a big welcome to our page! Go over and check our project. It is amazing and pretty simple. In the other subpages you can find a clear and easy explanation of the project, as well as a description of its development.
This project was born with the efforts of University and High School students for the rest of the world</p>
<a href="#" class="button">See more</a>
					</div>
					<div class="section-title">
						<h3>Video</h3>
						<div class="full_width service" style="width:1020px; margin-left: -150px;">
							<div class="service-content">
								<p align="center"><iframe width="1000" height="600" src="https://www.youtube.com/embed/F1-w60JBCz8" frameborder="0" allowfullscreen></iframe></p>
							</div>
						</div>
					</div>
				</td>
				</tr>
			</table>
		</div>
		<div id="loader">
			<div class="item"></div>
		</div>	
	</section>
	<section id="quote" class="standard-section parallax" style="background-image: url('img/otroo.png');">
		<div class="wrapper"></div>
	</section>
	<section id="labwork" class="standard-section">
		<div class="section-title">
			<h3>LAB WORK</h3>	
		</div>
		<div id="container">
			<div class="item small design illustration">
				<div class="item-inner">
				<a href="single-portfolio-image.html">
					<img src="img/rsz_Lab.jpg" alt="Portfolio Item" />
					<div class="project-title">
						<h6>Lab Work</h6>
						<span></span>
					</div>
				</a>
			</div>
			</div>
			<div class="item small development illustration">
				<div class="item-inner">
					<a href="single-portfolio-gallery.html">
						<img src="img/labworkcut.jpg" alt="Portfolio Item" />
						<div class="project-title ">
							<h6>Experiments</h6>
							<span></span>
						</div>
					</a>
				</div>
			</div>
			<div class="item small web-design development">
				<div class="item-inner">
					<a href="single-portfolio.html">
						<img src=" https://scontent-dfw.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/10730919_10206368266190365_7128018384629851411_n.jpg?oh=fceff9d952307df6364e95b7a9e4561a&oe=55D33F81" alt="Portfolio Item" />
						<div class="project-title">
							<h6>Results</h6>
							<span></span>
						</div>
					</a>
				</div>
			</div>
			<div class="item small design illustration">
				<div class="item-inner">
					<a href="single-portfolio-image.html">
						<img src="img/rsz_bitacora.jpg" alt="Portfolio Item" />
						<div class="project-title">
							<h6>Protocols</h6>
							<span></span>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="clear"></div><!--clear floats-->	
	</section>
	<section id="team" class="standard-section parallax" style="background-image: url('img/teamback.jpg');">
		<div class="wrapper">
			<div class="section-title">
				<h3>The Team</h3>
			</div>
			<div class="one_half team-member last">
				<div class="team-photo">
					<img src="https://scontent-dfw.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/19588_965903216777366_5483208491299883910_n.jpg?oh=1588f353d121d3d606fb4219571bb116&oe=55D2D406" alt="team-member" />
				</div>
				<div class="team-content">
					<h4 align="center">Dra Jannet Salinas</h4>
					<p align="center">Team Leader</p>

                   <p align="center">Master in Science and Ph.D. in Microbiology</p>

				</div>	
			</div>
			<div class="one_half team-member last">
				<div class="team-photo">
					<img src="https://scontent-dfw.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/10614268_965903410110680_942165018838358586_n.jpg?oh=aa22974b41248763fef6ce00449d556e&oe=55CF0D47" alt="team-member" />
				</div>
				<div class="team-content">
					<h4 align="center">QFB Elsa Flores</h4>
					<p align="center">Team Advisor</p>
					<p align="center">Lab Coordinator</p>
				</div>
			</div>	
	<a href="#" class="button">See more</a>
		</div>
	</section>
	<section id="sponsors" class="standard-section">
		<footer id="main-footer">
			<div class="wrapper">
				<div class="section-title">
					<h3>Sponsors</h3>
					<p></p>
				</div>
				<div class="one_third alt-service">
					<div class="service-icon">
						<i class=""></i>
					</div>
					<div class="service-content">
						<h6 align="center">Centro de Investigación y Desarrollo de Educación Bilingüe </h6>
						<p align="center"><a href="http://cideb.uanl.mx/" target="_blank"><img src="img/cideb.png" style="margin-left: -30px;"></a></p>
					</div>	
				</div>
				<div class="one_third alt-service">
					<div class="service-icon">
						<i class=""></i>
					</div>
					<div class="service-content">
						<h6 align="center">Universidad Autónoma de Nuevo León</h6>
						<p align="center"><a href="http://www.uanl.mx/" target="_blank"><img src="img/uni.png" style="height: 160px; width: 181px;margin-top: 30px;margin-right: 40px;"></a></p>
					</div>
				</div>
				<div class="one_third alt-service last"><!--.last class because last column in row-->
					<div class="service-icon">
						<i class=""></i>
					</div>
					<div class="service-content">
						<h6 align="center">Facultad de Ciencias Físico Matemáticas</h6>
					    <p align="center"><a href="http://www.fcfm.uanl.mx/" target="_blank"><img src="img/fcfm.png" style="height: 160px; width: 161px;margin-top: 25px;margin-right: 35px;"></a></p>
					</div>
				</div>
				<div class="clear"></div><!--clear floats-->	
			</div>
		</footer>
	</section>
	<footer id="sub-footer">
	DELTA-SCI CIDEB 2015. CENTRO DE INVESTIGACIÓN Y DESARROLLO DE EDUCACIÓN BILINGÜE. UANL. MONTERREY. MEXICO.	
	</footer>




<!-- start content -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,100&amp;subset=latin">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script type"text/javascript">
	$(function () {
		$("style[media*='screen']").remove();
		$("link[href*='favicon']").remove();
		//fix heading
		var h1 = $(".firstHeading").text().split("/");
		$(".firstHeading").text(h1[h1.length-1]);
		$("tr:odd").addClass("odd");
	});
</script>


<link href="http://openwetware.org/images/2/29/Nano_icon.png" rel="shortcut icon"> 

	
<script src="https://biomod2013.googlecode.com/svn/trunk/js/jquery.isotope.min.js"></script>
<script src="https://biomod2013.googlecode.com/svn/trunk/js/jquery.refineslide.min.js"></script>

 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/jquery.fancybox.pack.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-buttons.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-media.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-thumbs.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.easing.min.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.scrollUp.min.js"></script>

 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.stellar.min.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.sticky.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.scrollTo.min.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.localscroll.min.js"></script>

<script>

 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-45176973-1', 'openwetware.org');
 ga('send', 'pageview');

</script>
<!-- 
NewPP limit report
Preprocessor node count: 14/1000000
Post-expand include size: 82/2097152 bytes
Template argument size: 0/2097152 bytes
Expensive parser function count: 0/100
-->

<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script> <script src="/js/Urchin/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-2860391-2"; urchinTracker(); </script> </div>    </body> </html>

DeltaSci/style

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

research

Tools