Team:AUC TURKEY/Test

From 2013hs.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
<head>
<head>
 +
<style type="text/css">
 +
/*
 +
* jQuery Booklet Plugin
 +
* Copyright (c) 2010 - 2013 William Grauvogel (http://builtbywill.com/)
 +
*
 +
* Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 +
*
 +
* Version : 1.4.2
 +
*
 +
* Originally based on the work of:
 +
* 1) Charles Mangin (http://clickheredammit.com/pageflip/)
 +
*/
 +
.booklet        {width:800px; height:600px; position:relative; margin:0 auto 10px; overflow:visible !important;}
 +
.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid transparent;}
 +
 +
.booklet .b-pN  {}
 +
.booklet .b-p0  {}
 +
.booklet .b-p1  {}
 +
.booklet .b-p2  {}   
 +
.booklet .b-p3  {}
 +
.booklet .b-p4  {}
 +
 
 +
  /* Page Wrappers */
 +
.booklet .b-wrap      {top:0; position:absolute;}
 +
.booklet .b-wrap-left  {background:#fff;}
 +
.booklet .b-wrap-right {background:#efefef;}
 +
 +
.booklet .b-pN .b-wrap,
 +
.booklet .b-p1 .b-wrap,
 +
.booklet .b-p2 .b-wrap,
 +
.booklet .b-p3 .b-wrap,
 +
.booklet .b-p4 .b-wrap  {left:0;}
 +
.booklet .b-p0 .b-wrap  {right:0;}
 +
 +
  /* Custom Page Types */
 +
.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
 +
.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
 +
.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
 +
 
 +
  /* Page Numbers */
 +
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
 +
.booklet .b-wrap-left  .b-counter  {left:10px;}
 +
.booklet .b-wrap-right .b-counter {right:10px;}
 +
 
 +
  /* Page Shadows */
 +
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
 +
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
 +
 +
.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
 +
.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
 +
 +
  /* Overlay Controls */
 +
.booklet .b-grab    {cursor: url("images/openhand.cur"), default;}
 +
.booklet .b-grabbing {cursor: url("images/closedhand.cur"), default;}
 +
 +
  /* Overlay Controls */
 +
.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
 +
.booklet .b-overlay-prev {left:0;}
 +
.booklet .b-overlay-next {right:0;}
 +
 +
  /* Tab Controls */
 +
.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
 +
.booklet .b-tab-prev  {left:0;}
 +
.booklet .b-tab-next  {right:0;}
 +
.booklet .b-tab:hover  {background:#aaa; color:#000;}
 +
 +
  /* Arrow Controls */
 +
.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
 +
.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
 +
.booklet .b-arrow-next    {right:-80px;}
 +
.booklet .b-arrow-prev    {left:-80px;}
 +
.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
 +
.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}
 +
 +
/* @z-index fix (needed for older IE browsers)
 +
----------------------------------------*/
 +
 +
    body              {z-index:0;}
 +
    .b-menu          {z-index:100;}
 +
    .b-selector      {z-index:100;}
 +
    .booklet          {z-index:10;}
 +
    .b-pN            {z-index:10;}
 +
    .b-p0            {z-index:30;}
 +
    .b-p1            {z-index:20;}
 +
    .b-p2            {z-index:20;}
 +
    .b-p3            {z-index:30;}
 +
    .b-p4            {z-index:10;}
 +
    .b-prev          {z-index:40;}
 +
    .b-next          {z-index:40;}
 +
    .b-counter        {z-index:40;}
 +
 +
/* @Menu Items
 +
----------------------------------------*/
 +
.b-menu {height:40px; padding:0 0 10px;}
 +
 +
.b-selector            {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
 +
.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
 +
.b-selector-page        {width:auto; margin-left:15px;}
 +
.b-selector-chapter    {width:auto;}
 +
 +
.b-selector:hover            {color:#fff; background-position:left 0px;}
 +
.b-selector:hover .b-current {background-position:right 0px;}
 +
.b-selector ul              {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
 +
.b-selector li              {border:none;}
 +
.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
 +
.b-selector a .b-text        {float:left; clear:none;}
 +
.b-selector a .b-num        {float:right; clear:none;}
 +
.b-selector a:hover          {color:#fff;}
 +
</style>
<script type="text/javascript">
<script type="text/javascript">
/*!
/*!

Revision as of 12:51, 14 June 2013



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non erat ligula. Phasellus laoreet est aliquet mi ultrices fermentum. Nulla lobortis orci sit amet dolor lacinia, id sagittis sem faucibus. Morbi feugiat sollicitudin venenatis. Integer luctus hendrerit vehicula. Curabitur eleifend tellus purus, a vulputate dolor tincidunt vitae. Integer nec volutpat leo. Mauris dictum tincidunt dapibus. Cras pretium tincidunt eros.

Aenean a vulputate arcu, vitae ultrices purus. Cras luctus nec urna vitae congue. Integer ut fermentum elit. Integer vel ipsum ornare neque iaculis faucibus quis sit amet urna. Sed commodo arcu lorem, vel tincidunt mi molestie eget. Ut vel mi vitae magna tempor mattis. In tempor venenatis leo, iaculis gravida mi dapibus sed. Aliquam luctus gravida quam, ac tempor erat iaculis sed.

Nam id erat ante. Proin turpis nunc, luctus sed mauris quis, scelerisque sagittis massa. In sed neque sed turpis cursus ullamcorper. Integer porttitor dolor mauris. Fusce vitae libero ac justo gravida auctor vitae eget eros. In et orci dui. Sed eu viverra quam. Pellentesque molestie nunc tincidunt lectus pharetra, nec posuere nisi pellentesque. Vivamus blandit consequat ligula, a porttitor mi accumsan nec. Aliquam rhoncus mi ut nulla fermentum, at mollis orci laoreet. Integer feugiat eros dapibus laoreet elementum. Aliquam non pharetra leo. Vivamus auctor hendrerit magna id fringilla.

Praesent id lacus ut enim pulvinar tristique at in mauris. Vestibulum consectetur nisl vitae ligula rhoncus accumsan. Curabitur at varius libero. Sed odio elit, tempus id justo non, vulputate varius eros. Integer ullamcorper tempor sem ut porta. Nullam ut purus vitae nisi tincidunt porta ut ac est. Aliquam condimentum fermentum sem, ac sollicitudin lectus convallis nec. Etiam fringilla est vel risus egestas, id tristique nisl dignissim. Donec dignissim sollicitudin interdum. Morbi iaculis pretium nulla a rhoncus. Nullam vitae nibh sit amet sapien mattis fermentum. Maecenas elit lacus, ornare id leo sit amet, euismod auctor dolor. Mauris venenatis et dolor eget malesuada. Nullam euismod, lacus nec iaculis facilisis, dolor dui bibendum neque, at aliquet felis libero vitae magna. Aliquam blandit pulvinar leo, vitae feugiat lorem. Nulla suscipit viverra viverra.

Sed vitae sapien velit. Aenean commodo ullamcorper tempor. Duis metus nisl, consequat id nulla id, vestibulum fringilla libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec luctus, magna at porttitor convallis, nunc nisl molestie est, eu scelerisque nulla nulla faucibus elit. Pellentesque ut elit eget massa porta dignissim fringilla id sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque iaculis, ante quis fermentum iaculis, neque nulla euismod nibh, sed condimentum enim tellus et erat.

Page 1

Page 2

Page 3

Page 4

Page 5

Page 6

Page 7

Page 8

<forum_subtle/>

Retrieved from "http://2013hs.igem.org/Team:AUC_TURKEY/Test"