Rubine

test


    copy PA Moonlight

    Partagez
    avatar
    Rubine
    Admin

    Messages : 62
    Date d'inscription : 22/12/2016
    Localisation : blabla
    Humeur : poet

    copy PA Moonlight

    Message par Rubine le Lun 30 Jan - 0:04

    Code:
    <style>

    ::-webkit-scrollbar {
      height: 3px;
      width: 4px;
    }
     html > ::-webkit-scrollbar {
      width:8px;
    }
    ::-webkit-scrollbar-thumb {
      background: #bdcfed;
    }
    ::-webkit-scrollbar-track-piece {
      background-color: none;
    }
      .paBACK {
      width:860px;
      height:600px;
      background:#191919;
      }
     
      .bleft {
      float:left;
      height:465px;
      width:265px;
      margin-top:10px;
      margin-left:10px;
      clear:both;

     
      }
     
      .bSTAFF {
        width:260px;
        height:160px;
        overflow:hidden;
        text-align:right;
        color:white;
        font-family: 'Varela Round', cursive;
        font-size:20px;
        padding-top:5px;
        border-top: 1px solid white;
       
       
      }
     
      .iSTAFF1 {
        width:125px;
        height:60px;
        background: url("http://img15.hostingpics.net/pics/366849imgstaff.png");
        overflow:hidden;
        margin-top:2px;
        margin-left:2px
     
      }
     
      .ihSTAFF1 {
        width:125px;
        height:60px;
        background:black;
        opacity:0.75;
        color:#bdcfed;
        text-transform:uppercase;
        margin-top:60px;
        transition:500ms all ease;
        overflow:hidden;
        font-size:14px;
        padding-top:15px;
        text-align:center;
      }
     
      .iSTAFF1:hover .ihSTAFF1 {
      margin-top:0px;
      }
     
      .iSTAFF2 {
        width:125px;
        height:60px;
        background: url("http://img15.hostingpics.net/pics/426855imgstaff2.png");
        overflow:hidden;
        margin-top:2px;
        margin-left:2px
     
      }
     
      .ihSTAFF2 {
        width:125px;
        height:60px;
        background:black;
        opacity:0.75;
        color:#bdcfed;
        text-transform:uppercase;
        margin-top:60px;
        transition:500ms all ease;
        overflow:hidden;
        font-size:14px;
        padding-top:15px;
        text-align:center;
      }
     
      .iSTAFF2:hover .ihSTAFF2 {
      margin-top:0px;
      }
     
        .iSTAFF3 {
        width:125px;
        height:60px;
        background: url("http://img15.hostingpics.net/pics/426855imgstaff2.png");
        overflow:hidden;
        margin-top:2px;
        margin-left:2px
     
      }
     
      .ihSTAFF3 {
        width:125px;
        height:60px;
        background:black;
        opacity:0.75;
        color:#bdcfed;
        text-transform:uppercase;
        margin-top:60px;
        transition:500ms all ease;
        overflow:hidden;
        font-size:14px;
        padding-top:15px;
        text-align:center;
      }
     
      .iSTAFF3:hover .ihSTAFF3 {
      margin-top:0px;
      }
     
          .iSTAFF4 {
        width:125px;
        height:60px;
        background: url("http://img15.hostingpics.net/pics/366849imgstaff.png");
        overflow:hidden;
        margin-top:2px;
        margin-left:2px
     
      }
     
      .ihSTAFF4 {
        width:125px;
        height:60px;
        background:black;
        opacity:0.75;
        color:#bdcfed;
        text-transform:uppercase;
        margin-top:60px;
        transition:500ms all ease;
        overflow:hidden;
        font-size:14px;
        padding-top:15px;
        text-align:center;
      }
     
      .iSTAFF4:hover .ihSTAFF4 {
      margin-top:0px;
      }
     
      .bECHO {
        float:left;
        height:300px;
        width:260px;
        border:1px solid grey;
        overflow:auto;
        text-align:center;
        color:white;
        font-size:20px;
        font-family:Alegreya;

      }
     
      .txtECHO {
      color:grey;
      overflow:auto;
      font-family:arial;
      font-size:11px;
      text-align:justify;
      padding:4px;
      margin-top:3px;
     
      }
     
      .paPART{
      color:white;
     
      }
      .bBOTTOM {
      float:left;
      }
     
      .bCONTEXTE {
        width:575px;
        text-align:right;
      color:white;
      float:left;
      margin-top:10px;
        font-family: 'Varela Round', cursive;
        font-size:20px;
        padding-top:5px;
        border-top: 1px solid white;
      }
     
      .contTXT {
      color:grey;
      font-family:arial;
      font-size:11px;
      text-align:justify;
     
      }
     
      .bPRED{
      text-align:right;
      color:white;
      float:left;
      margin-top:20px;
        font-family: 'Varela Round', cursive;
        font-size:20px;
        padding-top:8px;
        border-top: 1px solid white;
        text-transform:uppercase;
        width:445px;
        height:120px;
     
      }
     
      .iPRED {
        margin-top:8px;
      width:75px;
      height:75px;
      transition:500ms all ease;
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        border:4px solid #273142;
        margin-left:2px;
      }
     
        .iPRED:hover {
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);
      }
     
      .bLIENS {
        float:right;
        width:125px;
        margin-right:10px;
      }
     
      .iLIEN {
        width:125px;
        border: 1px solid #273142;
        margin:2px;
        font-family:Varela Round, sans-serif;
        font-size:12px;
        line-height: 18px;
        text-align:center;
        text-transform:uppercase;
        transition:500ms all ease;
        text-decoration:none;
        color:silver;
      }
      .iLIEN:hover {
      background:#273142;
      text-decoration:none;
      }
     
    a {
     text-decoration:none;
    }

    @keyframes AutoSlide {
      0%, 15%, 100% {
          left: 0px; /*1ère image*/
       }
       35%, 50% {
          left: -75px; /*2ème image*/
       }
       70%, 85% {
          left: -150px; /*3ème image*/
       }
    }

    #slideshow {
      position: relative;
       width: 75px;
       height: 75px;
       margin:  20px auto;
       overflow: hidden;
    }
    #sContent li {
       display: inline;
    }

    #sContent {
      position: absolute;
       top: 0;
       left: 0;
       width: 450px;
       margin: 0;           
       padding: 0;
       
       /*CSS3 keyframes animation*/
       animation-name: AutoSlide;
       animation-duration: 10s;
       animation-iteration-count: infinite;
       animation-timing-function: ease-in-out;
    }

    .bSLIDE {
     float:left;
     background:black;
     width:430px;
     height:185px;
     margin-left:5px;
     margin-top:2px;
     border:5px solid #273142;
     clear:right;
    }

    .bTOPSITE {
      background:black;
      width:130px;
      height:185px;
      float:left;
      margin-left:5px;
      margin-top:3px;
      font-family: 'Varela Round', cursive;
        font-size:20px;
        padding-top:8px;
        border-top: 1px solid white;
        text-transform:uppercase;
        color:white;
        text-align:right;
    }

    .iTOPSITE {
     width:40px;
     height:40px;
     border:5px solid #273142;
     background:grey;
     margin:5px;
    }

    .bPART {
      width:845px;
      height:100px;
      float:left;
      margin-left:10px;
      margin-top:10px;
      font-family: 'Varela Round', cursive;
        font-size:20px;
        padding-top:8px;
        border-top: 1px solid white;
        text-transform:uppercase;
        color:white;
        text-align:right;
    }

    .iPART {
     width:50px;
     height:50px;
     background:black;
     margin-left:11px;
     border:5px solid #273142;
     transition:500ms all ease;
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);
    }

    .iPART:hover {
     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
     filter: grayscale(0%);
    }
      </style>
      <link href="https://fonts.googleapis.com/css?family=Alegreya|Shadows+Into+Light|Varela+Round" rel="stylesheet">
    <div class="paBACK">
    <div class="bLEFT"><div class="bSTAFF">STAFF.<table><tbody><tr><td>
    <div class="iSTAFF1"><div class="ihSTAFF1">Nom Prénom<br>Rôle</div></div></td>
    <td><div class="iSTAFF2"><div class="ihSTAFF2">Nom Prénom<br>Rôle</div></div></td></tr><tr>
    <td><div class="iSTAFF3"><div class="ihSTAFF3">Nom Prénom<br>Rôle</div></div></td>
      <td><div class="iSTAFF4"><div class="ihSTAFF4">Nom Prénom<br>Rôle</div></div></td>
    </tr></tbody>
    </table>

    </div>
    <div class="bECHO"><span style="text-transform:uppercase;border-bottom:1px solid;">L'écho de Moonlight</span>
      <div class="txtECHO"><span style="color:white; font-size:13px;font-weight:bold;">29.01.2017 -</span> Stuprorum admisisse adulteriorum notiores ne peremptae quas minus ne inmane retinere inmane exustus secreto quas quas altae et adulteriorum carnifex quas convictus similium erat notiores sexu convictus fuere secreto abrepto quoque velemen convictus similium ex est abrepto vestita quoque fuere nam Flaviana minus ex sexu convictus nam similium est altae.
      <br><br><span style="color:white; font-size:13px;font-weight:bold;">29.01.2017 -</span> Stuprorum admisisse adulteriorum notiores ne peremptae quas minus ne inmane retinere inmane exustus secreto quas quas altae et adulteriorum carnifex quas convictus similium erat notiores sexu convictus fuere secreto abrepto quoque velemen convictus similium ex est abrepto vestita quoque fuere nam Flaviana minus ex sexu convictus nam similium est altae.
     <br><br><span style="color:white; font-size:13px;font-weight:bold;">29.01.2017 -</span> Stuprorum admisisse adulteriorum notiores ne peremptae quas minus ne inmane retinere inmane exustus secreto quas quas altae et adulteriorum carnifex quas convictus similium erat notiores sexu convictus fuere secreto abrepto quoque velemen convictus similium ex est abrepto vestita quoque fuere nam Flaviana minus ex sexu convictus nam similium est altae.
     </div>  </div> </div>
     
      <div class="bCONTEXTE">MOONLIGHT.<div class="contTXT">Stuprorum admisisse adulteriorum notiores ne peremptae quas minus ne inmane retinere inmane exustus secreto quas quas altae et adulteriorum carnifex quas convictus similium erat notiores sexu convictus fuere secreto abrepto quoque velemen convictus similium ex est abrepto vestita quoque fuere nam Flaviana minus ex sexu convictus nam similium est altae Stuprorum admisisse adulteriorum notiores ne peremptae quas minus ne inmane retinere inmane exustus secreto quas quas altae et adulteriorum carnifex quas convictus similium erat notiores sexu convictus fuere secreto abrepto quoque velemen convictus similium ex est abrepto vestita quoque fuere nam Flaviana minus ex sexu convictus nam similium est altae.</div></div>
    <div class="bPRED">Prédéfinis.
    <table><tbody><tr><td><div class="ipRED"><a href="lien"><img src="http://img15.hostingpics.net/pics/628211imgpredef.png"/></a></div></td><td><div class="ipRED"><a href="lien"><img src="http://img15.hostingpics.net/pics/628211imgpredef.png"/></a></div></td><td><div class="ipRED"><a href="lien"><img src="http://img15.hostingpics.net/pics/628211imgpredef.png"/></a></div></td><td><div class="ipRED"><a href="lien"><img src="http://img15.hostingpics.net/pics/628211imgpredef.png"/></a></div></td><td><div class="ipRED"><a href="lien"><img src="http://img15.hostingpics.net/pics/628211imgpredef.png"/></a></div></td></tr></tbody></table></div>

    <div class="bLIENS">  <a href="lienici"><div class="iLIEN">Lien</div></a>
      <a href="lienici"><div class="iLIEN">Lien</div></a>
      <a href="lienici"><div class="iLIEN">Lien</div></a>
      <a href="lienici"><div class="iLIEN">Lien</div></a>
      <a href="lienici"><div class="iLIEN">Lien</div></a>
        <a href="lienici"><div class="iLIEN">Lien</div></a>
          <a href="lienici"><div class="iLIEN">Lien</div></a>
    </div>
    <div class="bSLIDE"><div id="slideshow">
      <ul id="sContent"><!--
          --><li><img src="http://img15.hostingpics.net/pics/628211imgpredef.png" alt="Img1" /></li><!--
          --><li><img src="http://img15.hostingpics.net/pics/628211imgpredef.png" alt="Img2" /></li><!--
          --><li><img src="http://img15.hostingpics.net/pics/628211imgpredef.png" alt="Img3" /></li>
       </ul>
    </div></div>
    <div class="bTOPSITE">TOP-SITES.<table><tbody><tr><td><div class="iTOPSITE"><img src="lien"/></div></td><td><div class="iTOPSITE"><img src="lien"/></div></td></tr>
      <tr><td><div class="iTOPSITE"><img src="lien"/></div></td><td><div class="iTOPSITE"><img src="lien"/></div></td></tr
    </tbody></table></div>
    <div class="bPART">PARTENAIRES.<table><tbody><tr><td><div class="iPART"></div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td><td><div class="iPART">V</div></td></tr></tbody></table></div>
    </div>

    </div>

      La date/heure actuelle est Jeu 23 Nov - 22:56