Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME BY LAURAHOLLIIS
- #019 LIFEBOAT
- PLEASE DONT REMOVE
- THE CREDIT :)
- -->
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>light of the moon</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}
- <!--TEST BLOG 4-->
- <meta name="image:sidebar" content="http://i.imgur.com/HYPCLan.png?2"/>
- <meta name="image:icon" content=""/>
- <meta name="color:bg" content="#f8f8f8" />
- <meta name="color:accent" content="#ffffff" />
- <meta name="color:link hover" content="#fea926" />
- <meta name="color:outline" content="#eeeeee" />
- <meta name="color:text" content="#767676" />
- <meta name="color:link" content="#252525" />
- <meta name="color:Scrollbar" content="#000000">
- <meta name="if:Message Button" content="0"/>
- <meta name="text:subtitle" content="" />
- <meta name="text:Update Tab 1" content="" />
- <meta name="text:Update 1" content="" />
- <meta name="text:Update Tab 2" content="" />
- <meta name="text:Update 2" content="" />
- <meta name="text:Update Tab 3" content="" />
- <meta name="text:Update 3" content="" />
- <meta name="text:Update Tab 4" content="" />
- <meta name="text:Update 4" content="" />
- <meta name="select:Post Size" content="400" title="400px"/>
- <meta name="select:Post Size" content="425" title="425px"/>
- <meta name="select:Post Size" content="450" title="450px"/>
- <meta name="select:Post Size" content="475" title="475px"/>
- <meta name="select:Post Size" content="500" title="500px"/>
- <meta name="select:Gutter Size" content="1" title="1px"/>
- <meta name="select:Gutter Size" content="2" title="2px"/>
- <meta name="select:Gutter Size" content="3" title="3px"/>
- <meta name="select:Gutter Size" content="4" title="4px"/>
- <meta name="select:Gutter Size" content="5" title="5px"/>
- <meta name="select:Gutter Size" content="10" title="10px"/>
- <meta name="text:link 1 URL" content="/" />
- <meta name="text:link 1" content="" />
- <meta name="text:link 2 URL" content="/" />
- <meta name="text:link 2" content="" />
- <meta name="text:link 3 URL" content="/" />
- <meta name="text:link 3" content="" />
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href='https://fonts.googleapis.com/css?family=Karla|Muli:400, 400:italic|Roboto:400,400italic,500,500italic|Cardo:400,400italic|Inconsolata' rel='stylesheet' type='text/css'>
- <meta name="color:Updates Tab Icons BG" content="#d3dbed"/>
- <meta name="color:Updates Tab Icons BG Hover" content="#dae7f3"/>
- <meta name="color:Updates Tab Icons" content="#000"/>
- <meta name="color:Updates Tab Icons Hover" content="#aaaaaa"/>
- <meta name="color:Updates Tab Title" content="#a6b3c1"/>
- <meta name="color:Updates Tab Content" content="#9f9f9f"/>
- <meta name="color:Updates Tab Link" content="#a4bfdc"/>
- <meta name="color:Updates Tab Link Hover" content="#d9dfe2"/>
- <meta name="color:Updates Tab Link Border" content="#dce9f5"/>
- <meta name="color:Updates Tab Stars" content="#ffdd62"/>
- <meta name="select:Updates Tab Font Family" content="Karla" title="Karla"/>
- <meta name="select:Updates Tab Font Family" content="Roboto" title="Roboto"/>
- <meta name="select:Updates Tab Font Family" content="Inconsolata" title="Inconsolata"/>
- <meta name="select:Updates Tab Font Family" content="Muli" title="Muli"/>
- <meta name="select:Updates Tab Font Family" content="Cardo" title="Cardo"/>
- <meta name="if:Updates Tab" content="1"/>
- <meta name="if:Reveal Updates On Click" content="1"/>
- <meta name="if:Updates Tab Top Left" content="1"/>
- <meta name="if:Updates Tab Top Right" content="0"/>
- <meta name="if:Updates Tab Bottom Left" content="0"/>
- <meta name="if:Updates Tab Bottom Right" content="0"/>
- <!--START-->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/Sv9ohgcx6/imoon.css">
- <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Abhaya+Libre" rel="stylesheet">
- <!--Dropdown-->
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <!--VIDEO RESIZE BY SHYTHEMES-->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <!--TOOLTIPS-->
- <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:200
- });
- });
- })(jQuery);
- </script>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '{select:Gutter Size}px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>-->
- <script>
- $(document).ready(function(){
- $("#mothership").click(function(){
- $("#lifeboat").slideToggle("fast");
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $(".control-menu").click(function(){
- $("#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls").slideToggle("fast");
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $(".linktitle").click(function(){
- $(".sidelinks").slideToggle("fast");
- });
- $(".linktitle2").click(function(){
- $("#sb-updates").slideToggle("fast");
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $("#updatesname").click(function(){
- $(".updates").slideToggle("fast");
- });
- $("#update1title").click(function(){
- $("#update1").slideToggle("fast");
- });
- $("#update2title").click(function(){
- $("#update2").slideToggle("fast");
- });
- $("#update3title").click(function(){
- $("#update3").slideToggle("fast");
- });
- $("#update4title").click(function(){
- $("#update4").slideToggle("fast");
- });
- });
- </script>
- <!--SEARCH-->
- <script language="javascript">
- function send()
- {document.theform.submit()}
- </script>
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:300px;
- margin:15px;
- padding:4px 8px 4px 8px;
- border-radius:2px;
- background:{color:accent};
- border:1px solid {color:outline};
- color:{color:text};
- z-index:999999;
- font-size:7px;
- font-style:none;
- font-weight:lighter;
- letter-spacing:.6px;
- font-family:'montserrat';
- text-transform:uppercase;
- box-shadow:0px 0px 0px #f2f2f2;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:Scrollbar};
- height:5px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:Scrollbar};
- height:5px!important;
- }
- ::-webkit-scrollbar {
- background-color:transparent;
- height:3px;
- width:3px;
- }
- body {
- font-family:'Karla';
- font-size:10px;
- font-weight:500;
- color:{color:text};
- background-color:{color:bg};
- }
- ::-moz-selection {
- background-color: {color:link hover};
- color: #fff;
- }
- ::selection {
- background-color: {color:link hover};
- color: #fff;
- }
- ul {
- list-style-type: circle;
- }
- #entry {
- margin-top:130px;
- }
- #navbar {
- width:100%;
- height:60px;
- background-color:{color:accent};
- position:fixed;
- top:0;
- left:0;
- border-bottom:1px solid {color:outline};
- z-index:999998;
- box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
- }
- #title {
- text-transform:uppercase;
- font-size:12px;
- {block:IfIconImage}
- margin:-31px 0px 0px 80px;
- {/block:IfIconImage}
- {block:IfNotIconImage}
- margin:10px 0px 0px 20px;
- {/block:IfNotIconImage}
- }
- #title a{
- }
- #subtitle {
- font-size:12px;
- opacity:0.5;
- }
- {block:IfIconImage}
- .nav-p img {
- width:40px;
- border-radius:100px;
- border:0px solid {color:outline};
- padding:0px;
- margin:9px 0px 0px 20px;
- }
- {block:IfIconImage}
- .searchbox {
- text-align:center;
- margin-top:-16px;
- }
- .searchbox input {
- outline:none;
- background-color: {color:bg};
- font-size: 8px;
- border: 1px solid {color:outline};
- text-transform: uppercase;
- text-align:center;
- color: #999;
- letter-spacing: 1px;
- padding: 4px 8px;
- width:200px;
- border-radius:100px;
- }
- /*TERRYING*/
- #mothership {
- font-size:14px;
- }
- #lifeboat {
- font-size:10px;
- display:none;
- }
- #sidebar {
- width:200px;
- left:170px;
- position:fixed;
- top:130px;
- background-color:{color:accent};
- border:1px solid {color:outline};
- border-radius:0px;
- box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
- }
- {block:IfSidebarImage}
- #sidebar img {
- width:200px;
- border-top-left-radius:0px;
- border-top-right-radius:0px;
- }
- {/block:IfSidebarImage}
- #iconx {
- text-align:center;
- width:200px;
- margin-top:-30px;
- margin-bottom:7px;
- }
- #iconx img {
- border-radius:5px;
- height:45px;
- width:45px;
- border:3px solid {color:accent};
- }
- #sb-name {
- font-size:10px;
- margin:8px 0px 3px 10px;
- font-weight:600;
- }
- #description {
- font-size:10px;
- text-align:justify;
- padding:10px 10px 10px 10px;
- }
- #pagination {
- text-transform:uppercase;
- text-align:center;
- font-size:10px;
- padding:10px;
- }
- #pagination a{
- padding:3px;
- }
- .current {
- display:inline-block;
- padding:3px 6px 3px 6px;
- border-radius:3px;
- /*width:12px;
- height:12px;*/
- color:white;
- background-color:{color:link hover};
- margin:0px 3px 0px 3px;
- }
- /*SIDELINKS*/
- .linktitle{
- text-transform:uppercase;
- font-size:10px;
- text-align:center;
- border-top:1px solid {color:outline};
- border-bottom:1px solid {color:outline};
- padding:5px;
- cursor: pointer;
- }
- .linktitle2{
- text-transform:uppercase;
- font-size:10px;
- text-align:center;
- border-top:1px solid {color:outline};
- border-bottom:1px solid {color:outline};
- padding:5px;
- }
- #sb-updates {
- padding:7px;
- display:none;
- border-bottom:1px dotted {color:outline};
- }
- .sidelinks {
- z-index:99999999;
- font-size:10px;
- text-transform:uppercase;
- /*display:none;*/
- margin:0px;
- text-align:left;
- border-top:1px dotted {color:outline};
- }
- .sidelinks a{
- color:{color:link};
- display:block;
- padding:5px 10px 5px 10px;
- border-bottom:1px dotted {color:outline};
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .sidelinks a:hover {
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .updates {
- width:200px;
- background-color:{color:accent};
- border:1px solid {color:outline};
- position:fixed;
- margin-left:calc({select:Post Size}px + 500px);
- font-size:10px;
- display:none;
- box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
- border-radius:0px;
- }
- #updatesname {
- cursor: pointer;
- }
- a {
- text-decoration:none;
- color:{color:link};
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- }
- a:hover {
- color:{color:link hover};
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- }
- /*POSTS*/
- #posts {
- width:{select:Post Size}px;
- margin-left:450px;
- margin-bottom:60px;
- background-color:{color:accent};
- border:1px solid {color:outline};
- box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
- }
- #posts img {
- max-width:100%;
- height:auto;
- }
- #quote {
- font-style:italic;
- font-family:georgia;
- font-size: 17px;
- padding:10px;
- }
- .source {
- font-style:italic;
- padding:0px 10px 10px 30px;
- }
- .title {
- font-family:georgia;
- font-size:20px;
- font-style:italic;
- padding:10px 10px 0px 10px;
- }
- .linkname {
- font-size:18px;
- font-style:italic;
- font-family:georgia;
- }
- /*AUDIO*/
- #albumart {
- position:absolute;
- display:inline-block;
- z-index:999;
- margin-top:0px;
- margin-left:25px;
- padding:7px;
- }
- .playbox {
- background-color:#fafafa;
- position:absolute;
- margin-left:58.5px;
- margin-top:34.5px;
- width:27px;
- height:27px;
- z-index:1000;
- opacity:.4;
- }
- .playbutton {
- width: 27px;
- height: 27px;
- overflow: hidden;
- position: absolute;
- opacity:1;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .playbox:hover .playbutton {
- opacity:1;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- /*
- ORIGINAL
- .audiosrc {
- position:absolute;
- max-width:330px;
- margin-left:247px;
- margin-top:63px;
- font-size:9px;
- letter-spacing:1.5px;
- text-transform:uppercase;
- text-align:left;
- color:black;
- }*/
- .audiosrc {
- position:absolute;
- display:inline-block;
- width:250px;
- margin-left:150px;
- top:17px;
- font-size:8px;
- letter-spacing:1.5px;
- line-height:11px;
- text-transform:uppercase;
- text-align:left;
- border-left:1px solid {color:outline};
- padding:20px 0px 20px 35px;
- }
- #srccontainer {
- position:relative;
- background-color:none;
- width:500px;
- height:100px;
- z-index:999;
- margin-bottom:7px;
- border-radius:6px;
- margin-top:7px;
- }
- .question {
- background-color:#fafafa;
- width:500px;
- text-align:center;
- padding:10px;
- }
- .asker {
- font-style:italic;
- text-transform:uppercase;
- font-size:12;
- text-align:center;
- }
- #postinfo {
- border-top:1px solid {color:outline};
- max-width:{select:Post Size};
- padding:10px;
- text-transform:uppercase;
- font-size:9px;
- }
- #maininfo2 {
- font-size:10px;
- padding:14px 0px 13px 14px;
- border-bottom:1px solid {color:outline};
- max-width:{select:Post Size};
- }
- .tags {
- border-top:1px solid {color:outline};
- margin-left:-10px;
- margin-top:10px;
- width:calc({select:Post Size}px - 20px);
- padding:10px 10px 2px 10px;
- text-transform:none;
- }
- #notes {
- margin-left:450px;
- margin-top:-50px;
- margin-bottom:60px;
- width:{select:Post Size}px;
- background-color:{color:accent};
- border:1px solid {color:outline};
- box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
- }
- .notes ol, .notes li{
- list-style:none;
- }
- ol.notes li.note img.avatar {
- vertical-align:-8px;
- border-radius:100%;
- margin-right:10px;
- width:16px;
- height:16px;
- margin-top:4px;
- margin-bottom:4px;
- }
- blockquote {
- padding-left:5px;
- border-left:1px solid {color:text};
- margin-left:14px;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:1px solid {color:text};
- margin-left:14px;
- }
- .captions {
- padding:0px 10px 0px 10px;
- }
- .cap {
- margin:10px;
- }
- #mastersrc {
- background-color:{color:accent};
- font-family:'Karla';
- color:{color:text};
- position:fixed;
- bottom:10px;
- right:10px;
- padding:6px 8px 6px 8px;
- font-size:12px;
- border:1px solid {color:outline};
- opacity:1;
- width:10px;
- overflow:hidden;
- border-radius:100px;
- box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- #srcname {
- font-family:'Karla';
- color:{color:text};
- font-size:8px;
- text-transform:uppercase;
- margin-top:-11px;
- margin-left:22px;
- position:absolute;
- }
- #mastersrc:hover {
- color:{color:text};
- width:77px;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- #mastersrc a:hover{
- color:{color:text};
- }
- /*CONTROLS*/
- .control-menu {
- font-size:13px;
- background-color:{color:link hover};
- /*padding:6px 10px 6px 10px;*/
- padding:9px 10px 9px 10px;
- border-radius:100px;
- float:right;
- color:white;
- margin-top:-27px;
- margin-right:18px;
- {block:IfNotSearchBox}
- margin-top:-20px;
- {/block:IfNotSearchBox}
- cursor: pointer;
- }
- #tumblr_controls,
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
- position:fixed!important;
- top:65px!important;
- right:10px!important;
- opacity:.5!important;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- /*padding:65px 10px 10px 10px;*/
- -webkit-transition:opacity .3s ease-out;
- transition:opacity .3s ease-out;
- display:none;
- }
- /* updates tab */
- #updates {
- position:fixed;
- width:200px;
- top:60px; left:15px; text-align:justify;
- padding:5px;
- z-index:99999999999;
- font-family:{select:Updates Tab Font Family};
- font-size:10px;
- }
- #updates a {text-decoration:none;}
- #updates a, #updates a:hover, .ui:hover ~ .lino:after, .ui:hover ~ .lino, .lino, #updates .lnr:hover, #updates .lnr {transition-duration: .5s;}
- #updates a:link, #updates a:visited {color:{color:Updates Tab Link}; border-bottom:1px solid {color:Updates Tab Link Border};}
- #updates a:hover {color:{color:Updates Tab Link Hover};}
- .uparent {padding-top:5px;}
- .ui {display:inline-block; padding:5px 0; vertical-align:middle;}
- .ui .lnr {
- padding:6px;
- font-size:10px;
- color:{color:Updates Tab Icons};
- background:{color:Updates Tab Icons BG};
- border-radius:40px;
- }
- .ui .lnr:hover {color:{color:Updates Tab Icons Hover}; background:{color:Updates Tab Icons BG Hover};}
- .ui:hover ~ .lino {border-bottom:1px solid {color:Updates Tab Icons BG Hover};}
- .ui:hover ~ .lino:after {background-color:{color:Updates Tab Icons BG Hover};}
- .lino {
- display:inline-block;
- position:relative;
- top:-2px;
- width:170px;
- {block:ifUpdatesTabTopLeft}left:-2px;{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabTopRight}right:-2px;{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomLeft}left:-2px;{/block:ifUpdatesTabBottomLeft}
- {block:ifUpdatesTabBottomRight}right:-2px;{/block:ifUpdatesTabBottomRight}
- {block:ifRevealUpdatesOnClick}width:0px;{/block:ifRevealUpdatesOnClick}
- height:1px;
- border-bottom:1px solid {color:Updates Tab Icons BG};
- }
- .lino:after {
- position:absolute;
- {block:ifUpdatesTabTopLeft}right:0;{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabTopRight}left:0;{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomLeft}right:0;{/block:ifUpdatesTabBottomLeft}
- {block:ifUpdatesTabBottomRight}left:0;{/block:ifUpdatesTabBottomRight}
- top:-2px;
- content:'';
- width:6px;
- height:6px;
- background-color:{color:Updates Tab Icons BG};
- border-radius:20px;
- }
- .updates_title {
- margin-top:-3px;
- padding-bottom:5px;
- font-weight:bold;
- font-size:12px;
- color:{color:Updates Tab Title};
- clear:both;
- }
- .container_content {
- display:block;
- margin-left:14px;
- {block:ifUpdatesTabTopLeft}margin-top:-6px;{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabTopRight}margin-right:15px;{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomLeft}margin-top:-6px;{/block:ifUpdatesTabBottomLeft}
- {block:ifUpdatesTabBottomRight}margin-right:15px;{/block:ifUpdatesTabBottomRight}
- padding:8px 6px 2px 7px;
- color:{color:Updates Tab Content};
- }
- .container_content ul {margin:0 0 0 -15px!important; list-style-type:none!important;}
- .container_content ol {margin-left:-25px!important;}
- .container_content ul li:before {content:'—'!important; margin-right:5px;!important;}
- .container_content .lnr-star {
- background:none;
- padding:0;
- font-size:8px;
- color:{color:Updates Tab Stars};
- {CustomCSS}</style>
- </head>
- <body>
- <!-- updates tab -->
- {block:ifUpdatesTab}
- <div id="updates">
- <!------------------
- 1) You can change the icons by visiting https://linearicons.com/free#cheat-sheet and pasting your desired icon title (e.g.:home, user, dice, etc.) over the existing icon titles below
- 2) To create a new section, copy everything between "<!-- section 1 -- >" and "<!-- end section 1 -- >" and paste it right after "<!-- end section 4 -- >"
- ------------------>
- <!-- section 1 -->
- <div class="uparent">
- {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
- <div class="ui"><div class="updates_icon">
- <!-- paste your new selected icon title over "moon" -->
- <i class="lnr lnr-user" aria-hidden="true"></i>
- </div></div>
- {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
- <div class="container_content">
- <div class="updates_title">
- About <!-- your title here -->
- </div>
- <p>Jes, she/her, Gemini, INFP-A, Ravenpuff, Pukwudgie </p>
- <p>Blog: 99 3/4% HP</p>
- <p>prev. @lunaxgoldenchains</p>
- </div>
- </div>
- <!-- end section 1 -->
- <!-- section 2 -->
- <div class="uparent">
- {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
- <div class="ui"><div class="updates_icon">
- <i class="lnr lnr-calendar-full" aria-hidden="true"></i>
- </div></div>
- {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
- <div class="container_content">
- <div class="updates_title">
- Updates <!-- your title here -->
- </div>
- <!-- you can create lists like so: -->
- <ul>
- <li>Apr 29th: 300 FOLLOWERS!!</li>
- <li>Mar 27th: 200 FOLLOWERS!!</li>
- <li>Feb 19th: 100 FOLLOWERS!!</li>
- </ul>
- <!-- end list -->
- </div>
- </div>
- <!-- end section 2 -->
- <!-- section 3 -->
- <div class="uparent">
- {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
- <div class="ui"><div class="updates_icon">
- <!-- paste your new selected icon title over "star" -->
- <i class="lnr lnr-book" aria-hidden="true"></i>
- </div></div>
- {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
- <div class="container_content">
- <div class="updates_title">
- Currently... <!-- your title here -->
- </div>
- <!-- for watching / reading / rec lists, you can add a rating system with star icons inside the <li>...</li> tags like so: -->
- <p><b>Reading:</b> The Raven Boys</p>
- <p><b>Watching:</b> The Flash, Merlin</p>
- <p><b>Listening to:</b> Glee songs with Grant Gustin in them</p>
- </div>
- </div>
- <!-- end section 3 -->
- <!-- section 4 -->
- <div class="uparent">
- {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
- <div class="ui"><div class="updates_icon">
- <!-- paste your new selected icon title over "rocket" -->
- <i class="lnr lnr-link" aria-hidden="true"></i>
- </div></div>
- {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
- <div class="container_content">
- <div class="updates_title">
- Links <!-- your title here -->
- </div>
- <!-- you can insert links like so: -->
- <p><a href="/links">Networks, Fandom Families, Birthdays</a></p>
- <p><a href="http://writersindex.tumblr.com/">Writers Index</a></p>
- <!-- end link -->
- <p>
- <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5438951";
- var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
- fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Student in Hogwarts&e2=Students in Hogwarts&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
- document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
- </script>
- </p>
- <p>
- <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3222492";
- fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits to Hogsmeade&a=1";
- document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
- </script>
- </p>
- </div>
- </div>
- <!-- end section 4 -->
- <!-- section 5 -->
- <div class="uparent">
- {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
- {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
- <div class="ui"><div class="updates_icon">
- <!-- paste your new selected icon title over "moon" -->
- <i class="lnr lnr-heart" aria-hidden="true"></i>
- </div></div>
- {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
- {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
- <div class="container_content">
- <div class="updates_title">
- You <!-- your title here -->
- </div>
- <a href="/for you">FOR YOU</a>
- </div>
- </div>
- <!-- end section 5 -->
- </div>
- {/block:ifUpdatesTab}
- <!--NAVBAR-->
- <div id="navbar">
- <span class="nav-p">
- <!--<img src="http://i.imgur.com/p5zDr51.png?1">-->
- <img src="{image:icon}">
- </span>
- <div id="title">
- <a href="/">lux lunae</a>
- <span style="opacity:.2">|</span>
- <span id="subtitle">light of the moon</span>
- </div>
- <form action="/search" method="get" class="searchbox" name="theform">
- <input type="text" name="q" value="" placeholder="search" id="sf"/>
- </form>
- <div class="control-menu"><i class="icon-grid" title="controls"></i></div>
- <span style="float:right;font-size:11px;margin-top:-16px;margin-right:18px;opacity:0.7">
- <a href="/">Hogwarts</a>
-
- <a href="/ask">Owlery</a>
-
- <a href="http://www.tumblr.com/follow/{Name}">
- </a>
- </span>
- </div>
- <!--SIDEBAR-->
- <div id="sidebar">
- <!--TERRYING-->
- <!--
- <div id="mothership">Click Here</div>
- <div id ="lifeboat">here is the subtitles</div>
- -->
- <img src="http://i.imgur.com/kwlJgO6.png?1">
- <div id="sb-name">
- <img src="{PortraitURL-24}" style="width:20px;border-radius:100px;">
- <div style="margin:-19px 0px 0px 30px;"><a href="/">{Name}</a></div>
- </div>
- <div id="description">
- Oh, screw beautiful. I'm brilliant. If you want to appease me, compliment my brain.
- </div>
- <!--<div class="linktitle">Links</div>-->
- <div class="sidelinks">
- <!--<a href="/">
- <span style="text-transform:uppercase; font-weight:bold;">one</span>
- <br>index
- </a>-->
- <a href="/about">
- Magical Me<span class="lnr lnr-user" style="float:right"></span>
- </a>
- <a href="/blogroll">
- Classmates<span class="lnr lnr-users" style="float:right"></span>
- </a>
- <a href="/tags">
- Marauders Map<span class="lnr lnr-map" style="float:right"></span>
- </a>
- <a href="/tagged/my edits">
- My Edits<span class="lnr lnr-picture" style="float:right"></span>
- </a>
- <a href="/tagged/my words">
- My Words<span class="lnr lnr-pencil" style="float:right"></span>
- </a>
- <a href="/saved urls">
- Saved Urls<span class="lnr lnr-link" style="float:right"></span>
- </a>
- {block:IfLink2}<a href="{text:link 2 URL}">
- {text:link 2}<span class="lnr lnr-pencil" style="float:right"></span>
- </a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:link 3 URL}">
- {text:link 3}<span class="lnr lnr-cog" style="float:right"></span>
- </a>{/block:IfLink3}
- </div>
- <!--<div class="linktitle2" style="margin-top:-1px;">updates</div>
- <div id="sb-updates">info</div>-->
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}"><span class="lnr lnr-chevron-left" style="font-size:7px;font-weight:700;"></span></a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}"><span class="lnr lnr-chevron-right" style="font-size:7px;font-weight:700;"></span></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- {block:IfUpdateTab1}
- <div class="updates">
- <div style="font-weight:600;text-transform:uppercase;font-size:14px;padding:10px;text-align:center">updates</div>
- <div id="update1title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 1}</div>
- <div id="update1" style="padding:7px;display:none;border-top:1px solid {color:outline}">
- {text:Update 1}
- </div>
- {block:IfUpdateTab2}
- <div id="update2title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 2}</div>
- <div id="update2" style="padding:7px;display:none;border-top:1px solid {color:outline}">
- {text:Update 2}
- </div>
- {/block:IfUpdateTab2}
- {block:IfUpdateTab3}
- <div id="update3title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 3}</div>
- <div id="update3" style="padding:7px;display:none;border-top:1px solid {color:outline}">
- {text:Update 3}
- </div>
- {/block:IfUpdateTab3}
- {block:IfUpdateTab4}
- <div id="update4title" style="border-top:1px solid {color:outline};border-bottom:0px solid {color:outline};padding:7px;font-size:11px;text-align:center;text-transform:uppercase;">{text:Update Tab 4}</div>
- <div id="update4" style="padding:7px;display:none;border-top:1px solid {color:outline}">
- {text:Update 4}
- </div>
- {/block:IfUpdateTab4}
- </div>
- {/block:IfUpdateTab1}
- <!--posts-->
- <div id="entry">
- {block:posts}
- <div id="posts">
- <div id="maininfo2">
- <a href="{Permalink}">
- <span title="{ShortMonth} {DayofMonth}, {Year}">
- <span style="float:right;margin-right:18px;margin-top:-2px;{block:NotReblog}margin-top:-2px;{/block:NotReblog}">{TimeAgo}</span>
- </span>
- {block:NotReblog}
- <span style="padding:10px"></span>
- {/block:NotReblog}
- </a>
- {block:NotReblog}
- <img src="{PortraitURL-40}" style="width:23px;border-radius:100px;float:left;margin-top:-6px;"/>
- <a href="/" style="margin-left:-8px;font-weight:bold;">{Name}</a>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <img src="{ReblogParentPortraitURL-40}" style="width:23px;border-radius:100px;float:left;margin-top:0px;"/>
- <a href="{ReblogParentURL}" style="margin-left:10px;font-weight:bold;">{ReblogParentName}</a>
-
- <br>
- <span style="opacity:.8; margin-left:10px;">
- <i class="fa fa-retweet" aria-hidden="true" style="opacity:.9;margin-right:3px;"></i>
- <a href="{ReblogRootURL}">{ReblogRootName}</a>
- </span>
- {/block:RebloggedFrom}
- </div>
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="cap">{Body}</div>
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" style="margin-bottom:-3px;">{LinkCloseTag}
- {block:Caption}<div class="captions" style="margin-top:-1px;">{Caption}</div>{/block:Caption}
- {/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" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <div class="captions" style="padding-top:10px;">
- <a href="{URL}"><div class="linkname">{Name}</div></a>{block:Description}{description}{/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div style="padding:10px;">
- {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}
- <div class="audiocontainer">
- <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
- <div id="srccontainer">
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" style="border-radius:0px;">{/block:AlbumArt}</div>
- <div class="audiosrc">
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist} <i class="fa fa-repeat" aria-hidden="true" style="opacity:.6; font-size:6px;"></i> {block:PlayCount}{PlayCount}{/block:PlayCount}<br>
- </div></div></div>
- {/block:AudioPlayer}
- {block:AudioEmbed}
- {AudioEmbed}
- {/block:AudioEmbed}
- {block:Caption}<div class="captions">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:video}
- <div class="video">{Video-500}</div>
- {block:Caption}<div class="captions">{caption}</div>{/block:Caption}
- {/block:video}
- {block:answer}
- <div class="question">
- <div class="asker">
- <b>{asker} said:</b></div>
- <br>{question}
- </div>
- {Answer}
- {/block:answer}
- <!--postinfo-->
- <div id="postinfo">
- <a href="{Permalink}">
- {NoteCountWithLabel}
- </a>
- <span style="float:right;">
- <a href="{ReblogURL}">
- reblog
- </a>
- </span>
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:HasTags}
- <div class="tags">
- {block:tags}
- <a href="{TagURL}"><span class="lnr lnr-cross" style="font-weight:700;font-size:7px;"></span> {Tag}</a>
- {/block:tags}
- </div>
- {/block:HasTags}
- </div> <!--POST INFO DIV-->
- </div> <!--POSTS DIV-->
- {block:PostNotes}
- <div id="notes">
- <div class="notes">
- {PostNotes}
- </div>
- </div>
- {/block:PostNotes}
- {/block:posts}
- </div>
- </div>
- <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
- <a href="http://lauraholliis.tumblr.com">
- <div id="srcname">lauraholliis</div>
- </a>
- </div>
- {block:ifRevealUpdatesOnClick}
- <script>
- $(function(){
- $(".container_content").hide();
- $(".ui").each(function(){
- $(this).click(function(){
- $(this).parent().find('.container_content').stop(true, true).delay(200).slideToggle("slow");
- });
- })
- });
- </script>
- {/block:ifRevealUpdatesOnClick}
- <script>
- $(function(){
- $(".ui").each(function(){
- $(this).click(function(){
- var lea = $(this).parent().find(".lino").width() == 0 ? "175px" : "0px";
- $(this).parent().find(".lino").stop(true, true).animate({width:lea});
- });
- })
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement