Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--------------------------------------------------------------------------------
- + - - - THEME 003: TUMBLR OF OUR OWN
- + - - - THEME BY: Jercy @ striveattemptfail.tumblr.com
- + - - - LAST UPDATED: MAY 2015
- + - - - OTHER CREDITS: Original layout design and all graphics by AO3.
- -------------------------------------------------------------------------------->
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="http://archiveofourown.org/favicon.ico">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="text:Your URL" content="yoururlhere" />
- <meta name="text:Fandoms" content="Fandom 1, Fandom 2, etc" />
- <meta name="text:Characters" content="Character 1, Character 2, etc" />
- <meta name="text:OTPs" content="Ship 1, Ship 2, etc" />
- <meta name="if:Show Likes" content="1"/>
- <meta name="if:Show Search Bar" content="1"/>
- <meta name="if:Show Fandom Preferences" content="1"/>
- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
- <head>
- <style type="text/css">
- body {
- background: #fff;
- color: #000;
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 15px;
- margin: 0;
- padding: 0;
- word-wrap: break-word;
- white-space: normal;
- }
- a {
- color: #888;
- text-decoration: none;
- }
- a:hover { font-style: italic; }
- hr { width: 50%; }
- blockquote {
- margin-top: 0px;
- margin-left: 15px;
- padding-left: 10px;
- border-left: 2px solid #000;
- }
- blockquote img { max-width: 100%; }
- /* TITLE *//* CODE BY STRIVEATTEMPTFAIl */
- #header {
- vertical-align: middle;
- padding: 7px 5px;
- }
- #header img { vertical-align: middle; }
- #header .title {
- width: 100%;
- color: #990000;
- font-family: Georgia;
- font-size: 27px;
- }
- #header .title a {
- color: #990000;
- text-decoration: none;
- }
- #header .title a:hover { font-style: normal; }
- #header .title sup {
- margin-left: 5px;
- font-size: 13px;
- font-style: italic;
- }
- /* NAVIGATION BAR */
- #navi {
- background-image: url('http://static.tumblr.com/efqf52c/uFSnobitm/navi1.png');
- width: 100%;
- padding: 5px 0px;
- vertical-align: middle;
- }
- #navi .contain { margin-left: 15px; }
- #navi .links a {
- color: #fff;
- text-decoration: none;
- padding: 5px 10px;
- }
- #navi .links a:hover {
- background-color: #ccc;
- color: #000;
- font-style: normal;
- }
- /* SEARCH */
- #search {
- float: right;
- display: block;
- margin-right: 20px;
- margin-top: -1.5px;
- }
- #search .sfm input {
- padding: 3px 7px;
- border: 0px;
- border-radius: 10px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- }
- #search .sfm input:hover {
- box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.4);
- -moz-box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.4);
- -webkit-box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.4);
- }
- #search #sb {
- background: #eee;
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 15px;
- width: 65px;
- margin-left: 10px;
- padding: 0px 3px;
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- }
- #search #sb:hover {
- color: #990000;
- box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.5);
- -moz-box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.5);
- -webkit-box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.5);
- }
- /* NAVIGATION */
- #pages {
- width: 95%;
- margin-top: 15px;
- text-align: right;
- }
- #pages button {
- background: #eee;
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 14px;
- display: inline-block;
- margin-right: 5px;
- padding: 0px 10px;
- border: 1px inset rgba(170, 170, 170, .5);
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- }
- /* DESCRIPTION BAR */
- #main {
- width: 90%;
- margin-top: 20px;
- margin-left: auto;
- margin-right: auto;
- padding: 7px 0px;
- word-wrap: break-word;
- white-space: normal;
- box-shadow: 1px 1px 5px 1px rgba(119, 119, 119, 0.5);
- -moz-box-shadow: 1px 1px 5px 1px rgba(119, 119, 119, 0.5);
- -webkit-box-shadow: 1px 1px 5px 1px rgba(119, 119, 119, 0.5);
- }
- #main a {
- color: #000;
- border-bottom: 1px dotted #000;
- text-decoration: none;
- }
- #main a:hover {
- background-color: #990000;
- color: #fff;
- border-bottom: 1px dotted #fff;
- text-decoration: none;
- font-style: normal;
- }
- #main table {
- margin-bottom: 7px;
- margin-right: 20px;
- }
- #main td.left {
- text-align: left;
- vertical-align: text-top;
- font-weight: none;
- padding-top: 10px;
- padding-left: 20px;
- width: 250px;
- }
- #main td.right {
- padding-top: 10px;
- word-wrap: break-word;
- white-space: normal;
- }
- /* POSTS *//* CODE BY STRIVEATTEMPTFAIl */
- .titles {
- color: #000;
- text-align: center;
- font-family: Georgia;
- font-size: 30px;
- margin-top: 0px;
- margin-bottom: 0px;
- }
- .titles a { color: #990000; }
- .titles a:hover {
- color: #888;
- font-style: normal;
- }
- #post {
- width: 70%;
- margin-top: 30px;
- margin-left: auto;
- margin-right: auto;
- padding: 10px;
- }
- #post .title_break hr {
- width: 100%;
- border: 1px solid #000;
- }
- #post .center {
- margin-left: auto;
- margin-right: auto;
- width: 500px;
- }
- #post .caption {
- margin-left: auto;
- margin-right: auto;
- width: 80%;
- }
- #post .photo {
- margin-left: auto;
- margin-right: auto;
- width: 500px;
- }
- #post .photo img { opacity: .65; }
- #post .photo img:hover { opacity: 1; }
- #post .pano {
- margin-left: auto;
- margin-right: auto;
- width: 500px;
- }
- #post .pano img { opacity: .65; }
- #post .pano img:hover { opacity: 1; }
- #post .post_link_etc {
- font-size: 14px;
- font-style: italic;
- text-align: center;
- }
- #post .quote {
- font-family: Georgia;
- padding: 15px 15px 15px 5px;
- }
- #post .quotation {
- opacity: 0.1;
- color: #000;
- font-family: Georgia;
- font-size: 100px;
- height: 10px;
- }
- #post .quote_source {
- font-family: 'Source Sans Pro', sans-serif;
- margin-top: 10px;
- padding-top: 5px;
- }
- #post .chat ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #post .chat li { padding: 3px 7px; }
- #post .chat .even { background: #ccc; }
- #post .chat .label {
- font-weight: bold;
- margin-right: 5px;
- }
- /* ASK POSTS */
- .quest {
- background-color: #efefef;
- padding: 15px;
- margin-bottom: 10px;
- box-shadow: 1px 1px 5px 1px rgba(119, 119, 119, 0.5);
- -moz-box-shadow: 1px 1px 5px 1px rgba(119, 119, 119, 0.5);
- -webkit-box-shadow: 1px 1px 5px 1px rgba(119, 119, 119, 0.5);
- }
- .quest img {
- border-radius: 25px;
- -webkit-border-radius: 25px;
- -moz-border-radius: 25px;
- }
- .asker {
- color: #111;
- font-weight: bold;
- text-decoration: none;
- }
- .asker a { border-bottom: 1px dotted #000; }
- .asker a:hover {
- color: #990000;
- background-color: #ddd;
- font-style: normal;
- }
- .asker_question { padding-top: 10px; }
- .ans { margin-top: 15px; }
- .answer a {
- color: #111;
- font-weight: bold;
- text-decoration: none;
- border-bottom: 1px dotted #000;
- }
- .answer a:hover {
- color: #990000;
- background-color: #ddd;
- font-style: normal;
- }
- /* POST FOOTER */
- #footer {
- padding-top: 5px;
- word-wrap: break-word;
- }
- #footer .tags {
- border-top: 1.5px solid #000;
- padding: 10px 0px;
- }
- #footer .tags a { margin-right: 15px; }
- #footer .tags a:hover {
- color: #222;
- font-style: normal;
- }
- #footer .info {
- text-align: left;
- padding-top: 5px;
- border-top: 1.5px solid #000;
- }
- #footer .info a { color: #000; }
- #footer .info a:hover {
- font-style: normal;
- color: #888;
- }
- #footer .post_button { float: right; }
- #footer .post_button button {
- background: #eee;
- margin-right: 5px;
- display: inline-block;
- height: 22px;
- width: 22px;
- padding: 2.5px;
- border: 1px inset rgba(170, 170, 170, .5);
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- #footer .post_button button:hover {
- box-shadow: inset 0px 0px 2px .1px rgba(153, 0, 0, 0.25);
- -moz-box-shadow: inset 0px 0px 2px .1px rgba(153, 0, 0, 0.25);
- -webkit-box-shadow: inset 0px 0px 2px .1px rgba(153, 0, 0, 0.25);
- }
- /* PAGINATION */
- #pag {
- text-align: right;
- margin: 25px 0px;
- }
- #pag .container {
- width: 90%;
- margin-left: auto;
- margin-right: auto;
- }
- #pag button {
- background: #eee;
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 15px;
- display: inline-block;
- margin-left: 15px;
- padding: 0px 10px;
- border: 1px inset rgba(170, 170, 170, .5);
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- #pag button:hover {
- color: #990000;
- box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.5);
- -moz-box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.5);
- -webkit-box-shadow: inset 0px 0px 5px 1px rgba(119, 119, 119, 0.5);
- }
- #pag .pagin {
- margin-left: 15px;
- display: inline-block;
- }
- /* POST NOTES */
- #postnotes {
- width: 80%;
- position: relative;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- #postnotes .note_title {
- margin: 15px 0px;
- color: #990000;
- font-family: Georgia;
- font-size: 25px;
- }
- #postnotes .note_title img {
- margin-left: auto;
- margin-right: auto;
- width: 65px;
- }
- .notecontainer {
- margin: 0px auto;
- width: 500px;
- padding: 15px;
- font-size: 12px;
- text-align: center;
- }
- .notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- .notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- /* THEME CREDIT *//* CODE BY STRIVEATTEMPTFAIl */
- #cred {
- font-size: 13px;
- text-align: center;
- width: 90%;
- margin-left: auto;
- margin-right: auto;
- margin-top: 30px;
- padding: 10px 0px;
- border-top: 2px solid #000;
- }
- #cred a {
- color: #000;
- font-style: normal;
- text-decoration: none;
- border-bottom: 1px dotted #000;
- }
- #cred a:hover {
- background-color: #990000;
- color: #fff;
- font-style: normal;
- text-decoration: none;
- border-bottom: 1px dotted #fff;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>
- <div id="header">
- <div class="title"><a href="/"><img src="https://vampisthenewblack.files.wordpress.com/2011/08/logo.png" height="40px"> {Title}<sup>blog</sup></a></div>
- </div>
- <div id="navi">
- <div class="contain">
- <div class="links">
- <a href="/archive">Archive</a>
- {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
- {block:IfShowLikes}<a href="http://tumblr.com/liked/by/{text:Your URL}">Likes</a>{/block:IfShowLikes}
- {block:IfShowSearchBar}
- <div id="search">
- <form action="/search" method="get" class="sfm">
- <input type="text" name="q" value="{SearchQuery}" id="sf" />
- <input type="submit" value="Search" id="sb" />
- </form>
- </div>
- {/block:IfShowSearchBar}
- </div></div>
- </div>
- {block:HasPages}
- <div id="pages">
- <button type="button">Go</button>
- <select style="width:200px;font-family:'Source Sans Pro';font-size:25px" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">Navigation</option>
- {block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}
- </select>
- </div>
- {/block:HasPages}
- <div id="main">
- <table>
- <tr>
- <td class="left">User:</td><td class="right">{text:Your URL}</td>
- </tr>
- {block:IfShowFandomPreferences}
- <tr>
- <td class="left">Fandom(s):</td><td class="right">{text:Fandoms}</td>
- </tr>
- <tr>
- <td class="left">Favorite Character(s):</td><td class="right">{text:Characters}</td>
- </tr>
- <tr>
- <td class="left">Currently sailing:</td><td class="right">{text:OTPs}</td>
- </tr>
- {/block:IfShowFandomPreferences}
- <tr>
- <td class="left">Description:</td><td class="right" style="text-align:justify">{Description}</td>
- </tr>
- </table>
- </div>
- <!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>
- {block:Posts}
- <div id="post">
- {block:Text}
- <div class="post">
- {block:Title}
- <div class="titles">{Title}</div>
- <div class="title_break"><hr></div>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="photo">
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Photo}
- {block:Panorama}
- <div class="pano">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" width="500px" />
- {LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Panorama}
- {block:Photoset}
- <div class="photo">
- {Photoset-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Photoset}
- {block:Link}
- <div class="post_link">
- <div class="titles"><a href="{URL}" {Target} target="_blank">{Name} ›</a></div>
- <div class="post_link_etc">{block:Excerpt} {Excerpt} {/block:Excerpt}{block:Author} ↔ (via {Author}) {/block:Author}</div>
- <div class="title_break"><hr></div>
- {block:Description}
- {Description}
- {/block:Description}
- </div>
- {/block:Link}
- {block:Quote}
- <div class="quotation">“</div>
- <div class="quote">
- <div class="titles">{Quote}</div>
- {block:Source}
- <div class="quote_source">— {Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Audio}
- <div class="center">
- {AudioEmbed-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Audio}
- {block:Video}
- <div class="center">
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Video}
- {block:Chat}
- <div class="chat">
- {block:Title}
- <div class="titles">>{Title}</div>
- {/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}
- </div>
- </ul>
- {/block:Chat}
- {block:Answer}
- <div class="quest">
- <div class="quest_text">
- <img src="{AskerPortraitURL-48}" align="left" style="margin-right:15px" />
- <div class="asker">{Asker}:</div>
- <div class="asker_question">{Question}</div>
- </div></div>
- {block:Answerer}
- <div class="quest">
- <img src="{AnswererPortraitURL-48}" align="left" style="margin-right:15px" />
- <div class="answer">{Answerer}:</div>
- <div class="answer_ans">{Answer}</div>
- </div>
- {/block:Answerer}
- <div class="ans">
- <div class="replies">{Replies}</div>
- </div>
- {/block:Answer}
- <!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>
- <div id="footer">
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <div class="info">
- <div class="post_button">
- <button type="button">{ReblogButton size="15"}</button>
- <button type="button">{LikeButton size="15"}</button>
- </div>
- <a href="{Permalink}" title="Permalink">{TimeAgo}{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via {ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} | <a href="{SourceURL}" title="{SourceTitle}">by {SourceTitle}</a>{/block:ContentSource}{block:NoteCount} | <a href="{Permalink}#postnotes">{NoteCountWithLabel}</a>{/block:NoteCount}</a>
- </div>
- </div>
- </div>
- {/block:Posts}
- {block:PostNotes}
- <div id="postnotes">
- <div class="note_title">
- <img src="http://transformativeworks.org/sites/default/files/AO3_Kudos%20small.png"/>
- <br>Post Notes</div>
- <div class="notecontainer">{PostNotes-16}</div>
- </div>
- {/block:PostNotes}
- {block:Pagination}
- <div id="pag">
- <div class="container">
- <a href="#main"><button type="button">↑ Top</button></a>
- {block:PreviousPage}
- <a href="{PreviousPage}"><button type="button">← Previous Page</button></a>
- {/block:PreviousPage}
- <div class="pagin">{CurrentPage} / {TotalPages}</div>
- {block:NextPage}
- <a href="{NextPage}"><button type="button">Next Page →</button></a>
- {/block:NextPage}
- </div>
- </div>
- {/block:Pagination}
- <!-----------------THEME CREDIT, please don't remove!----------------->
- <div id="cred">
- Theme by <a href="http://striveattemptfail.tumblr.com">striveattemptfail</a>, based on the <a href="http://archiveofourown.org">Archive of Our Own</a> layout.
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement