Team:Colombia/WikiDesign

From 2012.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 46: Line 46:
body {
body {
-
   font: 65%/1.2 Arial, Helvetica, sans-serif;
+
   font: 90%/1.5 Arial, Helvetica, sans-serif;
   background-color: #eee; }
   background-color: #eee; }
#wrap {
#wrap {
   font-size: 0.7em;
   font-size: 0.7em;
   width: 960px;
   width: 960px;
-
   padding: 0px;
+
   padding: none;
-
   margin: 0 auto;
+
   border-left: none;
 +
  border-right:none;
   background-color: #fff;
   background-color: #fff;
   position: relative; }
   position: relative; }
Line 58: Line 59:
/* These styles create the dropdown menus. */
/* These styles create the dropdown menus. */
#navbar {
#navbar {
-
   margin: 1600;
+
   margin: 1000;
   padding: 0;
   padding: 0;
-
   height: 1em; }
+
   height: 5em; }
#navbar li {
#navbar li {
   list-style: none;
   list-style: none;
   float: left; }
   float: left; }
#navbar li a {
#navbar li a {
-
   padding-left: 19px;
+
   padding-left: 7px;
   padding-bottom: 3px;
   padding-bottom: 3px;
-
   padding-right: 8px;
+
   padding-right: 7px;
   padding-top: 3px;
   padding-top: 3px;
   display: block;
   display: block;
Line 75: Line 76:
#navbar li ul {
#navbar li ul {
   display: none;
   display: none;
-
   width: 10em; /* Width to help Opera out */
+
   width: 15em; /* Width to help Opera out */
   background-color: #80ff00;}
   background-color: #80ff00;}
#navbar li:hover ul, #navbar li.hover ul {
#navbar li:hover ul, #navbar li.hover ul {
Line 81: Line 82:
   position: absolute;
   position: absolute;
   background-color: #5d9549;
   background-color: #5d9549;
 +
border-left:none;
   margin: 0;
   margin: 0;
   padding: 0; }
   padding: 0; }
Line 187: Line 189:
             </ul>         
             </ul>         
         </li>
         </li>
-
   <li><a href="https://2012.igem.org/">iGem Homepage</a>
+
   <li><a href="https://2012.igem.org/">iGem</a>
         </li>
         </li>
       </ul>
       </ul>
Line 200: Line 202:
<p ></p>
<p ></p>
-
<p style="padding-bottom: 1pt; " class="paragraph_style_4">Puedes enterarte de nuestros avances en<a href = http://www.facebook.com/igemcolombia2011> Facebook </a> y en <a href = http://twitter.com/colombia_igem> Twitter (@colombia_igem)</a>.</p>
+
 
</div>
</div>
Line 235: Line 237:
}).render().setUser('colombia_igem').start();
}).render().setUser('colombia_igem').start();
</script>
</script>
-
</html>
 
-
<body>
 
-
<!-- PRO Framework Panel Begin -->
 
-
<div id="advanced" style="margin-top: 0px; position: relative; "><span class="trigger"><strong></strong><em></em></span><div class="bg_pro"><div class="pro_main"><a href="" class="pro_logo"></a><ul class="pro_menu sf-js-enabled"><li><a href="index.html"><img src="images/pro_home.png" alt=""></a></li><li><a href="404.html">Pages<span></span></a><ul style="display: none; "> <li><a href="under_construction.html">Under Construction</a></li><li><a href="intro.html">Intro Page</a></li><li><a href="404.html">404 page</a></li></ul></li><li><a href="layouts.html">Layouts</a></li><li><a href="typography.html">Typography</a></li><li><a href="portfolio.html">Gallery Layouts<span></span></a><ul style="display: none; "><li><a href="portfolio.html">Portfolio</a></li><li><a href="just-slider.html">Sliders</a><ul style="display: none; "><li><a href="just-slider.html">Just Slider</a></li><li><a href="kwicks.html">Kwicks Slider</a></li><li><a href="functional-slider.html">Functional Slider</a></li></ul></li><li><a href="gallery-page1.html">Gallery</a></li></ul></li><li><a href="misc.html">Extras<span></span></a><ul style="display: none; "><li><a href="social_media.html">Social and Media<br> Sharing</a></li><li><a href="css3.html">CSS3 Tricks</a></li><li><a href="misc.html">Misc</a></li></ul></li></ul><div class="clear"></div></div></div><div class="bg_pro2"></div></div>
 
-
<!-- PRO Framework Panel End -->
 
-
<!-- Header -->
 
-
<header>
 
-
<div class="header-bg">
 
-
        <div class="header-bg1">
 
-
            <div class="main">
 
-
            <div class="row">
 
-
                    <h1><a href="index.html"><cufon class="cufon cufon-canvas" alt="Science.Lab" style="width: 158px; height: 30px; "><canvas width="180" height="34" style="width: 180px; height: 34px; top: -3px; left: -3px; "></canvas><cufontext>Science.Lab</cufontext></cufon></a></h1>
 
-
                      <nav>
 
-
                    <ul class="sf-menu sf-js-enabled">
 
-
                        <li class="current"><a href="index.html" class="current">Home</a></li>
 
-
                        <li><a href="index-1.html">About Us</a>
 
-
                            <ul class="hidden" style="display: none; ">
 
-
                                <li><a href="more.html">Science Lab</a></li>
 
-
                                <li><a href="more.html">Guidelines</a>
 
-
                                    <ul class="hidden" style="display: none; ">
 
-
                                        <li><a href="more.html">Physics</a></li>
 
-
                                        <li class="last1"><a href="more.html">Chemistry</a></li>
 
-
                                    </ul>
 
-
                                </li>
 
-
                                <li><a href="more.html">History</a></li>
 
-
                                <li class="last1"><a href="more.html">Scientists</a></li>
 
-
                            </ul>
 
-
                        </li>
 
-
                        <li><a href="index-2.html">Services</a>
 
-
                           
 
-
                        </li>
 
-
                        <li><a href="index-3.html">Innovations</a></li>
 
-
                        <li><a href="index-4.html">Projects</a></li>
 
-
                        <li><a href="index-5.html">Research</a></li>
 
-
                        <li><a href="index-6.html">Contacts</a></li>
 
-
                    </ul>
 
-
                    <div class="clear"></div>
 
-
                </nav>
 
-
            </div>
 
-
            </div>
 
-
            <div class="pad-slider">
 
-
                    <div class="main-slider" style="z-index: 1; overflow: hidden; ">
 
-
                        <ul class="items">
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide1.jpg" alt="">
 
-
                               
 
-
                            </li>
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide2.jpg" alt="">
 
-
                             
 
-
                            </li>
 
-
                            <li style="display: none; ">
 
-
                                <img src="images/slide3.jpg" alt="">
 
-
                               
 
-
                            </li>
 
-
                        </ul>
 
-
                    <div class="pic" style="overflow: hidden; width: 1014px; height: 434px; background-image: url(http://static.livedemo00.template-help.com/wt_38801/images/slide1.jpg); background-position: 0px 0px; background-repeat: no-repeat no-repeat; "><div class="mask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1; "><div style="left: 0px; top: 0px; position: absolute; width: 1014px; height: 434px; background-image: url(http://static.livedemo00.template-help.com/wt_38801/images/slide1.jpg); opacity: 1; display: none; background-position: 0px 0px; "></div></div></div><ul class="pagination"><li class="current"><a href="#"></a></li><li class=""><a href="#"></a></li><li class=""><a href="#"></a></li></ul><div class="slider-banner" style="z-index: 999; ">
 
-
                                <div class="slider-text"><cufon class="cufon cufon-canvas" alt="Discover" style="width: 305px; height: 80px; "><canvas width="377" height="87" style="width: 377px; height: 87px; top: -7px; left: -8px; "></canvas><cufontext>Discover</cufontext></cufon></div>
 
-
                                    <div class="slider-text1"><cufon class="cufon cufon-canvas" alt="surprising " style="width: 160px; height: 36px; "><canvas width="200" height="39" style="width: 200px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>surprising </cufontext></cufon><cufon class="cufon cufon-canvas" alt="science " style="width: 120px; height: 36px; "><canvas width="160" height="39" style="width: 160px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>science </cufontext></cufon><cufon class="cufon cufon-canvas" alt="world" style="width: 89px; height: 36px; "><canvas width="116" height="39" style="width: 116px; height: 39px; top: -3px; left: -4px; "></canvas><cufontext>world</cufontext></cufon></div>
 
-
                                </div></div>
 
-
                  </div>
 
-
        </div>   
 
-
    </div>
 
-
</header>
 
-
<!-- Content -->
 
-
<section id="content">
 
-
<div class="content-bottom">
 
-
<div class="container_12">
 
-
    <div class="wrapper">
 
-
        <div class="grid_4">
 
-
                <div class="box1-top">
 
-
                    <div class="box1">
 
-
                        <div class="padding">
 
-
                            <div class="title-1"><cufon class="cufon cufon-canvas" alt="Latest " style="width: 67px; height: 22px; "><canvas width="92" height="25" style="width: 92px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Latest </cufontext></cufon><cufon class="cufon cufon-canvas" alt="News" style="width: 57px; height: 22px; "><canvas width="76" height="25" style="width: 76px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>News</cufontext></cufon></div>
 
-
                            <span class="text-top">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <span class="text-top1">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <span class="text-top2">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit</span><br>
 
-
                            <div class="data">May-17-2011</div>
 
-
                            <a href="more.html" class="link1 link1-top"><cufon class="cufon cufon-canvas" alt="More " style="width: 38px; height: 14px; "><canvas width="54" height="16" style="width: 54px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>More </cufontext></cufon><cufon class="cufon cufon-canvas" alt="News" style="width: 36px; height: 14px; "><canvas width="49" height="16" style="width: 49px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>News</cufontext></cufon></a>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </div>
 
-
            <div class="grid_8">
 
-
            <div class="title-1 title-1-top"><cufon class="cufon cufon-canvas" alt="Who " style="width: 54px; height: 22px; "><canvas width="78" height="25" style="width: 78px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Who </cufontext></cufon><cufon class="cufon cufon-canvas" alt="are " style="width: 38px; height: 22px; "><canvas width="62" height="25" style="width: 62px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>are </cufontext></cufon><cufon class="cufon cufon-canvas" alt="we?" style="width: 39px; height: 22px; "><canvas width="59" height="25" style="width: 59px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>we?</cufontext></cufon></div>
 
-
                <div class="wrapper pad-top">
 
-
                <div class="grid_4 alpha">
 
-
                    Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy <a href="more.html">hendrerit mauris</a>. Phasellus porta. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies
 
-
                    </div>
 
-
                    <div class="grid_4 omega">
 
-
                    Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.<br>
 
-
                        <a href="more.html" class="link1 link1-top1"><cufon class="cufon cufon-canvas" alt="Read " style="width: 36px; height: 14px; "><canvas width="51" height="16" style="width: 51px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>Read </cufontext></cufon><cufon class="cufon cufon-canvas" alt="more" style="width: 34px; height: 14px; "><canvas width="45" height="16" style="width: 45px; height: 16px; top: -2px; left: -1px; "></canvas><cufontext>more</cufontext></cufon></a>
 
-
                    </div>
 
-
                </div>
 
-
                <div class="border1"></div>
 
-
                <div class="title-1"><cufon class="cufon cufon-canvas" alt="Latest " style="width: 67px; height: 22px; "><canvas width="92" height="25" style="width: 92px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Latest </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Projects" style="width: 83px; height: 22px; "><canvas width="103" height="25" style="width: 103px; height: 25px; top: -3px; left: -2px; "></canvas><cufontext>Projects</cufontext></cufon></div>
 
-
                <div class="wrapper img-top">
 
-
                <div class="grid_4 alpha">
 
-
                    <img src="images/page1-img1.jpg" alt="">
 
-
                        <a href="more.html" class="link2">Lorem ipsum dolor sit amet, consec tetuer</a>
 
-
                    </div>
 
-
                    <div class="grid_4 omega">
 
-
                    <img src="images/page1-img2.jpg" alt="">
 
-
                        <a href="more.html" class="link2">Lorem ipsum dolor sit amet</a>
 
-
                    </div>
 
-
                </div>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
  </div>
 
-
</section>
 
-
<!-- Footer -->
 
-
<footer>
 
-
<div class="container_12">
 
-
<div class="wrapper">
 
-
        <div class="grid_12">
 
-
            <div class="border1 border1-pad"></div>
 
-
                <div class="wrapper">
 
-
                <div class="grid_4 alpha suffix_1">
 
-
                    <div class="text"><cufon class="cufon cufon-canvas" alt="hang " style="width: 39px; height: 16px; "><canvas width="57" height="18" style="width: 57px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>hang </cufontext></cufon><cufon class="cufon cufon-canvas" alt="with " style="width: 36px; height: 16px; "><canvas width="54" height="18" style="width: 54px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>with </cufontext></cufon><cufon class="cufon cufon-canvas" alt="us" style="width: 17px; height: 16px; "><canvas width="31" height="18" style="width: 31px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>us</cufontext></cufon></div>
 
-
                        <ul class="img-list1">                   
 
-
                            <li><a href="more.html" class="icon-1" title="Stumble Upon"><img src="images/icon-1.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-2" title="Techorati"><img src="images/icon-2.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-3" title="Tweeter"><img src="images/icon-3.jpg" alt=""></a></li>
 
-
                            <li><a href="more.html" class="icon-3" title="Delicious"><img src="images/icon-4.jpg" alt=""></a></li>
 
-
                        </ul>
 
-
                    </div>
 
-
                    <div class="grid_7 omega">
 
-
                    <form id="search-form1">
 
-
                            <fieldset>
 
-
                                <label><input type="text" value="" onfocus="if(this.value==''){this.value=''}" onblur="if(this.value==''){this.value=''}"></label>
 
-
                                <a href="#" class="button button-pad" onclick="document.getElementById('search-form1').submit()"><cufon class="cufon cufon-canvas" alt="sign " style="width: 32px; height: 16px; "><canvas width="50" height="18" style="width: 50px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>sign </cufontext></cufon><cufon class="cufon cufon-canvas" alt="up " style="width: 22px; height: 16px; "><canvas width="40" height="18" style="width: 40px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>up </cufontext></cufon><cufon class="cufon cufon-canvas" alt="to " style="width: 19px; height: 16px; "><canvas width="37" height="18" style="width: 37px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>to </cufontext></cufon><cufon class="cufon cufon-canvas" alt="our " style="width: 28px; height: 16px; "><canvas width="46" height="18" style="width: 46px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>our </cufontext></cufon><cufon class="cufon cufon-canvas" alt="newsletter!" style="width: 84px; height: 16px; "><canvas width="100" height="18" style="width: 100px; height: 18px; top: -2px; left: -1px; "></canvas><cufontext>newsletter!</cufontext></cufon></a>
 
-
                            </fieldset>
 
-
                        </form>
 
-
                    </div>
 
-
                </div>
 
-
                <div class="border1 border1-pad1"></div>
 
-
                <div class="footer-text">Science Lab © 2012  <a href="index-7.html">Privacy Policy</a></div>
 
-
                <div class="aligncenter"> <!-- {%FOOTER_LINK} --></div>
 
-
            </div>
 
-
        </div>
 
-
</div>     
 
-
</footer>
 
-
<script type="text/javascript">
 
-
  var _gaq = _gaq || [];
 
-
  _gaq.push(['_setAccount', 'UA-7078796-5']);
 
-
  _gaq.push(['_trackPageview']);
 
-
  (function() {
+
</html>
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
  })();
+
-
 
+
-
</script>
+
-
 
+
-
</body>
+

Latest revision as of 06:05, 17 July 2012

Lizzar.png