JSFiddle - React, Tailwind, and code Playground
by Stas Orekhovskiy
CSS
/******* Paste your Custom CSS in this Editor *******/
body{
background: #f1f1f1;
}
.amp-wp-header {
background-color: #fff;
margin-bottom: 60px;
}
.amp-wp-article-header{
margin: 10px;
}
.ampforwp-custom-index .amp-wp-content {
margin-bottom: 20px;
}
.amp-wp-content {
margin-bottom: 12px;
background: #fefefe;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.05);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05);
box-shadow: 0 2px 3px rgba(0,0,0,.05);
padding: 15px;
}
.amp-wp-header .ampforwp-logo-area{
margin-bottom: 30px;
text-align: center;
}
.amp-wp-header a, .headerlogo a, [class*=icono-]{
color:#0a89c0;
font-weight: bold;
}
.amp-wp-header .nav_container {
float: none;
bottom: -40px;
top: auto;
line-height: 40px;
left:0;
height: 40px;
width: 100%;
position: absolute;
background-color: #0a89c0;
}
.amp-wp-header .amp-wp-site-icon{
display: none;
}
.toggle-text{
display: block;
position: static;
text-align: center;
height: auto;
width: auto;
}
.toggle-text span {
display: inline-block;
vertical-align: middle;
position: static;
height: 5px;
width: 5px;
background: #fff;
border-radius: 50%;
opacity: 1;
left: 0;
}
.pagination-holder{
padding: 0;
background: transparent;
box-shadow: none;
}
#pagination .next a, #pagination .prev a {
margin-bottom: 12px;
background: #fefefe;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.05);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05);
box-shadow: 0 2px 3px rgba(0,0,0,.05);
padding: 11px 15px;
font-size: 12px;
color: #666;
}
.amp-wp-footer{
border-top: 1px solid #fff;
padding-bottom: 0;
background: #fff;
text-align: center;
}
.amp-wp-footer h2,.wp-caption{
display:...