DeltaSci/style

From OpenWetWare
Jump to: navigation, search

<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 ****/

  1. column-one, #footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter{
   display: none;
 

}

  1. 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;

}


  1. content {
   margin-top: 60px;

}

  1. 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%;

}

  1. 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;

}


  1. protocols, #polymers_protocols, #origami_protocols, #reaction_protocols, #nanocontainer_protocols, #imaging_protocols {
   font-size: 20px;
   font-weight: 300;
   margin-bottom: 30px;
   margin-left: 50px;

}


  1. protocols > h2, #polymers_protocols > h2, #origami_protocols > h2, #reaction_protocols > h2, #nanocontainer_protocols > h2, #imaging_protocols > h2 {
   margin-bottom: 20px;
   margin-top: 20px;

}


  1. protocols .interlude, #polymers_protocols .interlude, #origami_protocols .interlude, #reaction_protocols .interlude, #nanocontainer_protocols .interlude, #imaging_protocols .interlude {
   margin-left: -50px !important;

}


  1. 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> <!-- Served in 0.468 secs. --><!-- add a little something for the spambots out there... --> <!-- The comment tags around the url *ARE* intentional --> <!-- <a href="http://openwetware.org/ferry.php">concatenate-federal</a> --> </body> </html>