template storage <3

[Orion]

Code:

<style>
body {
  font-family: Arial
}

* {
  box-sizing: border-box;
}

/* The browser window */
.borderbox {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* Container for columns and the top "toolbar" */
.rows {
  padding: 10px;
  background: #f1f1f1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
}

.left {
  width: 50%;
}

.right {
  width: 50%;
}

/* Clear floats after the columns */
.rows:after {
  content: "";
  display: table;
  clear: both;
}

/* Three dots */
.dot {
  margin-top: 4px;
  height: 12px;
  width: 12px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

/* Style the input field */
input[type=text] {
  width: 100%;
  border-radius: 3px;
  border: none;
  background-color: white;
  margin-top: -8px;
  height: 25px;
  color: #666;
  padding: 5px;
}

/* Three bars (hamburger menu) */
.bar {
  width: 17px;
  height: 3px;
  background-color: #aaa;
  margin: 3px 0;
  display: block;
}

/* Page content */
.content {
  padding: 10px;
}
</style>



<div class="borderbox">
  <div class="rows">
    <div class="column left">
      <span class="dot" style="background:#ED594A;"></span>
      <span class="dot" style="background:#FDD800;"></span>
      <span class="dot" style="background:#5AC05A;"></span>
    </div>

    <div class="column right">
      <div style="float:right">
        <span class="bar"></span>
        <span class="bar"></span>
        <span class="bar"></span>
      </div>
    </div>
  </div>
</div>




<style>
table {
  background-color: #fff !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.windowbg, #preview_body, .windowbg2, .windowbg3 {
    color: #1f1f1f;
    background: #fff;
    margin-bottom: -20px;
}

body {
    background: url(https://wallpaperaccess.com/full/543756.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
    background: #535b41;
    padding-right: 9px;
    text-align: center;
}

#profile_left {
display: none;
padding-right: 0px !important;
padding-left: 0px !important;
}

#profile_right: {
margin-left:0px;
padding-right: 0px !important;
padding-left: 0px !important;
}

#profile_left {
display: none;
padding-right: 0px !important;
padding-left: 0px !important;
}

#profile_right: {
margin-left:0px;
padding-right: 0px !important;
padding-left: 0px !important;
}

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
    background: #e5e5e5;
    text-align: center;
    color: #1f1f1f;
    border: 2px #cccccc solid;
}

.poster h4, .poster h4 a {
    background: #f1f1f1;
}

.poster ul li {
    background: #f1f1f1;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #1f1f1f;
    display: none;
}

a:link, a:visited {
    color: #1f1f1f;
    text-decoration: underline;
}

header {
    display: none;
}

footer, footer a {
    display: none;
}

input, button, select, textarea {
    color: #1f1f1f;
    background: #e5e5e5;
}

.navbar-default .navbar-nav .active a {
background: none;
color: #1f1f1f;
text-shadow: none;
box-shadow: none;
}

.navbar-default {
background: #f1f1f1;
color: none;
box-shadow: none;
}

.navbar-default .navbar-nav li a {
color: #1f1f1f;
text-shadow: none;
text-decoration: none;
}

.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open a:hover, .navbar-default .navbar-nav  .open a:focus, .navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {
Background: none;
Color: #1f1f1f;
box-shadow: none;
}

.navigate_section, .breadcrumb {
    background: none;
    color: none;
    display: none;
}

.dropdown-menu {
    background: #f1f1f1;
    border: 2px solid #cccccc;
}


.dropmenu li li
{
    width: 19em;
    padding: 3px;
    margin: 0;
    background: #f1f1f1;
}

.dropmenu li li a
{
    color: #1f1f1f;
    padding: 4px 2px;
}

.dropmenu li a.active
{
    color: #1f1f1f;
    background: none;

}

.dropmenu li a.firstlevel {
    margin-right: 0px;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
     color: #1f1f1f !important;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #1f1f1f;
    cursor: pointer;
    text-decoration: none;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover a
{
    background: #f1f1f1;
    text-decoration: none;
        opacity: .87;
}

.dropmenu li a.firstlevel span.firstlevel {
    background: #f1f1f1;
    border: 0px #e5e5e5 solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    color: #1f1f1f;
    margin-top: 8px;
    font-weight: bold;
}

.breadcrumb li a {
    display: none;
}

header ul.reset li, header ul.reset li a {
    display: none;
}

.img-thumbnail {
    background-color: #e5e5e5;
    border: 2px solid #cccccc;
    display: none;
}

a img {
    width: 0%;
}

img.avatar {
border-radius: 100px;
}

h3.catbg {
margin-bottom: 0px;
min-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #535b41;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: right;
}

.inner {
    padding: 1em 0;
    margin: 0;
    border-top: 1px solid #535b41;
    text-align: center;
}

hr, .hrcolor {
    height: 1px;
    border: 0;
    color: #1f1f1f;
    background-color: #f1f1f1;
}

.pagesection {
    display: none;
}

div.windowbg2 {
    display: none;
}

.signature, .custom_fields_above_signature {
    display: none;
}

#up_other_info {
display: none;
}

#admin_menu {
display: none;
}

.windowbg span.topslice span, .windowbg span.botslice span, .windowbg span.topslice,.windowbg span.botslice, .windowbg2 span.botslice span, .windowbg2 span.botslice, .windowbg2 span.topslice, .windowbg2 span.topslice span {
    display: none;
}

#admin_content {
margin-top: 20px;
margin-bottom: 20px;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand {
    color: #1f1f1f;
    text-shadow: none;
}
</style>