Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---
- MOBILE THEME 001: MOBASIC #002
- THEME BY: Jercy @ striveattemptfail.tumblr.com
- LAST UPDATED: May 2015
- HOW TO USE AND INSTALL:
- -If you don't know how to install mobile themes, go to striveattemptfail.tumblr.com/themeinstall
- CREDITS:
- -This theme follows this [http://design-seeds.com/home/entry/orchid-hues3] colour scheme
- --->
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=560"/>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <style type="text/css">
- html { width:560px; margin-left:auto; margin-right:auto; }
- body { font-family: Helvetica; font-size: 25px; margin-left: auto; margin-right: auto; word-wrap: break-word; white-space: normal; overflow-x: hidden;
- background-color: #91868f; /* changes the background colour */ }
- a { text-decoration: none;
- color: #688299; /* changes the link colour */ }
- blockquote { margin: 1em 1em; padding: 20px;
- border-left: solid 3px #91868f; /* changes the colour of blockquote lines */ }
- blockquote img { max-width: 50%; max-height: 50%; }
- img { max-width: 100%; max-height: 100%; }
- h3 { text-align: center; font-size: 2.5em; margin-top: -5px; margin-bottom: -20px;
- color: #4f484f; /* changes blog title colour */ }
- h2 { font-size: 1.5em; font-weight: none; margin-top: 0.1em; margin-bottom: -0.1em;
- color: #4f484f; /* changes post title colour */ }
- h2 a { font-weight: none; text-decoration: underline; }
- hr { display: block; margin-top: 1em; margin-bottom: 1em; border-width: 1px; width: 25%; }
- /* CONTAINERS */
- #container { width: 540px; margin-top: 2em; margin-left: auto; margin-right: auto; }
- .navi { text-align: center; padding: 20px;
- background-color: #ebe6eb; /* changes navigation background colour */ }
- .navi a { text-decoration: underline; }
- .pagination { text-align: center; padding: 20px;
- background-color: #ebe6eb; /* changes pagination box colour */ }
- /* POST HEADER */
- #pheader { width: 540px; font-size: 25px; overflow: visible;
- border-bottom: 3px solid #688299; /* changes colour of border under post header/post date */ }
- .headinfo { padding: 20px; }
- .headinfo a { display: inline-block; font-weight: bold;}
- /* POSTS */
- #post { margin-top: 2em; width: 540px; margin-left: auto; margin-right: auto;
- background-color: #ebe6eb; /* changes post background colour */ }
- .post { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
- .photo { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
- .panorama { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
- .quote { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
- .quote_source { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
- .chat { word-wrap: break-word; white-space: normal; overflow-x: hidden; list-style: none; line-height: 1.5em; overflow: auto; word-wrap: normal; padding: 20px; }
- .chat li { overflow: auto; word-wrap: normal; }
- .quest { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden;
- background-color: #e6d3c4; /* changes background colour for asks */
- border-bottom: 3px solid #688299; /* colour of the border between reblogged asks and other comments */
- }
- .asker { padding: 0 0 7px 0; word-wrap: break-word; white-space: normal; overflow-x: hidden; font-weight: bold; display: inline-block; }
- .asker_question { padding: 0 30px; word-wrap: break-word; white-space: normal; overflow-x: hidden; display: inline-block; }
- .answer { margin-bottom: -10px; word-wrap: break-word; white-space: normal; overflow-x: hidden; font-weight: bold; }
- .answer_ans { padding: 0 30px; word-wrap: break-word; white-space: normal; overflow-x: hidden; display: inline-block; }
- .replies { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
- /* POST FOOTER */
- #pfooter { width: 540px; font-size: 25px; overflow: visible;
- border-top: 3px solid #688299; /* changes colour of border over note count and post source */ }
- .footinfo { padding: 20px; }
- .footinfo a { display: inline-block; }
- #pfooter_2 { width: 540px; font-size: 25px; word-wrap: break-word; overflow: hidden; white-space: normal;
- border-top: 3px solid #688299; /* changes colour of border over note count and post source */ }
- .tags { padding: 20px; display: inline-block; margin-right: 0.5em; }
- .tags a { display: inline-block; margin-right: 0.5em; }
- /* POST NOTES */
- #postnotes { width: 540px; margin-left: auto; margin-right: auto; }
- .notecontainer { margin-top: 1em; padding: 20px;
- background-color: #ebe6eb; /* box colour for notes in permalink pages */ }
- .notecontainer ol.notes { list-style-type: none; margin: 0; padding: 0; }
- .notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; }
- /* FOOTER */
- #foo { margin: 1em; padding: 10px; font-size: 12px; text-align: center; }
- #foo a { text-decoration: underline;
- color: #4f484f; /* changes link colour for theme credits, DO NOT REMOVE */ }
- </style>
- </head>
- <body>
- <!-----------CODE BY STRIVEATTEMPTFAIL, please don't steal----------->
- <h3>{Title}</h3>
- <div id="container">
- <div class="navi">
- <a href="/">home</a> {block:AskEnabled}• <a href="/ask">{AskLabel}</a>{/block:AskEnabled} {block:SubmissionsEnabled}• <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
- <!--- BDESCRIPTION: You can delete the "{Description}" code and customize your own description if you'd like --->
- <p>{Description}</p>
- </div>
- </div>
- {block:Posts}
- <div id="post">
- <div id="pheader">
- <div class="headinfo">
- {block:Date} <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>{/block:Date}
- </div>
- </div>
- {block:Text}
- <div class="post">
- {block:Title}
- <h2>{Title}</h2>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="photo">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
- {block:Caption} {Caption} {/block:Caption}
- </div>
- {/block:Photo}
- {block:Panorama}
- <div class="panorama">
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {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">
- <h2><a href="{URL}" {Target}>{Name}</a></h2>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Quote}
- <div class="quote">
- <h2>"{Quote}"</h2>
- {block:Source}
- <div class="quote_source">— {Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Audio}
- <div class="post">
- {AudioEmbed}
- {block:Caption}
- {Caption}
- {/block:Caption}
- </div>
- {/block:Audio}
- {block:Video}
- <div class="post">
- {Video-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Chat}
- <div class="chat">
- {block:Title}
- <h2>{Title}</h2>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li>
- {block:Label}<b>{Label}</b>{/block:Label} {Line}
- </li>
- {/block:Lines}
- </div>
- </ul>
- {/block:Chat}
- {block:Answer}
- <div class="quest">
- <div class="asker">{Asker}</div>
- <div class="asker_question">{Question}</div>
- <hr>
- {block:Answerer}
- <div class="answer">{Answerer}</div>
- <div class="answer_ans">{Answer}</div>
- </div>
- {/block:Answerer}
- <div class="replies">{Replies}</div></div>
- {/block:Answer}
- <!-----------CODE BY STRIVEATTEMPTFAIL, please don't steal----------->
- {block:NoteCount}
- <div id="pfooter">
- <div class="footinfo">
- <a href="{Permalink}#postnotes">{NoteCountWithLabel}</a> {block:RebloggedFrom}• <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} • <a href="{SourceURL}">©</a>{/block:ContentSource}
- </div>
- </div>
- {/block:NoteCount}
- {block:HasTags}
- <div id="pfooter_2">
- <div class="tags"><b>TAGGED:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
- </div>
- {/block:HasTags}
- </div>
- {/block:Posts}
- {block:PostNotes}
- <div id="postnotes">
- <div class="notecontainer">{PostNotes-16}</div>
- </div>
- {/block:PostNotes}
- {block:Pagination}
- <div id="container">
- <div class="pagination">
- {block:PreviousPage} <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
- •
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>
- </div>
- {/block:Pagination}
- <!-----------------THEME CREDIT, please don't remove!----------------->
- <div id="foo">
- <a href="#container">Back to top</a> • Mobile theme by <a href="http://striveattemptfail.tumblr.com">striveattemptfail</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement