dashboard theme

/*

dashboard theme by shythemes @ tumblr
do not redistribute, use as a base, or claim as your own

*/
:root {
    --rgb-white: 255, 255, 255;
    --rgb-white-on-dark: 255, 255, 255;
    --rgb-black: 0, 0, 0;

    --navy: #f1f1f1;/*#001935;/**/
    --red: #FF7E71;/*#ff492f;/**/
    --orange: #FFBF46;/*#ff8a00;/**/
    --yellow: #e8d738;
    --green: #59CF77;/*#00cf35;/**/
    --blue: #74D8FF;/*#00b8ff;/**/
    --purple: #AB97FF;/* #7c5cff;/**/
    --pink: #FF93DD;/*#ff62ce;/**/

    --accent: #77b19b;/*#00b8ff;/**/
    --secondary-accent: #e5e7ea;
    --follow: #f3f8fb;

    --white: rgb(var(--rgb-white));
    --white-on-dark: rgb(var(--rgb-white-on-dark));
    --black: rgba(var(--rgb-black), 0.65);/*rgb(var(--rgb-black));/**/

    --transparent-white-65: rgba(var(--rgb-white-on-dark), 0.65);
    --transparent-white-40: rgba(var(--rgb-white-on-dark), 0.4);
    --transparent-white-25: rgba(var(--rgb-white-on-dark), 0.25);
    --transparent-white-13: rgba(var(--rgb-white-on-dark), 0.13);
    --transparent-white-7: rgba(var(--rgb-white-on-dark), 0.07);

    --gray-90: rgba(var(--rgb-black), 0.90);
    --gray-65: rgba(var(--rgb-black), 0.65);
    --gray-40: rgba(var(--rgb-black), 0.4);
    --gray-25: rgba(var(--rgb-black), 0.25);
    --gray-13: rgba(var(--rgb-black), 0.13);
    --gray-7: rgba(var(--rgb-black), 0.07);

    --font-family:
    "Favorit",
    "Helvetica Neue",
    "HelveticaNeue",
    Helvetica,
    Arial,
    sans-serif
  ;
    --kelly-font-family:'Trebuchet MS';
    --kelly-font-size: 10px;
    --kelly-font-weight:normal;
    --kelly-letter-spacing:1px;
    --kelly-text-transform:uppercase; /**/
}

/* set header background color /**/
._3r0gp {background:var(--gray-90);}

/* set sidebar text colors & font styles /**/
._2biQz {color:var(--gray-90);}
._1lz5M {color:var(--gray-65);}
.gAJ39, ._3bMU2 {color:var(--gray-40);}
._1lz5M, .gAJ39, .SVPap, ._3Rm3n, ._3zfNN {
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}

/* usernames /**/
.L5OmD, ._1vRpg, ._2eajK, ._2zTTs {
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}
._36wTL svg {max-height:10px;}

/* recommended blogs /**/
._3PuD6 {
    border-top: 1px solid var(--gray-13);
}

/* remove space after tag div /**/
.pOoZl {margin-bottom:0;}

/* set tag color & font-style /**/
.pOoZl ._2Sl33, .pOoZl ._nUEo, .pOoZl .L0N4W, ._2D-AO,
.pOoZl .L0N4W:focus,
.pOoZl .L0N4W:focus:nth-child(7n+1),
.pOoZl .L0N4W:focus:nth-child(7n+2),
.pOoZl .L0N4W:focus:nth-child(7n+3),
.pOoZl .L0N4W:focus:nth-child(7n+4),
.pOoZl .L0N4W:focus:nth-child(7n+5),
.pOoZl .L0N4W:focus:nth-child(7n+6),
.pOoZl .L0N4W:focus:nth-child(7n+7) {
    color:var(--gray-40);
    background-color:transparent;
    padding:0;
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:8px;
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}
/* set post source color & font style /**/
._2_vyB, .hjr__, ._2_vyB a, .hjr__ a {
    color:var(--gray-40);
	/* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}

/* set notes link color /**/
._2dGhQ {color:var(--gray-40);}

/* set notes link font style  /**/
._3t3fM {
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}

/* post buttons /**/
._33VXm svg {
    max-height:15px;
    fill:var(--gray-40);
}

/* like button /**/
._2opDm>svg {
    fill:var(--red);
}

/* post body font style /**/
._2m1qj, ._2m1qj._1pexr {
    font-size:14px
}

/* post focus effect /**/
._1DxdS:focus>.hyZhC {box-shadow:none;}/*0 0 10px 1px var(--accent)/**/

/* new post number /**/
._3LtFh {border:1px solid var(--gray-90);}

/* image links /**/
._2XS4a ._2r26Q ._3eXHz {
    color:var(--gray-40);
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}
._2XS4a ._2r26Q:hover {
    background-color:var(--gray-7);
}
._2XS4a ._2r26Q:hover ._3eXHz {
    color:var(--gray-65);
}

/* sponsored posts /**/
._1DxdS {display:none;}
._1DxdS._2jOH- {display:block;}

/* new post icons /**/
._1gkvT {font-size:14px; color:var(--gray-40);}

/* scroll to top buttom /**/
._1gwoK svg {fill:var(--accent);}

/* tag pages /**/
._3zHtJ ._3m3V6, ._1QT9y ._2RAu8, ._3m4dQ ._1EwpT ._1p8YQ {
	color:var(--gray-65);
    font-weight:normal;
}
._1QT9y svg {
    fill:var(--accent);
}

/* blog pages /**/
._27qMJ ._3uGZX, ._27qMJ ._6npwC .YDOFk, ._27qMJ {
    color:var(--gray-40);
}
._27qMJ ._3uGZX, ._27qMJ ._6npwC .YDOFk, ._27qMJ {
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}
._27qMJ ._6npwC, ._2biQz {
    color:var(--gray-90);
    font-family:var(--font-family);
    font-size:18px;
    text-transform:none;
    font-weight:normal;
    letter-spacing:1px;
}
._27qMJ li, ._27qMJ li:hover,
._27qMJ .-zcUA, ._27qMJ .-zcUA:hover {
    border-top:1px solid var(--gray-13);
}
._27qMJ li:first-child, ._27qMJ li:first-child:hover {
    border-top:none;
}
._27qMJ li a {
    min-height:29px;
}
._27qMJ li a:hover, ._27qMJ li a:hover ._3uGZX {
    color:var(--gray-90);
}



/* search bar /**/
._244Gj {
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:var(--kelly-font-size);
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}
.-as-- ._26ExL ._2FxMi .aI5Fi .gAJ39 {
    color:var(--gray-40);
}

/* search results /**/
.f9S7I ._3wYuF {
    color:var(--gray-90);
    font-family:var(--font-family);
    font-size:30px;
    text-transform:none;
    font-weight:normal;
    letter-spacing:1px;
}
.f9S7I .SsTCF {
	color:var(--gray-40);
    /* font style /**/
    font-family:var(--kelly-font-family);
    font-size:12px;/*var(--kelly-font-size); /**/
    font-weight:var(--kelly-font-weight);
    letter-spacing:var(--kelly-letter-spacing);
    text-transform:var(--kelly-text-transform); /**/
}

/* likes /**/
._3J_mv {
	color:var(--gray-90);
}
._1VBbd svg {
    fill:var(--accent);
}

/* account menu /**/
._2U-M4 ._1dLVj .XcYVy {
    font-size:14px
}

/*********************************************************************/
/*

code pre-2020 update

*/
.layout_standard,
#left_column,
#right_column,
.l-content {
    font-size:13px;
    color:#666;
    background-color:#F7F7F7!important;
}
.post-composer_note-post .note_item,
.post_full.is_note .post-body .note_item,
.post_full.is_note .post_body .note_item {
    background-color:#f8f8f8;
    border-color:#f3f3f3;
}
.post_full.is_note .nipple,
.post_full.is_note .nipple::after,
.post-composer_note-post .nipple,
.post-composer_note-post .nipple::after {
    border-left-color:#f8f8f8;
}
.post .post-content,
.post .post_content,
.post .reblog-list,
.post .post_body,
.post.post_full,
.post-typography-update .post .post-content,
.post-typography-update .post .post_body,
.post_full.is_conversation .conversation_lines {
    font-size:13px;
    color:#666;
}
.l-header-container--refresh,
.post-forms-glass {
    background:var(--gray-90)!important;
}
.rapid-recs-container .rapid-recs {
    background:transparent!important;
}
.post-typography-update .post .post_body blockquote {
    border-width:1px!important;
}
.post-typography-update .post .post_body a {
    background:transparent!important;
    border-bottom:1px solid #DEE1FF;
    color:inherit;
}
.post_body * {
    line-height:1.7em
}
.notification_sentence blockquote {
color:#666;
}
.notification,
.notification *,
.toastr .toast,
#toaster .toast.toast_image_text_image .toast_inner .txt a,
#toaster .toast.toast_image_text_image .toast_inner .txt,
#toaster .toast.toast_image_text_icon .toast_inner .txt,
.notification .notification_sentence .username,
.notification .notification_sentence .banner_text,
.notification .notification_sentence a,
#posts .post_notes .notes_outer_container.popover .note blockquote,
#posts .notes .note blockquote,
.notes .note blockquote,
.post_full .post_header,
.post .post-source-footer,
.post .post_tags,
.post .post_tags a,
.post .post_tags .post_tag,
.post_full .post_notes_label,
.post-composer_note-post .asker,
.post-composer_note-post .answerer,
.post_full.is_note .asker,
.post_full.is_note .answerer,
.post_full .post_action_item.sponsored .sponsored_label,
.post .explore-trending-badge-footer,
.post.new_post .new_post_label,
.post_notes .notes_outer_container.popover .note,
.post_notes .notes_outer_container.popover .note.last_note,
.header-redesign .ui_search .search_query,
.search_popover .explore_topics_link,
.post .chrome,
.post .vendor_button .button-area,
.blog_activity,
.popover_header,
.search_popover .search_subheading,
.popover.search_popover .popover_menu_item small,
.popover_menu_item,
.popover_menu>.popover_inner .popover_item_suffix a,
.popover--account-popover .popover .popover_menu_item .popover_item_suffix,
.indash_header_wrapper .navigation h4,
.flag--peepr-redux .peepr-body .indash_blog .post_header,
.flag--peepr-redux .peepr-body .indash_blog .post_notes_label,
.blog-activity .ui_notes .blog-activity-date .date_header,
.blog-activity .blog-activity-more,
.blog-list-item .blog-list-item-info .blog-list-item-info-title,
.blog-list-item .blog-list-item-info,
.identity .controls_section li .control-item,
.identity .controls_section a .count,
.ui_search .search_query,
.ui_notes .ui_note,
.ui_notes .ui_note .part_main .summary,
.ui_notes .ui_note .part_response blockquote,
.identity .controls_section li.account_header,
.identity .controls_section li.editors_header,
.identity .controls_section li.contributors_header,
.identity .controls_section li.section_header,
.identity .controls_section,
.identity .controls_section a,
.identity .controls_section .control-anchor,
.identity .controls_section .currently_selected_blog,
.identity .controls_section .open_blog .open_blog_link,
.identity .blog_menu .selected_blog #open_blog_link,
.identity .controls_section.user_list li .follow_list_item_blog .tumblelog_title,
.identity .controls_section.user_list li .follow_list_item_blog .tumblelog_name,
.identity .controls_section a .count,
.post_brick .post_header .post_info_tumblelog,
.post_controls .post_control.show_label,
.post_full .post_control_menu .popover_menu_item .post_control,
.radar_controls .note_count>a,
.radar .radar_tumblelog_label .name,
.radar .radar_tumblelog_label .subheading,
#toaster .toast .toast_inner *,
.identity .right_column .small_links a,
.identity .right_column .small_links a:hover,
.sidebar_link,
.small_links a,
.hide_overflow,
.see-all-tags {
    font-family:'trebuchet ms';
    font-size:9px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#909090;
}
.hide_overflow {
    color:#909090!important;
}
.see-all-tags {
	width:auto;
}
.post .chrome,
.post .vendor_button .button-area,
.indash_header_wrapper .navigation h3 {
    color:#fff;
}
.tag_controls .track_tag_wrapper a,
.identity .controls_section.related_tags .tag,
.tag_controls .tag {
    color:inherit;
}
.post_full.is_quote .post_title.small, .post_full.is_quote .post_title.small big, .post_full.is_quote .post_title.small small, .post-composer .small .plaintext-editor {
    font-size:14px;
}
.post-typography-update .post.is_conversation .post_content .post_title,
.post-typography-update .post.is_regular .post_content .post_title,
.post-typography-update .post .post-content .title-field *,
.post-typography-update .post .post-content h1,
.post-typography-update .post .post-content h2,
.post-typography-update .post .post_body h1,
.post-typography-update .post .post_body h2 {
    font-size:22px;
    line-height:initial;
    font-family:inherit;
    font-weight:normal;
}
.post-typography-update .post .post-content pre, .post-typography-update .post .post_body pre {
    white-space:normal;
    overflow:auto;
    background-color:#f5f5f5;
}
.post_avatar,
.identity .controls_section.user_list li .follow_list_item_blog,
.identity .controls_section.user_list li .follow_list_item_blog:before,
.radar .radar_footer .radar_avatar:before,
.identity .right_column:after,
.right_column li:hover,
.post .post_tags.draggable .post_tags_inner {
    background:transparent!important;
}
.post_avatar .post_avatar_link {
    background-color:transparent;
}
.follow_list_item_blog:before {
    border-right:0!important;
}
.identity .controls_section .controls_section_item {
    border-color:#dadada;
}
.post_full .post_permalink {
    border-color:#F7F7F7 #F7F7F7 transparent transparent;
}
.identity .controls_section a canvas,
.elevator-wrapper.visible .elevator {
    opacity:.3;
    -webkit-filter:invert(100%);
    filter:invert(100%);
}
#user_tools .tab .tab_notice,
#user_tools .tab .tab-notice--outlined {
    color:rgba(25, 25, 25, 0.9)!important;
    background-color:#FFC2E0;
    border-color:rgba(25, 25, 25, 1);
}

#user_tools .tab .tab_notice_value {
    color:inherit;
}
.toastr .toast,
#toaster .toast .toast_border,
.notification,
.notification:hover,
.notification.control_hover:active {
    border-radius:4px;
    background-color:#ffffff;
}
.toast_inner {
    margin-bottom:-1px;
}
.post_full, .notification {
    box-shadow:-1px 1px 0 rgba(25,25,25,.05);
}
.post_full .post_info .reblog_icon {
    opacity:.25;
    -webkit-backface-visibility:hidden;
    -webkit-transform:scale(.8,.8);
    transform:scale(.8,.8);
}
.post_controls .post_control:before,
.post_controls .post_control:after {
    opacity:.75;
    -webkit-backface-visibility:hidden;
    -webkit-transform:scale(.8,.8);
    transform:scale(.8,.8);
    margin-right:-8px;
}
.post_controls .post_control:after {
    opacity:.25;
}
.post.new_post .new_post_label {
    line-height:20px
}
.radar .radar_controls {
    display:none
}
.reblog_follow_button {
    top:6px;
    opacity:.6;
    letter-spacing:0;
}
.identity .right_column .follow, .plus-follow-button {
    font-size:24px;
    letter-spacing:0!important;
    background-color:#dadada;
    color:#f8f8f8!important;
}
.identity .controls_section .item:hover .follow:hover, .plus-follow-button:hover {
    background-color:#DEE1FF!important;
}
.is_recommended .post_action_item .post_header_button.follow {
  top: -8px;
}
.compose-button { fill:var(--accent);}
}