API tools faq
paste
mustntrunaway

theme 01

mustntrunaway
Feb 21st, 2015
1,032
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.28 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. THEME 01:
  7. by xworu (xworuthemes)
  8. PLEASE like / reblog the theme post!
  9. It keeps me motivated, and spreads my theme for others to see.
  10. Thank you so much for using my theme! uvu
  11.  
  12. FEATURES:
  13. > 10 custom colors
  14. > 5 custom links
  15. > 250 / 400 px posts
  16. > adjustable sidebar / post / side image options
  17. > sidebar icon option
  18. > side image option
  19. > solid / cover / tile / gradient bg options
  20. > transparent posts option
  21. > hover border option
  22. > show / hide caption option
  23.  
  24. ALL TERMS OF USE ON MY BLOG APPLY. BY INSTALLING THIS THEME, YOU AGREE TO MY TERMS OF USE.
  25.  
  26. Please read my theme rules before doing anything to/with my themes. Thank you!
  27. If you have any questions or need help doing anything, contact me at my theme blog (xworuthemes) NOT my personal blog (xworu).
  28.  
  29. -->
  30.  
  31. <link rel="shortcut icon" href="{Favicon}" />
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  33. <title>{Title}</title>
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <meta name="image:bg" content=""/>
  37. <meta name="image:icon" content=""/>
  38. <meta name="image:sideimg" content=""/>
  39.  
  40. <meta name="color:bg" content="#eee" />
  41. <meta name="color:bg2" content="#bbb" />
  42. <meta name="color:post bg" content="#fff" />
  43. <meta name="color:txt" content="#000" />
  44. <meta name="color:link" content="#000" />
  45. <meta name="color:link hover" content="#000" />
  46. <meta name="color:ask txt" content="#fff" />
  47. <meta name="color:b" content="#000" />
  48. <meta name="color:i" content="#000"/>
  49. <meta name="color:border" content="#000" />
  50.  
  51. <meta name="if:250px" content="1" />
  52. <meta name="if:icon" content="0"/>
  53. <meta name="if:captions" content="1"/>
  54. <meta name="if:gradient bg" content="0"/>
  55. <meta name="if:cover bg" content="0"/>
  56. <meta name="if:border hover" content="0"/>
  57. <meta name="if:transparent bgs" content="0"/>
  58.  
  59. <meta name="text:posts left" content="500" />
  60. <meta name="text:sidebar left" content="150" />
  61. <meta name="text:sidebar top" content="50" />
  62. <meta name="text:sideimg left" content="0" />
  63. <meta name="text:sideimg bottom" content="0" />
  64. <meta name="text:sideimg height" content="600" />
  65. <meta name="text:link1" content="url" />
  66. <meta name="text:title1" content="link" />
  67. <meta name="text:link2" content="url" />
  68. <meta name="text:title2" content="link" />
  69. <meta name="text:link3" content="url" />
  70. <meta name="text:title3" content="link" />
  71. <meta name="text:link4" content="url" />
  72. <meta name="text:title4" content="link" />
  73. <meta name="text:link5" content="url" />
  74. <meta name="text:title5" content="link" />
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77.  
  78. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){$(document)
  81. .ready(function(){$("[title]")
  82. .style_my_tooltips();});})
  83. (jQuery);
  84. </script>
  85.  
  86. </head>
  87.  
  88. <style type="text/css">
  89.  
  90. #s-m-t-tooltip {
  91. padding:3px;
  92. max-width:200px;
  93. display:none;
  94. font-size:8px;
  95. line-height:100%;
  96. letter-spacing:1px;
  97. text-transform:uppercase;
  98. text-align:center;
  99. margin:15px;
  100. z-index:999999999999;
  101. background:{color:border};
  102. color: {color:ask txt};
  103. }
  104.  
  105. ::-webkit-scrollbar {
  106. height:9px;
  107. width:9px;
  108. background:{color:border};
  109. border-width:4px;
  110. border-style:solid;
  111. border-color:{color:bg};}
  112.  
  113. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  114. background:{color:border};
  115. border-width:4px;
  116. border-style:solid;
  117. border-color:{color:bg};}
  118.  
  119. ::selection {
  120. background:{color:border};
  121. color:{color:ask txt};
  122. }
  123. ::-moz-selection {
  124. background:{color:border};
  125. color:{color:ask txt};
  126. }
  127. ::-webkit-selection {
  128. background:{color:border};
  129. color:{color:ask txt};
  130. }
  131.  
  132. body {
  133. width:100%;
  134. height:100%;
  135. color:{color:txt};
  136. margin:0px;
  137. background:{color:bg} url({image:bg}) {block:ifcoverbg}no-repeat{/block:ifcoverbg}{block:ifnotcoverbg}repeat{/block:ifnotcoverbg} center center fixed;
  138. {block:ifcoverbg}
  139. -webkit-background-size:cover;
  140. -moz-background-size:cover;
  141. -o-background-size:cover;
  142. background-size:cover;
  143. {/block:ifcoverbg}
  144. {block:ifgradientbg}
  145. background: -webkit-linear-gradient({color:bg}, {color:bg2});
  146. background: -o-linear-gradient({color:bg}, {color:bg2});
  147. background: -moz-linear-gradient({color:bg}, {color:bg2});
  148. background: linear-gradient({color:bg}, {color:bg2});
  149. background-attachment:fixed;
  150. {/block:ifgradientbg}
  151. font-family:verdana;
  152. font-size:10.5px;
  153. line-height:15px;
  154. }
  155.  
  156. a:link, a:active, a:visited{
  157. color: {color:link};
  158. text-decoration:underline;
  159. -webkit-transition: all 0.4s linear;
  160. -moz-transition: all 0.4s linear;
  161. transition: all 0.4s linear;
  162. }
  163.  
  164. a:hover {
  165. color:{color:link hover};
  166. }
  167.  
  168. b, strong {
  169. color:{color:b};
  170. }
  171.  
  172. i, em {
  173. color:{color:i};
  174. }
  175.  
  176. ol {
  177. list-style-type:decimal-leading-zero;
  178. }
  179.  
  180. ul {
  181. list-style-type:hiragana;
  182. }
  183.  
  184. h1 {
  185. font-size:15px;
  186. }
  187.  
  188. p {
  189. margin-top:6px;
  190. margin-bottom:6px;
  191. }
  192.  
  193. blockquote {
  194. padding:0px;
  195. padding-left:10px;
  196. margin:7px;
  197. border-left:1px solid {color:border};
  198. }
  199.  
  200. img. img blockquote {
  201. max-width:100%;
  202. }
  203.  
  204. #sideimg {
  205. position:fixed;
  206. top:0px;
  207. left:0px;
  208. width:100%;
  209. height:100%;
  210. z-index:-1;
  211. }
  212.  
  213. #sidepic {
  214. position:fixed;
  215. bottom:{text:sideimg bottom}px;
  216. left:{text:sideimg left}px;
  217. }
  218.  
  219. #entries {
  220. position:relative;
  221. left:{text:posts left}px;
  222. {block:indexpage}
  223. {block:if250px}
  224. width:272px;
  225. {/block:if250px}
  226. {block:ifnot250px}
  227. width: 422px;
  228. {/block:ifnot250px}
  229. {/block:indexpage}
  230. {block:permalinkpage}
  231. width:422px;
  232. {/block:permalinkpage}
  233. }
  234.  
  235. #posts {
  236. margin: 50px 0px 0px 0px;
  237. {block:indexpage}
  238. {block:if250px}
  239. width:250px;
  240. {/block:if250px}
  241. {block:ifnot250px}
  242. width: 400px;
  243. {/block:ifnot250px}
  244. {/block:indexpage}
  245. {block:permalinkpage}
  246. width:400px;
  247. {/block:permalinkpage}
  248. padding: 10px;
  249. {block:ifborderhover}
  250. border:1px solid transparent;
  251. {/block:ifborderhover}
  252. {block:ifnotborderhover}
  253. border:1px solid {color:border};
  254. {/block:ifnotborderhover}
  255. {block:ifnottransparentbgs}
  256. background-color:{color:post bg};
  257. {/block:ifnottransparentbgs}
  258. {block:iftransparentbgs}
  259. background-color:transparent;
  260. {/block:iftransparentbgs}
  261. -webkit-transition: all 0.4s linear;
  262. -moz-transition: all 0.4s linear;
  263. transition: all 0.4s linear;
  264. }
  265.  
  266. {block:ifborderhover}
  267. #posts:hover {
  268. border:1px solid {color:border};
  269. }
  270. {/block:ifborderhover}
  271.  
  272. #posts img {
  273. max-width:100%;
  274. }
  275.  
  276. #sidebar {
  277. position:fixed;
  278. width:100px;
  279. font-size:9.5px;
  280. {block:ifnottransparentbgs}
  281. background-color:{color:post bg};
  282. {/block:ifnottransparentbgs}
  283. {block:iftransparentbgs}
  284. background-color:transparent;
  285. {/block:iftransparentbgs}
  286. {block:ifborderhover}
  287. border:1px solid transparent;
  288. {/block:ifborderhover}
  289. {block:ifnotborderhover}
  290. border:1px solid {color:border};
  291. {/block:ifnotborderhover}
  292. padding:10px;
  293. left:{text:sidebar left}px;
  294. top:{text:sidebar top}px;
  295. -webkit-transition: all 0.4s linear;
  296. -moz-transition: all 0.4s linear;
  297. transition: all 0.4s linear;
  298. }
  299.  
  300. {block:ifborderhover}
  301. #sidebar:hover {
  302. border:1px solid {color:border};
  303. }
  304. {/block:ifborderhover}
  305.  
  306. h2 {
  307. font-weight:100;
  308. font-style:italic;
  309. font-size:13px;
  310. line-height:17px;
  311. }
  312.  
  313. #links {
  314. word-spacing:1px;
  315. }
  316.  
  317. #pagination {
  318. text-align:center;
  319. font-size:17px;
  320. margin-bottom:2px;
  321. }
  322.  
  323. #pagination a {
  324. text-decoration:none;
  325. }
  326.  
  327. #info {
  328. padding:0px;
  329. padding-top:7px;
  330. width:auto;
  331. font-size:8.5px;
  332. font-family:verdana;
  333. }
  334.  
  335. #info a {
  336. text-decoration:none;
  337. }
  338.  
  339. #tags {
  340. font-size:8.5px;
  341. }
  342.  
  343. #tags a {
  344. text-decoration:none;
  345. }
  346.  
  347. #ask {
  348. width:auto;
  349. background-color:{color:border};
  350. color:{color:ask txt};
  351. padding:7px;
  352. }
  353.  
  354. #ask a {
  355. color:{color:ask txt};
  356. }
  357.  
  358. #ask a:hover {
  359. color:{color:link hover};
  360. }
  361.  
  362. #ask b {
  363. color:{color:ask txt};
  364. }
  365.  
  366. #ask strong {
  367. color:{color:ask txt};
  368. }
  369.  
  370. #audio {
  371. display:block;
  372. width:100%;
  373. background:#000;
  374. color:#fff;
  375. padding-top:3px;
  376. padding-bottom:5px;
  377. margin-bottom:-13px;
  378. font-size:8.5px;
  379. text-align:center;
  380. }
  381.  
  382. .aud {
  383. display:block;
  384. margin-top:-20px;
  385. }
  386.  
  387. .user_1 .label {
  388. color:{color:txt};
  389. font-weight:bold;
  390. }
  391. .user_2 .label {
  392. color:{color:txt};
  393. font-weight:bold;
  394. }
  395. ul.chat, .chat ol, .chat li {
  396. list-style:none;
  397. margin:0px;
  398. padding:0px;
  399. }
  400.  
  401. .notes img{
  402. width:0px;
  403. position:relative;
  404. top:1px;
  405. display:none;
  406. }
  407.  
  408. ol.notes, .notes li{
  409. width:490px;
  410. list-style:none;
  411. margin:0px 0 -1px 5px;
  412. padding:0px;
  413. }
  414.  
  415. #ayy{
  416. z-index:100;
  417. position:fixed;
  418. bottom:10px;
  419. left:10px;
  420. opacity:.5;
  421. -webkit-transition: all 0.4s linear;
  422. -moz-transition: all 0.4s linear;
  423. transition: all 0.4s linear;
  424. }
  425.  
  426. #ayy:hover {
  427. opacity:1;
  428. }
  429.  
  430. </style>
  431.  
  432. <body>
  433.  
  434. <div id="ayy"><a href="http://xworuthemes.tumblr.com/" title="theme by xworu"><img src="http://i.imgur.com/CD66A8d.png" /></a></div>
  435.  
  436. <div id="sideimg"><div id="sidepic"><img src="{image:sideimg}" height="{text:sideimg height}" /></div></div>
  437.  
  438. <div id="sidebar">
  439.  
  440. {block:ificon}<a href="/" title="{Title}"><img src="{image:icon}" style="width:100px;position:inline;padding:0px;"></a>{/block:ificon}
  441.  
  442. <center>
  443. {Description}
  444. <p id="links">
  445. <a href="/">refresh</a>
  446. <a href="/ask">ask</a>
  447. <a href="/archive">past</a>
  448. {block:iflink1}<a href="{text:link1}">{text:title1}</a>{/block:iflink1}
  449. {block:iflink2}<a href="{text:link2}">{text:title2}</a>{/block:iflink2}
  450. {block:iflink3}<a href="{text:link3}">{text:title3}</a>{/block:iflink3}
  451. {block:iflink4}<a href="{text:link4}">{text:title4}</a>{/block:iflink4}
  452. {block:iflink5}<a href="{text:link5}">{text:title5}</a>{/block:iflink5}
  453. </p>
  454. <div id="pagination">
  455. {block:Pagination}
  456. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  457. {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}
  458. {/block:Pagination}
  459. </div>
  460. </center>
  461.  
  462. </div>
  463.  
  464. <div id="entries">
  465. {block:posts}
  466. <div id="posts">
  467.  
  468. {block:Text}
  469. {block:Title}<h1>// {Title}</h1>{/block:Title}
  470. {Body}
  471. {/block:Text}
  472.  
  473. {block:Quote}
  474. <h2>“{Quote}”</h2> — {Source}<br>
  475. {/block:Quote}
  476.  
  477. {block:Link}
  478. <h1>>> <a href="{URL}">{Name}</a></h1>
  479. {block:Description}<p>{Description}</p>{/block:Description}
  480. {/block:Link}
  481.  
  482. {block:Photo}
  483. <center>{LinkOpenTag}{block:indexpage}{block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}{block:ifnot250px}<img src="{PhotoURL-400}"/>{/block:ifnot250px}{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-400}"/>{/block:permalinkpage}{LinkCloseTag}</center>
  484. {block:indexpage}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:indexpage}
  485. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  486. {/block:Photo}
  487.  
  488. {block:Photoset}
  489. <center>{LinkOpenTag}{block:indexpage}{block:if250px}{Photoset-250}{/block:if250px}{block:ifnot250px}{Photoset-400}{/block:ifnot250px}{/block:indexpage}{block:permalinkpage}{Photoset-400}{/block:permalinkpage}{LinkCloseTag}</center>
  490. {block:indexpage}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:indexpage}
  491. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  492. {/block:Photoset}
  493.  
  494. {block:Panorama}
  495. <center>{LinkOpenTag}<img src="{PhotoURL-Panorama}" />{LinkCloseTag}</center>
  496. {block:indexpage}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:indexpage}
  497. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  498. {/block:Panorama}
  499.  
  500. {block:Chat}
  501. <ul class="chat">{block:Lines}
  502. <li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  503. </ul>
  504. {/block:Chat}
  505.  
  506. {block:Video}
  507. {block:indexpage}{block:if250px}{Video-250}{/block:if250px}{block:ifnot250px}{Video-400}{/block:ifnot250px}{/block:indexpage}{block:permalinkpage}{Video-400}{/block:permalinkpage}
  508. {block:indexpage}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:indexpage}
  509. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  510. {/block:Video}
  511.  
  512. {block:Answer}
  513. <div id="ask">{Asker}: {Question}</div>
  514. {Answer}
  515. {/block:Answer}
  516.  
  517. {block:Audio}
  518. <div id="audio">{AudioPlayerBlack}
  519. <div class="aud">{block:TrackName}<br>{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}{block:Album}<br>{Album}{/block:Album}<br>PLAYS:{PlayCount}</div></div><br>
  520. {block:indexpage}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:indexpage}
  521. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  522. {/block:Audio}
  523.  
  524. <center><div id="info">
  525. {block:Date}<a href="{ReblogURL}" target="_blank" class="details">RBLG</a> / <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero} @ {12HourWithZero}:{Minutes}{CapitalAmPm}</a>{/block:Date}{block:NoteCount} / <a href="{Permalink}">%{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}">SRC</a>{/block:ContentSource}</center>
  526. <center>{block:HasTags}<div id="tags"><b>filed as:</b>{block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}</div>{/block:HasTags}</center>
  527. </div>
  528.  
  529. {/block:Posts}
  530.  
  531. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  532.  
  533. </div>
  534. </div>
  535.  
  536. </body>
  537. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!