Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <!--
- citrus theme by howlcastles
- if you have any questions about the theme, please don't hesitate to contact me at howlcastles.tumblr.com/ask!
- Rules:
- 1.do not remove theme credit
- 2.do not use as base code
- 3.donβt repost/claim as your own
- 4.light editing of code is allowed, just dont remove credit
- 5.if you use parts of this theme in your own code, please credit me!
- -->
- <title>{TITLE}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <!--images-->
- <meta name="image:Avatar" content="" />
- <meta name="image:Background" content="" />
- <meta name="image:SidebarPixel" content="" />
- <meta name="image:LeftImage" content="" />
- <meta name="image:RightImage" content="" />
- <meta name="image:Cursor" content="" />
- <meta name="image:CursorHover" content="" />
- <!--colors-->
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:FontColor" content="#000000" />
- <meta name="color:SidebarBG" content="#ffffff" />
- <meta name="color:SidelinksBG" content="#FFFFFF" />
- <meta name="color:ContentBG" content="#FFFFFF" />
- <meta name="color:InfoBG" content="#ffff99" />
- <meta name="color:ScrollbarSlider" content="#000000" />
- <meta name="color:Scrollbar" content="#ffffff" />
- <meta name="color:UpdatesTitleTextColor" content="#000000" />
- <meta name="color:UpdatesBoxTextColor" content="#000000" />
- <meta name="color:UpdatesBG" content="ffffff" />
- <meta name="color:Links" content="#ff9966" />
- <meta name="color:LinkHover" content="#ffcc66" />
- <meta name="color:BlockquoteColor" content="#ffcc66" />
- <meta name="color:BorderColor" content="#000000" />
- <!--if-->
- <meta name="if:ShowBlogTitle" content="1" />
- <meta name="if:BGCover" content="0"/>
- <meta name="if:LinkUnderline" content="1" />
- <meta name="if:RoundedBorder" content="1" />
- <meta name="if:RoundedImages" content="1" />
- <meta name="if:BoxShadow" content="1" />
- <meta name="if:ShowTags" content="1" />
- <meta name="if:Dropdown" content="1" />
- <meta name="if:Link2" content="1" />
- <meta name="if:Link3" content="1" />
- <!--select-->
- <meta name="select:font" content="ms gothic" title="ms gothic"/>
- <meta name="select:font" content="consolas" title="consolas"/>
- <meta name="select:font" content="Courier New" title="courier new" />
- <meta name="select:BorderStyle" content="solid" title="solid" />
- <meta name="select:BorderStyle" content="dotted" title="dotted" />
- <meta name="select:BorderStyle" content="dashed" title="dashed" />
- <meta name="select:BorderStyle" content="none" title="none" />
- <!--text-->
- <meta name="text:FontSize" content="15" />
- <meta name="text:BackPaginationText" content="β" />
- <meta name="text:ForwardPaginationText" content="β" />
- <meta name="text:NoteSymbol" content="β‘" />
- <meta name="text:UpdatesBoxTitle" content="updates" />
- <meta name="text:UpdatesBox" content="<p>here are your updates!</p><p>
- you can type whatever you want in here and it will show up in your updates box!</p><p>make sure to type < br > after a paragraph to put your text on a new line!</p>" />
- <meta name="text:DropdownTitle" content="navigation" />
- <meta name="text:Link1URL" content="" />
- <meta name="text:Link1Title" content="" />
- <meta name="text:Link2URL" content="" />
- <meta name="text:Link2Title" content="" />
- <meta name="text:Link3URL" content="" />
- <meta name="text:Link3Title" content="" />
- <style>
- *{
- margin: 0;
- padding: 0;
- }
- body{
- background:{color:Background} url('{image:background}') fixed {block:ifnotBGCover}repeat{/block:ifnotBGCover};
- {block:ifBGCover}background-size:cover;{/block:ifBGCover}
- color: {color:FontColor};
- font-family: '{select:font}';
- font-size: {text:FontSize}px;
- word-wrap:break-word;
- margin:0px;
- cursor: url('{image:Cursor}'), auto;
- }
- p {
- margin: 10px 0;
- word-spacing: -1px;
- }
- p.icon{
- margin: 0px;
- }
- a{
- color: {color:Links};
- {block:ifLinkUnderline}
- text-decoration: underline;
- {/block:ifLinkUnderline}
- {block:ifnotLinkUnderline}
- text-decoration: none;
- {/block:ifnotLinkUnderline}
- }
- a:hover{
- color: {color:LinkHover};
- transition: 0.5s;
- -moz-transition: 0.5s;
- -webkit-transition: 0.5s;
- -o-transition: 0.5s;
- cursor: url('{image:CursorHover}'), auto;
- }
- {block:ifRoundedImages}
- img{
- border-radius:5px;
- }
- {/block:ifRoundedImages}
- ul{
- padding-top: 8px;
- padding-left:30px;
- }
- ol{
- padding-top: 8px;
- padding-left:30px;
- }
- ul.tags{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.text{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.photo{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.panorama{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.photoset{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.quote{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.audio{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.video{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.chat{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- li.link{
- list-style-type: none;
- padding:0;
- margin:0;
- }
- blockquote {
- border-left: 3px solid;
- margin-left: 3%;
- padding-left: 10px;
- padding-top: 2px;
- padding-bottom: 2px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:ScrollbarSlider};
- height: 50px;
- }
- ::-webkit-scrollbar {
- height: 0px;
- width: 10px;
- background-color: {color:Scrollbar};
- }
- #updatesbox {
- height:30px;
- width:70px;
- {block:ifRoundedBorder}
- border-radius: 20px;
- {/block:ifRoundedBorder}
- border-style: {select:BorderStyle};
- border-width: 1px;
- border-color:{color:BorderColor};
- padding:0px 5px 5px 5px;
- z-index:0;
- overflow:hidden;
- text-align:center;
- font-weight: bold;
- top:25px;
- left:35px;
- color:{color:UpdatesTitleTextColor};
- position:fixed;
- background:{color:UpdatesBG};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- #updatesbox:hover {
- min-height:60px;
- height: auto;
- width:100px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #updates {
- width:100px;
- line-height:10px;
- font-size:12px;
- font-family:{select:font};
- font-weight: normal;
- color: {color:UpdatesBoxTextColor};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #wrap{
- position: relative;
- margin: 50px auto;
- width: 400px;
- left: 1%;
- }
- #content{
- width: 400px;
- padding: 10px;
- background:{color:ContentBG};
- {block:ifBoxShadow}
- box-shadow:6px 6px 0 rgba(0,0,0,0.2);
- {/block:ifBoxShadow}
- margin: 15px;
- border-style: {select:BorderStyle};
- border-width: 1px;
- {block:ifRoundedBorder}
- border-radius: 10px;
- {/block:ifRoundedBorder}
- border-color: {color:BorderColor};
- }
- .info{
- background:{color:InfoBG};
- padding:5px;
- {block:ifRoundedBorder}
- border-radius:6px;
- {/block:ifRoundedBorder}
- border:{select:BorderStyle} {color:BorderColor};
- border-width: 1px;
- text-align:left;
- }
- #rightimage{
- position: fixed;
- bottom: 0px;
- right: 0px;
- }
- #leftimage{
- position: fixed;
- bottom: 0px;
- left: 0px;
- }
- #sidebar{
- position:fixed;
- width:160px;
- padding:10px;
- margin-top:0px;
- margin-left:-90px;
- background: {color:SidebarBG};
- left: 27%;
- top: 100px;
- min-height: 200px;
- height: auto;
- border-style: {select:BorderStyle};
- border-width: 1px;
- {block:ifRoundedBorder}
- border-radius: 10px;
- {/block:ifRoundedBorder}
- border-color: {color:BorderColor};
- {block:ifBoxShadow}
- box-shadow:6px 6px 0 rgba(0,0,0,0.2);
- {/block:ifBoxShadow}
- }
- #sidebar .wrap{
- padding: 3px 7px;
- width: auto;
- height: auto;
- text-align: center;
- font-size: {text:FontSize}px;
- }
- #sidebar.wrap h2{
- text-align: center;
- font-size: 22px;
- font-weight: bold;
- }
- #pagination {
- padding-top: 5px;
- padding-bottom:5px;
- text-align:center;
- font-weight:bold;
- }
- #pagination a {
- padding:0 15px;
- }
- .ask{
- position: fixed;
- width: 35px;
- height: 35px;
- top: 120px;
- padding: 1px;
- margin-left:-63px;
- background: {color:SideLinksBG};
- {block:ifBoxShadow}
- box-shadow:5px 5px 0 rgba(0,0,0,0.2);
- {/block:ifBoxShadow}
- border-style: {select:BorderStyle};
- border-width: 1px;
- {block:ifRoundedBorder}
- border-radius: 10px;
- {/block:ifRoundedBorder}
- border-color: {color:BorderColor};
- font-size: 23px;
- }
- .submit{
- position: fixed;
- width: 35px;
- height: 35px;
- top: 165px;
- padding: 1px;
- margin-left:-1px;
- background: {color:SideLinksBG};
- {block:ifBoxShadow}
- box-shadow:5px 5px 0 rgba(0,0,0,0.2);
- {/block:ifBoxShadow}
- border-style: {select:BorderStyle};
- border-width: 1px;
- {block:ifRoundedBorder}
- border-radius: 10px;
- {/block:ifRoundedBorder}
- border-color: {color:BorderColor};
- font-size: 23px;
- }
- .archive{
- position: fixed;
- width: 35px;
- height: 35px;
- top: 210px;
- padding: 1px;
- margin-left:1px;
- background: {color:SideLinksBG};
- {block:ifBoxShadow}
- box-shadow:5px 5px 0 rgba(0,0,0,0.2);
- {/block:ifBoxShadow}
- border-style: {select:BorderStyle};
- border-width: 1px;
- margin-left: -2px;
- {block:ifRoundedBorder}
- border-radius: 10px;
- {/block:ifRoundedBorder}
- border-color: {color:BorderColor};
- font-size: 23px;
- }
- .theme{
- position: fixed;
- width: 35px;
- height: 35px;
- top: 255px;
- padding: 1px;
- margin-left:0px;
- background: {color:SideLinksBG};
- {block:ifBoxShadow}
- box-shadow:5px 5px 0 rgba(0,0,0,0.2);
- {/block:ifBoxShadow}
- border-style: {select:BorderStyle};
- border-width: 1px;
- margin-left: -2px;
- {block:ifRoundedBorder}
- border-radius: 10px;
- {/block:ifRoundedBorder}
- border-color: {color:BorderColor};
- font-size: 23px;
- }
- .pagi{
- position: fixed;
- bottom: 5px;
- }
- .sidebarpixel{
- position: fixed;
- top: 80px;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- </style>
- </head>
- <body>
- <div id="updatesbox">
- <p><center>{text:UpdatesBoxTitle}</center></p>
- <div id="updates">
- <p><center>{text:UpdatesBox}</center></p>
- </div>
- </div>
- <div id="rightimage">
- <img src="{image:RightImage}">
- </div>
- <div id="leftimage">
- <img src="{image:LeftImage}">
- </div>
- <div id="sidebar">
- <div class="wrap">
- <center><a href"{BlogURL}"><img src="{image:avatar}" width="150px" alt="Avatar"></a></center>
- {block:ifShowBlogTitle}
- <h2>{TITLE}</h2>
- {/block:ifShowBlogTitle}
- <p>{Description}</p>
- {block:ifDropdown}
- <select style="width: 100px auto; border: 1px solid;{block:ifRoundedBorder}border-radius: 5px;{/block:ifRoundedBorder} padding: 2px; color: {color:FontColor}; background-color: #fff; font-family: {select:font}; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">{text:DropdownTitle}</option>
- <option value="{text:Link1URL}">{text:Link1Title}</option>
- {block:ifLink2}
- <option value="{text:Link2URL}">{text:Link2Title}</option>
- {/block:ifLink2}
- {block:ifLink3}
- <option value="{text:Link3URL}">{text:Link3Title}</option>
- {/block:ifLink3}
- </select>
- {/block:ifDropdown}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">{text:BackPaginationText} </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"> {text:ForwardPaginationText}</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <div class="ask">
- <p class="icon"><center><a href"/ask" title="{AskLabel}">π</a></center></p>
- <div class="submit">
- <p class="icon"><center><a href"/submit" title="{SubmitLabel}">π</a></center></p>
- <div class="archive">
- <p class="icon"><center><a href"/archive" title="Archive">π</a></center></p>
- <div class="theme">
- <p class="icon"><center><a href"http://howl.skytaxi.jp" title="Theme">π³</a></center></p>
- </div>
- </div>
- </div>
- </div>
- <div class="sidebarpixel">
- <img src="{image:SidebarPixel}">
- <div class="pagi">
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="wrap">
- {block:Posts}
- <div id="content">
- {block:Text}
- <li class="text">
- {block:Title}
- <h3><a href"{Permalink}">{Title}</a></h3>
- {/block:Title}{Body}
- </li>
- {/block:Text}{block:Photo}
- <li class="photo">
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Photo}{block:Panorama}
- <li class="panorama">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Panorama}{block:Photoset}
- <li class="photoset">
- {Photoset-400}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Photoset}{block:Quote}
- <li class="quote">
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- </li>
- {/block:Quote}{block:Link}
- <li class="link">
- <a href"{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </li>
- {/block:Link}{block:Chat}
- <li class="chat">
- {block:Title}
- <h3><a href"{Permalink}">{Title}</a></h3>
- {/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>
- </li>
- {/block:Chat}{block:Video}
- <li class="video">
- {Video-400}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Video}{block:Audio}
- <li class="audio">
- {AudioEmbed-400}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Audio}
- <p></p>
- {block:Date}
- <div class="info">
- {block:IndexPage}
- π {TimeAgo} (<a href"{Permalink}" title="{NoteCountWithLabel}">{NoteCount}{text:NoteSymbol}</a>){block:RebloggedFrom} - <a href"{ReblogParentURL}" title="{ReblogParentName}">via</a> ; <a href"{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
- {/block:IndexPage}
- {block:PermalinkPage}
- {12Hour}:{Minutes} - {MonthNumber}/{DayOfMonth}/{Year} (<a href"{Permalink}" title="{NoteCountWithLabel}">{NoteCount}{text:NoteSymbol}</a>)
- {block:RebloggedFrom}<br><a href"{ReblogParentURL}" title="{ReblogParentName}">via</a> + <a href"{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
- {/block:PermalinkPage}
- {block:ifshowtags}
- {block:HasTags}
- <br>
- {block:Tags}
- #<a href"{TagURL}">{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- {/block:ifshowtags}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Date}
- {/block:HasTags}
- </div>
- {/block:Posts}
- </div>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
- <script type="text/javascript">function blockquote_colors(){
- var colors = ["{color:BlockquoteColor}"];
- $('body').find('blockquote').each( function (i) {
- $(this).css("border-left-color", colors[i % colors.length]);
- });
- }
- blockquote_colors();
- $( document ).ajaxComplete(function() {
- blockquote_colors();
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement