simple customcss + bookmark bar

/* 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: 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;}