Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!-- Theme #2 - mobile version designed by waltzy.tumblr.com. Please do not redistribute, use as a base for your own theme, or claim as your own.
- v1.2
- - updated reblog/like buttons to use tumblr's provided buttons.
- -->
- <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="viewport" content="width=520"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <style type="text/css">
- /* COLOR OPTIONS
- To change the color, just replace the hex code with the new desired hex code */
- body {
- background-color: #dddddd; /* This is the background color for the whole page */
- color: #111111;
- font-size: 30px; /* Change the base font size */
- }
- a, a:link, a:visited, a:active, a:hover, .my-like {
- color: #008cff; /* This is the main link color */
- }
- ul.linkbar li a, a.jump_page:link, a.jump_page:visited {
- background-color: #008cff; /* This colors the home / ask /archive and pagination links */
- color: #EEEEEE !important;
- }
- a img, a:visited img, a:active img {
- border-color: #008cff; /* Border color for images that are links */
- }
- .post, #description {
- background-color: #E9E9E9; /* This is the background color for posts and the description */
- }
- .pagination {
- color: #333333; /* This colors the pagination text for the total number of pages. Pick a color that contrasts with the background. */
- }
- /* end of color options */
- html {
- width: 520px;
- margin-left: auto;
- margin-right: auto;
- }
- body {
- width: 520px;
- margin: 0;
- padding: 10px;
- background-repeat: no-repeat, repeat;
- background-attachment: fixed;
- word-wrap: break-word;
- }
- .post, #description, .notes {
- margin-top: 0px;
- margin: 0px;
- margin-bottom: 20px;
- padding: 0px;
- border-radius: 10px;
- width: 100%;
- }
- .minibar {
- margin-top: 0px;
- margin-bottom: 0px;
- overflow: hidden;
- padding-bottom: 0px;
- }
- .title {
- margin-top: 5px;
- text-align: center;
- font-weight: normal;
- font-style: italic;
- font-family: Georgia, Times New Roman, serif;
- margin-bottom: 0px;
- }
- .pagination {
- text-align: center;
- text-transform: uppercase;
- font-weight: bold;
- padding: 3px;
- }
- .post h3 {
- margin-top: 0px;
- }
- .post-body{
- margin: 0px;
- padding: 10px;
- }
- #description {
- padding: 10px;
- width: 500px;
- }
- a, a:link, a:visited, a:active, a:hover {
- text-decoration: none;
- }
- a img, a:visited img, a:active img {
- border: 2px solid;
- }
- .imgbox {
- text-align: center;
- }
- .chat ul {
- margin-left: 0px;
- padding-left: 0px;
- margin-top: 0px;
- margin-bottom: 5px;
- }
- .chat li {
- list-style-type: none;
- padding: 5px;
- padding-bottom: 0px;
- margin-top: 0px;
- margin-bottom: -1px;
- }
- .chat .label {
- font-weight: bold;
- }
- .audio, .photo, .video {
- padding-top: 15px;
- }
- .audio-wrapper {
- display: inline-block;
- vertical-align: top;
- }
- .albumart {
- max-width: 70px;
- display: inline-block;
- margin-right: 10px;
- }
- .playcount {
- font-size: .8em;
- font-style: italic;
- }
- .track {
- font-size: .8em;
- font-style: italic;
- }
- .video-center {
- text-align: center;
- }
- .quote {
- padding-top: 0px;
- margin-top: 0px;
- }
- ol.notes {
- padding-left: 50px;
- width: 490px;
- }
- .post .content .html_photoset p.photoset_caption {
- margin-top: 20px;
- }
- h3 {
- margin-bottom: 10px;
- }
- .curlyquote {
- font-family: Georgia, serif;
- border: 0px;
- margin-left: 25px;
- margin-bottom: 15px;
- width: 440px;
- }
- .curlyquote:before, .curlyquote:after {
- display: block;
- font-family: Georgia, serif;
- font-size: 250%;
- }
- .curlyquote:before {
- content: '\201C';
- margin-left: -30px;
- height: 10px;
- }
- .curlyquote:after {
- content: '\201D';
- margin-left: 100%;
- margin-top: -33px;
- height: 0px;
- }
- .post-body p:last-child {
- padding-bottom: 0px;
- margin-bottom: 0px;
- }
- .post-footer {
- text-align: left;
- margin-0px;
- padding: 5px;
- padding-left: 10px;
- padding-right: 10px;
- font-size: .8em;
- min-height: 8px;
- line-height: 34px;
- }
- .quote {
- /*font-size: 1.4em; */
- }
- .textpost-title {
- margin-top: 0px;
- }
- .text, .link {
- margin-top: 0px;
- }
- .quote .source {
- font-size: .9em;
- }
- .caption {
- margin: 0px;
- padding: 0px;
- }
- div.title {
- margin-bottom: 5px;
- padding-bottom: 0px;
- }
- #linksidebar {
- margin-top: 10px;
- padding-left: 0px;
- padding-right: 10px;
- }
- .portrait-image {
- padding: 0px;
- margin: 5px;
- vertical-align: middle;
- display: table-cell;
- }
- #portrait-block {
- float: left;
- display: block;
- margin-left: 5px;
- }
- #navigation {
- width: 100%;
- text-align: center;
- }
- #navigation ul {
- display: block;
- width: 100%;
- text-align: center;
- }
- ul.metadata li {
- display: inline-block;
- padding: 5px;
- font-size: .9em;
- padding-bottom: 0px;
- margin: 0px;
- padding-right: 0px;
- }
- .tags {
- font-size: .9em;
- }
- .tag {
- margin-top: -15px;
- padding-top: 0px;
- margin-left: 10px;
- }
- ul.metadata li:not(:last-child):after {
- content: " /";
- }
- ul.metadata {
- list-style-type:none;
- margin:0;
- padding:5px;
- padding-top: 0px;
- padding-bottom: 0px;
- margin-bottom: 0px;
- -moz-border-radius: 5px;
- border-radius:
- }
- ul.linkbar {
- list-style-type:none;
- margin:0;
- padding:5px;
- padding-top: 0px;
- padding-bottom: 0px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- ul.linkbar li{
- margin-top: 12px;
- text-align: center;
- display: inline-block;
- }
- ul.linkbar li a {
- /* font-family: Georgia, serif; */
- display: block;
- padding-left: 20px;
- padding-right: 20px;
- margin-left: 10px;
- margin-right: 10px;
- border-radius: 5px;
- }
- a.jump_page:link, a.jump_page:visited {
- display: inline-block;
- padding: 8px;
- margin: 5px;
- border-radius: 5px;
- }
- .theme-credit {
- margin-top: 0px;
- font-size: .5em;
- text-align: center;
- }
- blockquote {
- position: relative;
- border-left: 2px solid #777;
- margin-top: 5px;
- margin-bottom: 5px;
- padding-left: 5px;
- margin-left: 10px;
- margin-right: 0px;
- padding-right: 0px;
- }
- p {
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .text blockquote p:first-child {
- margin-top: -7px;
- }
- blockquote img {
- max-width: 100%;
- }
- .opacity {
- opacity: .8;
- -webkit-transition: opacity .35s linear;
- -moz-transition: opacity .35s linear;
- }
- .opacity:hover {
- opacity: 1;
- -webkit-transition: opacity .35s linear;
- -moz-transition: opacity .35s linear;
- }
- .clear {
- clear: both;
- height: 0px;
- margin: 0px;
- padding: 0px;
- }
- .avatar, a:hover .avatar,a:active .avatar {
- border: 0px;
- }
- .audio_player a.play {
- position: relative;
- color: #333536;
- font-size: 26px;
- text-decoration: none;
- -webkit-border-radius: 16px;
- -moz-border-radius: 16px;
- border-radius: 16px;
- border: 2px solid #D9D9D9;
- padding: 25px 35px 25px 93px;
- display: block;
- -webkit-tap-highlight-color: rgba(0,0,0,0.0);
- }
- .audio_player a.play .play_controls {
- display: block;
- position: absolute;
- top: 0;
- left: 20px;
- bottom: 0;
- width: 50px;
- padding-top: 20px;
- }
- .audio_player a.play .play_controls .play_align {
- display: block;
- position: absolute;
- width: 40px;
- height: 40px;
- margin-top: -20px;
- top: 50%;
- left: 5px;
- }
- .audio_player a.play .play_controls .play_button {
- display: block;
- width: 0;
- height: 0;
- margin-left: 10px;
- border-top: 20px solid transparent;
- border-bottom: 20px solid transparent;
- border-left: 30px solid #333536;
- -moz-transform:rotate(0.1deg);
- -o-transform:rotate(0.1deg);
- -webkit-transform:rotate(0.1deg);
- transform:rotate(0.1deg);
- }
- .audio_player a.play.is_playing .play_controls .play_button {
- border-top: none;
- border-bottom: none;
- border-left: solid 12px #333536;
- border-right: solid 12px #333536;
- width: 5px;
- height: 34px;
- margin-left: 5px;
- margin-top: 3px;
- }
- .standard {
- text-align: center;
- }
- .button {
- display: inline-block;
- }
- .right {
- float: right;
- }
- </style>
- <script>
- function play_audio(post_id) {
- var audio = get_id('audio_file_' + post_id);
- if (audio.paused) {
- audio.play();
- get_id('play_button_' + post_id).className = 'play is_playing';
- } else {
- audio.pause();
- get_id('play_button_' + post_id).className = 'play';
- }
- };
- </script>
- {block:IfGoogleAnalytics}
- <script type="text/javascript">
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', '{text:Google Analytics}']);
- _gaq.push(['_setDomainName', 'tumblr.com']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
- {/block:IfGoogleAnalytics}
- </head>
- <body>
- <h1 class="title"><a href="/">{Title}</a></h1>
- <div id="main">
- <div class="minibar" id="navigation">
- <ul id="nav" class="linkbar shownMinibar">
- <!-- LINK OPTIONS -->
- <li><a href="/">home</a></li>
- <li><a href="/ask">ask</a></li>
- <li><a href="/archive">archive</a></li>
- <!-- PAGE OPTIONS -->
- <!-- By default, pages are turned on. If you don't want pages to show up in the mobile version of the theme, then delete everything between {block:HasPages} and {/block:HasPages}, or the next three lines, in other words. -->
- {block:HasPages}
- {block:Pages}<li class="sidebar-link"><a href="{URL}">{Label}</a></li>{/block:Pages}
- {/block:HasPages}
- </ul>
- </div>
- <br style="clear: both" />
- {block:Description}
- <div id="description">{Description}</div>
- {/block:Description}
- {block:Posts}
- <div class="post">
- <article>
- {block:Text}
- <div class="post-body text">
- {block:Title}
- <h3 class="textpost-title"><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post-body photo">
- <div class="imgbox"> {block:HighRes} <a href="{PhotoURL-HighRes}"> {/block:HighRes}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:HighRes} </a>{/block:HighRes}</div>
- {block:Caption}
- <span class="caption">{Caption}</span>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post-body photoset">
- <div class="imgbox">{Photoset-500}</div>
- {block:Caption}
- <span class="caption">{Caption}</span>
- {/block:Caption}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post-body quote">
- <blockquote class="curlyquote">{Quote}</blockquote>
- {block:Source}
- <br /><span class="source">{Source}</span><br />
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post-body link">
- <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
- {block:Description}
- <span class="description">{Description}</span>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post-body chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/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}
- </ul>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post-body video">
- <div class="video-center">{Video-500}</div>
- {block:Caption}
- <span class="caption">{Caption}</span>
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post-body audio">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="albumart"/>
- {/block:AlbumArt}
- <!--
- <a class="play" onclick="play_audio({PostID}); return false;" id="play_button_{PostID}">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}{block:Artist}<br/>
- {Artist}
- {/block:Artist}
- <strong class="listen" style="display:none">Listen</strong>
- <span class="play_controls"><span class="play_align"><span class="play_button"></span></span></span>
- </a>
- -->
- <audio controls id="audio_file_{PostID}" src="{RawAudioURL}">This browser does not support HTML 5 audio.</audio>
- <span class="track"> <br />{block:TrackName}
- {TrackName}
- {/block:TrackName}{block:Artist} by
- {Artist}
- {/block:Artist}</span>
- {block:Caption}
- <br /><div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post-body ask">
- <blockquote class="question">{Question}
- <br /><br /><span class="asker"> — {Asker}</span></blockquote>
- <div class="answer">{Answer}</div>
- </div>
- {/block:Answer}
- <div class="post-footer">
- {block:Date}
- {block:NoteCount} <a href="{Permalink}">
- {NoteCount} notes</a> / {/block:NoteCount}
- <a href="{Permalink}"> <span class="date">
- <span class="time">{12Hour}:{Minutes} {AmPm}</span>{block:NewDayDate}, <span class="day"><span class="day-of-month">{DayOfMonth}</span> <span class="month">{ShortMonth}</span> <span class="year">{Year}</span>{/block:NewDayDate}</span>
- </span></a>
- {block:ContentSource}{block:RebloggedFrom}<span class="post-source">/
- <a href="{ReblogParentURL}">via {ReblogParentName}</a>
- {/block:RebloggedFrom}
- /
- <a href="{SourceURL}"> @
- {SourceTitle} </a></span>
- {/block:ContentSource}
- {/block:Date}
- </ul>
- {block:HasTags} <div class="tags">
- {block:Tags}
- <a class="tag" href="/tagged/{tag}">#{Tag}</a>
- {/block:Tags}
- </div> {/block:HasTags}
- {block:Date}
- <div class="buttons">
- <span class="button">{LikeButton size="60"}</span>
- <span class="button right">{ReblogButton size="60"}</span>
- <br style="clear: both" />
- </div>
- {/block:Date}
- </div><!-- post footer -->
- </article>
- </div><!-- post block -->{/block:Posts}
- {block:PostNotes} <div class="notes">{PostNotes} </div>{/block:PostNotes}
- </div> <!-- div main-->
- {block:Pagination}<div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Prev</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}
- / {TotalPages}
- {block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}
- </div> {/block:Pagination}
- <div class="standard"><a href="/disable_mobile_interface">Switch to standard view.</a></div>
- <div class="theme-credit"><a href="http://waltzy.tumblr.com">mobile theme by waltzy</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement