Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--
- FELICITY THEME BY KIMTYS.TUMBLR.COM
- edit as much as you want but please don't hide or remove credits!
- --
- updated! (161106)
- photoset: pixelunion (github.com)
- video: shythemes (tumblr.com)
- like & reblog button: mikedidthis (github.com) & shythemes (tumblr.com)
- smoothscroll: zacharyfury (tumbpostr.com)
- icons: antonps (github.com) & fontawesome.io
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <meta name="image:sidebar" content="" />
- <meta name="image:background" content="" />
- <meta name="color:background" content="#ffffff" />
- <meta name="color:posts" content="#f8f8f8" />
- <meta name="color:posts background" content="#ffffff" />
- <meta name="color:borders" content="#f5f5f5" />
- <meta name="color:sidebar" content="#f5f5f5" />
- <meta name="color:text" content="#555555" />
- <meta name="color:links" content="#919191" />
- <meta name="color:side and perma links" content="#aaaaaa" />
- <meta name="color:links hover" content="#555555" />
- <meta name="color:permalink" content="#f5f5f5" />
- <meta name="color:tags" content="#aaaaaa" />
- <meta name="color:like and reblog" content="#ffffff" />
- <meta name="color:accents" content="#c3bbc2" />
- <meta name="color:blockquote" content="#eeeeee" />
- <meta name="color:scrollbar" content="#c3bbc2" />
- <meta name="if:show title" content="1" />
- <meta name="if:show description" content="1" />
- <meta name="if:right sidebar" content="1" />
- <meta name="if:like and reblog" content="1" />
- <meta name="if:show captions" content="1" />
- <meta name="if:show tags" content="1" />
- <meta name="if:hover tags" content="0" />
- <meta name="if:show date" content="1" />
- <meta name="if:show notes" content="1" />
- <meta name="if:show tumblr blog" content="0" />
- <meta name="if:underline links" content="1" />
- <meta name="if:back to top" content="1" />
- <meta name="if:infinite scroll" content="0" />
- <meta name="select:background image" content="cover" title="cover">
- <meta name="select:background image" content="repeat" title="repeat">
- <meta name="select:post size" content="350" title="350px" />
- <meta name="select:post size" content="200" title="200px" />
- <meta name="select:post size" content="230" title="230px" />
- <meta name="select:post size" content="250" title="250px" />
- <meta name="select:post size" content="270" title="270px" />
- <meta name="select:post size" content="300" title="300px" />
- <meta name="select:post size" content="330" title="330px" />
- <meta name="select:post size" content="370" title="370px" />
- <meta name="select:post size" content="400" title="400px" />
- <meta name="select:post size" content="430" title="430px" />
- <meta name="select:post size" content="450" title="450px" />
- <meta name="select:post size" content="470" title="470px" />
- <meta name="select:post size" content="500" title="500px" />
- <meta name="select:font" content="work sans" title="work sans">
- <meta name="select:font" content="arial" title="arial">
- <meta name="select:font" content="calibri" title="calibri">
- <meta name="select:font" content="cousine" title="cousine">
- <meta name="select:font" content="karla" title="karla">
- <meta name="select:font" content="kartika" title="kartika">
- <meta name="select:font" content="lato" title="lato">
- <meta name="select:font" content="play" title="play">
- <meta name="select:font" content="pt sans" title="pt sans">
- <meta name="select:font" content="questrial" title="questrial">
- <meta name="select:font" content="roboto" title="roboto">
- <meta name="select:font" content="source sans pro" title="source sans pro">
- <meta name="select:font size" content="10" title="10px">
- <meta name="select:font size" content="9" title="9px">
- <meta name="select:font size" content="11" title="11px">
- <meta name="select:cursor hover" content="pointer" title="pointer">
- <meta name="select:cursor hover" content="help" title="help">
- <meta name="select:cursor hover" content="default" title="default">
- <meta name="select:cursor hover" content="crosshair" title="crosshair">
- <meta name="text:sidebar width" content="100" />
- <meta name="text:sidebar top" content="100" />
- <meta name="text:posts margin" content="100" />
- <meta name="text:posts left" content="450" />
- <meta name="text:padding" content="10" />
- <meta name="text:ask title" content="inbox"/>
- <meta name="text:ask link" content="/ask"/>
- <meta name="text:archive title" content="grid"/>
- <meta name="text:links title" content="menu"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:url 1" content="/"/>
- <meta name="text:link 2" content=""/>
- <meta name="text:url 2" content="/"/>
- <meta name="text:link 3" content=""/>
- <meta name="text:url 3" content="/"/>
- <meta name="text:link 4" content=""/>
- <meta name="text:url 4" content="/"/>
- <meta name="text:link 5" content=""/>
- <meta name="text:url 5" content="/"/>
- <meta name="text:link 6" content=""/>
- <meta name="text:url 6" content="/"/>
- <meta name="text:link 7" content=""/>
- <meta name="text:url 7" content="/"/>
- <meta name="text:link 8" content=""/>
- <meta name="text:url 8" content="/"/>
- <meta name="text:link 9" content=""/>
- <meta name="text:url 9" content="/"/>
- <meta name="text:link 10" content=""/>
- <meta name="text:url 10" content="/"/>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Roboto:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Questrial:300,400,500,700,300italic,400italic,500italic,700italic|Cousine:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Kartika:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
- <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
- <script src="https://static.tumblr.com/c7cvhvu/mCZmb3z94/is.js"></script>
- <script type="text/javascript"
- src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <!-- popups by noveia / bravethemes ; please don't delete credits --><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>
- $(document).ready(function() {
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel');
- var popURL = $(this).attr('href');
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1];
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade, .popup_block').fadeOut(function() {
- $('#fade, a.close').remove();
- });
- return false;
- });
- {block:ifInfinitescroll}
- var $container = $('#wrapper');
- $container.infinitescroll({
- itemSelector: ".posts_outer",
- navSelector: ".pagination",
- nextSelector: ".pagination a#next",
- loadingImg: "",
- loadingText: "<em> </em>",
- bufferPx: 1000,
- extraScrollPx: 500,
- {block:ifManualLoad}
- errorCallback: function(){ jQuery('#load').delay(50).fadeOut(); },
- {/block:ifManualLoad}
- });
- {block:ifManualLoad}
- $(window).unbind('.infscr');
- $('#load').click(function() {
- $container.infinitescroll('retrieve');return false;
- });
- {/block:ifManualLoad}
- {/block:ifInfinitescroll}
- });
- </script><!-- poppups by noveia / bravetheme -->
- <style type="text/css">
- @font-face { font-family:"bromello";src:url('https://dl.dropbox.com/s/bnqpguhq01w4orp/bromello.ttf');}
- @font-face { font-family: "southern_aire"; src: url('https://dl.dropboxusercontent.com/s/9u9rbhl7odlulf0/southernaire_personal_use_only.ttf?dl=1'); format(“truetype”);}
- @font-face { font-family: "art_brewery"; src: url('https://dl.dropboxusercontent.com/s/47546gqsdpic4du/art%20brewery.ttf?dl=1'); format(“truetype”);}
- @font-face { font-family: "syabab"; src: url('https://dl.dropboxusercontent.com/s/fgd30kqtjm4fvh5/Syabab%20FREE%20TESTER.ttf'); format("truetype");}@font-face{font-family:"chasing embers";src:url('https://static.tumblr.com/zx3ibzm/v8Dorvn30/chasing_embers_demo_version.ttf');}@font-face { font-family: sv; src: url('https://dl.dropboxusercontent.com/s/rcbleva0319cmkl/Sun%20Valley%20-%20Demo.ttf?dl=0') ;}
- @font-face { font-family: "snickles"; src: url('https://dl.dropboxusercontent.com/s/u0qguc9dnof931w/Snickles.ttf?dl=0'); format("truetype");}
- @font-face {font-family: "windsong";src: url('https://dl.dropboxusercontent.com/s/44j53i3ganmfv6t/windsong.ttf?dl=1'); format("truetype");}
- <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
- @font-face { font-family: "jeboy"; src: url('https://dl.dropboxusercontent.com/s/fhkrct1x85g5mpb/JeboyFree.ttf'); format("truetype");}
- @font-face { font-family: "stroke"; src: url('https://dl.dropboxusercontent.com/s/xo0vfhymyxro05k/Infinite_Stroke.otf'); format("truetype");}
- @font-face{ font-family:"words"; src: url('https://dl.dropboxusercontent.com/s/2b243hl8569zntq/mark_my_words.otf?dl=0’)'); }
- @font-face{ font-family:"shorelines"; src: url('https://dl.dropboxusercontent.com/s/gdujrcvp8lg7yvq/Shorelines_Script_Bold%5B1%5D.otf’)'); }
- /* Tumblr Controls */
- .tmblr-iframe--desktop-logged-in-controls, #tumblr_controls {
- top:0%;
- right:0%;
- position:fixed;
- z-index:999999999;
- opacity:0.3;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter:invert(100%);
- filter:invert(100%);
- }
- /* Scrollbar & Selection */
- ::-webkit-scrollbar-thumb:vertical { background: #4b0c18; }
- ::-webkit-scrollbar-thumb:horizontal { background: #4b0c18; }
- ::-webkit-scrollbar {
- height: 4px;
- width: 4px;
- background:#f6f6f6;
- }
- ::-moz-selection { background:#4b0c18; }
- ::selection { background:#4b0c18; }
- /* Body */
- body {
- background: #f7f7f7 url('https://assets.tumblr.com/images/x.gif?v=1') fixed;
- background-attachment:cover;
- background-size:cover;
- color:#555555;
- font-family:montserrat;
- font-size:10.25px;
- line-height:140%;
- letter-spacing:1px;
- word-wrap:break-word;
- text-align:justify;
- margin:0;
- padding:0;
- }
- a {
- color:#919191;
- text-decoration:none;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- a:hover {
- color:#8ab0c9;
- cursor:pointer;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- b, strong, bold { color:#a899a6;font-weight:bold; }
- i, italic, em, oblique { color:#c3bbc2;letter-spacing:1.5px;font-family:'words'; }
- h1, h2, h3 {
- margin:-10px -10px 10px -10px;
- padding:10px 5px 13px 5px;
- font: bold 110% montserrat;
- text-align:center;
- letter-spacing:0.5px;
- text-transform:uppercase;
- line-height:120%;
- border-bottom:1px solid #f5f5f5;
- background:#ffffff;
- }
- small, sub, sup, code, big { font-size:100%; }
- pre, xmp, plaintext, listing {
- width:100%;
- font: 10px work sans;
- white-space:pre-wrap;
- word-wrap:break-word;
- }
- blockquote {
- margin-left:0px;
- margin-bottom:5px;
- width:auto;
- margin-top:7px;
- margin-right:5px;
- color:#555555;
- padding-left:7px;
- border-left:1px solid #eeeeee;
- }
- blockquote blockquote {
- padding-left:7px;
- }
- ul, ol { margin:5px 0px 5px 15px; padding:0; }
- ul { margin-left:0; list-style-type:none; }
- ul li { padding:1px 0px 1px 20px; position:relative; text-align:left; }
- ul li:before {
- content:'•';
- top:2px;
- color:#4b0c18;
- left:10px;
- font-size:10px;
- position:absolute;
- display:block;
- font-family:sans-serif;
- }
- hr {
- border: 0;
- height: 1px;
- background:#f5f5f5;
- margin:20px 0 20px 0;
- }
- /* SIDEBAR */
- #render {
- position:fixed;
- width:305px;
- margin-left:70px;
- margin-top:105px;
- }
- #render {
- z-index: 9999999999;
- width 305px;
- position: fixed;
- }
- #render img {
- z-index: 999999999;
- position: fixed;
- width:305px;
- height:399px;
- padding:0px;
- }
- @keyframes shake {
- 10%, 90% {
- transform: translate3d(-1px, 0, 0);
- }
- 20%, 80% {
- transform: translate3d(2px, 0, 0);
- }
- 30%, 50%, 70% {
- transform: translate3d(-4px, 0, 0);
- }
- 40%, 60% {
- transform: translate3d(4px, 0, 0);
- }
- }
- .desc {
- position:fixed;
- z-index: 9999;
- overflow: hidden;
- margin-top:258px;
- margin-left:330px;
- font-family:montserrat;
- letter-spacing:1px;
- line-height:210%;
- font-size: 9px;
- font-style:normal;
- border-top-right-radius: 8px;
- background: #fff;
- width:230px;
- height: 79px;
- padding-left: 7px;
- padding-right: 7px;
- padding-top: 4px;
- text-align:justify;
- text-align-last: center;
- color:#aaaaaa;
- }
- .desc a {
- z-index: 9999;
- color:#bbbbbb;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .linkdeco {
- position:fixed;
- z-index: 9999;
- margin-top:344px;
- margin-left:330px;
- font-family:montserrat;
- letter-spacing:1px;
- line-height:150%;
- font-size:11px;
- font-weight:bold;
- text-transform: uppercase;
- width:242px;
- height: 0px;
- padding:1px;
- text-align: center;
- text-align-last: center;
- color:#424242;
- background: #c3bbc2;
- }
- .deco {
- position:fixed;
- z-index: 9999;
- margin-top:531px;
- margin-left:149px;
- font-family:montserrat;
- letter-spacing:1px;
- line-height:150%;
- font-size:11px;
- font-weight:bold;
- text-transform: uppercase;
- width:423px;
- height: 0px;
- padding:1px;
- text-align: center;
- text-align-last: center;
- color:#e6e6e6;
- background: #c3bbc2;
- }
- .likes {
- position:fixed;
- z-index: 9999;
- margin-top:444px;
- margin-left:330px;
- font-family: montserrat;
- letter-spacing:1px;
- line-height:130%;
- font-size: 9px;
- font-weight:none;
- text-transform: none;
- width:230px;
- height: 26px;
- padding-left:7px;
- padding-right: 7px;
- padding-top: 3px;
- text-align: justify;
- text-align-last: center;
- color:#fff;
- background: #c3bbc2;
- }
- .dislikes {
- position:fixed;
- z-index: 9999;
- margin-top:474px;
- margin-left:330px;
- font-family:montserrat;
- letter-spacing:1px;
- line-height:130%;
- font-size: 9px;;
- font-weight:none;
- text-transform: none;
- width:230px;
- height: 26px;
- padding-left:7px;
- padding-right: 7px;
- padding-top: 3px;
- text-align: justify;
- text-align-last: center;
- color:#d9d9d9;
- background: #fff;
- }
- .profile {
- position:fixed;
- z-index: 9999;
- margin-top:185px;
- margin-left:64534534534534518px;
- font-family:montserrat;
- text-transform: uppercase;
- letter-spacing:-0px;
- line-height:110%;
- font-size: 9px;
- font-style:bold;
- width:40px;
- height: 12px;
- padding:5px;
- text-align:justify;
- text-align-last: center;
- background: #363335;
- color:#b3b3b3;
- }
- .navigation {
- position:fixed;
- z-index: 9999;
- margin-top:210px;
- margin-left:64354534535345418px;
- font-family:montserrat;
- text-transform: uppercase;
- letter-spacing:-0px;
- line-height:110%;
- font-size: 9px;
- font-style:bold;
- width:40px;
- height: 12px;
- padding:5px;
- text-align:justify;
- text-align-last: center;
- background: #363335;
- color:#b3b3b3;
- }
- .about2 {
- position:fixed;
- z-index: 9999;
- margin-top:375px;
- margin-left:330px;
- font-family: montserrat;
- letter-spacing:1px;
- line-height:180%;
- font-size: 9px;
- font-style:normal;
- width:230px;
- height: 66px;
- padding-left:7px;
- padding-right: 7px;
- padding-top: 1px;
- text-align:justify;
- text-align-last:center;
- color:#aaa;
- background: #fff;
- }
- .line2 a {
- z-index: 9999;
- color:#bbbbbb;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #titleig {
- font-size:20px;
- font-weight:bold;
- font-family:words;
- position:fixed;
- font-weight: bold;
- width:440px;
- height: 16px;
- background: transparent;
- letter-spacing: 0.5px;
- border: 0px solid #3d3b3c;
- line-height:120%;
- text-align:center;
- margin-top:233px;
- margin-left: 185px;
- color: #c3bbc2;
- text-shadow: 1px 1px 2px #e6e6e6;
- z-index:9999;
- }
- .links {
- position:fixed;
- margin-top:349px;
- margin-left:282px;
- width:340px;
- height: 10px;
- font-size: 9px;
- font-family:montserrat;
- text-align:center;
- font-weight: bold;
- z-index: 999999999;
- }
- .links a {
- display:inline-block;
- overflow:auto;
- width: 59.5px;
- height: 10px
- padding: 3px;
- background-color: #fff;
- border-bottom: 1px solid #fff;
- padding-top: 3px;
- padding-bottom: 3px;
- color: #c8d1d2;
- z-index: 9999999;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 07.s ease-in-out;
- }
- .links a:hover {
- color: #dcdcdc;
- background-color: #fff;
- -webkit-transition:all 0.8s ease-in-out;
- -moz-transition:all 0.8s ease-in-out;
- -o-transition:all 0.8s ease-in-out;
- -ms-transition:all 0.8s ease-in-out;
- transition:all 0.8s ease-in-out;
- -webkit-transform: rotate(5deg);
- transform: rotate(5deg);
- }
- #pagi{
- width:100px;
- font-size: 9px;
- font-weight:bold;
- text-align:right;
- margin-left:320px;
- margin-top:484px;
- position:fixed;
- z-index: 9999999;
- font-family: calibri;
- letter-spacing:0px;
- color: #424242;
- }
- #all {
- padding:10px;
- width:400px;
- margin-left:500px;
- margin-top:50px;
- font-size:10px;
- }
- #posts {
- overflow: hidden;
- z-index: -99;
- width:400px;
- padding-bottom:20px;
- padding:10px;
- margin-top:10px;
- margin-left: 230px;
- background-color:#fff;
- border: 3px double #f3f3f3;
- color: #d9d9d9;
- font-family: calibri;
- text-align: justify;
- line-height:120%;
- text-align-last: left;
- font-size: 9px;
- letter-spacing: 1px;
- }
- #notes {
- width:400px;
- z-index: -99;
- padding-bottom:20px;
- padding:10px;
- margin-top:30px;
- margin-left: 230px;
- background-color:#fff;
- border: 3px double #f3f3f3;
- color: #d9d9d9;
- font-family: calibri;
- text-align: justify;
- line-height:120%;
- text-align-last: left;
- font-size: 9px;
- letter-spacing: 1px;
- border-top-right-radius: 10px;
- }
- /* Posts */
- #content {
- {block:IndexPage}width:calc({select:post size}px + ({text:padding}px*2));{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin:0 {block:ifNotRightSidebar}{text:posts right}px{/block:ifNotRightSidebar}{block:ifRightSidebar}calc({text:posts right}px - 350px){/block:ifRightSidebar};padding:50px 250px 0px 0px; }
- .posts {
- width:370px;
- padding-top:10px;
- margin:75px 700px;
- background:#fff;
- }
- {block:ifLoadMore}
- {block:IndexPage}
- .posts {
- opacity:0;z-index:-1; }
- {/block:IndexPage}
- {/block:ifLoadMore}
- }
- .border {
- border:5px solid #ffffff;
- outline:1px solid #f5f5f5;
- padding:10px;
- background:#ffffff;
- }
- #bg { background:#ffffff; padding:5px 5px 3px 9px; }
- .caption {
- z-index:999999;
- position:relative;
- margin:-2px -1px 0 -1px;
- padding:5px 10px 8px 10px;
- border-left:1px solid #f5f5f5;
- border-right:1px solid #f5f5f5;
- background:#ffffff;
- }
- .caption p {
- margin:0; padding:0;
- }
- /* Image */
- .posts img { max-width:100%;height:auto; }
- #photo img { width:100%; display:block; }
- /* Photoset */
- .tmblr-lightbox { background:rgba(246,246,246, .7)!important; }
- .vignette, .lightbox-caption { opacity:0!important; }
- .lightbox-image {
- border-radius:0px!important;
- -webkit-border-radius:0px!important;
- -moz-border-radius:0px!important;
- box-shadow:none!important;
- -webkit-box-shadow:none!important;
- -moz-box-shadow:none!important;
- }
- /* Video */
- .video, .video iframe { display:block; overflow:hidden; }
- /* Audio */
- #art {
- height: 50px;
- width: 50px;
- background:#f8f8f8;
- padding-right: 10px;
- position:absolute;
- border-right:1px solid #ffffff;
- }
- #art img {
- opacity: 1;
- height: 50px;
- width: 50px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #player {
- opacity: 0;
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius:100%;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #info {
- margin-left: 61px;
- text-align:left;
- padding:4px 5px 4px 10px;
- height:42px;
- line-height:140%;
- overflow:scroll;
- overflow:auto;
- display:block;
- background:#f8f8f8;
- text-transform:uppercase;
- font-size:90%;
- color:#555555;
- letter-spacing:0.5px;
- }
- .infox {
- position: relative;
- top: 50%;
- max-height:50px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- #info span.song {
- display:block;
- font-weight:bold;
- margin-right:3px;
- }
- .posts:hover #player {
- opacity: 1;
- }
- iframe.soundcloud_audio_player {
- width:px;
- height:auto;
- display:block;
- }
- /* Ask */
- #ques {
- display:table;
- background:#f8f8f8;
- padding:5px;
- width:98%;
- }
- #quesi {
- width:30px;
- display:table-cell;
- vertical-align:middle;
- }
- #quesa {
- padding-left:0px;
- display:table-cell;
- vertical-align:middle;
- }
- #quesa b {
- font-family:'questrial';
- text-transform:uppercase;
- font-weight:bold;
- display:block;
- margin-bottom:2px;
- }
- #ans {
- margin:10px -10px -10px -10px;
- padding:1px 10px 1px 10px;
- border-top:1px solid #f5f5f5;
- background:#ffffff;
- }
- /* Quote */
- #quote {
- font-size:120%;
- padding:2px;
- background:#f8f8f8;
- font-style:normal;
- line-height:150%;
- }
- #source {
- margin:10px -10px -10px -10px;
- padding:10px 10px 5px 10px;
- background:#ffffff;
- font-weight:bold;
- text-transform:uppercase;
- font-size:9px;
- font-family:'questrial';
- text-align:right;
- border-top:1px solid #f5f5f5;
- }
- /* Chat */
- .lines {
- margin:0px;
- }
- .lines .line {
- background:#ffffff;
- padding: 4px 5px 4px 5px;
- margin-bottom:0;
- }
- .line b {
- color:#4b0c18;
- margin-right:5px;
- }
- .lines .line.even {
- background:#f8f8f8;
- }
- /* Permalink */
- .perma {
- margin:0 -1px 0 -1px;
- background:#c3bbc2;
- border:1px solid #c3bbc2;
- font:8px montserrat;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:8px 5px 8px 5px;
- text-align:left;
- word-wrap:break-word;
- line-height:140%;
- color:#fff;
- transition:all .9s ease-in-out;
- -webkit-transition:all .9s ease-in-out;
- -o-transition:all .9s ease-in-out;
- -moz-transition:all .9s ease-in-out;
- }
- .perma a {
- padding:0 0 1px 0;
- margin:0 5px 0 5px;
- display:inline-block;
- font:8px montserrat;
- letter-spacing:0.5px;
- color:#fff;
- border-bottom:1px solid transparent;
- }
- .perma a:hover {
- color:#555555;
- border-bottom:1px solid #4b0c18;
- }
- .posts:hover .perma {
- opacity:1;
- transition:all .9s ease-in-out;
- -webkit-transition:all .9s ease-in-out;
- -o-transition:all .9s ease-in-out;
- -moz-transition:all .9s ease-in-out;
- }
- svg {
- width:8px;
- height:auto;
- opacity:.5;
- padding:1px;
- display:block;
- overflow:visible;
- }
- .controls a {
- position:relative;
- display:inline-block;
- padding:1px;
- margin:0 1px 0 2px;
- width:12px;
- height:12px;
- fill:#fff;
- border:none;
- }
- .controls a:hover {
- border:none;
- }
- .controls .tag {
- opacity:.93;
- }
- .controls .tag svg {
- width:11px;
- margin-top:-1px;
- margin-left:-3px;
- }
- .controls .reblog {
- opacity:.93;
- }
- .controls .reblog svg {
- width:8px;
- margin-top:0px;
- }
- .controls .like .liked + svg {
- opacity:1;
- }
- .controls .like .liked + svg path {
- fill:#fff;
- }
- .controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- width:100%;
- height:100%;
- z-index:2;
- opacity:0;
- }
- /* Notes */
- ol.notes {
- margin:5px 0 0 0;
- padding:5px 0 0 5px;
- display:none;
- font-size:10;
- letter-spacing: 0px;
- text-transform:none;
- font-family:work sans, sans-serif;
- list-style-type:none;
- }
- ol.notes a {
- border-bottom:1px solid transparent;
- padding-bottom:1px;
- }
- ol.notes a:hover {
- border-bottom:1px solid #4b0c18;
- }
- ol.notes li.note { padding:5px 2px 5px 0; }
- ol.notes li.note img.avatar { display:none; }
- .n { cursor:pointer; color:#4b0c18; }
- /* Pagination */
- footer {
- text-align:center;
- width:{select:post size}px;
- margin:100px {text:posts left}px;
- }
- .pagination {
- padding:20px 45px 10px 45px;
- display:inline;
- }
- .pagination a {
- margin:0 10px;
- font-size:90%;
- letter-spacing:1px;
- font-weight:700;
- color:{color:accents};
- font-family:{select:font};, sans-serif;
- text-transform:uppercase;
- }
- .pagination a:hover {
- color:{color:links hover};
- }
- {block:ifInfiniteScroll}
- .pagination, #infscr-loading { display:none; }
- {/block:ifInfiniteScroll}
- #top {
- bottom:5px;
- right:5px;
- padding:10px;
- position:fixed;
- font-size:13px;
- color:#919191;
- cursor:pointer;
- }
- /* Credit - don't remove */
- .cr {
- bottom:3px;
- left:3px;
- font-size:10px;
- position:fixed;
- padding:3px 6px 4px 6px;
- z-index:999999999;
- background:#f6f6f6;
- }
- .cr a { color:#919191; }
- .cr a:hover { color:#555555; }
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- {block:ifInfinitescroll}
- <script src="https://static.tumblr.com/3yblkz0/OZInz27pe/jquery.infinitescroll.min.js"></script>
- {/block:ifInfinitescroll}
- <script>
- $(document).ready(function(){
- {block:ifNotShowTumblrBlog}
- $('p:first-child > a.tumblr_blog').parent().remove();
- {/block:ifNotShowTumblrBlog}
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:10,
- tip_fade_speed:500,
- attribute:"title"
- });
- $(window).scroll(function () {
- if ($(this).scrollTop() > 200)
- { $('#top').fadeIn(); }
- else
- { $('#top').fadeOut(); }
- });
- $('#top').click(function () {
- $("html, body").animate({scrollTop:0}, 1000);
- return false;
- });
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '2px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- $(".m").click(function(){
- $(".menu").slideToggle("slow");
- });
- $(".n").click(function(){
- $(".notes").slideToggle("slow");
- });
- {block:IndexPage}
- {block:ifInfinitescroll}
- var $container = $('#content');
- $container.infinitescroll({
- itemSelector :".posts",
- navSelector : ".pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 2000,
- },
- function(newElements){
- var $newElems = $(newElements);
- var $newElemsIDs = $newElems.map(function(){
- return this.id;
- }).get();
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- resizeVideos();
- {block:ifNotShowTumblrBlog}
- $(newElements).find('p:first-child > a.tumblr_blog').parent().remove();
- {/block:ifNotShowTumblrBlog}
- $(newElements).find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '2px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- {/block:ifInfinitescroll}
- {/block:IndexPage}
- });
- // pop ups © neothm
- $(function(){
- $("#navi").click(function(){ //on click on a navigation link
- //if you have other “regular” links in your navigation they won’t work anymore
- //in this case, change “nav a” to “#askbox, #navigation, #archive”
- id = $(this).attr("id"); //retrieves the link’s name
- $(".popup."+id).fadeIn(); //opens the appropriate popup
- });
- $("a.close").click(function(){
- $(".popup").fadeOut(); //closes the popup
- });
- });
- </script>
- </head>
- <script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>
- <body>
- <div id="bg2"></div>
- <div id="sidebar">
- <div id="render"><img src="https://i.imgur.com/1Q1WQfT.png"></div>
- <div class="desc">
- <b>NAMI CHOI </b> born on Valentine's Day. Winner of Runway Korea and hot star of fashion scene. Made her own trademark in fashion industry so called LAV
- </div>
- <div class="linkdeco">
- </div>
- </div>
- <div class="likes">
- <b>LIKES</b>: b&w, gamjatang, fries, sweet drinks, BLINKS, disney movies.
- </div>
- <div class="dislikes">
- <b>DISLIKES</b>: rude people,being sleepy, not getting things right
- </div>
- <div class="decoration">
- </div>
- <div class="about2">
- <b>CUT THAT </b> BITCH IM A QUEEN <i> SO SHUT UP </i>
- <b>FACT CHECK</b>. 눈 높인 꼭대기 물 만난 물고기 좀 독해 난 T O X I C, YOU 혹해 I'M <em>foxy</em>.
- </div>
- <div id="titleig"> 좀 독해 난 toxic, you 혹해 i'm foxy.</div>
- </div>
- <div class="links">
- <a href="/" > HOME </a>
- <a href="/ask"> ASK </a>
- <a href="/PROFILE." > PROFILE</a>
- <a href="/GUIDELINES."> RULES </a>
- </div>
- {block:Posts}
- <div class="posts" id="{PostID}">
- <div class="border">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div id="bg">{Body}</div>
- {/block:Text}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}<div id="bg">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Photo}
- <div id="photo">
- {block:IndexPage}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt='{PhotoAlt}' />{LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
- {/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}
- <div class="photo-data">
- <div class="pxu-photo">
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
- </div>
- <a class="tumblr-box" style="border:none;" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- </div>
- {/block:Photos}
- </div>
- {/block:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- {block:Audio}
- <div id="art">
- {block:AlbumArt}<img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div><div id="player"><div style="position: absolute; margin: 0px 0px 0px 0px; padding: 12px 13px 13px 12px; background: #FFF;"><div style="width: 25px; height: 25px; overflow: hidden;">{AudioPlayerWhite}</div></div></div>
- <div id="info"><section class="infox">
- <span class="song"><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
- </span>
- {block:Artist}{Artist}{/block:Artist}
- </section></div>
- {/block:Audio}
- {block:Answer}
- <div id="ques">
- <div id="quesa"><b><i class="fa fa-folder-open-o" style="font-size:11px;color:{color:accents};margin-right:5px;padding-right:6px;padding-top:3px;padding-bottom:3px;border-right:1px solid {color:posts background}" aria-hidden="true"></i> from {Asker}:</b> {Question}</div>
- </div><div id="ans">{Answer}</div>
- {/block:Answer}
- {block:Quote}
- <div id="quote"><i class="fa fa-quote-left" style="color:{color:accents};margin-right:5px;padding-right:7px;padding-top:2px;padding-bottom:2px;border-right:1px solid {color:posts background}" aria-hidden="true"></i> {Quote}</div>
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}</div>
- {/block:Chat}
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:IndexPage}
- {block:Date}<div class="perma"><a href="{permalink}" style="font-weight:bold;">{block:ifNotShowDate}PERMALINK.{/block:ifNotShowDate}{block:ifShowDate}{Month}, {DayOfMonthWithZero}.{/block:ifShowDate}</a> {block:ifShowNotes}{NoteCount}.{/block:ifShowNotes} <div class="controls" style="text-align:right;float:right;margin-left:10px;">
- {block:ifHoverTags}{block:ifShowTags}{block:HasTags}<a class="tag" title="{block:Tags}# {Tag} {/block:Tags}"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><g><g><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7
- c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2
- C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4
- l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5
- c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4
- S67.1,73.1,67.1,77.7z"/></g></g></svg></a>{/block:HasTags}{/block:ifShowTags}{/block:ifHoverTags}
- {block:ifLikeAndReblog}
- <a href="{ReblogURL}" target="_blank" class="reblog">
- <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
- </a>
- <a href="#" class="like">{LikeButton}
- <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
- </a>
- {/block:ifLikeAndReblog}
- </div>
- {block:ifNotHoverTags}{block:ifShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}{/block:ifNotHoverTags}
- </div>{/block:Date}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Date}<div class="perma">{block:NoteCount}<a class="n" style="font-weight:bold;" title="show notes!">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} <span style="font-size:50%;">•</span> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <span style="font-size:50%;">•</span> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a> {/block:RebloggedFrom} {block:HasTags} <span style="font-size:50%;">•</span> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- {/block:Date}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- {block:IndexPage}
- <footer>
- {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}</div>{/block:Pagination}
- </footer>
- {/block:IndexPage}
- <a id="top" title="back to top"><i class="fa fa-angle-up"></i></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement