JSFiddle - React, Tailwind, and code Playground
by fredd man
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="index.css" type="text/css" />
<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="http://192.168.0.7/dashboard/index.html">Home</a></li>
<li class="page_item page-item-2">
<a href="http://" title="Lista de estrenos">Estrenos</a></li><li class="page_item page-item-2">
<a href="http://" title="Lista de géneros cinematográficos">Géneros</a></li>
<li class="page_item page-item-2">
<a href="http://" title="Lista de películas recomendadas">Recomendadas</a></li>
<li class="page_item page-item-2">
<a href="" title="Series moncryd" 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="moncryd.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=""></script></div></div></div>
<script type="text/javascript" src=""></script>
<script data-cfasync="false" async="" type="text/javascript" src=""></script>
<div><script data-cfasync="false" type="text/javascript" src=""></script></div>
<div class="content"><div id="sidebar"><div class="sidebar2">
<div...CSS
/*
Theme Name: charc
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://embed-ssl.wistia.com/deliveries/606d4150c557c3323a170dadaea015a1.bin?disposition=attachment&filename=asdfasdfasdf.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(https://embed-ssl.wistia.com/deliveries/606d4150c557c3323a170dadaea015a1.bin?disposition=attachment&filename=asdfasdfasdf.png);
background-repeat:repeat-y;
}
/* The Search */
.search {
height:29px;
padding:0px 25px 0 14px;
float: right;
}
.search form...