API tools faq
paste
Advertisement
mochination

modified optimus tumblr theme

mochination
Oct 5th, 2017
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
  2. <html xmlns='http://www.w3.org/1999/xhtml'>
  3. <script type="text/javascript">
  4. <!--
  5. function handleThis(formElm)
  6. {
  7. window.location="http://yourtumblrURLhere.tumblr.com/tagged/"+formElm.number.value+"";
  8. return false;
  9. }
  10. // -->
  11. </script>
  12. <head>
  13. <!--
  14. * Theme: Optimus (http://www.tumblr.com/theme/6473)
  15. * Author: Jamie Bicknell
  16. * Twitter: http://twitter.com/jamiebicknell
  17. * Web: http://jamiebicknell.com
  18. -->
  19. <title>{Title}</title>
  20. <link rel='icon' href='{Favicon}' />
  21. <link rel='shortcut icon' href='{Favicon}' />
  22. <link rel='alternate' type='application/rss+xml' href='{RSS}' />
  23. <meta name='description' content='{MetaDescription}' />
  24.  
  25. <meta name='color:Link' content='#6699cc' />
  26. <style type='text/css'>
  27. ::selection{
  28. background:#FFFFC0;
  29. color:#424242;
  30. }
  31. ::-moz-selection{
  32. background:#FFFFC0;
  33. color:#424242;
  34. }
  35. * {
  36. outline:none;
  37. }
  38.  
  39. body {
  40. background-color:#fff;
  41. font:12px sans-serif;
  42. line-height:140%;
  43. color:#424242;
  44. margin:0 0 15px 0;
  45. }
  46. a img {
  47. border:none;
  48. }
  49. a {
  50. text-decoration:none;
  51. color:{color:Link};
  52. font-size: 12px;
  53. }
  54. a:hover {
  55. color:#424242;
  56. }
  57. h1 {
  58. margin:0;
  59. padding:0 0 10px 0;
  60. font-size:2em;
  61. }
  62. h3 {
  63. margin:0 0 8px 0;
  64. padding:0;
  65. font-size:1.2em;
  66. }
  67. p {
  68. margin:10px 0;
  69. padding:0;
  70. }
  71. #wrapper {
  72. width:632px;
  73. margin:0 auto;
  74. }
  75. #header {
  76. background:#f8f8f8;
  77. border-bottom:1px solid #eee;
  78. padding:15px 0;
  79. margin:0 0 20px 0;
  80. }
  81. #headerContent {
  82. width:632px;
  83. margin:0 auto;
  84. }
  85. #headerContent h1 a {
  86. color:#424242;
  87. }
  88. #headerContent h1,
  89. #headerContent p {
  90. padding:0;
  91. margin:0;
  92. }
  93. #headerContent p {
  94. padding-top:10px;
  95. }
  96. .postInfo {
  97. width:100px;
  98. float:left;
  99. padding:8px 0;
  100. }
  101. .postInfo a,
  102. .postInfo a:hover {
  103. color:#424242;
  104. }
  105. .postInfo span,
  106. .postInfo span a,
  107. .postInfo span a:hover {
  108. color:#cecece;
  109. }
  110. .postWrapper {
  111. width:522px;
  112. float:left;
  113. margin:0 0 15px 0;
  114. border:5px solid #f8f8f8;
  115. }
  116. .postContainer {
  117. border:1px solid #d7d7d7;
  118. }
  119. .post {
  120. padding:10px 10px 0 10px;
  121. }
  122. .postNote {
  123. padding:10px;
  124. }
  125. .insideInfo {
  126. background:#f8f8f8;
  127. border-top:1px solid #eee;
  128. padding:5px 10px;
  129. color:#888;
  130. }
  131. .insideInfo .postTags {
  132. width:350px;
  133. float:left;
  134. font-size: 12px;
  135. }
  136. .insideInfo .postTags a {
  137. color:#aaa;
  138. }
  139. .insideInfo .postNotes {
  140. width:150px;
  141. float:left;
  142. text-align:right;
  143. }
  144. p.quote {
  145. font-size:1.2em;
  146. margin:0 0 10px 0;
  147. border-left:4px solid #d7d7d7;
  148. padding:0 0 0 6px;
  149. }
  150. .chat {
  151. margin:0 0 10px 0;
  152. }
  153. .chat td {
  154. padding:5px 8px;
  155. }
  156. .chat td.label {
  157. text-align:right;
  158. font-weight:bold;
  159. }
  160. .chat tr.odd td {
  161. background:#f8f8f8;
  162. border-bottom:1px solid #eee;
  163. }
  164. .chat tr.even td {
  165. background:#fff;
  166. }
  167. .audio {
  168. width:350px;
  169. border:1px solid #eee;
  170. border-radius:5px;
  171. -moz-border-radius:5px;
  172. -webkit-border-radius:5px;
  173. background:#f8f8f8;
  174. }
  175. .audioLeft {
  176. width:210px;
  177. float:left;
  178. margin:5px;
  179. padding:5px;
  180. border:1px solid #eee;
  181. border-radius:5px;
  182. -moz-border-radius:5px;
  183. -webkit-border-radius:5px;
  184. background:#fff;
  185. }
  186. .audioRight {
  187. width:110px;
  188. float:left;
  189. text-align:center;
  190. padding:13px 0;
  191. font-size:1.2em;
  192. }
  193. .footer {
  194. color:#cecece;
  195. padding:0 0 0 116px;
  196. font-size:1.2em
  197. font-weight:bold;
  198. }
  199. .clear {
  200. clear:both;
  201. }
  202. ol.notes,
  203. ol.notes li {
  204. padding:0;
  205. margin:0;
  206. list-style-type:none;
  207. }
  208. ol.notes li.note {
  209. padding:2px 0;
  210. font-size:1.2em;
  211. }
  212. ol.notes li.note img.avatar {
  213. vertical-align:-8px;
  214. margin-right:5px;
  215. width:16px;
  216. height:16px;
  217. padding:2px;
  218. border:1px solid #d7d7d7;
  219. }
  220. ol.notes li.note blockquote a {
  221. text-decoration:none;
  222. }
  223. {CustomCSS}
  224. .credits {
  225. float:right;
  226. text-align:right;
  227. padding:0 16px 0 0;
  228. font-weight:normal;
  229. }
  230. </style>
  231. </head>
  232. <body>
  233. <div id='header'>
  234. <div id='headerContent'>
  235. <h1><a href='/'>{Title}</a></h1>
  236. {block:Description}
  237. <p>{Description}</p>
  238. {/block:Description}
  239. </br>
  240. <form action="/search" method="get">
  241. <input class="search" type="text" name="q" value="" style="width:100px; height:13px; background-color:#ffffff; color: #000000; font-size: 11px; border: 1px solid #696969;"/>
  242. <input class="search" type="submit" value="Search" />
  243. </form>
  244. <br/>
  245. </div>
  246. </div>
  247.  
  248. <div id='wrapper'>
  249. <div id='posts'>
  250. {block:Posts}
  251. <div class='postInfo'>
  252. <a href='{Permalink}'>
  253. {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}
  254. <br />
  255. <span>{24HourWithZero}:{Minutes}</span>
  256. </a>
  257. </div>
  258. <div class='postWrapper'>
  259. <div class='postContainer'>
  260. <div class='post'>
  261. {block:Text}
  262. {block:Title}
  263. <h3>{Title}</h3>
  264. {/block:Title}
  265. {Body}
  266. {/block:Text}
  267. {block:Photo}
  268. {LinkOpenTag}<img src='{PhotoURL-500}' alt='{PhotoAlt}'/>{LinkCloseTag}
  269. {block:Caption}
  270. <p>{Caption}</p>
  271. {/block:Caption}
  272. {/block:Photo}
  273. {block:Photoset}
  274. {Photoset-500}
  275. {block:Caption}
  276. <p>{Caption}</p>
  277. {/block:Caption}
  278. {/block:Photoset}
  279. {block:Quote}
  280. <p class='quote'>"{Quote}"</p>
  281. {block:Source}
  282. <p>{Source}</p>
  283. {/block:Source}
  284. {/block:Quote}
  285. {block:Link}
  286. <a href='{URL}' class='link' {Target}>{Name}</a>
  287. {block:Description}
  288. <p>{Description}</p>
  289. {/block:Description}
  290. {/block:Link}
  291. {block:Chat}
  292. {block:Title}
  293. <h3>{Title}</h3>
  294. {/block:Title}
  295. <table cellpadding='0' cellspacing='0' width='100%' border='0' class='chat'>
  296. {block:Lines}
  297. <tr class='{Alt}'>
  298. {block:Label}
  299. <td class='label'>{Label}</td>
  300. {/block:Label}
  301. <td>{Line}</td>
  302. </tr>
  303. {/block:Lines}
  304. </table>
  305. {/block:Chat}
  306. {block:Audio}
  307. <div class='audio'>
  308. <div class='audioLeft'>
  309. {AudioPlayerWhite}
  310. </div>
  311. <div class='audioRight'>
  312. {FormattedPlayCount} Plays
  313. </div>
  314. <br class='clear' />
  315. </div>
  316. {block:Caption}
  317. <p>{Caption}</p>
  318. {/block:Caption}
  319. {/block:Audio}
  320. {block:Video}
  321. {Video-500}
  322. {block:Caption}
  323. <p>{Caption}</p>
  324. {/block:Caption}
  325. {/block:Video}
  326. </div>
  327. <div class='insideInfo'>
  328. <div class='postTags'>
  329. Posted {TimeAgo}
  330. {block:HasTags}
  331. <br />
  332. {block:Tags}
  333. <a href='{TagURL}'>#{Tag}</a>
  334. {/block:Tags}
  335. {/block:HasTags}
  336. </div>
  337. <div class='postNotes'>
  338. {NoteCountWithLabel}
  339. </div>
  340. <br class='clear' />
  341. </div>
  342. </div>
  343. </div>
  344. {block:PostNotes}
  345. <div class='postInfo'>&nbsp;</div>
  346. <div class='postWrapper'>
  347. <div class='postContainer'>
  348. <div class='postNote'>
  349. {block:Posts}
  350. {PostNotes}
  351. {/block:Posts}
  352. </div>
  353. </div>
  354. </div>
  355. {/block:PostNotes}
  356. {/block:Posts}
  357. <div class='footer'>
  358. <div class='credits'>
  359. <a href='{RSS}'>{lang:RSS}</a> | <a href='/archive'>{lang:Archive}</a> |
  360. Theme: extremely modified <a href='http://www.tumblr.com/theme/6473'> Optimus</a>
  361. </div>
  362. {block:NextPage}
  363. <a href='{NextPage}'>&#171; {lang:Older}</a>
  364. {/block:NextPage}
  365. {block:PreviousPage}
  366. {block:NextPage}
  367. |
  368. {block:NextPage}
  369. {/block:PreviousPage}
  370. {block:PreviousPage}
  371. <a href='{PreviousPage}'>{lang:Newer} &#187;</a>
  372. {/block:PreviousPage}
  373. </div>
  374. </div>
  375. </div>
  376. <br class='clear' />
  377. </body>
  378. </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!