Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta name="color:background" content="#000000" />
- <meta name="color:text" content="#626262" />
- <meta name="color:scrollbar" content="#000000" />
- <meta name="color:link" content="#626262" />
- <meta name="color:link hover" content="#203b47" />
- <meta name="color:select" content="#aaaaaa" />
- <meta name="image:Background" content="http://static.tumblr.com/epuaw6b/hMcovztbq/bg.png"/>
- <meta name="image:Texture" content="http://static.tumblr.com/epuaw6b/ybsovztc4/tx.png"/>
- <link href="https://fonts.googleapis.com/css?family=Fjalla+One"
- rel="stylesheet" type="text/css" />
- <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC"
- rel="stylesheet" type="text/css" />
- <title>
- {Title}
- </title>
- <link rel="shortcut icon" href="{FavIcon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <meta name="description" content="{MetaDescription}" />
- <style type="text/css">
- ::-webkit-scrollbar { height: 5px; width: 3px; } sup { line-height: 65%; font-size: 11px; } sub { line-height: 65%; font-size: 11px; } ::-webkit-scrollbar-thumb:vertical { background:{color:scrollbar}; opacity:0.3; }
- #s-m-t-tooltip{ max-width: 300px; border-width: 0px; background-position: center; background-image: url('{image:Texture}');border-radius:3px; text-transform:uppercase; z-index: 9999999; padding: 5px;color: #f2eee7; margin: 20px 7px -2px 20px; font-family:'Playfair Display SC'; font-size:9px; letter-spacing:1px; }
- body { background-image: url('{image:Background}');background-attachment:fixed; font-family: Helvetica; font-size: 11px;background-color:{color:background} ; color: {color:text}; text-align: justify; background-repeat: no-repeat; background-position: left bottom; overflow: hidden; }
- a { color: {color:link}; text-decoration: none; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
- a:hover { color:{color:link hover}; text-decoration: none; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
- small { font-size: 11px; }
- hr { margin-bottom: 5px; margin-top: 5px; border-top: 1px dotted {color:Text}; border-bottom: hidden; }
- b, bold,strong { font-size:12px; text-transform: uppercase; font-weight:normal; font-family: 'Playfair Display SC'; font-weight:bold; color: {color:text}; line-height: 125%;}
- i, em{ font-family: 'Playfair Display SC'; }
- h1 { padding: 3px; text-transform: uppercase; margin-bottom: 5px; font-weight:bold; font-family: 'Playfair Display SC', sans-serif; font-size: 20px; color: {color:text}; line-height: 125%; }
- h2 { color: {color:text}; cursor:pointer; font-family: 'Playfair Display SC'!important; text-transform:uppercase; font-size: 14px; letter-spacing:1px;font-weight:100; padding-left: 4px; }
- h3 { background-image: url('{image:Texture}'); width:100%; padding: 5px 0px 3px 0px;letter-spacing: 1px; font-family: 'Playfair Display SC'; text-transform: uppercase; font-size: 10px; text-align:center;color: {color:text}; font-weight: normal!important; }
- h3 a{ color:{color:background};}
- .tumblr_blog { padding-left: 5px; padding-bottom:2px; font-weight: 600; margin-bottom: 5px; font-family: 'Playfair Display SC'; text-transform:uppercase; font-size: 14px; letter-spacing: 1px; line-height: 125%; }
- #asker { min-height:50px;font-family: 'Playfair Display SC'; font-size: 17px; cursor: pointer; text-transform: uppercase; text-decoration: none; }
- #asker a:hover { text-decoration: none; color: #f2eee7; } #asker a { color:{color:text}; text-decoration: none; } figure{ margin: 0px;} #question { line-height: 105%; font-size: 11px; font-family: arial; padding-top: 1%; text-transform: none; text-align: justify; } #answer { text-transform: none; font-size: 11px; text-align: justify; color: {color:text}; } #answer img { border-radius: 0px; margin-right: 6px; margin-bottom: -5px; }
- #posts { width:300px; padding-right: 15px; margin-bottom: 50px; text-align: justify; color: {color:text}; }
- #posts img { opacity: 0.8; height: auto; max-width: 300px; }
- .caption { width: 300px; text-align: left; line-height: 150%; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }
- .permalink { background-image: url('{image:Texture}'); padding-left: 15px; background-position: top center; width: 280px; background-size: initial; padding-top: 3px; line-height: 100%; height: 25px; opacity: 0.99; letter-spacing: -1px; font-size: 11px; z-index: 1; text-align: left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; display:block; transition: all 0.5s ease-in-out; } .permalink img{ border-radius:3px;}
- .permalink a { color: {color:text}; }
- .permalink a:hover { color: #f2eee7; }
- .permalink img:hover{ -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10) ; }
- #tags { color: {color:text}; font-family: 'Playfair Display SC'; font-size:9px!important; letter-spacing: 1px; padding:5px; text-transform: uppercase; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
- #tags a { text-decoration: none; color: {color:text}; }
- #tags a:hover { text-decoration: none; color:{color:link hover}; }
- .read_more_container { color: {color:text}; font-family: 'Playfair Display SC'; text-transform:uppercase; font-size: 18px; letter-spacing: 0px; opacity:0.8.5; }
- ::selection { color: {color:select}; background: {color:link}; }
- ::-moz-selection { color: {color:select}; background: {color:link}; }
- ::-webkit-selection { color: {color:select}; background: {color:link}; }
- blockquote { border-left:3px solid {color:link hover}; padding-left: 15px; margin-left: 5px; width: 92%; }
- blockquote img { max-width: 275px!important; }
- pre, xmp, plaintext, listing { display: block; font-family: monospace; word-wrap: break-word; white-space: pre; margin: 1em 0px; }
- .notes { list-style-type: none; width: 260px; margin-left: -30px; }
- .notes img { border-radius: 3px; margin: 0px 10px -4px 0px; }
- .notes li { padding-bottom: 7px; }
- .mus {margin-bottom:5px; min-height: 100px; height: 100px; padding: 0px 20px; padding-left: 0px; display: table; }
- .mus img { width: 100px; position: absolute; border-radius: 5px;}
- .musiclabel { padding: 10px 20px; padding-left: 120px; display: table-cell; font-family: calibri; letter-spacing: 1px; width: 300px; font-size: 9px; text-transform: uppercase;}
- .audioverlay { opacity: 0.3; background-color: #fff; position: absolute; z-index: 10; border-radius: 5px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; z-index: 100;}
- .mus:hover .audioverlay { opacity: 0.8; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
- .audioarrow { width: 20px; height: 30px; overflow: hidden; margin: 35px 45px 35px 35px;}
- .simple-player .audio-player .play-pause { font-size: 19px; padding: 5px!important; width: auto; }
- ul.tab {
- list-style-type: none;
- left: 635px;
- bottom: 30px;
- position: fixed;
- margin: 0;
- padding: 0;
- overflow: hidden; }
- ul.tab li {float: left;}
- ul.tab li a { border-bottom: 1.5px transparent solid; display: inline-block; text-shadow: 0px 0px 5px black; text-align: center; padding-bottom: 20px; width: 35px; text-decoration: none; transition: 0.3s; color:{color:text}; }
- ul.tab li a:hover { text-shadow:none; color: #f2eee7; }
- ul.tab li a:focus, .active { color:#f2eee7; }
- .links a { font-family:'Playfair Display SC'; text-transform:uppercase; font-size:12px; }
- .tabcontent { display: none; overflow: auto; line-height: 120%; bottom:120px; margin-top: 30px; position: fixed; left: 575px; overflow-x: hidden; text-align: justify; height: 460px; color: {color:text}; }
- .tabcontent { -webkit-animation: fadeEffect 0.5s; animation: fadeEffect 0.5s; }
- @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
- @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
- .description { position: fixed; left: 980px; width:160px; height:320px; bottom:180px; padding: 0px 20px 0px 0px; overflow:auto; }
- #pagination { text-align: right; bottom: 630px; line-height: 100%; position: fixed; left: 880px;}
- #pagination a{ font-size: 12px; opacity: 0.2; letter-spacing: 1px; text-transform: uppercase; font-family: 'Playfair Display SC'; }
- .play { z-index: 9999; left: 100px; width: 55px; opacity: 0.5; bottom: 280px; height: 15px; overflow: hidden; position: fixed; }
- main { margin: 0 auto; }
- section { display: none; padding: 20px 0 0; }
- input { display: none; }
- label { font-family: Playfair Display SC; text-transform:uppercase; letter-spacing:1px; display: inline-block; margin: 0 7% 0; padding: 5px 25px; font-size:10px; font-weight: 600; text-align: center; border: 1px solid transparent; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
- label:before { font-weight: normal; margin-right: 10px; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
- label:hover { color: #888; cursor: pointer; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
- input:checked + label { color: {color:link hover}; border-bottom: 1px solid {color:link hover}; } #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 { display: block; }
- @media screen and (max-width: 650px) { label { font-size: 0; }
- label:before { margin: 0; font-size: 18px; } }
- @media screen and (max-width: 400px) { label { padding: 15px; } } button.accordion { background-image: url('{image:Texture}'); background-position: center; color: {color:text}; height: 40px; width: 100%; border: none; text-align: center; outline: none; font-size: 15px; margin-bottom: 10px; font-family: 'Playfair Display SC'; text-transform:uppercase; transition: 0.4s; }
- button.accordion.active, button.accordion:hover { color: white; }
- div.panel { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
- div.panel img:hover{ opacity:0.6; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
- </style>
- </head>
- <body> <script src=
- "http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"
- type="text/javascript">
- </script><script src="http://static.tumblr.com/awdnhgg/vHfohsb4i/jquery.style-my-tooltips.js"
- type="text/javascript">
- </script>
- <script type="text/javascript">
- //<![CDATA[
- (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery);
- //]]>
- </script>
- <div class="links">
- <ul class="tab">
- <li title="POSTS">
- <a href="javascript:void(0)" class="tablinks" onclick=
- "openCity(event, 'Yavin IV')" id="defaultOpen" name=
- "defaultOpen">I.</a>
- </li>
- <li title="ASK">
- <a href="javascript:void(0)" class="tablinks" onclick=
- "openCity(event, 'Messages')">II.</a>
- </li>
- <li title="GUIDELINES">
- <a href="javascript:void(0)" class="tablinks" onclick=
- "openCity(event, 'Rules')">III.</a>
- </li>
- <li title="ABOUT">
- <a href="javascript:void(0)" class="tablinks" onclick=
- "openCity(event, 'About')">IV.</a>
- </li>
- <li title="NAVIGATION">
- <a href="javascript:void(0)" class="tablinks" onclick=
- "openCity(event, 'Navigate')">V.</a>
- </li>
- </ul>
- </div>
- <div class="description">
- <center>
- <h2 style="font-size:17px;">
- {title}
- </h2>
- </center>{description}
- </div>
- <div id="Yavin IV" class="tabcontent">
- {block:Posts}
- <div id="posts">
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}" title="previous page" class="jump_page">prev</a>
- {/block:PreviousPage}{block:NextPage}<br />
- <a href="{NextPage}" title="next page" class="jump_page">next</a>{/block:NextPage}
- </div>{/block:Pagination} {block:Text}{block:Title}
- <h2>
- {Title}
- </h2>{/block:Title}
- <p>
- {Body}
- </p>{/block:Text} {block:Quote}
- <h2>
- ❝{Quote}❞
- </h2>—{Source}{/block:Quote} {block:Link} <a href="{URL}"></a>
- <h2>
- <a href="{URL}">{Name}</a>
- </h2>{block:Description}
- <p>
- {Description}
- </p>{/block:Description}{/block:Link} {block:Photo}
- <center>
- <img src="{photourl-400}" />
- </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}
- <center>
- {Photoset}
- </center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Audio}
- <div class="mus">
- <div class="audioverlay">
- <div class="audioarrow">
- {AudioPlayerWhite}
- </div>
- </div><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" />{block:AlbumArt}<img class="cover" src="{AlbumArtURL}" />{/block:AlbumArt}
- <div class="musiclabel">
- {block:TrackName}<span style="font-weight:normal;text-transform: uppercase;font-family:'Playfair Display SC';font-size:10px;letter-spacing:-1px;">{TrackName}</span>{/block:TrackName}<br />
- {block:Artist}{Artist}{/block:Artist} {block:Album}·
- {Album}{/block:Album}<br />
- {block:Playcount}{Playcount} Plays{/block:Playcount}
- </div>
- </div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Chat}
- <ul class="chat">
- <li style="list-style: none">{block:Title}
- <h2>
- <strong>{Title}</strong>
- </h2>{/block:Title}{block:Lines}
- </li>
- <li>{block:Label}<span class="label">
- {Label}</span>{/block:Label} {Line}
- </li>
- <li style="list-style: none">{/block:Lines}
- </li>
- </ul>{/block:Chat}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="asker">
- <img src="{AskerPortraitURL-30}" style=" float: left; margin: 0px 10px 0px 0px;" /> {Asker}:
- <div id="question">
- {Question}
- <hr />
- </div>
- </div>{block:Answerer}
- <p>
- {Answer}
- </p>{/block:Answerer}
- <div id="replies">
- <p>
- {Replies}
- </p>
- </div>{/block:Answer} {block:Date}
- <div class="permalink">
- <strong style=" font-family: 'Playfair Display SC'; font-size: 17px;"><a href="{Permalink}">
- {TimeAgo}</a></strong>
- <div style=" text-align: right; margin-top: -20px; margin-left: 1px;text-transform:uppercase; line-height: 100%; font-family: 'fjalla one'; font-size: 9px; padding-right: 15px; padding-left: 120px; letter-spacing: 1px;">
- {block:NotReblog}<a href="{ReblogURL}" title="reblog"
- target="_blank">reblog</a>{/block:NotReblog}{/block:Date}<br />
- {block:NoteCount}{NoteCount} notes{/block:NoteCount}
- </div>
- </div>{block:HasTags}
- <div id="tags">
- {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
- </div>{/block:HasTags}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>{/block:Posts}
- </div>
- <div id="Messages" class="tabcontent" title="ask">
- <div id="posts">
- <center>
- <h2>
- ASK ME ANYTHING
- </h2>
- </center><br />
- <br />
- <iframe frameborder="0" scrolling="yes" width="300" src=
- "http://www.tumblr.com/ask_form/YOURURL.tumblr.com"
- style=
- "background-color: #0f0f0f; overflow:hidden;height: 270px;"
- id="ask_form" name="ask_form"></iframe>
- </div>
- </div>
- <div id="Rules" class="tabcontent">
- <div id="posts">
- <p>
- Dāervose jevosy yne enkot daor. Jemot ziry tepagon koston
- daor. Dāerves jevys tepagon yne sytilībos daor. Jemēle
- mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt ziry
- mazemagon jemo bēvilza. Tolvies jemys. Jevys qrinuntys
- ikson daor. Jevys qrinuntys jemo paktot issa. Jevys
- qrinuntys jevor riñar laodissis ossēnīs. Jevys qrinuntys
- jemo syt mērī belma se boteri se udrāzmī ēzi. Udrāzmī
- jemot maghon daor. Iderennon maghan. Se jevo qrinuntoti
- pōjor gūrotriri maghan. Naejot!
- </p>
- </div>
- </div>
- <div id="About" class="tabcontent">
- <div id="posts">
- <p>
- Dāervose jevosy yne enkot daor. Jemot ziry tepagon koston
- daor. Dāerves jevys tepagon yne sytilībos daor. Jemēle
- mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt ziry
- mazemagon jemo bēvilza. Tolvies jemys. Jevys qrinuntys
- ikson daor. Jevys qrinuntys jemo paktot issa. Jevys
- qrinuntys jevor riñar laodissis ossēnīs. Jevys qrinuntys
- jemo syt mērī belma se boteri se udrāzmī ēzi. Udrāzmī
- jemot maghon daor. Iderennon maghan. Se jevo qrinuntoti
- pōjor gūrotriri maghan. Naejot!
- </p>
- </div>
- </div>
- <div id="Navigate" class="tabcontent">
- <div id="posts">
- <button class="accordion">Nābēmātās</button>
- <div class="panel">
- <p>
- Dāervose jevosy yne enkot daor. Jemot ziry tepagon
- koston daor. Dāerves jevys tepagon yne sytilībos daor.
- Jemēle mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt
- ziry mazemagon jemo bēvilza. Tolvies jemys. Jevys
- qrinuntys ikson daor. Jevys qrinuntys jemo paktot issa.
- Jevys qrinuntys jevor riñar laodissis ossēnīs. Jevys
- qrinuntys jemo syt mērī belma se boteri se udrāzmī ēzi.
- Udrāzmī jemot maghon daor. Iderennon maghan. Se jevo
- qrinuntoti pōjor gūrotriri maghan. Naejot!
- </p>
- </div><button class="accordion">Nābēmātās</button>
- <div class="panel">
- <p>
- Dāervose jevosy yne enkot daor. Jemot ziry tepagon
- koston daor. Dāerves jevys tepagon yne sytilībos daor.
- Jemēle mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt
- ziry mazemagon jemo bēvilza. Tolvies jemys. Jevys
- qrinuntys ikson daor. Jevys qrinuntys jemo paktot issa.
- Jevys qrinuntys jevor riñar laodissis ossēnīs. Jevys
- qrinuntys jemo syt mērī belma se boteri se udrāzmī ēzi.
- Udrāzmī jemot maghon daor. Iderennon maghan. Se jevo
- qrinuntoti pōjor gūrotriri maghan. Naejot!
- </p>
- </div><button class="accordion">Nābēmātās</button>
- <div class="panel">
- <p>
- Dāervose jevosy yne enkot daor. Jemot ziry tepagon
- koston daor. Dāerves jevys tepagon yne sytilībos daor.
- Jemēle mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt
- ziry mazemagon jemo bēvilza. Tolvies jemys. Jevys
- qrinuntys ikson daor. Jevys qrinuntys jemo paktot issa.
- Jevys qrinuntys jevor riñar laodissis ossēnīs. Jevys
- qrinuntys jemo syt mērī belma se boteri se udrāzmī ēzi.
- Udrāzmī jemot maghon daor. Iderennon maghan. Se jevo
- qrinuntoti pōjor gūrotriri maghan. Naejot!
- </p>
- </div><script type="text/javascript">
- //<![CDATA[
- var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].onclick = function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight){ panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } } }
- //]]>
- </script>
- </div>
- </div><script src=
- "http://static.tumblr.com/awdnhgg/6IWohsa5y/tabs.js" type=
- "text/javascript">
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment