Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!---
- ___ ___ _ _ _____ __ _____ _ _ ___ __ __ ___ ___
- | _ \_ _| | | | / _ \ \ / / |_ _| || | __| \/ | __/ __|
- | _/| || |__| |_| (_) \ \/\/ / | | | __ | _|| |\/| | _|\__ \
- |_| |___|____|____\___/ \_/\_/ |_| |_||_|___|_| |_|___|___/
- BY CARA
- Rules:
- 1. Do not steal snippets or all of my codes.
- 2. Do not claim theme as yours.
- 3. Do not remove the credit.
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{FavIcon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css"/>
- <link rel="stylesheet" href="https://static.tumblr.com/vowb075/m9vpc1yxe/animate.min.css">
- <link href="https://fonts.googleapis.com/css?family=Karla|Montserrat:700&display=swap" rel="stylesheet">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <!--- START META TAGS --->
- <meta name="image:latest theme" content="/">
- <meta name="text:latest theme title" content=""/>
- <meta name="text:latest theme link" content=""/>
- <meta name="image:color palette 1" content="/">
- <meta name="text:color palette 1 link" content=""/>
- <meta name="image:color palette 2" content="/">
- <meta name="text:color palette 2 link" content=""/>
- <meta name="image:color palette 3" content="/">
- <meta name="text:color palette 3 link" content=""/>
- <meta name="image:color palette 4" content="/">
- <meta name="text:color palette 4 link" content=""/>
- <meta name="image:color palette 5" content="/">
- <meta name="text:color palette 5 link" content=""/>
- <meta name="image:color palette 6" content="/">
- <meta name="text:color palette 6 link" content=""/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Link" content="#ace0f9"/>
- <meta name="color:Accent" content="#ace0f9"/>
- <meta name="color:Border" content="#ace0f9"/>
- <meta name="if:infinite scroll" content="1"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 3 url" content=""/>
- <!-- END OF META TAGS -->
- </head>
- <style type="text/css">
- /* SCROLLBAR */
- ::-webkit-scrollbar {
- width:15px;
- }
- ::-webkit-scrollbar-track {
- border-top:4px solid #fff;
- border-bottom:4px solid #fff;
- border-right:4px solid #fff;
- border-left:4px solid #fff;
- background-image: linear-gradient(to bottom, #fff1eb 0%, #ace0f9 100%);
- }
- ::-webkit-scrollbar-thumb {
- border-top:4px solid #fff;
- border-bottom:4px solid #fff;
- border-right:4px solid #fff;
- border-left:4px solid #fff;
- background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
- }
- body {
- color:{color:text};
- background-color:{color:background};
- font-size:12px;
- font-family: 'Karla', sans-serif;
- line-height:1.5;
- }
- a {
- text-decoration:none;
- color:{color:link};
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- blockquote {
- border-left:1.5px solid {color:accent};
- color:{color:text};
- margin-left:20px;
- padding-left:10px;
- }
- #pillowthemes {
- bottom:0px;
- right:0px;
- margin-bottom:20px;
- margin-right:20px;
- width:30px;
- height:30px;
- background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);
- position:fixed;
- border-radius:50%;
- }
- #container {
- width:1100px;
- height:auto;
- margin-right:auto;
- margin-left:auto;
- margin-top:-26px;
- margin-bottom:95px;
- background-color:red;
- }
- #tob {
- top:0;
- width:100%;
- height:15px;
- background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);
- position:fixed;
- z-index:9999;
- }
- #top {
- top:15px;
- width:100%;
- height:auto;
- background-color:{color:background};
- border-bottom:1px solid {color:border};
- padding:15px;
- position:fixed;
- z-index:9999;
- text-align:center;
- }
- #top a {
- color:{color:text};
- margin-right:30px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #top a:hover {
- color:{color:accent};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #top a:last-child {
- margin-right:0;
- }
- #column2 {
- width:500px;
- float:left;
- margin-left:50px;
- margin-top:50px;
- }
- /* Individual Posts */
- article {
- width:500px;
- margin-bottom:50px;
- border:1px solid {color:border};
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- #column1 {
- width:250px;
- background-color:{color:background};
- float:left;
- border-right:1px solid {color:border};
- border-left:1px solid {color:border};
- border-bottom:1px solid {color:border};
- }
- #box1 {
- width:250px;
- height:auto;
- border-bottom:1px solid {color:border};
- }
- #blogt {
- font-size:18px;
- font-family: 'Montserrat', sans-serif;
- color:{color:accent};
- text-transform:lowercase;
- padding:15px 15px 5px 15px;
- }
- #desc {
- text-align:left;
- padding:0px 15px 10px 15px;
- }
- #box2 {
- width:250px;
- height:auto;
- padding-bottom:20px;
- border-bottom:1px solid {color:border};
- }
- #box2t {
- font-size:18px;
- font-family: 'Montserrat', sans-serif;
- color:{color:accent};
- text-transform:lowercase;
- padding:15px 15px 10px 15px;
- }
- #box2c {
- width:250px;
- }
- #box6 {
- width:250px;
- height:auto;
- }
- #box6t {
- font-size:18px;
- font-family: 'Montserrat', sans-serif;
- color:{color:accent};
- text-transform:lowercase;
- padding:15px 15px 0px 15px;
- }
- #box6c {
- width:250px;
- margin-left:15px;
- margin-right:15px;
- margin-top:10px;
- padding-bottom:20px;
- }
- #box6c a {
- min-width:80px;
- max-width:215px;
- display:block;
- border-bottom:1px solid {color:accent};
- color:{color:text};
- padding-bottom:3px;
- margin-bottom:10px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #box6c a:hover {
- color:{color:accent};
- border-bottom:1px solid {color:border};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #box6c a:last-child {
- margin-bottom:0px;
- }
- #column3 {
- width:250px;
- background-color:{color:background};
- float:right;
- border-right:1px solid {color:border};
- border-left:1px solid {color:border};
- border-bottom:1px solid {color:border};
- }
- #box3 {
- width:250px;
- height:auto;
- }
- #box3t {
- font-size:18px;
- font-family: 'Montserrat', sans-serif;
- color:{color:accent};
- text-transform:lowercase;
- padding:15px 15px 10px 15px;
- }
- #box3 img {
- width:250px;
- height:auto;
- }
- #box3 a {
- color:{color:text};
- }
- #box4 {
- width:250px;
- height:auto;
- margin-top:40px;
- border-top:1px solid {color:border};
- }
- #box4t {
- font-size:18px;
- font-family: 'Montserrat', sans-serif;
- color:{color:accent};
- text-transform:lowercase;
- padding:15px 15px 10px 15px;
- }
- #box4c {
- margin:0px 15px 15px 15px;
- display:inline-block;
- }
- #box4c a {
- margin-right:3px;
- }
- #box4c img {
- width:60px;
- height:60px;
- border:1px solid {color:accent};
- padding:3px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #box4c img:hover {
- background-color:{color:accent};
- padding:3px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #box5 {
- width:250px;
- height:auto;
- margin-top:5px;
- }
- #box5t {
- font-size:18px;
- font-family: 'Montserrat', sans-serif;
- color:{color:accent};
- text-transform:lowercase;
- padding:15px 15px 10px 15px;
- border-top:1px solid {color:border};
- }
- #box5c {
- padding:0px 15px 15px 15px;
- }
- /* PERMALINKS */
- #perma {
- text-align:left;
- background-color:{color:background};
- padding:15px;
- position:relative;
- border-bottom:1px solid {color:border};
- {block:PermalinkPage}
- display:none;
- {/block:PermalinkPage}
- }
- #perma a {
- margin:5px;
- color:{color:text};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #perma a:hover {
- color:{color:link};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #perma1 {
- text-align:left;
- background-color:{color:background};
- padding:15px;
- position:relative;
- border-top:1px solid {color:border};
- {block:PermalinkPage}
- display:none;
- {/block:PermalinkPage}
- }
- #perma1 a {
- margin:5px;
- color:{color:text};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #perma1 a:hover {
- color:{color:link};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- /* TAGS */
- .tags {
- width:500px;
- position:absolute;
- border:1px solid {color:border};
- margin-top:50px;
- margin-bottom:50px;
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- }
- .tagsc {
- padding:15px;
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- }
- .tagsc a {
- margin-right:15px;
- font-style:italic;
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- }
- .postnotes {
- width:500px;
- position:absolute;
- border:1px solid {color:border};
- margin-top:150px;
- margin-bottom:50px;
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- }
- /* TEXT POSTS */
- .ptitle {
- font-size:18px;
- text-transform:lowercase;
- margin:15px;
- font-family: 'Montserrat', sans-serif;
- }
- .pbody {
- margin:10px 15px 15px 15px;
- }
- /* QUOTE POSTS */
- .quo {
- margin:15px;
- font-style:italic;
- }
- .source {
- margin:15px;
- }
- /* ASK POSTS */
- .as {
- margin:15px;
- text-transform:lowercase;
- font-size:18px;
- color:{color:accent};
- font-family: 'Montserrat', sans-serif;
- }
- .q {
- margin:15px;
- padding:15px;
- background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);
- }
- .ans {
- margin:15px;
- }
- /* AUDIO POSTS */
- .albumart {
- width:250px;
- height:250px;
- }
- .aplayer {
- width:250px;
- }
- .acaption {
- padding:5px 10px 10px 10px;
- }
- .tumblr_audio_player {
- height: 30px;
- width: 270px;
- }
- /* POST CAPTION */
- .caption {
- padding:0px 10px 0px 20px;
- }
- /* CREDITS TO TUMBLR DOCS */
- ol.notes {
- padding: 0px;
- margin: 25px 0px;
- list-style-type: none;
- border-bottom: solid 1px {color:accent};
- }
- ol.notes li.note {
- border-top: solid 1px {color:accent};
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note span.action {
- font-weight: bold;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- /* CREDITS TO TUMBLR DOCS */
- /* INFINITE SCROLL */
- {block:ifnotinfinitescroll}
- .pagi {
- width:470px;
- border:1px solid {color:border};
- text-align:center;
- text-transform:lowercase;
- font-size:18px;
- font-family: 'Montserrat', sans-serif;
- margin-top:50px;
- margin-bottom:50px;
- padding:15px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .pagi a {
- margin-right:15px;
- color:{color:accent};
- }
- .pagi a:last-child {
- margin-right:0px;
- }
- .pagi:hover {
- border:1px solid {color:accent};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- {/block:ifnotinfinitescroll}
- {block:ifinfinitescroll}
- .pagi {
- display:none;
- }
- {/block:ifinfinitescroll}
- /* TUMBLR CONTROLS */
- .tmblr-iframe {
- position:fixed!important;
- top:0;
- margin-top:20px;
- right:0;
- margin-right:10px;
- z-index:999999!important;
- -webkit-transform:scale(0.8,0.8);
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin:100% 0%;
- -ms-transform:scale(0.8,0.8);
- transform:scale(0.8,0.8);
- transform-origin:100% 0%;
- }
- .lnr-calendar-full {
- color:#00d98f;
- margin-right:15px;
- }
- .lnr-pushpin {
- color:#dc1f3f;
- margin-right:15px;
- }
- .lnr-undo {
- color:#ffb20a;
- margin-right:10px;
- }
- </style>
- <body>
- <div id="tob"></div>
- <div id="top">
- <a href="/ask">Mailbox</a>
- <a href="/portfolio">Portfolio</a>
- <a href="/"><span style="color:#ace0f9;font-family: 'Montserrat', sans-serif;font-size:16px;">pillow themes.</span></a>
- <a href="/support">Support + Rules</a>
- <a href="/thieves">Thieves</a>
- </div>
- <div id="container">
- <div id="column1">
- <div id="box1">
- <div id="blogt">pillow themes.</div>
- <div id="desc">{Description} If you want me to answer privately, put an asterisk ( * ) on the very beginning of your message.
- <br><br>
- Themes made by <a href="https://sarcoline.tumblr.com/">Cara | @sarcoline</a>
- <br><br>
- <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png"/></a>
- </div>
- </div>
- <div id="box2">
- <div id="box2t">status.</div>
- <div id="box2c">
- <span style="background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);margin-left:15px;margin-right:10px;padding:5px;">Established</span>28 March 2018
- <br><br>
- <span style="background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);margin-left:15px;margin-right:10px;padding:5px;">Status</span>Active
- <br><br>
- <span style="background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);margin-left:15px;margin-right:10px;padding:5px;">Mailbox</span>Accepting
- <br><br>
- <span style="background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);margin-left:15px;margin-right:10px;padding:5px;">Theme Help</span>Accepting
- <br><br>
- <span style="background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);margin-left:15px;margin-right:10px;padding:5px;">Commissions</span>Not yet
- <br><br>
- <span style="background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);margin-left:15px;margin-right:10px;padding:5px;">Tracking</span>#pillowthemes
- </div>
- </div>
- <div id="box6">
- <div id="box6t">for you.</div>
- <div id="box6c">
- <a href="https://pillowthemes.tumblr.com/basics">The Basics of HTML and CSS</a>
- <a href="https://pillowthemes.tumblr.com/tags">Complete Tags Page</a>
- <a href="https://pillowthemes.tumblr.com/tutorials">Tutorials and Other Tips</a>
- </div>
- </div>
- </div>
- <div id="column2">
- {block:Posts}
- <article>
- {block:IndexPage}
- <div id="perma">
- <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="lnr lnr-calendar-full"></span>Posted on {Month} {DayofMonthwithZero}, {Year}</a>
- <span style="float:right;"><span class="lnr lnr-undo"></span><a href="{ReblogURL}">Reblog</a></span>
- </div>
- {/block:IndexPage}
- {block:Photo}
- <div class="photo">
- {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {block:IndexPage}
- {Photoset-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Text}
- <div id="post text">
- {block:Title}<div class="ptitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- <div class="pbody">{Body}</div>
- {/block:Text}
- {block:Link}
- <div class="link">
- <a href="{URL}">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Quote}
- <div class="quote">
- <div class="quo">“{Quote}”</div>
- {block:Source}<div class="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Chat}
- <div class="chat">
- <ul>
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Video}
- <div id="post video">
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="as">{Asker} asked:</div>
- <div class="q">{Question}</div>
- <div class="ans">{Answer}</div>
- {/block:Answer}
- {block:IndexPage}
- <div id="perma1">
- <a href="{Permalink}"><span class="lnr lnr-pushpin"></span>{NoteCountWithLabel}</a>
- <span style="float:right;font-style:italic;font-size:10px;">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="tags">
- <div class="tagsc">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>
- {/block:Tags}{/block:HasTags}</div></div>
- <div class="postnotes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </article>
- {/block:Posts}
- <div class="pagination">
- <div class="pagi">
- {block:PreviousPage}<a href="{PreviousPage}">backward</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}
- </div></div>
- {/block:Pagination}
- <nav>
- <ul>
- {block:HasPages}
- {block:Pages}
- <li> <a href="{URL}">{Label}</a></li>
- {/block:Pages}
- {/block:HasPages}
- </ul>
- </nav>
- </div>
- <div id="column3">
- <div id="box3">
- <div id="box3t">latest theme.</div>
- <img src="{image:latest theme}">
- <div align="center" style="margin:10px 0px -15px; 0px;">
- <span style="padding:5px;
- background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);text-align:center;margin-right:7px;">{text:latest theme title}</span>
- <span style="padding:5px;
- background-image: linear-gradient(to left, #fff1eb 0%, #ace0f9 100%);text-align:center;"><a href="{text:latest theme link}">View this post</a></span></div>
- </div>
- <div id="box4">
- <div id="box4t">color palettes.</div>
- <div id="box4c">
- <a href="{text:color palette 1 link}"><img src="{image:color palette 1}"></a>
- <a href="{text:color palette 2 link}"><img src="{image:color palette 2}"></a>
- <a href="{text:color palette 3 link}"><img src="{image:color palette 3}"></a>
- <a href="{text:color palette 4 link}"><img src="{image:color palette 4}"></a>
- <a href="{text:color palette 5 link}"><img src="{image:color palette 5}"></a>
- <a href="{text:color palette 6 link}"><img src="{image:color palette 6}"></a>
- </div>
- </div>
- <div id="box5">
- <div id="box5t">reminder.</div>
- <div id="box5c">
- Please do not delete my credits in the code when you use my theme. Also, do not attempt to alter the way it is styled. My credits should always be visible. If there are concerns regarding this, message me first.<br><br> Likes and reblogs are greatly appreciated!
- </div>
- </div>
- </div>
- </div>
- <!--- DO NOT TOUCH THIS PART --->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- {block:IfInfiniteScroll}
- <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- {/block:IfInfiniteScroll}
- <script>
- (function() {
- var $tumblelog = $('#content');
- {block:IfInfiniteScroll}
- $tumblelog.infinitescroll({
- navSelector : ".pagination",
- nextSelector : ".pagination a:first",
- itemSelector : "article",
- bufferPx : 50,
- done : "",
- loading: {
- img : "",
- msgText: ""
- },
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $tumblelog.masonry( 'appended', $newElems);
- });
- }
- );
- {/block:IfInfiniteScroll}
- $tumblelog.imagesLoaded( function(){
- $tumblelog.masonry({
- columnWidth: function( containerWidth ) {
- return containerWidth / 100;
- }
- });
- });
- })();
- </script>
- <!--- DO NOT TOUCH THIS PART --->
- <a href="https://pillowthemes.tumblr.com/"><div id="pillowthemes"></div></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment