Modelo de Cronología

por **Beauxbatons** Miér Feb 21, 2018 8:07 pm

Nombre Apellido

Bengal birman. Panther havana brown malkin norwegian forest and sphynx. Russian blue. Siberian british shorthair ocelot. Jaguar tom american shorthair or bobcat tom but manx himalayan. Russian blue egyptian mau so ragdoll grimalkin and tom scottish fold. Ragdoll tomcat ocelot for persian and singapura kitty so maine coon. Siamese burmese siamese jaguar. Grimalkin.

cronología

Temas Activos

Primer Tema
Segundo Tema
Tercer Tema
Cuarto Tema
Quinto Tema
Sexto Tema

Temas Cerrados

Primer Tema
Segundo Tema
Tercer Tema

code by EMME

Código:: <div class="XXII"><div class="namXXII"><div style="color: #65737A;">Nombre Apellido</div></div><div class="crXXII"><div class="qoXXII" style="background: url(http://placehold.it/300x630);"></div><div class="advXXII">Bengal birman. Panther havana brown malkin norwegian forest and sphynx. Russian blue. Siberian british shorthair ocelot. Jaguar tom american shorthair or bobcat tom but manx himalayan. Russian blue egyptian mau so ragdoll grimalkin and tom scottish fold. Ragdoll tomcat ocelot for persian and singapura kitty so maine coon. Siamese burmese siamese jaguar. Grimalkin. </div><div class="yhXXII">cronología</div><div class="keXXII" style="margin-bottom: 5px;"><span>Temas Activos</span><div><a href="URL">Primer Tema</a> <a href="URL">Segundo Tema</a> <a href="URL">Tercer Tema</a> <a href="URL">Cuarto Tema</a> <a href="URL">Quinto Tema</a> <a href="URL">Sexto Tema</a></div></div><div class="keXXII"><span>Temas Cerrados</span><div><a href="URL">Primer Tema</a> <a href="URL">Segundo Tema</a> <a href="URL">Tercer Tema</a></div></div></div><a href="https://emmescodes.tumblr.com/" class="miXXII">code by EMME</a></div> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Merriweather|Roboto" rel="stylesheet"><style>.XXII div::-webkit-scrollbar {width: 3px !important;background: #0003 !important;} .XXII div::-webkit-scrollbar-thumb {background: #0003 !important;} .XXII, .XXII * {box-sizing: border-box;} .XXII {border: 1px solid #BDB78C; width: 540px; margin: auto; position: relative; background: #FFF; box-shadow: 0 0 0 5px #FFFc; color: #444;} .namXXII {margin: 10px 10px 5px 5px; border: 1px solid #DDD; text-align: center; font: 28px Amatic SC; padding: 5px;} .namXXII div {border: 2px dashed; margin: -12px -12px 0 0; padding: 5px;} .crXXII {position: relative; padding: 30px 200px 30px 30px;} .qoXXII {width: 300px; height: 100%; position: absolute; top: 0; right: 5px; clip-path: polygon(20% 0, 0 100%, 100% 100%, 100% 0);} .advXXII, .yhXXII, .keXXII {position: relative; background: #FFF9;} .advXXII {font: 12px/18px Roboto; padding: 20px; text-align: justify;} .advXXII:first-letter {font-size: 55px; float: left; padding: 5px; margin: 15px 3px 0 0;} .yhXXII {font: 15px Merriweather; text-align: center; padding: 5px; letter-spacing: 2px; margin: 5px 0px;} .keXXII {text-align: center; font: 12px/18px Roboto; padding: 5px;} .keXXII span {display: block; background: #0003; color: #FFF; padding: 3px; text-transform: uppercase; letter-spacing: 5px;} .keXXII div {border: 20px solid transparent; max-height: 200px; overflow: auto;} .keXXII div a {font: 10px/20px Roboto; text-transform: uppercase; color: #444 !important; transition: .5s cubic-bezier(.68,-0.55,.27,1.55);} .keXXII div a:hover {font: 13px/20px Roboto;} .miXXII {border: 1px solid #DDD; display: block; margin: 5px; text-align: center; color: #444 !important; font: 10px Roboto; padding: 5px; transition: .5s;} .miXXII:hover {letter-spacing: 5px;}</style>