*{
          margin:0;
          padding:0;
          font-family:Tahoma, Geneva, Arial;
  }
  
  body{
          background:#1E1E1E;
          font-size:11px;
          color:#006;
  }
  
  #container{
          position:absolute;
          top:10px;
          left:10px;
          border:5px solid #333;
          padding:5px;
          background:#FFF;
          width:700px;
  }
  
  h1{
          font-size:36px;
  }
  
  a.link_download{
          font-size:18px;
          color:#060;
          border-left:5px solid #060;
          padding:5px;
          display:inline-block;
          text-decoration:none;
  }
  
  a.link_download:hover{
          color:#FFF;
          border-left:5px solid #090;
          background:#060;
  }
  
  #demos{
          position:relative;
          float:left;
          margin-top:20px;
          background:#EEE;
          width:100%;
  }
  
  .code_container{
          position:relative;
          float:left;
          width:95%;
          overflow:hidden;
          border:2px solid #F60;
          background:#FFF;
          height:15px;
  }
  
  .code_container p{
          background:#F60;
          color:#FFF;
          cursor:pointer;
  }
  
  .code_container pre{
          color:#900;
          padding:5px;
          display:inline-block;
  }
  
  .example{
          position:relative;
          float:left;
          width:100%;
          margin-top:10px;
          margin-bottom:50px;
  }
  
  button{
          display:inline-block;
  }
  
  .warning{
          background:#FCC;
          color:#900;
  }
  
  .warning a{
          color:#900;
  }
  
  .warning a:hover{
          color:#666;
  }
  
  .cont_bt{
          position:relative;
          float:left;
          width:100%;
          margin-top:10px;
  }
  
  /*
  

###########################

  CSS FOR THE EXAMPLES
  

  */
  
          #animation1{
                  position:relative;
                  float:left;
                  width:15px;
                  height:15px;
                  background:#900;
          }
          .a1_class1{ width:50px; height:50px; }
          .a1_class2{ width:500px; }
          .a1_class3{ height:15px; }
          .a1_class4{ width:15px; }
  
  /* ******************************** */
  
          #animation2{
                  position:relative;
                  float:left;
                  width:500px;
                  height:50px;
                  background:#900;
          }
          .a2_class1{ opacity:0.5; }
          .a2_class2{ opacity:1; background-color:#003; }
          .a2_class3{ background-color:#900; }
  
  /* ******************************** */
  
          #animation3{
                  font-size:18px;
                  color:#900;
                  height:50px;
          }
          .a3_class1{ font-size:10px; color:#333; }
          .a3_class2{ font-size:24px; }
          .a3_class3{ color:#060; }
          .a3_class4{ color:#63C; }
          .a3_class5{ font-size:18px;        color:#900; }
  
  /* ******************************** */
  
          #animation4{
                  position:relative;
                  float:left;
                  
                  border:#C60;
                  color: #666;
                  background-color: #ccc;
                  height: 200px;
                  width: 300px;
                  font-size: 15px;
                  overflow: hidden;
                  opacity: 1;
                  border: 2px solid #aaa;
                  margin: 0;
                  padding: 5px;
          }
          
          /* Other classes requires a PHP verification, so it´s inside the HTML */
  
  /* ******************************** */

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008