plurk layout - dark water (big userpic)

/*Here is a list of every single color used in this layout, if you'd like to find and replace any to better match a custom background image:

dark: #04314E, #060F2B, #000814, #000, #111, #001128, #000621, #eee
medium: #185876, #11D1BE
light: #76a1b5, #2688b5, #6cF, #669AB3

*/

/*DO NOT DELETE you can tweak the timeline height though*/

/*TIMELINE FEATURES*/

#timeline_holder {
    background: transparent;
    height: 50vh !important;
}

#dynamic_logo #creature {
    height: 0px;
    width: 0px;
}

/*PLURK FEATURES*/

.muted {
    filter:alpha(opacity=10);
    opacity:0.1;
    zoom:1;
}
.muted:hover {
    filter:alpha(opacity=100);
    opacity:1;
    zoom:1;
}

/*okay this stuff you can mess with*/

/*BACKGROUND FEATURES*/

body, html {
    background: url('https://i.imgur.com/1Ymyj1L.jpg') no-repeat fixed 0% 0% #04314E;
    font-family: 'Gill Sans','Futura','Verdana',sans-serif;
    background-position:center top;
    background-size: cover;
}

#footer {
    color: #76a1b5;
}

#footer a {
    color: #2688b5;
}

/*TIMELINE FEATURES*/

.browse_button .cmp_arrow_right, .browse_button .cmp_arrow_left, .cmp_back_to_today::before {
    color: #185876;
    opacity: .5;
}

.browse_button .cmp_back_to_today {
    background: #185876;
    opacity: .5;
    color: #76a1b5;
}

#filter_tab a {
    background: #060F2B;
    color: #76a1b5;
}

.unread #alert_beacon, .unread_generic {
    background: #6cF;
    color: #060F2B !important;
}

#updater .item a:hover, #filter_tab a.filter_selected {
    background: #060F2B;
    color: #185876;
}

#updater .item a {
    background: #76a1b5;
    color: #060F2B;
}

.bottom_start, .bottom_end, .day_start .bottom_start, #bottom_line {
    background: #060F2B;
    opacity: 0.9;
    color: #185876;
}

/*PLURK FEATURES*/

._lc_ .plurk_cnt {
    border-right: 0px !important;
    border-bottom: 0px !important;
    background: #001128 !important;
    opacity: .95 !important;
    border-radius: 9px 9px 9px 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px;
}

.name {
    color: #2688b5 !important;
}

div .text_holder {
    color: #669AB3;
}

.plurk a.ex_link, .permaplurk #permanent_body a.ex_link, #dashboard_holder a.ex_link {
    color: #2688b5;
    text-decoration: none;
}

body.w #vert_timeline .plurk_content a.hashtag, body.top #vert_timeline .plurk_content a.hashtag, body.timeline #timeline_holder .plurk .text_holder a.hashtag, body.timeline #form_holder .plurk .text_holder a.hashtag {
    color: #11D1BE !important;
}

.response_count {
    border-radius:6px;
    background: #060F2B;
    color: #669AB3 !important;
}
.new .response_count {
    background: #669AB3;
    color: #060F2B !important;
}

#form_holder {
    box-shadow: 1px 1px 3px -3px #000;
    background: #000814;
    opacity: .95;
    border-radius: 9px 9px 9px 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px;
}

.list .empty {
    color: #185876;
}
.response_box {
    background: #001128;
    opacity: .95;
    border-top: #000 1px solid;
    border-radius: 9px 9px 0px 0px; -khtml-border-radius: 9px; -webkit-border-radius: 9px;
}

.plurk_cnt.new1, .plurk_cnt.new2, .plurk_cnt.new3, .plurk_cnt.new4, .plurk_cnt.new5, .plurk_cnt.new6, .shade_1, .shade_2, .shade_3, .shade_4, .shade_5, .shade_6 {
    background: #001128;
    opacity: .85;
}

.plurk_box .mini_form {
    border-top: #111 1px solid;
    background-color: #001128;
}

.mini_form .char_updater {
    color: #669AB3 !important;
}

.info_box, .perma_link a, .report_link a {
    background-color: #000621;
    color: #669AB3;
}

/*DASHBOARD FEATURES*/

.dash-segment .segment-content {
    background: #060F2B;
    opacity: 0.9;
}

#plurk-dashboard {
    color: #185876;
}

#plurk-dashboard a {
    color: #2688b5;
}

#dash-profile {
position : relative;
}

#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic {
width: 195px!important;
height: 195px!important;
position : relative;
margin-left: 5px;
margin-top: 5px;
}

#plurk-dashboard .dash-segment-profile #dash-profile {
height: initial!important;
}

#plurk-dashboard .dash-segment-profile #dash-profile #full_name {
margin: auto;
padding-left: 5px;
}

#plurk-dashboard .dash-segment-profile #dash-profile .profile-info {
position : relative;
margin-left: auto;
margin-top: 2px;
padding-left: 5px;
padding-bottom: 5px
}

#plurk-dashboard .dash-group-left {
width: 225px;
float : none;
}

#plurk-dashboard .dash-group-form, #plurk-dashboard .dash-group-right {
/* Firefox */
width: -moz-calc(100% - 225px);
/* WebKit */
width: -webkit-calc(100% - 225px);
/* Opera */
width: -o-calc(100% - 225px);
/* Standard */
width: calc(100% - 225px);
}

#plurk-dashboard #dash-stats table td {
    color: #76a1b5;
}

.textarea_holder textarea {
    background: #76A1B5;
    opacity: .5;
    font-family: 'Gill Sans','Futura','Verdana',sans-serif;
}

.input_holder {
    border: #eee 1px solid;
    border-color: #000;
    border-radius: 8px;
    background: #060F2B;
}

.submit_img_color {
    background: #185876;
}

.karma_hover .karma_top {
    color: #76a1b5;
    text-shadow: #2688b5 0 0 8px;
}

.karma_hover .pif-arrow-down {
    color: #2688b5;
}

.dash-segment-award {
    display : none;
}