JSFiddle - React, Tailwind, and code Playground

by Fansublogger

HTML

<div class="jadwal">
<h1>Jadwal Rilis</h1>
<div class="schlist">
<h2>Senin</h2>
<ul>
<li>Grisaia no Kajitsu</li>
<li>Akame ga Kill!</li>
<li>Ookami Shoujo to Kuro Ouji</li>
<li>Nanatsu no Taizai</li>
</ul>
</div>
<div class="schlist">
<h2>Selasa</h2>
<ul>
<li>Inou-Battle wa Nichijou-kei no Naka de</li>
<li>Gugure! Kokkuri-san</li>
<li>Selector Spread WIXOSS</li>
</ul>
</div>
<div class="schlist">
<h2>Rabu</h2>
<ul>
<li>Trinity Seven</li>
<li>Mushishi Zoku Shou 2</li>
</ul>
</div>
<div class="schlist">
<h2>Kamis</h2>
<ul>
<li>Sora no Method</li>
<li>Kiseijuu: Sei no Kakuritsu</li>
<li>Naruto Shippuden</li>
</ul>
</div>
<div class="schlist">
<h2>Jumat</h2>
<ul>
<li>Danna ga Nani wo Itteiru ka Wakaranai Ken</li>
<li>Daitoshokan no Hitsujikai</li>
<li>Shigatsu wa Kimi no Uso</li>
<li>Amagi Brilliant Park</li>
<li>Denki-gai no Honya-san</li>
<li>Gundam Build Fighters Try</li>
</ul>
</div>
<div class="schlist">
<h2>Sabtu</h2>
<ul>
<li>Avatar: The Legend of Korra Book 4</li>
<li>Fairy Tail (2014)</li>
<li>Terra Formars</li>
<li>Psycho-Pass 2</li>
</ul>
</div>
<div class="schlist">
<h2>Minggu</h2>
<ul>
<li>Log Horizon 2</li>
<li>Sword Art Online II</li>
<li>World Trigger</li>
<li>Madan no Ou to Vanadis</li>
<li>Diamond no Ace</li>
<li>Hitsugi no Chaika: Avenging Battle</li>
<li>Fate/stay night: Unlimited Blade Works</li>
<li>Magic Kaito 1412</li>
</ul>
</div>
<div class="schlist">
<h2>Random</h2>
<ul>
<li>Pokemon XY</li>
<li>Hanamonogatari</li>
<li>Jinsei</li>
<li>Ai Tenchi Muyo!</li>
<li>Dragon Ball Kai (2014)</li>
<li>Keroro Gunsou</li>
<li>Ushinawareta Mirai wo Motomete</li>
</ul>
</div>
</div>

CSS

/* CSS Jadwal Rilis Wardhanime by Fansubloggertemplate.blogspot.com */

.jadwal {
    overflow: hidden;
}
.jadwal h1 {
    font-size: 16px;
    border-bottom: 4px solid #DDD;
    padding-bottom: 5px;
    text-align: center;
    color: #555;
    text-transform: uppercase;
}
.schlist {
    float: left;
    width: 127px;
    margin: 5px 1px;
}
.schlist h2 {
    border: 1px solid #6E9E1A;
    text-align: center;
    font-size: 13px;
    background: none repeat scroll 0% 0% #86BA2C;
    color: #FFF;
}
.schlist ul {
    margin: 1px 0px;
    padding: 0px;
    list-style: none outside none;
    border: 1px solid #DDD;
}
.schlist ul li {
    padding: 4px;
    border: 1px solid #DDD;
    margin: 1px;
}
.schlist ul li:nth-child(2n+1) {
    background: none repeat scroll 0% 0% #F7FFEA;
}