Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---
- theme by mcpoyles
- --->
- <html>
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="font:body" content="helvetica" />
- <meta name="font:title" content="helvetica" />
- <meta name="font:sidelinks" content="helvetica" />
- <meta name="color:background" content="#ffffff" />
- <meta name="color:body" content="#747474" />
- <meta name="color:links" content="#A8A8A8" />
- <meta name="color:hover" content="#757575" />
- <meta name="color:entry" content="#ffffff" />
- <meta name="color:side" content="#ffffff" />
- <meta name="color:date" content="#0000000" />
- <meta name="color:tags" content="#f8f8f8" />
- <meta name="color:bottom" content="#ffffff" />
- <meta name="color:sidelinks" content="#ffffff" />
- <meta name="color:sidelinks hover" content="#cccccc" />
- <meta name="color:navigation" content="#666666" />
- <meta name="image:sidebar" content=""/>
- <meta name="text:Link1" content=""/>
- <meta name="text:Link1 URL" content=""/>
- <meta name="text:Link2" content=""/>
- <meta name="text:Link2 URL" content=""/>
- <meta name="text:Link3" content=""/>
- <meta name="text:Link3 URL" content=""/>
- <meta name="text:Link4" content=""/>
- <meta name="text:Link4 URL" content=""/>
- <!--pop up-->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height()) / 2;
- var popMargLeft = ($('#' + popID).width()) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <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}
- </head>
- <style type="text/css">
- body {
- text-align:justify;
- color:{color:body};
- background-color:{color:background};
- font-family:helvetica;
- font-size:9px; }
- b, em, bold, .question a {
- font-family:georgia;
- font-weight:normal;
- text-transform:lowercase;
- color:#666666;}
- a {
- text-decoration: none;
- color:{color:links};
- text-decoration:none;
- -moz-transition:0.3s ease-in;
- -webkit-transition: 0.3s ease-in;
- -o-transition:0.3s ease-in;
- transition:0.3s ease-in; }
- a:hover {
- color: {color:hover};
- text-decoration:none;}
- #wrap {
- min-height: 100%; }
- blockquote{
- margin-left:0px;
- border-left:1px solid #f2f2f2;
- padding-left:10px;
- width:100%;
- }
- /*header*/
- #essentiel {padding:90px;width:400px; margin:auto;}
- #topbar {width:500px;margin-top:-25px;border-bottom:0px solid #fff;z-index:1;margin-left:-110px; margin-bottom:100px;}
- #title {margin-left: -5px; font-size:16px;line-height:200%;margin-bottom:0px;font-weight:lighter;letter-spacing:-1px;text-align:left;font-family: raleway;text-transform:uppercase;}
- #title a{color:;opacity:1;padding:6px 20px 6px 20px;border-bottom: px solid #e2e2e2;}
- #title a:hover {color:;color:#000000;background-color:#f9f9f9;border:0px double #f3f3f3;opacity:1;}
- .top {
- font-size:7px;
- text-transform:uppercase;
- margin-left
- font-weight:normal;
- letter-spacing:1px;
- text-align:right;
- border-top:1px solid #ededed
- }
- .top a {
- line-height:25px;
- padding:0 8px;
- text-align:center;
- display:inline-block;
- } #standardlinks a:hover {color:#747474;}
- .top a:hover{opacity:1;color:#666666;background-color:#ffffff;border-bottom:1px solid #ededed;}
- #description {
- font-size:9px;
- line-height:130%;
- text-align:justify;
- padding:15px 25px;
- margin-top:-10px;}
- #description a {
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;}
- /*#description a:hover {text-decoration:underline;}*/
- #titlee {margin-left: px; font-size:24px;line-height:200%;margin-bottom:0px;font-style:;letter-spacing:-1px;text-align:left;font-family: raleway;text-transform:lowercase;}
- #main {
- padding:10px; }
- #container{
- width:800px;
- left:26%;
- position:relative;}
- .bottom{
- background-color:{color:bottom};
- padding:10px 0px 0px 0px;}
- .space{
- margin-bottom:20px;}
- #entry {
- float:right;
- margin-left:5px;}
- .post {
- background-color:{color:entry};
- padding:10px 10px 85px 10px;
- width:500px;}
- .label1{
- font-family:georgia;
- color:{color:date};}
- .title, .title a {
- display:block;
- font-family:{font:title};
- color:{color:title};
- font-size:9px;
- text-align:left;
- text-transform:lowercase;
- padding:0px 3px 0px 3px;}
- .title a:hover {
- color:{color:date}; }
- .date {
- background-color:{color:date};
- padding:3px 5px 3px 5px;}
- .date, .date a {
- display:block;
- font-family:georgia;
- text-align:center;
- color:#0000000;
- text-transform:lowercase; }
- .links {
- color:#888888;
- padding:5px 5px 5px 5px;
- text-transform:lowercase;
- font-size:10px;
- background-color:#f8f8f8; }
- .tags {
- color:#888888;
- padding:5px 5px 5px 5px;
- text-transform:lowercase;
- font-size:9px;
- background-color:{color:tags}; }
- .chat {
- border-bottom:0px solid #D5D5D5;
- padding:2px;}
- .question{
- background-color:transparent;
- padding:10px;}
- #footer {
- position: relative;
- margin-top: -150px;
- height: 150px;
- clear:both;}
- /*pagination*/
- #pagination {
- font-size:7px;
- width:500px;
- font-style:normal;
- text-align:center;
- letter-spacing:2px;
- font-family:helvetica;
- margin-left:-100px;
- }
- #pagination a {
- text-align:center;
- display:inline-block;
- line-height:15px;
- padding:0 4px 4px 4px;
- text-decoration:none;}
- #pagination a:hover {text-decoration:underline;}
- .current_page {text-align:center;
- margin-left:2px;
- font-size:9px;
- line-height:15px;
- padding:0 2px 2px 2px;
- text-decoration:none;}
- .current_page:hover {text-decoration:underline;}
- .quotesource{
- text-align:right;
- margin-top:-8px;
- }
- .quotesource span{
- background-color:white;
- padding-left:10px;
- }
- .quoteborder{
- border-bottom:0px double #f2f2f2;
- }
- ol {
- list-style-type: none;
- margin: 0 0 1.5em 2.5em; }
- ol.notes li {
- width: 420px;
- padding: 5px 0;
- margin: 0 0 3px -28px;
- border-bottom: 1px solid #f5f5f5; }
- ol.notes li:hover {
- border-bottom: 1px solid #f5f5f5; }
- ol.notes li img {
- width:16px;
- padding-right: 10px;
- margin-bottom: -5px;
- opacity: 0.85;
- filter:alpha(opacity=85); }
- ol.notes li img:hover {
- opacity: 1;
- filter:alpha(opacity=100); }
- .user_1, .user_3, .user_5, .user_7,
- .user_7 , .user_9 .user_11 {
- background-color:#f2f2f2;
- margin-right:25px;
- color:{color:body};}
- .user_2, .user_4, .user_6, .user_8,
- .user_10, .user_12 {
- background-color:{color:entry};
- color:{color:body};
- margin-right:25px;}
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:5px;}
- /*audio*/
- .player {
- width:25px;
- height:25px;
- overflow:hidden;
- margin-left:12px;
- padding:5px;
- position:absolute;
- margin-top:12px;
- background:white;
- z-index:2;}
- .audioinfo {
- text-align:right;
- z-index:2;
- position:absolute;
- padding-top:12px;
- text-transform:uppercase;
- width:430px;
- font-size:10px;
- margin-left:50px;
- }
- .playerback {height:58px;
- background-color:#fafafa;
- }
- #fade {
- display: none;
- background: #525252;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: #fff;
- padding: 35px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #linkpopup {
- background-color: #fff;
- font-family:helvetica;
- font-size:9px;
- text-align:justify;
- }
- #aboutpopup {
- background-color: #fff;
- font-family:helvetica;
- font-size:9px;
- text-align:justify;
- }
- #minepopup {
- background-color: #fff;
- font-family:helvetica;
- font-size:9px;
- text-align:justify;
- }
- #askpopup {
- background-color: #fff;
- font-family:helvetica;
- font-size:9px;
- text-align:justify;
- width:220px;
- }
- {CustomCSS}
- </style>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <body>
- <div id="main">
- <div id="container">
- <div id="essentiel">
- <div style="margin-top:-15px;"></div>
- <div id="topbar">
- <div id="description">{Description}</div>
- <div style="margin-top:1px;"></div>
- <div class="top">
- <a href="/">home</a>
- <a href="#?w=500" rel="askpopup" class="poplight">mail</a>
- <a href="#?w=500" rel="aboutpopup" class="poplight">about</a>
- <a href="#?w=500" rel="linkpopup" class="poplight">navi</a>
- <script language="JavaScript">
- var ref = (''+document.referrer+'');
- var w_h = window.screen.width + " x " + window.screen.height;
- document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3539933&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');</script>
- </div>
- <div id="aboutpopup" class="popup_block">
- i'm <small>T R I S H</small>. college student who spends too much time planning the future and ignoring the present. english literature major. i spend too much time reading <a href="http://stymshaws.tumblr.com/books"><small>B O O K S</small></a> not in the syllabus. currently obsessed with <a href="http://stymshaws.tumblr.com/tagged/reign"><small>R E I G N</small></a> and forever in love with <a href="http://stymshaws.tumblr.com/tagged/boys"><small>B O Y S</small></a>, especially <a title="harry styles" href="http://stymshaws.tumblr.com/tagged/hs"><small>T H I S O N E</small></a>.
- </div>
- <div id="minepopup" class="popup_block">
- <p><a href="/edits">Edits</a> · <a href="/tagged/*">Graphics</a> · <a href="/tagged/typo">Typography</a> | <a href="/top10">Top 10</a> · <a href="/tagged/personal">Personal</a> · <a href="/tagged/dear_diary">Dear Diary</a> </p>
- <p><a href="/tagged/1k">1k+</a> | <a href="/tagged/5k">5k+</a> | <a href="/tagged/10k">10k+</a> | <a href="/tagged/15k">15k+</a> </p>
- </div>
- <div id="askpopup" class="popup_block">
- <center>hi. thanks for dropping by. </center><br>
- <iframe frameborder=”0” scrolling="no" width="100%" height="250"src="http://www.tumblr.com/ask_form/stymshaw.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!—[if IE]><script type="text/javascript">document.getElementById(‘ask_form’).allowTransparency=true;</script><![endif]—>
- </div>
- <div id="linkpopup" class="popup_block">
- Made by me:
- <br><br>
- <p><a href="/edits">Edits</a> · <a href="/tagged/*">Graphics</a> · <a href="/tagged/typo">Typography</a> | <a href="/top10">Top 10</a> · <a href="/tagged/personal">Personal</a> · <a href="/tagged/dear_diary">Dear Diary</a> </p>
- <p><a href="/tagged/1k">1k+</a> | <a href="/tagged/5k">5k+</a> | <a href="/tagged/10k">10k+</a> | <a href="/tagged/15k">15k+</a> </p>
- <br>
- Navigate this blog:
- <div align="justify"><ul>
- <li><a href="/tagged/100songs">music</a>
- <li><a href="/books">books</a>
- <li><a href="/fic">fanfic rec</a>
- <li><a href="/films">films</a>
- <li><a href="/tv">tv shows</a>
- <li><a href="/blogroll">blogroll</a>
- </ul>
- </div>
- Commonly used tags:
- <div align="justify"><ul>
- <li><a href="/tagged/text">all text posts</a>
- <li><a href="/tagged/quote">quotes</a>
- <li><a href="/tagged/words">words</a>
- <li><a href="/tagged/personal">personal posts</a>
- <li><a href="/tagged/important">important</a>
- <br><br>
- <li><a href="/tagged/photography">photography</a>
- <li><a href="/tagged/art">art</a>
- <li><a href="/tagged/design">design</a>
- <li><a href="/tagged/interiors">interiors</a>
- <li><a href="/tagged/history">history</a>
- <li><a href="/tagged/fashion">fashion</a>
- <li><a href="/tagged/hands">hands</a>
- <li><a href="/tagged/skulls">skulls</a>
- <br><br>
- <li><a href="/tagged/boys">boys!</a>
- <li><a href="/tagged/hs">harry styles</a>
- <li><a href="/tagged/cara delevingne">cara delevingne</a>
- <li><a href="/tagged/nick grimshaw">nick grimshaw</a>
- <li><a href="/tagged/alexa chung">alexa chung</a>
- <li><a href="/tagged/taylor swift">taylor swift</a>
- <li><a href="/tagged/lana del rey">lana del rey</a>
- <li><a href="/tagged/lorde">lorde</a>
- <li><a href="/tagged/marilyn monroe">marilyn monroe</a>
- <li><a href="/tagged/audrey hepburn">audrey hepburn</a>
- <br><br>
- <li><a href="/tagged/hp">harry potter</a>
- <li><a href="/tagged/thg">the hunger games</a>
- <li><a href="/tagged/pride and prejudice">pride and prejudice</a>
- <li><a href="/tagged/marie antoinette">marie antoinette</a>
- <li><a href="/tagged/atonement">atonement</a>
- <li><a href="/tagged/game of thrones">game of thrones</a>
- <li><a href="/tagged/ahs">american horror story</a>
- <li><a href="/tagged/teen wolf">teen wolf</a>
- <li><a href="/tagged/orphan black">orphan black</a>
- <li><a href="/tagged/sherlock">sherlock</a>
- </ul>
- </div>
- <a href="http://hipsstirhaz.tumblr.com">Harry Styles Blog</a>
- </div>
- </div>
- <div id="entry">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="title">
- <a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-500}" />
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="postquote">{Quote}</div><br><br>
- {block:Source}<div class="quoteborder"> </div>
- <div class="quotesource"><span>{Source}</span></div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title">
- <a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}
- {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}
- {Video-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audioinfo">
- {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
- </div>
- <div class="playerback">
- <div class="player">{AudioPlayerWhite}</div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="tags">
- <b>{Asker}:</b> {Question}
- </div>
- {Answer}
- {/block:Answer}
- {block:HasTags} <div class="tags" style="margin-top:10px;">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags} </div>{/block:HasTags}
- <table style="font-family:helvetica;font-size:9px;color:{color:hover};border-top:1px solid #f0f0f0;margin-top:10px;" width="100%"><tr><td>
- {block:RebloggedFrom} via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / {/block:RebloggedFrom}
- {block:ContentSource} source: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
- </td>
- <td style="text-align:right;">
- {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date}
- {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
- </td></tr></table>
- </div>
- <div class="bottom"> </div>
- <div class="space"> </div>
- {block:PostNotes}
- <div class="post">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a class="jump_page" href="{PreviousPage}">BACK</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a class="jump_page" href="{NextPage}">FORTH</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- </div>
- </div>
- </div>
- </div>
- </div
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement