JSFiddle - React, Tailwind, and code Playground
by Marventus
HTML
<link rel="stylesheet" href="http://www.verbo10.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_gallery_display/static/nextgen_gallery_related_images.css">
<link rel="stylesheet" href="http://www.verbo10.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_gallery_display/static/fontawesome/font-awesome.css">
<link rel="stylesheet" href="http://www.verbo10.com/wp-content/themes/child-theme-oxygen/style.css">
<script src="http://www.verbo10.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/ajax.js"></script>
<script src="http://www.verbo10.com/wp-includes/js/jquery/jquery.js"></script>
<script src="http://www.verbo10.com/wp-includes/js/jquery/jquery-migrate.min.js"></script>
<script src="http://www.verbo10.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/persist.js"></script>
<script src="http://www.verbo10.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/store.js"></script>
<script src="http://www.verbo10.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/ngg_store.js"></script>
<script src="http://www.verbo10.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/lightbox_context.js"></script>
<script src="http://www.verbo10.com/wp-includes/js/comment-reply.min.js"></script>
<div id="container">
<div class="wrap">
<div id="header">
<div id="branding">
<h1 id="site-title">
<a href="http://www.verbo10.com" title="VERBÖTEN" rel="Home">
<img class="logo" src="http://www.verbo10.com/wp-content/uploads/copy-verboten-logo-web-transparente.png" alt="VERBÖTEN" />
</a>
</h1>
<h2 id="site-description"><span>Revista independiente de arte, política y literatura | Marzo - Número 17</span></h2>
</div>
<!-- #branding -->
<div...
CSS
img.nothumb {
border:0;
margin:0 0 0 2px !important;
}
span.dropcap {
display: inline;
float: left;
margin: 0;
padding: .26em .08em 0 0;
#padding: 0.26em 0.08em 0.2em 0.00em;
/* override for Microsoft Internet Explorer browsers*/
_padding: 0.26em 0.08em 0.4em 0.00em;
/* override for IE browsers 6.0 and older */
font-size: 3.8em;
line-height: .4em;
text-transform: capitalize;
color: #111;
font-family: Didot, Georgia, Times New Romans, Trebuchet MS, Lucida Grande;
}
html {
font-size: 17px;
}
/* Font family. */
h1, h2, h3, h4, h5, h6, dl dt, blockquote, blockquote blockquote blockquote, #site-title, #menu-primary li a {
font-family:'Arial', serif;
}
/* Link color. */
a, a:visited, .page-template-front .hfeed-more .hentry .entry-title a:hover, .entry-title a, .entry-title a:visited {
color: #939998;
}
.read-more, .read-more:visited, .pagination a:hover, .comment-navigation a:hover, #respond #submit, .button, a.button, #subscribe #subbutton, .wpcf7-submit, #loginform .button-primary {
background-color: #939998;
}
a:hover, a:focus {
color: #000;
}
.read-more:hover, #respond #submit:hover, .button:hover, a.button:hover, #subscribe #subbutton:hover, .wpcf7-submit:hover, #loginform .button-primary:hover {
background-color: #111;
}
/* START Francisco */
.featured-post img {
max-height: 380px!important;
width: 100%!important;
}
/* END Francisco */
JavaScript
/* Photocrati */
var photocrati_ajax = {
"url": "http:\/\/www.verbo10.com\/photocrati_ajax",
"wp_site_url": "http:\/\/www.verbo10.com",
"wp_site_static_url": "http:\/\/www.verbo10.com"
};
var slider_settings = {
"timeout": "10000"
};
var FB_WP = FB_WP || {};
FB_WP.queue = {
_methods: [],
flushed: false,
add: function (fn) {
FB_WP.queue.flushed ? fn() : FB_WP.queue._methods.push(fn)
},
flush: function () {
for (var fn; fn = FB_WP.queue._methods.shift();) {
fn()
}
FB_WP.queue.flushed = true
}
};
window.fbAsyncInit = function () {
FB.init({
"xfbml": true,
"appId": "362900210461440"
});
if (FB_WP && FB_WP.queue && FB_WP.queue.flush) {
FB_WP.queue.flush()
}
}