JSFiddle - React, Tailwind, and code Playground
by fredd man
HTML
<body><div id="wrapper"><div id="top"> <a name="top"></a><div class="blogname"></div></div><div id="foxmenucontainer"><div id="foxmenu"><ul><li class="page_item current_page_item"><a href="https://gnula.nu">Home</a></li><li class="page_item page-item-2"><a href="http://gnula.nu/peliculas-online/lista-de-peliculas-online-parte-1/" title="Lista de estrenos">Estrenos</a></li><li class="page_item page-item-2"><a href="http://gnula.nu/generos/lista-de-generos/" title="Lista de géneros cinematográficos">Géneros</a></li><li class="page_item page-item-2"><a href="http://gnula.nu/peliculas-online/lista-de-peliculas-recomendadas/" title="Lista de películas recomendadas">Recomendadas</a></li><li class="page_item page-item-2"><a href="http://gnula.se/" title="Series G Nula" target="_blank">Series</a></li></ul><div id="buscador"><form action="http://www.google.es/cse" id="cse-search-box"><div><input type="hidden" name="cx" value="014793692610101313036:vwtjajbclpq"><input type="hidden" name="ie" value="ISO-8859-1"><input type="text" name="q" size="26" placeholder="" style="background: url("https://www.google.com/cse/static/images/1x/es/branding.png") left 9px top 50% no-repeat rgb(255, 255, 255);"><input type="submit" name="sa" value="Buscar"></div><input name="siteurl" value="gnula.nu/" type="hidden"><input name="ref" value="" type="hidden"><input name="ss" value="" type="hidden"></form> <script type="text/javascript">if(top.location!=this.location) top.location=this.location;</script> <script type="text/javascript" src="//www.google.es/cse/brand?form=cse-search-box&lang=es"></script></div></div></div>
<script type="text/javascript" src="//hopefulserversnecklace.com/4b/d5/13/4bd5135f91792655b056f7567a390c44.js"></script>
<script data-cfasync="false" async="" type="text/javascript" src="//psoaemorella.com/fSoCQlT7PaCTEu/27199"></script> <div><script data-cfasync="false" type="text/javascript" src="//lamforsung.com/gdRvA2EGbVq7/33424"></script></div><div...CSS
/*
Theme Name: charcoal2
Description: 3 coloumn dark and brown theme.
Author: Jinsona designs
Author URI: http://web2feel.com/
*/
body {
margin:0;
padding-top:0px;
background:#2F2723 ;
font-family:Verdana,Tahoma,sans-serif;
color:#99806B;
font-size:13px;
}
img {
border:0;
}
a {
color:#EFC8B3;
text-decoration:none
}
a:hover {
color:#CF9C81;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {
}
blockquote.cita1 {
width: 480px;
margin: 10px 0 10px 40px;
padding: 10px;
text-align: justify;
font: 14px/20px italic Times, serif;
color: #FFFFFF;
background: transparent;
border-left: 4px solid #FF9933;
}
blockquote.cita2 {
width:400px;
padding: 5px 18px 10px 10px;
text-align: justify;
font: normal;
color: #FFFFFF;
background: #2F2723 url(https://lh5.googleusercontent.com/_N0G_G-cxQDM/TWTLmUj3TiI/AAAAAAAAC78/dNkQw_UgMgk/s31/quotescierre22133b02.png) no-repeat 5% 15%;
}
blockquote.cita2 span {
display: block;
padding: 15px 10px 20px 40px;
background: url(https://lh5.googleusercontent.com/_N0G_G-cxQDM/TWTL3GPUwaI/AAAAAAAAC8A/eNxjd3XW5Iw/s31/quotescierre213203a.png) no-repeat bottom right;
}
.c2x {
position:absolute;
top: 610px;
left:700px;
width:300px;
height:250px;
}
.c1x {
position:absolute;
left: 118px;
top: 40px;
width: 56px;
height: 14px;
}
.clear {
clear:both;
}
.alignleft {
float:left;
padding:2px 0 0 5px;
}
.alignright {
float:right;
padding:2px 0 0 5px;
}
/* The Wrapper */
#wrapper {
width:1200px;
margin:0 auto;
background:url(http://gnula.nu/wp-content/uploads/2014/04/heada.jpg);
background-repeat:repeat-y;
}
/* The Search */
.search {
height:29px;
padding:0px 25px 0 14px;
float: right;
}
.search form {
background:url(images/searchbg2.png);
width:210px;
height:29px;
padding-top:15px;
padding-left:17px;
}
.search input...