Tumblr Mouse Cursors
/* Theme Styles */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { margin: 0; padding: 0; } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } iframe, img, embed, object, video { max-width: 100%; } img { height: auto; max-width: 100%; vertical-align: middle; border: 0; } a:focus{outline:none} a { outline:0; } a:hover { outline:0; } select:focus { outline: none; } input { background-color: transparent; -webkit-appearance: none; transition: all 0.03s 0.075s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .page-overlay { position: fixed; z-index: 999; opacity: 0; visibility: hidden; top: 0; left: 0; width: 100%; height: 100%; } .page { position: relative; opacity: 0; } .page.single { text-align:center; margin:20px 0 0 0; } .active { opacity:1; visibility:visible; } h1, h2, h3, h4, h5, h6, p, dl, ol, ul, blockquote, table, figure { margin-top: 0; margin-bottom: 15px; } ol, ul { padding:0; list-style-position:inside; } /*2 col*/ .wrapper { max-width: 900px; width: 100%; margin: 0 auto; padding:0 20px; } /*4 col .wrapper { width: 85%; margin: 0 auto; padding:0; } */ .wrapper:after, .post-footer:after, .header:after, .widget:after, .photo-slideshow:after, .atx-post:after, .tags:after { content: ""; display: table; clear: both; } .show-header { top:30px; } .left { float:left; } .right { float:right; } .share-modal { left: -10px; background-color: #0c0c0c; color: #ffffff; margin: 0; padding:0; opacity: 0; position: absolute; visibility: hidden; z-index: 2; text-align:center; bottom: 24px; } .share-modal span { margin:0; padding:0; list-style:none; opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display:block; border-bottom:1px solid #333333; } .share-toggle.open .share-modal span { opacity:1; visibility:visible; } .share-modal span a { color:#ffffff; font-size:18px; padding: 0 10px; vertical-align: top; line-height:35px; width:100%; } .share-modal *:last-child { border:none; } .share-modal span a:before { font-family:FontAwesome; font-size:16px; } .share-toggle.open .share-modal:hover > span { opacity: 0.7; } .share-toggle.open .share-modal:hover > span:hover { opacity: 1.0; } .share-icon-twitter:before { content: "\f099"; } .share-icon-facebook:before { content: "\f09a"; } .share-icon-google-plus:before { content: "\f0d5"; } .share-icon-pinterest:before { content: "\f0d2"; } .share-toggle { position:relative; cursor:pointer; } .share-toggle.open .share-modal { opacity: 1; visibility: visible; margin-bottom: 20px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .overlay { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; transition: background 0.2s linear; } .media { position:relative; } /* Share */ .share { list-style: none; margin: 0; z-index:2; text-align: center; } article.post.pp .share { -webkit-transition: all 3s ease; transition: all .3s ease; background:#ffffff; position:absolute; top:25px; left:25px; padding: 10px; visibility:hidden; opacity:0; } article.post.pp:hover .post-footer .share { opacity:1; visibility:visible; -webkit-transition: all .3s ease; transition: all .3s ease; } article.post.pp .share li { opacity:0; visibility:hidden; -webkit-transform: translate(0, 5px); transform: translate(0, 5px); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } article.post.pp:hover .post-footer .share li { opacity:1; visibility:visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity .25s ease .1s, -webkit-transform .25s ease .1s; transition: opacity .2.5s ease .1s, transform .25s ease .1s; } .share li { display:inline-block; height:17px; width:17px; margin: 0 6px 0 0; vertical-align:top; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .share li:last-child { margin: 0 0 0; } .share-modal { opacity: 0; visibility: hidden; } .post-chat .post-footer .btm, .post-quote .post-footer .btm, .post-text .post-footer .btm, .post-answer .post-footer .btm, .post-link .post-footer .btm, .post-audio .post-footer .btm, .post-answer .post-footer .btm { display: table; height: 70px; padding: 0 15px; padding: 30px 0; width: 100%; } .post-chat .post-footer .btm .share, .post-quote .post-footer .btm .share, .post-text .post-footer .btm .share, .post-text .post-footer .btm .share, .post-link .post-footer .btm .share, .post-audio .post-footer .btm .share, .post-answer .post-footer .btm .share { float: none; display: block; margin: 0 auto; padding: 0; position: relative!important; top: 0!important; left: 0!important; background: transparent!important; visibility: visible!important; opacity: 1!important; } .share-toggle { width: 17px!important; height: 17px!important; position: relative; } .share-toggle svg { width: 100%; fill: #999999; transition: .2s all; } .post-like { position: relative; } .post-like svg { position: absolute; top: 0; left: 0; width: 100%; transition: .2s all; fill: #999999; } .share svg { fill: #999999; } .like_button { position: relative; width: 17px!important; height: 17px!important; } .like_button iframe { opacity:0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .like_button.liked svg { fill: #FF6B6B!important; transition: .2s all; } .post-reblog a { height: 17px!important; width: 17px!important; } .post-reblog svg { width: 100%; fill: #999999; transition: .2s all; } .post-expand { display: block; height: 17px; width: 17px; background-size: 100%; cursor: pointer; } .post-expand svg { width: 100%; fill: #999999; transition: .2s all; } .share-toggle { margin-left:7px; position:relative; } .share-toggle i { font-size:16px; padding:1px 0; } .atx-popup span.share-pinterest { display:none; } .atx-popup span.share-pinterest.show { display: block; } .pagination { padding:40px 0; } .prev-post, .next-post { display: block; width: 25px; height: 25px; position: absolute; } .prev-post { float:left; left:30%; } .next-post { float:right; right:30%; } .perm .next-post svg { position: relative; left: 0; transform: translate(0,-8px); -webkit-transform: translate(0,-8px); fill: #999999; transition: .2s all; } .perm .prev-post svg { position: relative; right: 0; transform: translate(-10px,5px); -webkit-transform: translate(-10px,5px); fill: #999999; } .view-notes-link { padding: 20px 30px 20px 30px; border-top:1px solid #ececec; font-size:13px; } body.modal-open .close-post { -webkit-animation-name: bounceIn; animation-name: bounceIn; } .close-post { position:absolute; bottom:0; right:0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; padding: 18px 30px 18px 30px; } .show-mob { display:none; } /* Responsive */ .header-res { position: fixed; width: 100%; height: 50px; left: 0; bottom: 0; opacity: 0; background: #ffffff; display: none; z-index: 100; padding: 0 20px; text-align: center; } .header-res .nav-toggle { float: left; padding: 16px 0; width: 20%; cursor: pointer; } .header-res .nav-toggle svg { fill: #231F20!important; } .header-res .logo { float: none; display: inline-block; margin: 10px 0 0; color: #231F20; } .header-res .logo a { color: #231F20; } .header-res .backToTop { float: right; text-align: center; width: 20%; height: 50px; margin: 16px 0 0; cursor: pointer; } .header-res .backToTop svg { fill: #231F20; } @media (max-width: 740px) { #banner h1.banner-logo {font-size: 34px;} .grid-sizer, .post { width: 100%; } .post { margin: 0 0 20px; } .gutter-sizer { width: 0; } .header, #backToTop { display: none; } .header-res { display: block; z-index:9999; } .fuse-container { padding: 0 20px 50px; } .on-controls {z-index: 9999;} .fuse-back-btn { display: block } .arr-down { bottom: 80px;!important } .prev-post { left: 0; } .next-post { right: 0; } .mute-button { display: none; } .overlay, article .post-footer {display:none;} } /*base code*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated-fast { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.slow { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } /*the animation definition*/ @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); -ms-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); -ms-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); -ms-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } /*the animation definition*/ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-moz-keyframes spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}} @-o-keyframes spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}} @-ms-keyframes spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}} /*the animation definition*/ @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } .visible { visibility: visible; opacity: 1; } .invisible { visibility: hidden; opacity: 0; } .post-video .content, .post-video .post-footer { display: none; } .post-photo .post-meta, .post-photoset .post-meta { border-bottom: none; } .post-photoset .post-meta { padding: 30px 0; } /*Show photo only*/ .post-photo .content, .post-photo .post-meta, .post-photo .tags, .post-photoset .content, .post-photoset .post-meta, .post-photoset .post-meta .tags { display: none; }

Theme by Fuse
Powered by Tumblr

(via just-call-me-princess)

  1. notrealify reblogged this from de-r-anged-blog
  2. roseblondescot-ish reblogged this from christiesauctions
  3. kalashnikovluadam reblogged this from lamlost
  4. busraozkank reblogged this from acilivodka
  5. acilivodka reblogged this from lamlost
  6. lamlost reblogged this from amathust
  7. amathust reblogged this from oasisinkayipsesi
  8. anniehilation reblogged this from christiesauctions
  9. phantomous reblogged this from christiesauctions
  10. parallele reblogged this from parallele
  11. ialwayssayinterestingthings reblogged this from rabes
  12. chance-a-simple-gardener reblogged this from dreamsofalostsoul
  13. dreamsofalostsoul reblogged this from british-books-and-tea
  14. british-books-and-tea reblogged this from falling-in-circles
  15. christiesauctions posted this

Loading