(via coachela)
.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 coachela)