View difference between Paste ID: F6atSMBG and i5viKbVb

 /* simple custom CSS + bookmark bar on top for subeta. */
 /* by ire */
 
 /* RESET ------------------------------------------------------------------ */
 #postcards, #header, #rightbg, .sidebar-widget-sep, .menu-btn-left, .menu-btn-right {display: none!important;}
 
 
 
 /* SITELY ----------------------------------------------------------------- */
 /* page-related */
 #page {
 background-color: #fff;
 min-width: 800px;
 max-width: 100%; /* <--------------------------------------- change this to change the page size. set either % or px. */
 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
 }
 
 html, body {background: #f6f6f6;}
 
 /* text & links*/
 body {
 margin-left: 50px;
 font-family: trebuchet ms;
 letter-spacing: 0.3px;
 color: #383838;
 }
 a, a:link, a:active, a:visited {font-family: verdana;}
 
 /* text & links - menu nav and sidebar */
 .sidebar-widget a, .menu-btn ul li a {
 opacity: 0.75;
 line-height: 11px;
 letter-spacing: -0.7px;
 }
 .sidebar-widget a:hover, .menu-btn ul li a:hover {
 opacity: 1;
 font-style: italic;
 text-decoration: none;
 letter-spacing: -0.4px!important;
 }
 
 /* content positioning */
 #content {margin-left: 210px;}
 
 
 
 /* BOOKMARKS -------------------------------------------------------------- */
 /* bookmarks - positioning */
 #bookmarks {
 top: 0!important;
 left: 0!important;
 height: 0!important;
 width: 100%!important;
 position: fixed; /* <--------- change to "absolute" if you don't want the bookmarks/time to follow down as you scroll */
 margin-left: 260px;
 z-index: 9!important;
 }
 .bookmark {
 border: none!important;
 border-top-right-radius: 0px!important;
 border-bottom-right-radius: 7px!important;
 padding: 0px 6px!important;
 margin-bottom: 0px!important;
 opacity: 0.85;
 }
 
 /* bookmarks - transition anim and hover */
 .bookmark, .bookmark:hover {
 transition-property: all;
 transition-duration: .5s;
 transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
 }
 #bookmarks .first {
 margin-top: 0px;
 padding: 1px 11px!important;
 border-top: 3px solid rgba(0, 0, 0, 0.06)!important;
 max-height: 33px;
 }
 .bookmark:hover {
 margin-top: 7px!important;
 border-top: 2px solid gray!important;
 opacity: 1;
 }
 
 .bookmark p a cufon.cufon.cufon-canvas {height: 13px; overflow: hidden;}
 .bookmark p a cufon.cufon.cufon-canvas:hover {height: auto;}
 
 
 
 /* MENU ------------------------------------------------------------------- */
 /* menu bar*/
 #menu, #menu-right {
 background-image: none;
 background-color: #383838;
 margin-top: 0px;
 }
 #menu {
 border-bottom: 15px solid #fff;
 border-top: 3px solid #37939D!important;
 }
 #menu-time {
 margin-left: 545px;
 border-radius: 7px 0px 7px 0px;
 font-size: 13px;
 width: 100px;
 text-transform: lowercase;
 z-index: 15!important;
 position: fixed;
 background-color: rgba(0,0,0,0.67); color: #efefef;
 top: 0;
 padding: 3px;
 border: 1px solid rgba(77, 77, 77, 0.15)
 }
 
 /* menu bar - logo */
 #menu-logo {
 width: 185px;
 }
 #menu-logo, #menu-left {
 background-image: none;
 background-color: #37939D!important;
 top: 0px;
 height: 35px;
 }
 #menu-left {width: 15px!important;}
 .menu-logo-txt {display: initial!important;}
 
 /* menu bar - nav */
 #menu-ul.menu-bar > *.menu-btn {background-image: none;}
 .menu-tab canvas {margin-top: 2px;}
 
 /* menu bar - nav - dropdowns */
 .menu-btn ul {
 border: none;
 box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
 border-radius: 0px 0px 7px 0px;
 }
 .menu-btn ul li {
 padding: 4px 0px;
 border: none;
 }
 .menu-btn ul li a:hover {text-shadow: 1px 2px 2px rgba(100, 100, 176, 0.52);}
 .ui.active.top.sidebar, .ui.active.bottom.sidebar {z-index: 99!important;}
 
 
 
 /* SIDEBAR ---------------------------------------------------------------- */
 /* sidebar - dash & events */
 #sidebar-btn-dash, #sidebar-btn-events {
 width: 75px;
 position: relative;
 margin: 0px;
 }
 #sidebar-btn-dash, #sidebar-btn-events {background: none;}
 #sidebar-btn-dash.sidebar-btn-active, #sidebar-btn-dash:hover, #sidebar-btn-events.sidebar-btn-active, #sidebar-btn-events:hover {
 text-shadow: 1px 2px 2px rgba(100, 100, 176, 0.52);
 font-style: italic;
 }
 #sidebar-btn-dash.sidebar-btn-active::before, #sidebar-btn-events.sidebar-btn-active::before {
 content: '\2023 ';
 position: absolute;
 margin-left: 20%;
 }
 
 /* sidebar - size & positioning */
 #sidebar-top {margin-bottom: 10px;}
 .sidebar-widget {width: 195px;margin-left: 0;}
 #sidebar-btn-dash::after {content: 'dash';}
 #sidebar-btn-events::after {content: 'events';}
 #sidebar-btn-events::after, #sidebar-btn-dash::after {
 margin-left: 28%;
 vertical-align: sub;
 }
 #sidebar, #sidebar-inner {
 width: 200px;
 padding: 0px;
 margin-bottom: -10px;
 background-image: none;
 }
 
 /* sidebar - event bubble */
 .events-bubble {box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);}
 
 
 
 /* SIDEBAR 2 -------------------------------------------------------------- */
 /* styling - inner & background */
 #sidebar-inner {
 color: #888;
 background: linear-gradient(to bottom, transparent, #fff), #F2F2F2;
 border-radius: 0px 10px 0px 0px;
 height: auto!important;
 padding-bottom: 25px;
-font-size: 11px!important;
+font-size: 13px!important;
 }
 
 /* styling - individual widgets */
 .sidebar-widget {
 margin-bottom: 20px;
 border: none;
 border-bottom: 2px solid #b2b2b2!important;
 }
 .sidebar-widget-contents {
 border: none!important;
 background-color: #fafafa;
 padding: 4px;
 line-height: 1.3em;
 }
 .sidebar-widget-contents .event-sep {
 width: 95%!important;
 opacity: 0.1;
 }
 
 /* styling - header and buttons */
 .sidebar-widget-header {
 border-radius: 0px 8px 0px 0px;
 opacity: 1;
 padding: 4px;
 }
 .sidebar-widget-header a.event-remove-cat {
 margin-left: 30px;top: 3px;
 }
 .sidebar-widget .sidebar-widget-arrow {
 top: 5px;
 right: 4px;
 border-radius: 6px;
 }
 
 
 
 /* PAGES ------------------------------------------------------------------ */
 /* site-related - colors */
 .wishlist {border: 1px solid #37939D;}
 .ui.blue.message, .ui.info.message {background-color: #f9f9f9;}
 
 
 
 /* FORUMS ----------------------------------------------------------------- */
 .ui.tertiary.inverted.segment {
 background-color: #383838!important;
 border-bottom: none;
 }
 .ui.label {
 background-color: #DBDBDB!important;
 color: #000!important;
 }
 .ui.segment.attached {
 box-shadow: none;
 border-bottom: 2px solid #37939D;
 }
 .ui.segment {
 box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1)!important;
 background-color: #fff!important;
 }
 
 
 
 /* TRADES ----------------------------------------------------------------- */
 table.ui {
 border: 1px solid #eee;
 border-radius: 15px 15px 0px 0px;
 border-bottom: 2px solid #37939D;
 }
 td.sp-sub {border: none;background: none;}
 
 
 
 /* floating items */
 .floating_item {top: 0px!important; left: 0px!important;}
 .floating_item img {border: 12px solid red;}