JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

CSS

/* FarveLightning.css
--------------------------------*/

body{
  font-family: helvetica, arial, sans-serif;
  background:url(http://i.imgur.com/PLJB9.png) #D4EEF9 repeat-y center top;
}

/* Header Styles
-----------------------*/

div#header{
  width:940px;
  padding:0 20px;
  margin:0 auto;
  background:#fff;
  border-top:solid 40px #D4EEF9;
}
.sr-list{
  background:#fff;
  border-bottom:none;
}
#srLeftContainer, div.dropdown.srdrop, .flat-list.sr-bar:first-of-type, div.sr-list .separator {
  display: none !important;
}
ul.flat-list{
  display:block;
  width:845px;
}
ul.flat-list li{
  padding:0 5px;
  font-size:12px;
}
ul.flat-list li a{
  color:#808184;
}
ul.flat-list li:nth-child(1n+6){
  padding:0 5px;
  font-size:12px;
}
ul.flat-list li:nth-child(1n+6) a{
  color:#BBBDBF;
}
ul.flat-list li:nth-child(1n+11){
  display:none !important;
}
ul#sr-bar{
  display:none !important;
}
a#sr-more-link{
  display:none;
}
a#header-img{
  display:block;
  width:65px !important;
  height:22px !important;
  background:url(http://i.imgur.com/LGY3b.png) center center no-repeat !important;
}
.pagename a{
  font-size:12px; 
  font-variant:normal;
  text-transform:uppercase;
}

/* Posts Contain Styles
-----------------------*/

div.content{
  display:block;
  width:640px;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-490px;
  padding-left: 10px;
}
div.side{
  display: block;
  width: 300px;
  background: white;
  position: absolute;
  left: 50%;
  margin-left: 180px;
  padding-right: 10px;
}