Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--
- 88888 888888 88888 88888 88888 88888 88888 88888
- 8 8 8 8 8 8 8 8 8 8 8 8
- 8 888888 88888 8888 8 8 8 8 8 88888
- 8 8 8 8 8 8 8 8 8 8 8
- 88888 8 8 8 88888 88888 88888 88888 88888
- 'AGAPE' THEME BY CAPECODING (OWNED BY FOUNDCAS)
- UPDATED [10/16/22] | RELEASED [07/10/15]
- - If you have any questions or experience troubles send a message to https://capecoding.tumblr.com/ask
- - Do not remove the credit
- - Do not use this as a base code
- - You can make customizations and edits as you please, but do not drastically change the theme
- -->
- <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}
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <meta name="image:Background" content="https://ununsplash.imgix.net/photo-1424460421773-58b49adfc68a?fit=crop&fm=jpg&h=700&q=75&w=1050">
- <meta name="color:Background" content="#ffF">
- <meta name="color:Title" content="#fff">
- <meta name="color:Description" content="#fff">
- <meta name="color:Navigation Links" content="#eee">
- <meta name="color:Text" content="#ccc">
- <meta name="color:Link" content="#999">
- <meta name="color:Hover" content="#CCCCCC">
- <meta name="color:Borders" content="#ddd">
- <meta name="color:Ask" content="#fff">
- <meta name="color:Ask Border" content="#ddd">
- <meta name="color:Scrollbar" content="#333">
- <meta name="color:Tooltips" content="#fff">
- <meta name="color:Tooltips Border" content="#000">
- <meta name="color:Selection Background" content="#000">
- <meta name="color:Selection Text" content="#ffF">
- <meta name="font:Text" content="avalon">
- <meta name="select:Font Size" content="14px">
- <meta name="select:Font Size" content="16px">
- <meta name="select:Font Size" content="18px">
- <meta name="select:Font Size" content="20px">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <!-- END DEFAULT VARIABLES -->
- <head>
- <style type="text/css">
- /* CSS */
- #s-m-t-tooltip{
- position:absolute;
- max-width:300px;
- margin:10px;
- padding:2px 8px;
- border-bottom:1px solid {color:Tooltips Border};
- border-radius:6px;
- background:rgba(0,0,0,.8);
- color:{color:Tooltips};
- text-transform:lowercase;
- z-index:999999;
- }
- ::selection{
- color:{color:Selection Text};
- background:{color:Selection Background};
- }
- ::-webkit-scrollbar{
- background:transparent;
- width:4px;
- }
- ::-webkit-scrollbar-thumb{
- height:auto;
- width:4px;
- border-radius:6px;
- background:{color:Scrollbar};
- }
- .iframe-controls--desktop {
- position:fixed;
- right:0px;
- z-index:999999999999;
- filter:invert(100%);
- -webkit-filter:invert(100%);
- -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%;
- }
- body {
- font-family:{font:Text};
- color:{color:Text};
- font-size:{select:Font Size};
- line-height:15px;
- margin:0px;
- overflow-y:hidden;
- }
- html{
- background: url({image:Background}) no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- height:800px;
- width:100%;
- left:0px;
- top:0px;
- }
- a{
- color:{color:Link};
- text-decoration:none;
- -webkit-transition: color 0.3s ease-out;
- -moz-transition: color 0.3s ease-out;
- transition: color 0.3s ease-out;
- }
- a:hover{
- text-decoration:none;
- color:{color:Link Hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.6s ease-in-out;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px solid {color:Text};
- }
- /*Posts and entries*/
- #container{
- position:fixed;
- width:100%;
- height:85%;
- top:0px;
- overflow-y:auto;
- }
- .bg{
- position:fixed;
- width:100%;
- height:85%;
- top:0px;
- overflow-y:auto;
- background:{color:Background};
- opacity:.4;
- z-index:-1;
- }
- .entry {
- float:left;
- display: block;
- margin:28px;
- padding:5px 5px 4px 5px;
- border:1px solid {color:Borders};
- overflow:hidden;
- width:250px;
- text-align:left;
- z-index:1;
- {block:PermalinkPage}
- width:400px;
- margin-left:10%;
- {/block:PermalinkPage}
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .entry:hover{
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #posts {
- width:100%;
- z-index:99;
- margin-left:auto;
- margin-right:auto;
- overflow-y: hidden;
- -webkit-animation: fadeInDown 2s;
- -moz-animation: fadeInDown 2s;
- -ms-animation: fadeInDown 2s;
- }
- /* Header */
- header{
- position:fixed;
- width:100%;
- height:15%;
- padding:0px 15px;
- bottom:-7%;
- z-index:99999;
- }
- .blogtitle{
- color:{color:Title};
- font-weight:bold;
- font-size:75px;
- }
- nav{
- text-align:right;
- margin-right:30px;
- }
- nav a{
- color:{color:Navigation Links};
- padding:3px;
- text-transform:uppercase;
- font-size:calc({select:font-size} + 10px);
- }
- .dl:hover{
- cursor:pointer;
- }
- .desc{
- position:fixed;
- top:0px;
- width:100%;
- height:85%;
- overflow-y:auto;
- font-size:20px;
- line-height:25px;
- background:rgba(0,0,0,.8);
- z-index:999999;
- }
- .desc_text{
- display:table;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
- width:100%;
- height:85%;
- color:{color:Description};
- }
- .desc_text p{
- display: table-cell;
- text-align: center;
- vertical-align: middle;
- padding:20px;
- }
- /*Pinned Post*/
- .pin{
- font-weight:900;
- text-align:center;
- background:{color:Borders};
- padding:5px;
- margin-bottom:5px;
- color:{color:Link};
- }
- /*Text*/
- .text a{
- text-align:center;
- text-transform:uppercase;
- }
- /* Quote */
- .fa-quote-right{
- float:right;
- font-size:50px;
- font-weight:bold;
- padding:5px;
- }
- .quote{
- width:175px;
- border-right:4px solid {color:Borders};
- padding:5px;
- }
- /*Link*/
- .link{
- padding-top:10px;
- text-align:center;
- }
- .link a{
- padding:5px 25px;
- background:{color:Background};
- text-transform:uppercase;
- font-weight:bold;
- }
- /* Chat */
- .chat ul {
- list-style:none;
- }
- .chat li {
- padding:5px;
- margin-left:-40px;
- border-bottom:1px solid {color:Borders};
- }
- .chat li:last-child{
- border-bottom:none !important;
- }
- /*Asks*/
- .question img{
- height:40px;
- width:40px;
- margin-bottom:25px;
- margin-left:30px;
- border-radius:100%;
- border:4px solid {color:Ask Border};
- }
- .arrow_box {
- position: relative;
- background: {color:Ask};
- border: 4px solid {color:Ask Border};
- padding:5px;
- width:220px;
- margin-left:auto;
- margin-right:auto;
- }
- .arrow_box:after, .arrow_box:before {
- bottom: 100%;
- left: 20%;
- border: solid transparent;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
- .arrow_box:after {
- border-bottom-color: {color:Ask};
- border-width: 19px;
- margin-left: -19px;
- }
- .arrow_box:before {
- border-color: rgba(194, 225, 245, 0);
- border-bottom-color: {color:Ask Border};
- border-width: 25px;
- margin-left: -25px;
- }
- .response{
- clear:both;
- padding:5px;
- text-align:right;
- }
- /* Post info */
- .entry:hover .perma_hold {
- opacity:1;
- box-shadow:inset 130px 0px 0px {color:Borders};
- -moz-transition:.6s ease-in-out;
- -webkit-transition:.6s ease-in-out;
- -o-transition:.6s ease-in-out;
- }
- .perma_hold {
- height:100%;
- width:130px;
- top:0px;
- left:0px;
- position:absolute;
- opacity:0;
- z-index:9999;
- -moz-transition:.6s ease-in-out;
- -webkit-transition:.6s ease-in-out;
- -o-transition:.6s ease-in-out;
- }
- .perma {
- top:25%;
- position:relative;
- text-align:center;
- font-weight:700;
- text-transform:uppercase;
- }
- .info a{
- margin:0px 3px;
- }
- .info {
- margin-top:10px;
- letter-spacing:0.5px;
- }
- .tags a{
- margin:3px;
- }
- .tags {
- font-weight:normal;
- margin-top:5px;
- text-transform:none;
- font-style:italic;
- }
- .pinfo {
- padding:4px;
- text-transform:uppercase;
- background:{color:Background};
- opacity:0;
- -moz-transition:.9s ease-in-out;
- -webkit-transition:.9s ease-in-out;
- -o-transition:.9s ease-in-out;
- }
- .entry:hover .pinfo{
- opacity:1;
- }
- .pminfo {
- padding:4px;
- text-transform:uppercase;
- background:{color:Background};;
- }
- .noted{
- position:fixed;
- margin-top:28px;
- max-height:400px;
- overflow-y:auto;
- margin-left:5%;
- border:1px solid {color:Borders};
- }
- .noted li{
- list-style-type:none;
- text-transform:uppercase;
- padding:10px;
- }
- .noted img{
- display:none;
- }
- /* END CSS */
- {CustomCSS}
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.dl').click(function(){
- $('.desc').slideToggle();
- });
- });
- </script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="jquery.style-my-tooltips.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
- <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <script type="text/javascript" src="https://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
- </script>
- <script src="https://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
- <script src="https://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('.posts').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div#navigation",
- // selector for the paged navigation (it will be hidden)
- nextSelector : "div#navigation a#nextPage",
- // selector for the NEXT link (to page 2)
- itemSelector : ".entry",
- // selector for all items you'll retrieve
- bufferPx : 10000,
- extraScrollPx: 11000,
- loadingImg : "",
- loadingText : "<em></em>",
- },
- // call masonry as a callback.
- function() { $('.posts').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <script type="text/javascript">$(window).load(function(){$("p").remove(":contains('Source:')");});</script>
- </head>
- <!-- HTML -->
- <body>
- <!--bottom link bar-->
- <header>
- <div class="blogtitle">{Title}</div>
- <nav>
- <a href="/">index</a>
- <a class="dl">about</a>
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- {/block:Pagination}
- {block:HasPages}
- {block:Pages}
- <a href="{URL}">{Label}</a>
- {/block:Pages}
- {/block:HasPages}
- <a title="foundcas" href="https://capecoding.tumblr.com">credit</a>
- </nav>
- </header>
- <!--description-->
- <div class="desc" style="display:none">
- <div class="desc_text"><p>{Description}</p></div>
- </div>
- <!-- POSTS -->
- <div class="bg"></div>
- <div id="container">
- <div class="posts">
- {block:Posts}
- <div class="entry">
- <div class="content">
- {block:IndexPage}{block:PinnedPostLabel} <div class="pin"><i class="fas fa-thumbtack"></i> Pinned Post</div> {/block:PinnedPostLabel}{/block:IndexPage}
- {block:Text}
- <div class="text">
- {block:Title}<center><a href="{Permalink}">{Title}</a></center>{/block:Title}
- {Body}
- </div>
- {block:IndexPage}
- <div class="pinfo">
- <a href="{Permalink}">{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}</a>
- {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
- <span style="float:right">
- <a href="{ReblogURL}"><i class="fa fa-repeat"></i></a>
- </span>
- </div>
- {/block:IndexPage}
- {/block:Text}
- {block:Quote}
- <i class="fa fa-quote-right"></i>
- <div class="quote">
- {Quote} <br> {block:Source}- {Source}{/block:Source}
- </div>
- {block:IndexPage}
- <div class="pinfo">
- <a href="{Permalink}">{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}</a>
- {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
- <span style="float:right">
- <a href="{ReblogURL}"><i class="fa fa-repeat"></i></a>
- </span>
- </div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Link}
- <div class="link">
- <a href="{URL}">{Name}</a>
- {block:Description}{Description}{/block:Description}
- </div>
- {block:IndexPage}
- <div class="pinfo">
- <a href="{Permalink}">{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}</a>
- {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
- <span style="float:right">
- <a href="{ReblogURL}"><i class="fa fa-repeat"></i></a>
- </span>
- </div>
- {/block:IndexPage}
- {/block:Link}
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
- {block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>
- {/block:Lines}</ul>
- {block:IndexPage}
- <div class="pinfo">
- <a href="{Permalink}">{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}</a>
- {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
- <span style="float:right">
- <a href="{ReblogURL}"><i class="fa fa-repeat"></i></a>
- </span>
- </div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Photo}
- {block:IndexPage}
- <div class="ph">
- {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="ph">
- {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
- </div>
- {/block:PermalinkPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {block:IndexPage}
- <div class="perma_hold">
- <div class="perma">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div class="info">
- <a href="{ReblogURL}"><i class="fa fa-repeat fa-2x"></i></a>
- <br>
- <a href="{ReblogParentURL}">{ReblogParentPortraitURL-40}</a> <a href="{ReblogRootURL}">{ReblogRootPortraitURL-40}</a>
- </div>
- </div>
- </div>
- {/block:IndexPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-400}
- {/block:PermalinkPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {block:IndexPage}
- <div class="perma_hold">
- <div class="perma">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div class="info">
- <a href="{ReblogURL}"><i class="fa fa-repeat fa-2x"></i></a>
- <br>
- <a href="{ReblogParentURL}">{ReblogParentPortraitURL-40}</a> <a href="{ReblogRootURL}">{ReblogRootPortraitURL-40}</a>
- </div>
- </div>
- </div>
- {/block:IndexPage}
- {/block:Photoset}
- {block:Video}
- {block:IndexPage}
- {block:PostTitle}{PostTitle}{/block:PostTitle}
- {Video-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:PostTitle}{PostTitle}{/block:PostTitle}
- {Video-400}
- {/block:PermalinkPage}
- {block:IndexPage}
- <div class="perma_hold">
- <div class="perma">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div class="info">
- <a href="{ReblogURL}"><i class="fa fa-repeat fa-2x"></i></a>
- <br>
- <a href="{ReblogParentURL}">{ReblogParentPortraitURL-40}</a> <a href="{ReblogRootURL}">{ReblogRootPortraitURL-40}</a>
- </div>
- </div>
- </div>
- {/block:IndexPage}
- {/block:Video}
- {block:Audio}
- <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span><br>
- {block:Caption}{Caption}{/block:Caption}
- {block:IndexPage}
- <div class="pinfo">
- <a href="{Permalink}">{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}</a>
- {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
- <span style="float:right">
- <a href="{ReblogURL}"><i class="fa fa-repeat"></i></a>
- </span>
- </div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-48}">
- <div class="arrow_box">{Asker}: {Question}</div>
- </div>
- <div class="response">{Answer}</div>
- {block:IndexPage}
- <div class="pinfo">
- <a href="{Permalink}">{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}</a>
- {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
- <span style="float:right">
- <a href="{ReblogURL}"><i class="fa fa-repeat"></i></a>
- </span>
- </div>
- {/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}
- <div class="pminfo">
- <a href="{Permalink}">{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}</a> /
- {block:NoteCount}{NoteCountWithLabel} / {/block:NoteCount}
- <a href="{ReblogURL}">reblog</i></a>
- <span style="float:right">
- {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
- {block:ContentSource}.<a title="{ReblogRootName}" href="{ReblogRootURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
- </span>
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">∟{Tag} </a>{/block:Tags}</div>
- {/block:HasTags}
- </div>
- {/block:PermalinkPage}
- <!-- Other -->
- {block:ContentSource}
- <!-- {SourceURL}
- {block:SourceLogo}
- <img src="{BlackLogoURL}"
- width="{LogoWidth}"
- height="{LogoHeight}"
- alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div></div>
- {block:PostNotes}<div class="noted">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- <!-- END POSTS -->
- </div></div>
- <!-- END CONTAINER -->
- </body>
- </html>
- <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement