(via 2ndsong)
.share li a { cursor:pointer; } .post-page .asker-box { border-left: 5px solid #000000; border-top: 5px solid #000000; } .asker-box { background:#000000; padding:8px; color:#ffffff; } .asker { color:#ffffff; } article.post.pp .post-header { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position:absolute; top:27px; left:24px; visibility:hidden; opacity:0; color:#E7E7E7; z-index:3; font-size:16px; cursor:url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto; cursor:-webkit-image-set(url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto; -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } article.post.pp:hover .post-header { opacity:1; visibility:visible; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .post-header a { color:#fff; font-size:16px; display:block; cursor:url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto; cursor:-webkit-image-set(url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto; } #sidebar { color:#000000; background:#ffffff; font-size:16px; } #sidebar h3 { margin-bottom:20px; color:#000000; font-size:13px; } .search input { border: none; box-sizing: border-box; background:#000000; color: #ffffff; text-align:left; font-family: "Helvetica Neue", 'Gill Sans MT', Calibri, Helvetica Neue, sans-serif; -webkit-transition: .2s; transition: .2s; font-size: 13px; display: block; width: 100%; position: relative; padding: 8px 14px; } .search input[type="submit"] { background:#ffffff; color:#000000; text-transform:uppercase; padding:10px 0; text-align:center; cursor:pointer; } #sidebar a { color:#000000; } .widget h3 { color:#000000; text-transform:uppercase; } .widget { color:#000000; } #twitter a { color:#000000; } .social-links ul li a { color:#000000; } /* Modal */ @media (min-width: 768px) { .stash-content.big-height { top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: top .4s, left .4s, right .4s, transform .4s, width .4s; transition: top .4s, left .4s, right .4s, transform .4s, width .4s; } } .stash-back-btn { padding: 20px 0; font-size: 12px; color: #000000; font-weight: bold; text-transform: uppercase; text-align: center; cursor: pointer; display: none; } .stash-back-btn svg { fill: #000000; -webkit-transition: .2s all; transition: .2s all; } .stash-border-right { right: 0; } .stash-post-meta svg { fill: #000000!important; } @media (max-width: 550px) { .stash-post-meta svg { -webkit-transform: scale(1.3); transform: scale(1.3); } } .close-modal svg g path { fill:white; } svg .animated-circle { stroke:white}; } .stash-post-meta .close { opacity: 0; } .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * { color:white !important; } .stash-overlay { background:transparent; } @media (min-width: 740px) { body.permalink .tumblr_video_container, body.permalink .tumblr_video_container iframe { height: 450px !important; } } @media (max-width: 550px) { .close-modal { top:20px; left:10px; } #stash-container { background: #ffffff; } .close-modal svg g path { fill:#000000; } svg .animated-circle { stroke:#000000; } .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * { color:#000000 !important; } } .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { z-index: 1000000!important; } .post-navigation { display:none !important; } .post-navigation li, .post-navigation li, .post-navigation li span { background:#000000; } .post-navigation li a, .post-navigation li a, .post-navigation li span { color:#ffffff; } .post-navigation li:hover, .post-navigation li:hover, .post-navigation li:hover span, .ps-options:hover { background:#ffffff; } .post-navigation li:hover > a, .post-navigation li:hover > a, .post-navigation li:hover span, .ps-options:hover { color:#000000; } .post-navigation li:after, .ps-options:after { background:#ffffff; opacity:0.1; width:100%; height:1px; position:absolute; bottom:-1px; left:0; } #stash-preloader { position: fixed; top: 0; z-index: 1000000; width: 100%; height: 100%; background: #ffffff; } #stash-preloader .loading-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 50%; width: 32px; height: 32px; border: 0.25rem solid transparent; display: inline-block; margin: 0 8px; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.55, 0.15, 0.45, 0.85); } #stash-preloader .loading-icon, #ants-loader .loading-icon { border: 0.25rem solid transparent; border-top-color: #000000; } .meta-date, .meta time, .post-meta .meta { display:none !important; } body.index-page .post-photo .post-meta, body.index-page .post-photo .content, body.index-page .post-photoset .post-meta, body.index-page .post-photoset .content { display:none !important; } .overlay { font-weight:400; } .overlay-bg { background-color:#000000; } .post-caption::-webkit-scrollbar-thumb { background: #ffffff; } .overlay .post-footer li:hover, .overlay .post-footer li:hover .post-reblog a { /*color:#000000;*/ /*border-bottom:1px solid #000000;*/ opacity:0.8; } .overlay a, .overlay .post-like, .overlay .post-reblog a, .share-toggle, .post-caption, .post-caption h2 { color:#ffffff; } article.post:hover .overlay-bg { opacity:0.5; visibility:visible; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* Banner CSS */ #banner { background-color:#141414; } .banner-text a { color:#ffffff; } .banner-img { background:url(https://assets.tumblr.com/images/x.gif?v=1) center bottom no-repeat; background-size:cover; background-position:center center; background-repeat:no-repeat; height:100vh; width:100%; top:0; left:0; z-index:-1; } .mobile-banner-img { background:url(https://assets.tumblr.com/images/x.gif?v=1) center center no-repeat; background-size:cover; background-position:center center; background-repeat:no-repeat; height:100vh; width:100%; top:0; left:0; z-index:-2; } @media (min-width:740px) { .mobile-banner-img { display:none; } } @media (max-width:740px) { } .banner-center { max-width: 60%; } .banner-text { font:400 18px "Helvetica Neue", Helvetica Neue, Arial, sans-serif; transition:font 0.25s ease-out; color:#ffffff; } #banner.has-video, #banner.has-banner-image { display:block; } body.tagged-page #banner { display:none !important; } .arr-down, .mute-button, .play-button, .banner-video-option, .banner-video-options { color:#ffffff; } .banner-text p { margin-bottom:15px; } @media (max-width: 740px) { .post { opacity:1 !important; visibility:visible !important; } .stash-overlay { background: #ffffff; } .logo a { font:700 19px/30px "Helvetica Neue", Helvetica Neue, Arial, sans-serif; width:auto; color:#000000; } .logo-light-bg-image, .logo-dar-bg-image { display:none !important; } .sidebar-logo a { font:700 19px "Helvetica Neue", Helvetica Neue, Arial, sans-serif; } .banner-text { font:400 16px "Helvetica Neue", Helvetica Neue, Arial, sans-serif; max-width:100%; } .banner-center { max-width:94%; } #header { background:#ffffff; } .navigation, .header-social { display:none; } #header a, .logo a, .logo { color:#000000; } .close-mobile-modal svg g { fill:#000000; } .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * { color:#000000 !important; } } @media (min-width: 740px) { #header.over-banner a, #header.over-banner { color:#ffffff; } body.tagged-page #header a, body.tagged-page #header { color:#000000 !important; } #header.over-banner .sidebar-toggle span:after, #header.over-banner .sidebar-toggle span:before { background-color: #ffffff; } body.sidebar-open #header.over-banner .sidebar-toggle span:after, body.sidebar-open #header.over-banner .sidebar-toggle span:before { background-color: #000000; } body.sidebar-open .sidebar-toggle span:after, body.sidebar-open .sidebar-toggle span:before { background-color: #000000 !important; } body.sidebar-open #header .logo a { color:#000000; } .sidebar-toggle { display:none; } } .sidebar-toggle .fa-lg { font-size:20px; } .navigation, .header-social, .sidebar-toggle, .sidebar-navigation, .post-title { font-weight:700; } .navigation a, .header-social a { color:#000000; } .logo, .logo a { font:700 16px "Helvetica Neue", Helvetica Neue, Arial, sans-serif; color:#000000; font-weight:700; } .sidebar-logo, .sidebar-logo a { font:700 19px "Helvetica Neue", Helvetica Neue, Arial, sans-serif; } #sidebar .social-links a { color:#000000; } #sidebar .social-links a:hover { color:#000000; } @media (max-width: 740px) { .stash-overlay { background: #ffffff; } .logo a { font:700 16px/30px "Helvetica Neue", Helvetica Neue, Arial, sans-serif; width:auto; } body.sidebar-open .sidebar-toggle span, body.sidebar-open .sidebar-toggle span:before, body.sidebar-open .sidebar-toggle span:after { background:#000000; } #header { background:#ffffff; height:50px; line-height:50px; } .navigation, .header-social, .header-widget { display:none; } #header a, .logo a, .logo { color:#000000; } .sidebar-toggle { font-size:16px; color:#000000; } html.modal-open .sidebar-toggle { display:none; } .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after { background:#000000; } .close-mobile-modal svg g { fill:#000000; } } /* Customize Help */ .demo-note { position: fixed; bottom: 0; right:0; background: black; font-size: 14px; text-align: left; line-height: 1; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; z-index: 999999; width:100%; max-width:240px; opacity:0; visibility:hidden; transform:translateY(100%); transition:all 0.3s ease; opacity:0.5; } .demo-note:hover { opacity:1; } .demo-note.visible { opacity:1; visibility:visible; transform:translateY(0); } .demo-note nav { text-transform:normal; font-size:15px; } .demo-note nav ul { padding:0; margin:0; } .demo-note nav ul li { float:left; list-style:none; width:100%; } .demo-note nav ul li a { padding:14px; display:block; } .demo-note a { color:white; text-decoration:none; } .demo-note nav .im { font-size:11px; margin-left:3px; transition:all 0.2s; } .get-started-toggle { background:#111111; border-radius:6px; } .get-started-toggle a { color:white; } .demo-toggle.open .im { -webkit-transform:rotate(180deg); transform:rotate(180deg); } .remove-stash-credit { background:white url('https://static.tumblr.com/jzzkxgh/Ud7ppcbpu/remove-stash-credit.gif'); background-position:center center; } .remove-stash-credit a { color:black; } .remove-stash-credit a:hover { text-decoration:none; } .demo-overlay { color:white; height:0; -webkit-transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease ; transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease; opacity:0; visibility:hidden; } .demo-overlay.open { margin-top:10px; height:auto; -webkit-transition:all 0.8s ease; transition:all 0.8s ease; opacity:1; visibility:visible; padding: 10px; } .demo-overlay p { margin-bottom:10px; font-size:13px; line-height:1.3; } .demo-overlay p a { text-decoration:underline; } .demo-overlay img { margin-top: 6px; max-width:95%; } body.tagged-page .post { opacity:1; visibility:visible; } .stash-insta-wrap i { margin-right:3px; } .stash-insta-wrap { margin-bottom:5px; } #instafeed { display: flex; flex-direction: row; flex-wrap: wrap; } #instafeed a { flex: 50%; width:50%; } #instafeed div .insta-username { font-size:13px !important; font-weight:bold; } /** Social Icons Instead **/ .header-social { margin-bottom:30px; } .header-social ul li { margin: 0 8px 0 0; font-size: 18px; display:inline-block; } .copy-btn::before { margin: 0; content: "Copy Link"; font-size: 13px; } @media screen and (min-width:768px) { .logo img { max-height:100%; height:px; } } body.index-page #stash-ants article.post-photo p, body.index-page #stash-ants article.post-photoset p { display:none; } body.index-page #stash-ants article.post-photo .overlay p, body.index-page #stash-ants article.post-photoset .overlay p { display:block; } #stash-ants .post-video .post-meta, #stash-ants .post-video .overlay-bg, #stash-ants .post-video .overlay { display:none; } .post-reblog-header { display:none; } body.index-page article .overlay a { color:white; font-weight:normal } body.index-page article .overlay .post-caption { z-index:5; } /** New **/ .audio-caption img { position: absolute; right: 0; top: 0; max-height: 100%; z-index: -3; } .post.fallback .overlay, .post.fallback .overlay-bg, .post-text .overlay, .post-text .overlay-bg, .post-video .overlay, .post-video .overlay-bg { display:none !important; } .post-text .media { display:none; } .overlay h1 { color:#ffffff; font-size:18px; margin-bottom:10px; } .post_media_photo_anchor{ width:100%; } .post-body .npf_row:last-of-type { margin-bottom:20px; } .post figure { width:100%; margin: 0 0 20px 0; } /** New Photoset **/ .post-photoset .npf_col.active { opacity: 1; z-index:1; position: relative; } .ps-options .total { display: inline-block; } .post-photoset .npf_col { display: block; width: 100%; margin: 0 0 2px 0; opacity:0; position: absolute; top: 0; } body.stash-photo-overlay .post-photo figure, body.stash-photo-overlay .post-photoset figure { margin:0; } body.permalink-page .post-photoset .npf_col, .stash-overlay .post-photoset .npf_col { position: relative; top: initial; opacity: 1; display:block; } @media (min-width:740px) { body.permalink-page .post-photoset .npf_col, .stash-overlay .post-photoset .npf_col { margin:0 0 var(--spacing) 0; } body.permalink-page .post-photoset .npf_col:last-of-type, .stash-overlay .post-photoset .npf_col:last-of-type { margin:0 0 var(--spacing) 0; } } @media (max-width:740px) { body.index-page #stash-ants .photoset-count { top:7.5px; left:15px; } #header .search.widget { display:none; } } /** New Posts **/ article .open-modal.photo-modal { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display:none; } body article.post-photo .open-modal.photo-modal, body article.post-photoset .open-modal.photo-modal { display:block; } .post-photoset .ps-nav-left, .post-photoset .ps-nav-right { z-index:4; } .overlay-bg { pointer-events:none; } .post-text .photo-modal { display:none; } body.index-page #stash-ants .post-video .content { display:none; } .stash-overlay.video .stash-caption figure { display:none; } .stash-overlay.text .caption { display:none; } @media (max-width:740px) { .post { position:relative !important; top:initial !important; left:initial !important; } }
(via 2ndsong)