Adrian's tumblr theme

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-green.css">
<style>
.w3-theme-l5 {color:#000 !important; background-color:#e7ffeb !important}
.w3-theme-l4 {color:#000 !important; background-color:#afffbb !important}
.w3-theme-l3 {color:#000 !important; background-color:#60ff78 !important}
.w3-theme-l2 {color:#fff !important; background-color:#10ff34 !important}
.w3-theme-l1 {color:#fff !important; background-color:#00c01d !important}
.w3-theme-d1 {color:#fff !important; background-color:#00650f !important}
.w3-theme-d2 {color:#fff !important; background-color:#005a0d !important}
.w3-theme-d3 {color:#fff !important; background-color:#004f0c !important}
.w3-theme-d4 {color:#fff !important; background-color:#00430a !important}
.w3-theme-d5 {color:#fff !important; background-color:#003808 !important}

.w3-theme-light {color:#000 !important; background-color:#e7ffeb !important}
.w3-theme-dark {color:#fff !important; background-color:#003808 !important}
.w3-theme-action {color:#fff !important; background-color:#003808 !important}

.w3-theme {color:#fff !important; background-color:#007011 !important}
.w3-text-theme {color:#007011 !important}
.w3-border-theme {border-color:#007011 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#007011 !important}
.w3-hover-text-theme {color:#007011 !important}
.w3-hover-border-theme:hover {border-color:#007011 !important}

body {
	background: url('http://img04.deviantart.net/61a3/i/2013/107/c/f/green_space_by_ecvcm-d620con.jpg');
    background-size: cover;
    background-repeat: no-repeat;
 }

h2 {
	color: white;
}

p {
	color: white;
}

</style>
<body>

<div class="w3-sidebar w3-bar-block w3-black w3-card-2" style="width:130px">
  <h3 class="w3-bar-item w3-margin-top"></h3>
  <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'One')">Placeholder 1</button>
  <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Two')">Placeholder 2</button>
  <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Three')">Placeholder 3</button>
  <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Four')">Placeholder 4</button>
  <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Five')">Placeholder 5</button>
  <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Six')">Placeholder 6</button>
</div>

<div style="margin-left:130px">

<div id="One" class="w3-container info w3-border w3-border-green w3-margin-left w3-margin-right w3-display-middle w3-center" style="display:none">
    <h2>Title Placeholder</h2>
    <p>Text Placeholder</p>
  </div>

  <div id="Two" class="w3-container info w3-border w3-border-green w3-margin-left w3-margin-right w3-display-middle w3-center" style="display:none">
    <h2>Title Placeholder</h2>
    <p>Text Placeholder</p>
  </div>

  <div id="Three" class="w3-container info w3-border w3-border-green w3-margin-left w3-margin-right w3-display-middle w3-center" style="display:none">
    <h2>Title Placeholder</h2>
    <p>Text Placeholder</p>
  </div>

  <div id="Four" class="w3-container info w3-border w3-border-green w3-margin-left w3-margin-right w3-display-middle w3-center" style="display:none">
    <h2>Title Placeholder</h2>
    <p>Text Placeholder</p>
  </div>

  <div id="Five" class="w3-container info w3-border w3-border-green w3-margin-left w3-margin-right w3-display-middle w3-center" style="display:none">
    <h2>Title Placeholder</h2>
    <p>Text Placeholder</p>
  </div>

  <div id="Six" class="w3-container info w3-border w3-border-green w3-margin-left w3-margin-right w3-display-middle w3-center" style="display:none">
    <h2>Title Placeholder</h2>
    <p>Text Placeholder</p>
  </div>

</div>

<script>
function openLink(evt, animName) {
  var i, x, tablinks;
  x = document.getElementsByClassName("info");
  for (i = 0; i < x.length; i++) {
     x[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < x.length; i++) {
     tablinks[i].className = tablinks[i].className.replace(" w3-theme-l2", "");
  }
  document.getElementById(animName).style.display = "block";
  evt.currentTarget.className += " w3-theme-l2";
}
</script>

</body>
</html>