JSFiddle - React, Tailwind, and code Playground
by fredd man
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...