Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--
- >> ETHEREAL THEMES // CUSTOM THEME for @zcilovs
- Designed by etherealthemes
- etherealthemes.tumblr.com
- ⓒ 2016 - 2020
- //
- Background Image by Ahmed Sharyaan @sharyaan at unsplash.com
- Fonts by Google Fonts
- Icons by Jam Icons @ jam-icons.com
- Tumblr controls styling by cyantists @ cyantists.tumblr.com
- PXU Photosets by chloethemes @ bychloethemes.tumblr.com
- >> TIPS AND HOW TO'S
- PLEASE CHOOSE YOUR POST SIZE FIRST AND TURN ON THE RELATED ON/OFF FOR YOUR CHOSEN POST SIZE // To turn off the offset posts, turn off all POST SIZE ON/OFF options
- THE PAGINATION AND NAVIGATION ICONS will look messed up due to the tumblr varialbes. They will look fine on your actual page
- The images are preloaded, but if they don't show up, they are below under IMAGES
- To edit the updates, search:
- START UPDATES
- To edit the tags, search:
- START NAVIGATION TAGS
- Please feel free to contact me for any questions or help
- -->
- <!-- COLORS -->
- <meta name="color:Background" content="#000000" />
- <meta name="color:Text" content="#000000" />
- <meta name="color:Links" content="#000000" />
- <meta name="color:Accent One" content="#94d3e0" />
- <meta name="color:Accent Two" content="#1d7898" />
- <meta name="color:Accent Gray" content="#cccccc" />
- <meta name="color:Content" content="#ffffff" />
- <!-- IMAGES -->
- <meta name="image:Background" content="https://static.tumblr.com/zvesamf/6mFq9kgzl/background.jpg" />
- <meta name="image:Header" content="https://placehold.it/860X200" />
- <!-- SELECT -->
- <meta name="select:Body Font Size" content="10.5pt" title="Default">
- <meta name="select:Body Font Size" content="9.5pt" title="Small">
- <meta name="select:Body Font Size" content="10pt" title="Large">
- <meta name="select:Post Size" content="450px" title="450">
- <meta name="select:Post Size" content="500px" title="500">
- <meta name="select:Post Size" content="540px" title="540">
- <meta name="select:Lightbox" content="0,0,0," title="Black">
- <meta name="select:Lightbox" content="255,255,255," title="White">
- <!-- IF -->
- <meta name="if:Invert Tumblr Controls" content="0"/>
- <meta name="if:Posts 450" content="0"/>
- <meta name="if:Posts 500" content="0"/>
- <meta name="if:Posts 540" content="0"/>
- <!-- TEXT -->
- <meta name="text:Blog Title Print" content="written in">
- <meta name="text:Blog Title Script" content="ink">
- <meta name="text:Ask URL" content="/ask">
- <meta name="text:User Icon URL" content="/tagged/">
- <meta name="text:PSA URL" content="https://">
- <meta name="text:Promotion URL" content="https://">
- <meta name="text:Memes URL" content="https://">
- <meta name="text:Keepsake URL" content="https://">
- <meta name="text:Bucket List URL" content="https://">
- <meta name="text:Open Starter URL" content="https://">
- <meta name="text:Pretty Faces URL" content="https://">
- <meta name="text:Mun URL" content="https://">
- <meta name="text:Resources URL" content="https://">
- <!-- SCRIPTS -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_delay_time:200,
- tip_fade_speed:300,
- tip_follows_cursor:true
- }
- );
- });
- })(jQuery);
- </script>
- <script>
- $container.infinitescroll({
- itemSelector: '.posts',
- navSelector: '.pagination',
- nextSelector: '.pagination a',
- 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);
- });
- </script>
- <!-- TIPPY JS -->
- <script src="https://unpkg.com/popper.js@1"></script>
- <script src="https://unpkg.com/tippy.js@5"></script>
- <script>
- $(document).ready(function(){
- tippy('[title]', {
- arrow: false,
- placement: 'top',
- delay: 5,
- distance: 10,
- maxWidth: 300,
- followCursor: true,
- allowHTML: true,
- theme: 'custom',
- ignoreAttributes: true,
- content(reference) {
- const title = reference.getAttribute('title');
- reference.removeAttribute('title');
- return title;
- },
- });
- });
- </script>
- <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
- <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
- <link href="https://fonts.googleapis.com/css?family=DM+Serif+Text|Karla:400,400i,700,700i&display=swap" rel="stylesheet">
- <!-- STYLESHEET -->
- <style type="text/css">
- @font-face { font-family: "redstockscript"; src: url('https://dl.dropboxusercontent.com/s/sf70f80r3vdtxr2/redstockscript-wf.ttf'); }
- /* --- SELECTION ---*/
- ::-moz-selection {
- color:{color:Content};
- background:{color:Accent Two};
- opacity:1;
- }
- ::selection {
- color:{color:Content};
- background:{color:Accent Two};
- opacity:1;
- }
- /* --- TOOLTIPS ---*/
- .tippy-tooltip.custom-theme {
- $tooltipBg:{color:Accent Two};
- background-color:{color:Accent Two};
- color:{color:Content};
- border-radius:5%;
- font-size:10pt;
- margin-left:15px;
- }
- .tippy-content {padding:4px 5px 4px 5px!important;}
- /* --- SCROLLBAR ---*/
- ::-webkit-scrollbar {width:0px;}
- ::-webkit-scrollbar-track {width:0px;}
- ::-webkit-scrollbar-thumb {width:0px;}
- /* --- TUMBLR TOOLS --- */
- iframe.tmblr-iframe {
- top:16px!important;
- right:25!important;
- opacity:0.7;
- padding:0px;
- z-index:4!important;
- transform:scale(0.5);
- transform-origin:100% 0;
- -webkit-transform:scale(0.5);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.5);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.5);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.5);
- -ms-transform-origin:100% 0;
- transition:0.2s ease-in-out;
- -webkit-transition:0.2s ease-in-out;
- -moz-transition:0.2s ease-in-out;
- {block:IfInvertTumblrControls}
- filter:invert(1);
- -webkit-filter:invert(1);
- -o-filter:invert(1);
- -moz-filter:invert(1);
- -ms-filter:invert(1);
- {/block:IfInvertTumblrControls}
- }
- /* --- BODY --- */
- body {
- background-color:{color:Background};
- margin:0px;
- color:{color:Text};
- text-transform:normal;
- font-style:normal;
- font-weight:400;
- font-family: 'Karla', sans-serif;
- font-size:{select:Body Font Size};
- text-decoration:none;
- line-height:160%;
- }
- .cover {
- position:fixed;
- top:0px;
- left:0px;
- margin:0px;
- height:100%;
- width:100%;
- background-image:url('{image:Background}');
- background-position:bottom center;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- z-index:-1;
- }
- a {color:{color:Links};text-decoration:none;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;}
- b, bold, strong {color:{color:Text};!important;font-weight:700;}
- i, em, italic {color:{color:Text};letter-spacing:0.5px;}
- sub, sup {border:0px;{color:Text}}
- small {font-size:{select:Body Font Size};color:{color:Text};}
- hr.divider, hr, hr.separator {
- display:block;
- margin-top:0.5em;
- margin-bottom:0.5em;
- margin-left:auto;
- margin-right:auto;
- border-style:inset;
- border-color:{color:Links};
- border-bottom:1px;
- }
- pre {
- white-space:pre-wrap;
- white-space:-moz-pre-wrap;
- white-space:-pre-wrap;
- white-space:-o-pre-wrap;
- word-wrap:break-word;
- }
- /* --- CONTAINER --- */
- .container {
- position:fixed;
- top:50%;
- left:50%;
- transform: translate(-50%, -50%);
- width:860px;
- height:700px;
- background:rgba(255,255,255,0.65);
- }
- /* --- HEADER --- */
- .header {
- float:left;
- width:860px;
- height:200px;
- background-image:url('{image:Header}');
- background-position:center;
- background-repeat:no-repeat;
- margin:0px 0px 0px 0px;
- }
- .header img {width:860px;height:200px;}
- /* --- SIDEBAR --- */
- .sidebar {
- position:relative;
- top:-10px;
- left:10px;
- float:right;
- width:300px;
- height:495px;
- margin:0px;
- background:{color:Accent One};
- }
- .side_container {
- width:240px;
- height:340px;
- text-align:center;
- margin:-115px 0px 0px 30px;
- padding:25px 0px 0px 0px;
- background:{color:Content};
- }
- .title_print {
- position:relative;
- top:-35px;
- left:-170px;
- width:400px;
- line-height:50pt;
- text-align:right;
- font-family: 'DM Serif Text', serif;
- color:{color:Text};
- font-size:50pt;
- z-index:6;
- }
- .title_print h1 {
- position:relative;
- left:50px;
- text-align:right;
- margin:-75px 0px 0px 20px;
- font-family: redstockscript;
- color:{color:Accent Two};
- font-size:132pt;
- line-height:132pt;
- z-index:4;
- }
- .side_icon {text-align:center;height:170px;width:200px;margin:0px 0px 20px 20px;}
- .side_icon img {height:170px;width:200px;margin-top:-5px;}
- .side_description {
- overflow:scroll;
- margin:-15px 0px 0px 20px;
- height:135px;
- width:180px;
- font-size:calc({select:Body Font Size} - 1pt);
- line-height:calc({select:Body Font Size} + 2pt);
- padding:10px;
- }
- .pagination {
- position:relative;
- top:-15px;
- left:30px;
- width:240px;
- height:32px;
- margin:0px;
- text-align:center;
- z-index:1;
- }
- .pagination a {
- display:inline-block;
- padding:5px 10px;
- margin:0px 8px;
- text-align:center;
- font-family: 'DM Serif Text', serif;
- color:{color:Content};
- font-size:13pt;
- background:{color:Accent Two};
- }
- .side_icons {
- position:relative;
- top:-43px;
- left:0px;
- width:269px;
- height:55px;
- text-align:center;
- border-bottom:1px solid {color:Content};
- border-right:1px solid {color:Content};
- }
- .icons {position:relative;top:38px;left:-7px;width:320px;}
- .icons a {
- display:inline-block;
- height:36px;
- width:36px;
- line-height:36px;
- vertical-align:middle;
- border-radius:50%;
- color:{color:Text};
- background:{color:Content};
- font-size:14pt;
- margin:0px 9px 0px 10px;
- }
- .icons span {position:relative;top:0px;}
- /* --- UPDATES --- */
- #updater {
- position:relative;
- top:-443px;
- left:30px;
- width:240px;
- height:330px;
- padding:0px 0px 0px 0px;
- overflow:scroll;
- background-color:{color:Content};
- z-index:6;
- }
- .updates {text-align:center;margin:0px 0px 0px 0px;padding:20px 20px;}
- .individual_update {
- margin:10px 0px 30px 0px;
- padding:5px;
- color:{color:Content};
- background:{color:Accent One};
- }
- .individual_update:last-of-type {margin-bottom:0px;}
- .individual_update b {
- position:relative;
- top:-17px;
- left:0px;
- margin-bottom:-10px;
- display:block;
- font-family: 'DM Serif Text', serif;
- color:{color:Text};
- font-weight:400;
- text-align:left;
- font-size:15pt;
- }
- /* --- NAVIGATION TAGS --- */
- #navigational {
- position:relative;
- top:-490px;
- left:9px;
- width:511px;
- height:450px;
- padding:20px;
- overflow:hidden;
- background:{color:Content};
- z-index:5;
- }
- .navigational_tags {padding:30px;background:{color:Content};}
- .navigation_scroll {
- position:relative;
- top:-40px;
- left:-35px;
- height:355px;
- width:500px;
- padding:30px 10px 10px 10px;
- overflow:scroll;
- background:{color:Content};
- }
- .navigational_tags h1 {
- position:relative;
- top:0px;
- left:0px;
- display:inline-block;
- margin-bottom:30px;
- text-transform:lowercase;
- border-bottom:10px solid {color:Accent One};
- font-family: 'DM Serif Text', serif;
- color:{color:Text};
- font-weight:400;
- text-align:left;
- font-size:15pt;
- line-height:5pt;
- padding:0px 35px 0px 5px;
- }
- .navi_tag {
- width:510px;
- margin:-40px 0px 0px -40px;
- padding:10px;
- text-align:center;
- background:{color:Content};
- margin-bottom:50px;
- }
- .navi_tag:last-of-type {margin-bottom:0px!important;}
- .navi_tag a {margin:0px 6px;}
- .navi_tag a:hover {opacity:0.8;}
- .navitags a {
- display:inline-block;
- height:15px;
- width:15px;
- line-height:15px;
- padding:10px;
- vertical-align:middle;
- border-radius:50%;
- color:{color:Content};
- background:{color:Accent Two};
- font-size:10pt;
- margin:0px 7px;
- }
- .navitags span {position:relative;top:0px;text-align:center;}
- .faq, .rules {padding:10px;background:{color:Accent One};color:{color:Text};}
- .rules {margin-bottom:70px;}
- .faq b, .rules b {
- position:relative;
- top:-23px;
- left:0px;
- margin-bottom:-18px;
- display:block;
- font-family: 'DM Serif Text', serif;
- color:{color:Text};
- font-weight:400;
- font-size:15pt;
- }
- .faq b {text-align:right;}
- .rules b {text-align:left;}
- /* --- POSTS --- */
- .posts {
- float:left;
- width:560px;
- height:485px;
- padding:0px;
- margin:5px 0px 0px 0px;
- overflow-x:hidden;
- overflow-y:scroll;
- }
- .postcontainer {
- margin:0 auto;
- width:calc({select:Post Size} - 2px);
- background:{color:Content};
- margin-bottom:50px;
- }
- {block:IndexPage}
- {block:IfPosts450}
- .postcontainer:nth-of-type(odd) {margin-left:60px;}
- .postcontainer:nth-of-type(even) {margin-left:80px;}
- {/block:IfPosts450}
- {block:IfPosts500}
- .postcontainer:nth-of-type(odd) {margin-left:15px;}
- .postcontainer:nth-of-type(even) {margin-left:54px;}
- {/block:IfPosts500}
- {block:IfPosts540}
- .postcontainer:nth-of-type(odd) {margin-left:9px;}
- .postcontainer:nth-of-type(even) {margin-left:22px;}
- {/block:IfPosts540}
- {/block:IndexPage}
- .postcontainer::last-child {margin-bottom:0px;}
- .iposts {padding:8px 10px 10px 10px;min-height:50px;background:{color:Content Background};}
- .ipostpxu {width:calc({select:Post Size} - 2px);}
- .caption {padding:10px 10px 5px 10px;}
- .stphoto img {max-width:100%;}
- iframe, img, embed, object, video {max-width:100%;}
- .textpost img {max-width:100%;height:auto;}
- img {border:0;max-width:100%;height:auto}
- .video {overflow:hidden;width:{select:Post Size};margin:-10px!important;padding:10px 0px 5px 0px;}
- .vine-embed,#youtube_iframe {width:calc({select:Post Size} - 30px);margin:0px 0px 10px 0px;}
- .instagram-media {border-radius:0!important;box-shadow:none!important;}
- /* --- POST CONTROL --- */
- .postcontrol {
- position:relative;
- float:right;
- display:inline-block;
- padding:8px;
- margin:0px 0px 0px 0px;
- text-align:center;
- }
- .postcontrol i {
- padding:2px 1px 1px 3px;
- display:block;
- overflow:hidden;
- font-style:normal;
- font-size:9.5pt;
- color:{color:Text};
- }
- .postcontrol a {display:inline-block;}
- .postcontrol .reblog {display:inline-block;font-size:9pt;}
- .postcontrol .like .liked + i {opacity:1;}
- .postcontrol .like .liked + i {color:#fb6988;}
- .like {
- position:relative;
- color:{color:Text};
- display:inline-block;
- top:1px;
- height:1em;
- line-height:1em;
- overflow:hidden;
- margin-bottom:-1px;
- }
- .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:5;opacity:0.000001;}
- /* --- POST INFO --- */
- .postinfo {
- padding:5px;
- text-align:center;
- font-size:10pt;
- margin-bottom:-15px;
- }
- .postinfo a {
- display:inline-block;
- font-family: 'DM Serif Text', serif;
- font-size:12pt;
- margin:0px 5px;
- }
- /* --- POST TAGS --- */
- .posttags {padding:15px;text-align:center;background:{color:Accent One};}
- .posttags a {
- display:inline-block;
- color:{color:Content};
- font-size:9pt;
- font-weight:400;
- margin:0px 8px;
- }
- /* --- Titles --- */
- h1, h2 {
- text-align:left;
- font-style:normal;
- color:{color:Text};
- font-family: 'DM Serif Text', serif;
- font-size:calc({select:Body Font Size} + 4pt);
- font-weight:400;
- margin:20px 0px;
- text-decoration:none;
- }
- /* --- Quote and Link --- */
- .quote_post {text-align:center!important;font-size:calc({select:Body Font Size} + 3pt);padding:30px 0px 0px 0px;}
- .quote_post h3 {
- text-align:center;
- font-style:normal;
- color:{color:Text};
- font-weight:400;
- font-size:calc({select:Body Font Size} + 4pt);
- text-decoration:none;
- line-height:135%;
- padding-bottom:0px;
- margin-bottom:5px;
- }
- .quote_post b {font-weight:400;text-transform:uppercase;font-size:calc({select:Body Font Size} - 1pt);display:inline-block;padding-bottom:17px;}
- /* --- Blockquote --- */
- blockquote {
- color:{color:Text};
- border-left:1px solid {color:Accent Gray};
- margin-left:15px;
- padding-left:10px;
- text-align:left;
- }
- blockquote img {
- max-width:100%;
- display:block;
- margin-bottom:5px;
- }
- /* --- Chat --- */
- .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label {font-weight:700;color:{color:Text};position:relative;top:-28px;}
- .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label {font-weight:700;color:{color:Text};position:relative;top:-28px;}
- ul.chat {
- list-style:none;
- margin:30px 0px 0px 0px;
- padding:0px;
- text-align:left;
- }
- .chat li {
- list-style:none;
- margin:0px 0px 40px 0px;
- padding:5px;
- border-radius:5px;
- border:none;
- color:{color:Content}!important;
- }
- .chat i {position:relative;top:-13px;color:{color:Content}!important;}
- .chat li:nth-of-type(odd) {background:{color:Accent One};text-align:left;padding-left:10px;}
- .chat li:nth-of-type(even) {background:{color:Accent Two};text-align:right;padding-right:13px;}
- .chat li:first-child {margin-top:10px;border:none;}
- /* --- Lists --- */
- ul {text-align:left;}
- li {text-align:left;}
- /* --- AUDIO POSTS --- */
- .audio {
- margin-top:25px;
- height:70px;
- padding:21px 10px 0px 10px;
- }
- .button {
- position:relative;
- width:30px;
- height:30px;
- overflow:hidden;
- margin:10px 9px 8px 8px;
- z-index:4;
- }
- .audiobox {
- float:left;
- margin:0px;
- border-radius:50%;
- background-color:#f2f2f2;
- z-index:3;
- }
- .audioinfo {width:calc(100% - 100px - 91px);display:inline-block;text-transform:lowercase;padding:7px 0px 0px 30px;color:{color:Text};}
- .audioinfo h1 {font-size:calc({select:Body Font Size} + 2pt);font-weight:bold;margin:0px 0px -35px 0px;padding-bottom:10px;}
- .albumart {float:right;position:relative;top:-10px;}
- .albumart img {height:71px;width:71px;}
- .spotify_audio_player {height:80px!important;}
- /* --- QUESTIONS ---*/
- .asker {margin-top:20px;position:relative;top:10px;left:0px;}
- .askeravatar {height:45px;width:45px;display:inline-block;margin:4px 10px 0px 0px;}
- .askeravatar img {height:45px;width:45px;}
- .askername {
- position:relative;
- top:-55px;
- width:300px;
- left:60px;
- text-align:left;
- margin-bottom:-35px;
- }
- .askername h1 {
- position:relative;
- left:0px;
- top:3px;
- text-align:left;
- margin:0px 0px 10px 0px;
- padding:0px!important;
- text-transform:uppercase;
- font-size:calc({select:Body Font Size} + 2pt);
- font-weight:400;
- padding-bottom:10px;
- }
- .askername em {
- position:relative;
- left:0px;
- text-align:left;
- display:block;
- margin:0px;
- font-style:normal;
- }
- .question {margin:10px 0px 5px 0px;text-align:left;padding:10px;background:{color:Accent Two};color:{color:Content};}
- /* --- LIGHTBOXES ---*/
- .vignette, #vignette {opacity:0;}
- .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
- .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
- .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
- /* --- Permalinks --- */
- ol.notes {
- padding:40px 0px 0px 0px;
- margin:0px 0px 25px 0px;
- list-style-type: none;
- border-bottom: solid 0px;
- letter-spacing:1px;
- background:{color:Content Background};
- width:{select:Post Size};
- }
- .notes a {color:{color:Text};}
- .notes a:hover {color:{color:Text};}
- ol.notes li.note {
- display:block;
- padding:10px;
- list-style-type:none!important;
- }
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- margin-right:10px;
- width:15px;
- height:15px;
- display:inline-block;
- }
- ol.notes li.note span.action {font-weight: normal;}
- ol.notes li.note .answer_content {font-weight: normal;}
- ol.notes li.note blockquote {
- border-color: {color:Text};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {text-decoration: none;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="cover"></div>
- <!-- START CONTAINER -->
- <div class="container">
- <!-- START HEADER -->
- <div class="header"></div>
- <!-- END HEADER -->
- <!-- START SIDEBAR -->
- <div class="sidebar">
- <div class="title_print">
- {text:Blog Title Print}
- <h1>{text:Blog Title Script}</h1>
- </div>
- <div class="side_container">
- <div class="side_icon"><img src="https://placehold.it/200X170" /></div>
- <div class="side_description">{Description}</div>
- </div>
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>
- <div class="side_icons"><div class="icons">
- <a title="home" href="/"><span class="jam jam-home"></span></a>
- <a title="contact" href="{text:Ask URL}"><span class="jam jam-envelope"></span></a>
- <a href="javascript:showhide('navigational')" title="tags"><span class="jam jam-tag"></span></a>
- <a title="user hover" href="{text:User Icon URL}"><span class="jam jam-user"></span></a>
- <a href="javascript:showhide('updater')" title="updates"><span class="jam jam-calendar-alt"></span></a>
- </div></div>
- <!-- START UPDATES -->
- <div id="updater" style="display:none;">
- <div class="updates">
- <!----------------------------------------------
- ------------------------------------------------
- START UPDATES BELOW:
- COPY FROM "START UPDATE" TO "END UPDATE" TO ADD MORE
- ------------------------------------------------
- ----------------------------------------------->
- <!------- Start Update --------->
- <div class="individual_update">
- <b>update one</b>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
- </div>
- <!------- End Update --------->
- <!------- Start Update --------->
- <div class="individual_update">
- <b>update two</b>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
- </div>
- <!------- End Update --------->
- <!------- Start Update --------->
- <div class="individual_update">
- <b>update three</b>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
- </div>
- <!------- End Update --------->
- </div>
- </div><!-- END UPDATES-->
- </div>
- <!-- END SIDEBAR-->
- <!-- START POSTS-->
- <div class="posts">
- <!-- START POSTS -->
- <div class="posts">
- {block:Posts}
- <div class="postcontainer">
- <!-- START POST INFO -->
- <div class="postcontroller">
- {block:IndexPage}
- <div class="postcontrol">
- <a href="{ReblogURL}" target="_blank" class="reblog"><span class="jam jam-refresh"></span</a><a class="like" href="#">{LikeButton}<i><span class="jam jam-heart-f"></span></i></a></div>
- {/block:IndexPage}
- </div>
- <!-- END POST INFO -->
- <!-- Post Styles Start -->
- <div class="iposts" id="{PostID}">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Link}
- <div class="linkpost">
- {block:Thumbnail}<div class="linkthumb"><img src="{Thumbnail-HighRes}" /></div>{/block:Thumbnail}
- <div class="caption">
- {block:Host}<div class="link_host">{Host}</div>{/block:Host}<a href="{URL}">{Name}{block:Excerpt}<p><i>―{Excerpt}</i>{/block:Excerpt}</a> {block:Description}{Description}{/block:Description} </div>
- </div>
- {/block:Link}
- {block:Quote}<div class="quote_post"><h3>"{Quote}"</h3></b>{Source}</div>{/block:Quote}
- {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
- </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}<div class="set"><center><div class="pxu"><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" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
- {block:Chat}
- <div class="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}<br><i>{Line}</i></li>{/block:Lines}</ul></div>
- {/block:Chat}
- {block:Audio}
- <div class="audio"><div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:Artist}<h1>{Artist}</h1>{/block:Artist}<br>{block:TrackName}{TrackName}{/block:TrackName}</div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}<div class="video"><center>{Video-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
- {block:Answer}<div class="asker"><div class="askeravatar"><img src="{AskerPortraitURL-64}" /></div><div class="askername"><h1>{Asker}</h1> <em>asked a question:</em></div></div><div class="question">{Question}</div>{Answer}{/block:Answer}
- </div>
- <!-- POST STYLES END -->
- <!-- START POST INFO -->
- <div class="postinfo">
- {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/{block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}{block:IndexPage}{/block:IndexPage}{/block:RebloggedFrom}
- </div>
- <!-- END POST INFO -->
- <!-- START POST TAGS -->
- {block:HasTags}
- <div class="posttags">
- <div class="tags_box"><span>
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- </span></div>
- </div>
- {/block:HasTags}
- <!-- END POST TAGS -->
- <!-- PERMALINK NOTES -->
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- </div>
- {/block:Posts}
- </div></div>
- <!-- END POSTS -->
- <!-- START UPDATES -->
- <div id="navigational" style="display:none;">
- <div class="navigational_tags">
- <!----------------------------------------------
- ------------------------------------------------
- START NAVIGATION TAGS BELOW:
- ------------------------------------------------
- ----------------------------------------------->
- <!-- START NAVIGATION TAG SECTION -->
- <div class="navi_tag">
- <div class="navitags">
- <!------- To change the icons, go to jam-icons.com and find the icon of your chose, simply click on the icon to copy and paste AFTER the
- jam jam-
- So if you want the home icon you'd replace this
- jam jam-user
- for
- jam jam-home
- --------->
- <a title="PSA" href="{text:PSA URL}"><span class="jam jam-alert"></span></a>
- <a title="Promotion" href="{text:Promotion URL}"><span class="jam jam-bookmark"></span></a>
- <a title="Memes" href="{text:Memes URL}"><span class="jam jam-search-folder"></span></a>
- <a title="Keepsake" href="{text:Keepsake URL}"><span class="jam jam-star"></span></a>
- <a title="Bucket list" href="{text:Bucket List URL}"><span class="jam jam-task-list"></span></a>
- <a title="Open Starter" href="{text:Open Starter URL}"><span class="jam jam-write"></span></a>
- <a title="Pretty faces" href="{text:Pretty Faces URL}"><span class="jam jam-user-plus"></span></a>
- <a title="Mun" href="{text:Mun URL}"><span class="jam jam-fingerprint"></span></a>
- <a title="Resources" href="{text:Resources URL}"><span class="jam jam-database "></span></a>
- </div>
- </div>
- <!-- END TAG SECTION -->
- <div class="navigation_scroll">
- <!-- START FAQ -->
- <div class="rules">
- <b>Rules</b>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus. Nullam ipsum nulla, sodales non ornare et, accumsan a sem. Donec tempus leo non laoreet viverra. Vestibulum ac nunc sem. Aenean vitae convallis velit, non molestie augue. Curabitur tristique eleifend mi, malesuada fringilla erat tristique imperdiet.
- </div>
- <!-- END FAQ -->
- <!-- START FAQ -->
- <div class="faq">
- <b>frequently asked questions</b>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus. Nullam ipsum nulla, sodales non ornare et, accumsan a sem. Donec tempus leo non laoreet viverra. Vestibulum ac nunc sem. Aenean vitae convallis velit, non molestie augue. Curabitur tristique eleifend mi, malesuada fringilla erat tristique imperdiet.
- </div>
- <!-- END FAQ -->
- </div>
- </div>
- </div><!-- END NAVIGATION TAGS -->
- </div>
- <!-- END CONTAINER -->
- <!-- ADDITIONAL SCRIPTS -->
- <!-- Photosets -->
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <script>
- function showhide(id) {
- var e = document.getElementById(id);
- e.style.display = (e.style.display == 'block') ? 'none' : 'block';
- }
- </script>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement