Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <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}
- <!-- "JOANNE" by youainshitrps
- Tthis is all my coding. So please don't steal. -->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#a8a8a8"/>
- <meta name="color:links" content="#007dc7"/>
- <meta name="color:post links" content="#007dc7"/>
- <meta name="color:hover" content="#ffffff"/>
- <meta name="color:border" content="#007dc7"/>
- <meta name="color:post border" content="#007dc7"/>
- <meta name="color:description text" content="#000000"/>
- <meta name="color:description background" content="#f6f6f6"/>
- <meta name="color:sidebar links text" content="#ffffff"/>
- <meta name="color:sidebar background" content="#000000"/>
- <meta name="color:blog title background" content="#ffffff"/>
- <meta name="color:blog title" content="#000000"/>
- <meta name="color:drop shadow" content="#000000"/>
- <meta name="color:box shadow" content="#000000"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:container" content="#ff4a00" />
- <meta name="color:info background" content="#000000"/>
- <meta name="color:Bold" content="#ff4a00" />
- <meta name="color:Italic" content="#ff4a00" />
- <meta name="color:info text" content="ffffff"/>
- <meta name="color:pre text" content="#ffffff"/>
- <meta name="color:pre color" content="#000000"/>
- <meta name="color:pagination text" content="#007dc7"/>
- <meta name="color:pic border" content="#ffffff"/>
- <meta name="color:scrollbar" content="#000000"/>
- <meta name="color:scrollbarBg" content="#ffffff"/>
- <meta name="image:background" content=""/>
- <meta name="color:ask bubble" content="#ebf1c2"/>
- <meta name="image:side background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:side2" content=""/>
- <meta name="image:side1" content=""/>
- <meta name="text:links 1 URL" content="">
- <meta name="text:links 1" content="links 1">
- <meta name="text:links 2 URL" content="">
- <meta name="text:links 2" content="links 2">
- <meta name="text:links 3 URL" content="">
- <meta name="text:links 3" content="links 3">
- <meta name="text:links 4 URL" content="">
- <meta name="text:links 4" content="links 4">
- <style type="text/css">
- /* MAIN */
- body {
- background-color:{color:Background};
- background-image: url('{image:Background}');
- position:fixed;
- background-repeat:no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- color:{color:Text};
- font-family:'Raleway', serif;
- font-size:12px;
- margin: 0px;
- padding: 0px;}
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:4px;
- background-color:{color:ScrollbarBg};
- }
- pre {
- font-family: 'Raleway', sans serif;
- font-size:12px;
- text-transform:uppercase;
- padding-left:8px;
- padding-right:8px;
- padding-top:1px;
- padding-bottom:1px;
- text-align:center;
- color:{color:pre text};
- background-color:{color:pre color};
- word-wrap:break-word;
- }
- a:link, a:active {
- text-decoration:none;
- color: {color:post links}; }
- a:visited {
- text-decoration:none;
- color: {color:post links}; }
- a:hover {
- text-decoration:none;
- color: {color:Bold};}
- b, strong, .strong {color:{color:Bold};}
- blockquote {
- border-left:1px solid {color:Text};
- padding-left:6px; }
- #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
- i, em, .em {color:{color:Italic};}
- #title{
- position:fixed;
- color:{color:blog title};
- padding:5px;
- letter-spacing:3px;
- margin-top:87px;
- margin-left:8px;
- font-weight:bold;
- line-height:100%;
- font-family: 'Euphoria Script', cursive;
- font-size:35px;
- text-align:center;
- width:211px;
- height:30px;
- text-shadow: 2px 1px 0px {color:drop shadow};
- border-bottom:solid 1px {color:border};
- }
- /* CONTENT */
- .container {
- width:730px;
- height:450px;
- margin-left:400px;
- top:150px;
- background-color:{color:container};
- position:fixed;
- padding:5px;
- overflow:auto;
- z-index:9999999999999;
- border-bottom: solid 10px {color:border};
- border-right: solid 10px {color:border};
- }
- .entries {
- width:515px;
- padding:10px;
- margin-left:100px;
- margin-top:10px;
- margin-bottom:20px;
- background-color:{color:posts};
- border:solid 1px {color:border};
- }
- .posttitle {
- margin-bottom: 5px;
- color:{color:sidebar link};
- font-size:30px;
- line-height:115%;
- text-align:center;
- text-transform: lowercase;
- font-family: 'Euphoria Script', cursive;
- }
- .pagination {
- position: fixed;
- font-size:13px;
- line-height:200%;
- font-family:'Raleway', sans-serif;
- background:{color:Sidebar background};
- font-weight:bold;
- font-style:italic;
- text-align:center;
- letter-spacing: .5px;
- margin-top: 585px;
- margin-left:150px;
- width:239px;
- height:24px;
- color: {color:pagination text};
- text-shadow: 1px 1px 0px {color:drop shadow};
- border-top: solid 1px {color:border};
- border-right: solid 1px {color:border};
- border-bottom: solid 10px {color:border};
- border-left: solid 10px {color:border};
- }
- #description {
- position:fixed;
- height:230px;
- width:200px;
- padding:5px;
- font-family:'Raleway', sans-serif;
- font-size:10px;
- margin-top:220px;
- margin-left:15px;
- text-align:justify;
- overflow:auto;
- color:{color:description text};
- background-color:{color:description background};
- }
- #sidebar{
- padding: -10px;
- z-index:-9999;
- text-align:center;
- position:fixed;
- margin-top:150px;
- background:{color:Sidebar background};
- font-size:10px;
- margin-left:150px;
- width:239px;
- height:435px;
- color:black;
- font-family:'Raleway', sans-serif;
- color:{color:background};
- border-left: solid 10px {color:border};
- border-right: solid 2px {color:border};
- }
- .sidebarimg {
- margin-top:-50px;
- margin-left:-101px;
- }
- .sidebarimg img {
- position:fixed;
- width:70px;
- height:70px;
- margin-top:65px;
- margin-left:60px;
- z-index:9999999;
- border: solid 2px {color:pic border};
- box-shadow:1px -2px 5px {color:box shadow};
- -ms-transform: rotate(27deg); /* IE 9 */
- -webkit-transform: rotate(27deg); /* Chrome, Safari, Opera */
- transform: rotate(27deg);
- }
- #side2 {
- position:fixed;
- width:980px;
- height:130px;
- margin-top:-90px;
- margin-left:-10px;
- z-index:9999999;
- border-top: solid 10px {color:border};
- border-left: solid 10px {color:border};
- border-right: solid 10px {color:border};
- }
- #side1 {
- position:fixed;
- max-width:70px;
- max-height:70px;
- margin-top:65px;
- margin-left:63px;
- z-index:9999999;
- border: solid 2px {color:pic border};
- box-shadow:1px -2px 5px {color:box shadow};
- -ms-transform: rotate(-27deg); /* IE 9 */
- -webkit-transform: rotate(-27deg); /* Chrome, Safari, Opera */
- transform: rotate(-27deg);
- }
- /*----------QUOTE---------*/
- .quote {
- padding:10px;
- font-size:15px;
- }
- .quotesource {
- padding:10px;
- text-align:center;
- }
- /*----------CHAT---------*/
- .chat ol {
- padding:0;
- list-style:none;
- }
- .line {
- list-style:none;
- padding:5px 0;
- }
- .label {
- text-decoration:bold;
- }
- /*----------AUDIO---------*/
- .cover {
- position:relative;
- z-index:1;
- max-width:100px;
- padding:10px;
- float:left;
- }
- .playbutton {
- width:20px;
- height:30px;
- overflow:hidden;
- position:relative;
- z-index:2;
- }
- .playbox {
- background-color:#000;
- position:absolute;
- z-index:2;
- padding:15px 24px 13px 16px;
- margin-top:30px;
- margin-left:30px;
- opacity:0.5;
- }
- .trackdetails {
- padding:10px;
- width:auto;
- height:100px;
- margin-top:10px;
- margin-left:100px;
- }
- /*----------ASK---------*/
- .bubble {
- width:400px;
- position: relative;
- background:{color:ask bubble};
- left:60px;
- margin: 0;
- padding:10px;
- text-align:center;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
- -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
- box-shadow: 0px 0 1px rgba(0,0,0,0);
- }
- .bubble:after {
- position: absolute;
- display: block;
- content: "";
- border-color: {color:ask bubble} transparent transparent transparent;
- border-style: solid;
- border-width: 15px 15px 0px;
- height:0;
- width:0;
- position:absolute;
- left:-15px;
- top:10px;
- }
- /*----------INFO---------*/
- .info {
- padding:10px;
- text-transform:uppercase;
- border-top:1px solid #eee;
- margin-top:25px;
- }
- .tags {
- margin-left:10px;
- margin-top:-5px;
- }
- .tags a {
- margin-right:10px;
- letter-spacing:1px;
- }
- /*----------POST NOTES---------*/
- ol.notes {
- padding:0px;
- margin:25px 0px 0px -10px;
- list-style-type:none;
- }
- ol.notes li.note {
- padding:10px;
- }
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- margin-right:10px;
- width:16px;
- height:16px;
- }
- ol.notes li.note span.action {
- font-weight:none;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- padding:4px 10px;
- margin:10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration:none;
- }
- #links {
- padding-right:1px;
- padding-bottom:6px;
- line-height:100%;
- z-index:10000000000000000;
- text-align:center;
- font-size:20px;
- top:135px;
- opacity:1;
- position:fixed;
- font-family: 'Raleway', sans-serif;
- position:absolute;
- text-transform:uppercase;
- text-align:center;
- color:{color:sidebar links text};
- }
- #links a{
- z-index:10000000000000000;
- margin-left:3px;
- padding:3px;
- display:inline-block;
- }
- #links a:hover{
- color:{color:posts};
- -moz-transition-duration:.2s;
- -webkit-transition-duration:.2s;
- -o-transition-duration:.2s;
- background-color:{color:info background};
- }
- /*CREDIT*/
- #credit {
- text-align:center;
- position:fixed;
- bottom:10px;
- right:10px;
- width:15px;
- height:15px;
- padding:3px;
- text-shadow: 1px 0px 0px {color:drop shadow};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #credit:hover {
- background:transparent;
- transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -moz-transform: rotate(30deg);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #credit a {
- text-decoration:none;
- font-size:25px;
- color:{color:hover links text};
- text-shadow: 1px 0px 0px {color:drop shadow};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #credit a:hover {
- color:{color:hover};
- transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -moz-transform: rotate(30deg);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- </style>
- </div>
- <div id="sidebar"><div id="title">{title}</div>
- <div class="sidebarimg"><img src="{image:sidebar}"/></div>
- <div id="side2"><img src="{image:side2}"></div>
- <div id="side1"><img src="{image:side1}"></div>
- <div id="description">{description}</div>
- <div id="links">
- <a href="/" title="home"><span class="lnr lnr-home"></span></a>
- <a href="/ask" title="message"><span class="lnr lnr-envelope"></span></a>
- <a href="/submit" title="submit"><span class="lnr lnr-upload"></span></a>
- <a href="{text:link 1 url}" title="{text:link 1 name}"><span class="lnr lnr-user"></span></a>
- <a href="{text:link 2 url}" title="{text:link 2 name}"><span class="lnr lnr-picture"></span></a>
- <a href="{text:link 3 url}" title="{text:link 3 name}"><span class="lnr lnr-list"></span></a>
- <a href="http://performingtheartsrp.tumblr.com/" title="main"><span class="lnr lnr-camera-video"></span></a>
- </div>
- </div>
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
- {block:JumpPagination length="7"}
- {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 href="{NextPage}" class="jump_page">»</a>{/block:NextPage}
- {/block:Pagination} </div></div></div><!-- END SIDE IMAGE BORDER -->
- <!-- END HOVER -->
- <div class="container">
- {block:Posts}
- <div class="entries">
- {block:Text}
- {block:Title}
- <a href="{permalink}" class="posttitle">{Title}</a>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}<div class="quotesource"> — {Source}</div>
- {/block:Source}{/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">
- <b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
- {/block:Chat}
- {block:Audio}
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="trackdetails"><br>
- {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
- {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
- <b>PLAYS:</b> {FormattedPlayCount}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="post"><br>
- <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} wondered: {Question}</div><br>
- <div style="margin-left:-7px;">{Answer}</div>
- </div>
- {/block:Answer}
- <div class="info">
- {block:Date}
- <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
- {/block:Date}
-
- <a href="{Permalink}">{NoteCount}</a>
-
- <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
- <font style="float:right">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
- {block:ContentSource}
- <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- </font style>
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}"><span class="lnr lnr-pushpin"></span> {Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Posts}
- {block:ContentSource}
- <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
- width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <!-- DO NOT TOUCH THIS CREDIT! -->
- <div id="credit">
- <a href="http://youaintshitrps.tumblr.com/">➳</a>
- </div>
- </div>
- </div>
- <!--END POSTS-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement