Team:TU-Delft/Test2

From 2011.igem.org

(Difference between revisions)
(Blanked the page)
m
Line 1: Line 1:
-
 
+
<html>   
 +
  <head>          
 +
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
    <title>Portfólio de Luciana Sciammarella, Bibliotecária e Analista de Sistemas         
 +
    </title>          
 +
    <link href="http://fonts.googleapis.com/css?family=Lobster|Philosopher|Tangerine:bold&subset=latin" rel="stylesheet" type="text/css">
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>   
 +
    <script type="text/javascript" src="jquery.imBookFlip-0.6A.js"></script>   
 +
               
 +
    <style>
 +
    body {
 +
    }
 +
    .logos {
 +
      margin-top:60px;
 +
      text-align:center;
 +
    }
 +
    #ficha {
 +
      margin-left:45px;
 +
      margin-right:22px;
 +
      margin-top:200px;
 +
      padding:15px 10px;
 +
      font-family:"Courier New";
 +
      font-size:11px;
 +
      border:1px solid DarkSlateGray;
 +
    }
 +
    #ficha p {
 +
      margin:0;
 +
    }
 +
    #ficha p.classificacao {
 +
      margin-left:40px;
 +
    }
 +
    .cdd {
 +
      text-align:right;
 +
    }
 +
    #capa {
 +
      position:absolute;
 +
      right:50%;
 +
      top:49px;
 +
      background: 0px 0px url(newleft.png);
 +
      width: 409px;
 +
      height:651px;
 +
    }
 +
    #myBook {
 +
      position:absolute;
 +
      margin-left:auto;
 +
      margin-right:auto;
 +
      margin-top:40px;
 +
      left:0;
 +
      right:0;
 +
      display:none;
 +
      width: 818px;
 +
      height:651px;
 +
    }
 +
    .imBookPage {
 +
      position:absolute;
 +
      left:0px;
 +
      top:0px;
 +
      width: 407px;
 +
      height:651px;
 +
      overflow:hidden;
 +
      border:solid 1px transparent;
 +
    }         
 +
    .imBookPage.left {
 +
      background: -1px 0px url(newleft.png);
 +
    }
 +
    .imBookPage.right {
 +
      background: -1px 0px url(newright.png);
 +
    }
 +
    .rosto h1, .rosto h2, .rosto h3 {
 +
      text-align:center;
 +
      font-family:"Lobster";
 +
      margin-left:40px;
 +
      margin-right:60px;
 +
      color:goldenrod;
 +
      text-shadow: 0em 0.1em 0.1em black;
 +
/*     opacity: .65; /* Standard: FF gt 1.5, Opera, Safari
 +
/*     filter: alpha(opacity=65); /* IE lt 8 */
 +
/*     -ms-filter: "alpha(opacity=65)"; /* IE 8 */
 +
/*     -khtml-opacity: .65; /* Safari 1.x */
 +
/*     -moz-opacity: .65; /* FF lt 1.5, Netscape */     
 +
    }
 +
    .rosto h1 {
 +
      margin-top:60px;
 +
      font-size:54px;
 +
      padding-bottom:10px;
 +
    }
 +
    .rosto h2 {
 +
      font-size:32px;
 +
      margin-top:40px;
 +
    font-family:Philosopher;
 +
      color:darkgoldenrod;
 +
    text-shadow:none;
 +
      border-bottom: 2px solid goldenrod;
 +
      border-top: 2px solid goldenrod;
 +
    }
 +
    .rosto h3 {
 +
      margin-top:160px;
 +
    }
 +
    .rosto p {
 +
      margin-top:0;
 +
    }
 +
    .logos img {
 +
      margin:0px 15px;
 +
    }
 +
    .content {
 +
      margin-top:50px;
 +
      margin-left:68px;
 +
      margin-right:30px;
 +
      color:black;
 +
      font-size:30px;
 +
      font-family: Tangerine, arial, serif;
 +
      text-shadow: 0em 0em 0.5em goldenrod;
 +
    }
 +
    .content.right {
 +
      margin-left:30px;
 +
      margin-right:68px;
 +
    }
 +
    .content em {
 +
      text-decoration:underline;
 +
      font-style:normal;
 +
      font-weight:normal;
 +
      font-size:36px;
 +
      /*background:url(highlight.png);*/
 +
    }
 +
    .content > p:first-child {
 +
      background:url(us.png) top right no-repeat;
 +
      min-height:48px;
 +
    }
 +
    .content.right > p:first-child {
 +
      background:url(br.png) top right no-repeat;
 +
    }
 +
   
 +
    </style>
 +
<script type="text/javascript">
 +
$(document).ready( function() {
 +
$("#myBook").imBookFlip({
 +
page_class: 'imBookPage'
 +
});
 +
});
 +
</script>      
 +
  </head>   
 +
  <body>
 +
    <div id="capa">
 +
      <p class="logos">
 +
        <img src="biblio1.png">
 +
        <img src="cyber.png">
 +
      </p>
 +
      <div id="ficha">
 +
        <p class="cutter">
 +
          V632b Vicente, Luciana Silva Sciammarella
 +
        </p>
 +
        <p class="classificacao">
 +
        &nbsp;&nbsp;&nbsp;Bibliotecária &amp; Analista de Sistemas /
 +
        Luciana Silva Sciammarella Vicente. – Rio de Janeiro : Lucasoft, 2010.
 +
        </p>
 +
        <p class="classificacao">
 +
        &nbsp;&nbsp;&nbsp;10p. : il. col. ; 21cm
 +
        </p>
 +
        <p class="cdd">
 +
        CDD 923.020
 +
        </p>
 +
        </div>
 +
    </div>
 +
    <div id="myBook" style="display:none;">      
 +
      <div class="imBookPage right rosto">
 +
        <h1>Luciana Sciammarella</h1>
 +
        <h2>Bibliotecária <br />&amp;<br /> Analista de Sistemas</h2>
 +
        <h3><big>&copy;</big> Lucasoft 2010</h3>     
 +
      </div>
 +
       
 +
      <div class="imBookPage left">     
 +
        <div class="content">
 +
          <p>Hello,</p>
 +
          <p></p>
 +
          <p>I am <em>Luciana Sciammarella</em>, the Head Librarian of the
 +
          prestigious high school Santo Agostinho in Rio de Janeiro.
 +
          </p>
 +
          <p>
 +
            I have a passion for books and everything related to
 +
            Library Science.
 +
          </p>
 +
          <p>
 +
            As you can see by this portfolio, I have also a passion
 +
            for technology and the internet.
 +
          </p>
 +
        </div>
 +
      </div>     
 +
      <div class="imBookPage right">     
 +
        <div class="content right">
 +
          <p>Olá,</p>
 +
          <p></p>
 +
          <p>Eu sou <em>Luciana Sciammarella</em>, a Bibliotecária Chefe
 +
          do prestigiado colégio Santo Agostinho no Rio de Janeiro.
 +
          </p>
 +
          <p>
 +
            Sou apaixonada por livros e tudo relacionado à
 +
            Biblioteconomia.
 +
          </p>
 +
          <p>
 +
            Como podem ver por este portfólio, também tenho
 +
            paixão por tecnologia e pela internet.
 +
          </p>
 +
        </div>
 +
      </div>     
 +
      <div class="imBookPage left">     
 +
        <div class="content">
 +
          <p>Título página 3</p>
 +
        </div>
 +
      </div>     
 +
      <div class="imBookPage right">     
 +
        <div class="content right">
 +
          <p>Título página 4</p>
 +
        </div>
 +
      </div>     
 +
    </div>  
 +
  </body> 
 +
</html>

Revision as of 15:13, 5 July 2011

Portfólio de Luciana Sciammarella, Bibliotecária e Analista de Sistemas

V632b Vicente, Luciana Silva Sciammarella

   Bibliotecária & Analista de Sistemas / Luciana Silva Sciammarella Vicente. – Rio de Janeiro : Lucasoft, 2010.

   10p. : il. col. ; 21cm

CDD 923.020