API tools faq
paste
Advertisement
jercydee

MOBASIC #001 by striveattemptfail

jercydee
Apr 28th, 2015
279
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.65 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. MOBILE THEME 001: MOBASIC #001
  3. THEME BY: Jercy @ striveattemptfail.tumblr.com
  4. LAST UPDATED: May 2015
  5.  
  6. HOW TO USE AND INSTALL:
  7. -If you don't know how to install mobile themes, go to striveattemptfail.tumblr.com/themeinstall
  8. --->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <meta name="viewport" content="width=560"/>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <style type="text/css">
  19.  
  20. html { width:560px; margin-left:auto; margin-right:auto; }
  21.  
  22. body { font-family: Helvetica; font-size: 25px; margin-left: auto; margin-right: auto; word-wrap: break-word; white-space: normal; overflow-x: hidden;
  23. background-color: #222; /* changes the background colour */ }
  24.  
  25. a { text-decoration: none;
  26. color: #ae4b33; /* changes the link colour */ }
  27.  
  28. blockquote { margin: 1em 1em; padding: 20px;
  29. border-left: solid 3px #010101; /* changes the colour of blockquote lines */ }
  30. blockquote img { max-width: 50%; max-height: 50%; }
  31.  
  32. img { max-width: 100%; max-height: 100%; }
  33.  
  34. h3 { text-align: center; font-size: 2.5em; margin-top: -5px; margin-bottom: -20px;
  35. color: #fefefe; /* changes blog title colour */ }
  36.  
  37. h2 { font-size: 1.5em; font-weight: none; margin-top: 0.1em; margin-bottom: -0.1em;
  38. color: #ae4b33; /* changes post title colour */ }
  39. h2 a { font-weight: none; text-decoration: underline; }
  40.  
  41. hr { display: block; margin-top: 1em; margin-bottom: 1em; border-width: 1px; width: 25%; }
  42.  
  43. /* CONTAINERS */
  44. #container { width: 540px; margin-top: 2em; margin-left: auto; margin-right: auto; }
  45.  
  46. .navi { text-align: center; padding: 20px;
  47. background-color: #fefefe; /* changes navigation background colour */ }
  48. .navi a { text-decoration: underline; }
  49.  
  50. .pagination { text-align: center; padding: 20px;
  51. background-color: #fefefe; /* changes pagination box colour */ }
  52.  
  53. /* POSTS */
  54. #post { margin-top: 2em; width: 540px; margin-left: auto; margin-right: auto;
  55. background-color: #fff; /* changes post background colour */ }
  56.  
  57. .post { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
  58.  
  59. .photo { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
  60. .panorama { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
  61.  
  62. .quote { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
  63. .quote_source { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
  64.  
  65. .chat { word-wrap: break-word; white-space: normal; list-style: none; line-height: 1.5em; overflow: auto; word-wrap: normal; overflow-x: hidden; padding: 20px; }
  66. .chat li { overflow: auto; word-wrap: normal; }
  67.  
  68. .quest { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden;
  69. background-color: #eee; /* changes background colour for asks */
  70. border-bottom: 3px solid #57261a; /* colour of the border between reblogged asks and other comments */
  71. }
  72.  
  73. .asker { padding: 0 0 7px 0; word-wrap: break-word; white-space: normal; overflow-x: hidden; font-weight: bold; display: inline-block; }
  74.  
  75. .asker_question { padding: 0 30px; word-wrap: break-word; white-space: normal; overflow-x: hidden; display: inline-block; }
  76.  
  77. .answer { margin-bottom: -10px; word-wrap: break-word; white-space: normal; font-weight: bold; }
  78.  
  79. .answer_ans { padding: 0 30px; word-wrap: break-word; white-space: normal; overflow-x: hidden; display: inline-block; }
  80.  
  81. .replies { padding: 20px; word-wrap: break-word; white-space: normal; overflow-x: hidden; }
  82.  
  83. /* POST HEADER */
  84. #pheader { width: 540px; font-size: 25px; overflow: visible;
  85. border-bottom: 3px solid #57261a; /* changes colour of border under post header/post date */ }
  86.  
  87. .headinfo { padding: 20px; }
  88. .headinfo a { display: inline-block; font-weight: bold;}
  89.  
  90. /* POST FOOTER */
  91. #pfooter { width: 540px; font-size: 25px; overflow: visible;
  92. border-top: 3px solid #57261a; /* changes colour of border over note count and post source */ }
  93.  
  94. .footinfo { padding: 20px; }
  95. .footinfo a { display: inline-block; }
  96.  
  97. #pfooter_2 { width: 540px; font-size: 25px; word-wrap: break-word; overflow: hidden; white-space: normal;
  98. border-top: 3px solid #57261a; /* changes colour of border over note count and post source */ }
  99.  
  100. .tags { padding: 20px; display: inline-block; margin-right: 0.5em; }
  101. .tags a { display: inline-block; margin-right: 0.5em; }
  102.  
  103. /* POST NOTES */
  104. #postnotes { width: 540px; margin-left: auto; margin-right: auto; }
  105.  
  106. .notecontainer { margin-top: 1em; padding: 20px;
  107. background-color: #fefefe; /* box colour for notes in permalink pages */ }
  108.  
  109. .notecontainer ol.notes { list-style-type: none; margin: 0; padding: 0; }
  110. .notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; }
  111.  
  112. /* FOOTER */
  113. #foo { margin: 1em; padding: 10px; font-size: 12px; text-align: center;
  114. color: #ae4b33; /* changes colour for theme credits, DO NOT REMOVE */
  115. }
  116. #foo a { text-decoration: underline; }
  117.  
  118. </style>
  119. </head>
  120.  
  121. <body>
  122.  
  123. <!-----------CODE BY STRIVEATTEMPTFAIL, please don't steal----------->
  124.  
  125. <h3>{Title}</h3>
  126.  
  127. <div id="container">
  128. <div class="navi">
  129. <a href="/">Home</a> {block:AskEnabled}&bull; <a href="/ask">{AskLabel}</a>{/block:AskEnabled} {block:SubmissionsEnabled}&bull; <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  130. <!--- BDESCRIPTION: You can delete the "{Description}" code and customize your own description if you'd like --->
  131. <p>{Description}</p>
  132. </div>
  133. </div>
  134.  
  135. {block:Posts}
  136. <div id="post">
  137.  
  138. <div id="pheader">
  139. <div class="headinfo">
  140. {block:Date} <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>{/block:Date}
  141. </div>
  142. </div>
  143.  
  144. {block:Text}
  145. <div class="post">
  146. {block:Title}
  147. <h2>{Title}</h2>
  148. {/block:Title}
  149. {Body}
  150. </div>
  151. {/block:Text}
  152.  
  153. {block:Photo}
  154. <div class="photo">
  155. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  156. {block:Caption} {Caption} {/block:Caption}
  157. </div>
  158. {/block:Photo}
  159.  
  160. {block:Panorama}
  161. <div class="panorama">
  162. {LinkOpenTag}
  163. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  164. {LinkCloseTag}{block:Caption}
  165. <div class="caption">{Caption}</div>
  166. {/block:Caption}
  167. </div>
  168. {/block:Panorama}
  169.  
  170. {block:Photoset}
  171. <div class="photo">
  172. {Photoset-500}
  173. {block:Caption}
  174. <div class="caption">{Caption}</div>
  175. {/block:Caption}
  176. </div>
  177. {/block:Photoset}
  178.  
  179. {block:Link}
  180. <div class="post">
  181. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  182. {block:Description}
  183. <div class="description">{Description}</div>
  184. {/block:Description}
  185. </div>
  186. {/block:Link}
  187.  
  188. {block:Quote}
  189. <div class="quote">
  190. <h2>"{Quote}"</h2>
  191. {block:Source}
  192. <div class="quote_source">&mdash; {Source}</div>
  193. {/block:Source}
  194. </div>
  195. {/block:Quote}
  196.  
  197. {block:Audio}
  198. <div class="post">
  199. {AudioEmbed}
  200. {block:Caption}
  201. {Caption}
  202. {/block:Caption}
  203. </div>
  204. {/block:Audio}
  205.  
  206. {block:Video}
  207. <div class="post">
  208. {Video-500}
  209. {block:Caption}
  210. {Caption}
  211. {/block:Caption}
  212. </div>
  213. {/block:Video}
  214.  
  215. {block:Chat}
  216. <div class="chat">
  217. {block:Title}
  218. <h2>{Title}</h2>
  219. {/block:Title}
  220.  
  221. <ul class="chat">
  222. {block:Lines}
  223. <li>
  224. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  225. </li>
  226. {/block:Lines}
  227. </div>
  228. </ul>
  229. {/block:Chat}
  230.  
  231. {block:Answer}
  232. <div class="quest">
  233. <div class="asker">{Asker}</div>
  234. <div class="asker_question">{Question}</div>
  235.  
  236. <hr>
  237. {block:Answerer}
  238. <div class="answer">{Answerer}</div>
  239. <div class="answer_ans">{Answer}</div>
  240. </div>
  241. {/block:Answerer}
  242.  
  243. <div class="replies">{Replies}</div></div>
  244. {/block:Answer}
  245.  
  246. <!-----------CODE BY STRIVEATTEMPTFAIL, please don't steal----------->
  247.  
  248. {block:NoteCount}
  249. <div id="pfooter">
  250. <div class="footinfo">
  251. <a href="{Permalink}#postnotes">{NoteCountWithLabel}</a> {block:RebloggedFrom}&bull; <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} &bull; <a href="{SourceURL}">&copy;</a>{/block:ContentSource}
  252. </div>
  253. </div>
  254. {/block:NoteCount}
  255.  
  256. {block:HasTags}
  257. <div id="pfooter_2">
  258. <div class="tags"><b>TAGGED:</b>&ensp;{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  259. </div>
  260. {/block:HasTags}
  261.  
  262. </div>
  263. {/block:Posts}
  264.  
  265. {block:PostNotes}
  266. <div id="postnotes">
  267. <div class="notecontainer">{PostNotes-16}</div>
  268. </div>
  269. {/block:PostNotes}
  270.  
  271. {block:Pagination}
  272. <div id="container">
  273. <div class="pagination">
  274. {block:PreviousPage}&nbsp;<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  275. &nbsp;&bull;&nbsp;
  276. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  277. </div>
  278. </div>
  279. {/block:Pagination}
  280.  
  281. <!-----------------THEME CREDIT, please don't remove!----------------->
  282. <div id="foo">
  283. <a href="#container">Back to top</a> &bull; Mobile theme by <a href="http://striveattemptfail.tumblr.com">striveattemptfail</a>
  284. </div>
  285.  
  286. </body>
  287. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!