API tools faq
paste
Advertisement
mcavoying

Beautiful Mess

mcavoying
May 28th, 2015
294
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.96 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.  
  3. <!-- THEME #3 BEAUTIFUL MESS. BY ©MCAVOYING. -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <meta name="color:bg" content="#ffffff">
  18. <meta name="color:link" content="#bbb8b8">
  19. <meta name="color:text" content="#9a9a9a">
  20. <meta name="color:tags" content="#b9b7b7">
  21. <meta name="color:ask" content="#fcfcfc">
  22. <meta name="color:hover" content="#eeeeee">
  23. <meta name="color:border" content="#e7e7e7">
  24. <meta name="color:scrollbar" content="#b8b8b8"/>
  25. <meta name="color:borders" content="#f0f0f0"/>
  26. <meta name="color:blg" content="#000000"/>
  27. <meta name="color:accent" content="#bbb8b8">
  28.  
  29. <meta name="image:sidebar" content="" />
  30.  
  31. <meta name="text:Link 1 Title" content="/">
  32. <meta name="text:Link 1" content="/">
  33. <meta name="text:Link 2 Title" content="/">
  34. <meta name="text:Link 2" content="/">
  35.  
  36. <style type="text/css">
  37.  
  38.  
  39.  
  40.  
  41.  
  42. body {
  43. background-color:{color:bg};
  44. font-family:calibri;
  45. color:{color:text};
  46. line-height:170%;
  47. font-size:11px;
  48. }
  49.  
  50.  
  51. a {
  52. color:{color:link};
  53. font-size:11px;
  54. line-height:160%;
  55. text-decoration:none;
  56. -webkit-transition: all 0.5s ease-out;
  57. -moz-transition: all 0.5s ease-out;
  58. transition: all 0.5s ease-out;
  59. }
  60.  
  61. a:hover {
  62. padding:1px;
  63. color:#252525;
  64. background-color:{color:hover};
  65. -webkit-transition: all 0.8s ease-out;
  66. -moz-transition: all 0.8s ease-out;
  67. transition: all 0.8s ease-out;
  68. }
  69.  
  70. img {
  71. border:none;
  72. }
  73.  
  74. blockquote {
  75. padding-left:5px;
  76. border-left:2px solid {color:border};
  77. }
  78.  
  79. h1 {
  80. font-size:11px;
  81. }
  82.  
  83. #sidebar {
  84. position:fixed;
  85. width:120px;
  86. margin-left:320px;
  87. margin-top:154px;
  88. }
  89.  
  90. #sidebarimg {
  91. margin-left:-46px;
  92. }
  93.  
  94.  
  95. #sidebarimg img {
  96. width:64px;
  97. }
  98.  
  99.  
  100. .links{
  101. font-size:11px;
  102. font-family:calibri;
  103. letter-spacing:0px;
  104. text-align:left;
  105. padding:10px;
  106. margin-top:-13px;
  107. }
  108.  
  109. .links a{
  110. padding:5px;
  111. letter-spacing:0px;
  112. color:{color:link};
  113. margin-left:-58px;
  114. line-height:170%;
  115. -moz-transition-duration:0.3s;
  116. -webkit-transition-duration:0.3s;
  117. -o-transition-duration:0.3s;
  118. }
  119.  
  120. .links a:hover{
  121. color:#252525;
  122. padding:1px;
  123. letter-spacing:2px;
  124. background-color:{color:hover};
  125. -moz-transition-duration:0.3s;
  126. -webkit-transition-duration:0.3s;
  127. -o-transition-duration:0.3s;
  128. }
  129.  
  130. #description {
  131. margin-top:9px;
  132. margin-bottom:13px;
  133. text-align:left;
  134. margin-left:-45px;
  135. width:120px;
  136. line-height:150%;
  137. font-family:calibri;
  138. font-size:11px;
  139. letter-spacing:0px;
  140. }
  141.  
  142.  
  143. #pagination {
  144. width:500px;
  145. font-size:15px;
  146. margin:50px 0;
  147. text-align:center;
  148. text-transform:uppercase;
  149. margin-left:-5px;
  150. margin-bottom:50px;
  151. margin-top:130px;
  152. color:{color:link};
  153. font-family:calibri;
  154. letter-spacing:0px;
  155. }
  156.  
  157. #pagination a:hover{
  158. padding:1px;
  159. color:#252525;
  160. background-color:{color:hover};
  161. }
  162.  
  163. #posts {
  164. width:500px;
  165. margin-bottom:-90px;
  166. padding:1px;
  167. margin-top:146px;
  168. font-size:11px;
  169. color:{color:text};
  170. line-height:120%;
  171. text-align:justify;
  172. }
  173.  
  174. #postscontainer {
  175. padding:1px;
  176. margin-left:530px;
  177. }
  178.  
  179.  
  180. #info {
  181. border-top:1px solid #e7e7e7;
  182. margin-top:10px;
  183. margin-bottom:10px;
  184. font-size:11px;
  185. font-family:calibri;
  186. text-transform:lowercase;
  187. padding:5px;
  188. }
  189.  
  190. #info a:hover{
  191. color:#252525;
  192. padding:1px;
  193. background-color:{color:hover};
  194. }
  195.  
  196.  
  197. ol.notes {
  198. padding:70px;
  199. padding:0px;
  200. margin:-10px -5px;
  201. margin-top:90px;
  202. font-family:calibri;
  203. text-transform:lowercase;
  204. font-size: 11px;
  205. width:500px;
  206. list-style-type:none;
  207. }
  208.  
  209. ol.notes li.note {
  210. padding: 10px;
  211. }
  212.  
  213. ol.notes li.note img.avatar {
  214. vertical-align:-4px;
  215. margin-right:10px;
  216. width:16px;
  217. height:16px;
  218. }
  219.  
  220. ol.notes li.note span.action {
  221. font-weight:normal;
  222. }
  223.  
  224. ol.notes li.note .answer_content {
  225. font-weight:normal;
  226. }
  227.  
  228. ol.notes li.note blockquote {
  229. padding:9px 6px 9px 6px;
  230. margin:10px 0px 0px 25px;
  231. }
  232.  
  233. .perma {
  234. margin-top:150px;
  235. margin-bottom:0px;
  236. color:#252525;
  237. font-size:11px;
  238. text-align:left;
  239. }
  240.  
  241. #tags {
  242. width:500px;
  243. margin-left:-2px;
  244. margin-top:0px;
  245. text-transform:none;
  246. font-size:11px;
  247. color:{color:tags}:
  248. }
  249.  
  250. #tags a {
  251. color:{color:tags};
  252. letter-spacing:0px;
  253. font-family:calibri;
  254. -moz-transition-duration:0.3s;
  255. -webkit-transition-duration:0.3s;
  256. -o-transition-duration:0.3s;
  257. }
  258.  
  259. #tags a:hover {
  260. padding:1px;
  261. color:#252525;
  262. background-color:{color:hover};
  263. -moz-transition-duration:0.3s;
  264. -webkit-transition-duration:0.3s;
  265. -o-transition-duration:0.3s;
  266. }
  267.  
  268. #h1 {
  269. font-size:15px;
  270. font-family:helvetica;
  271. line-height:200%;
  272. }
  273.  
  274. #asker {
  275. float:left;
  276. padding:1px;
  277. margin-top:-5px;
  278. margin-bottom:-50px;
  279. margin-right:5px;
  280. }
  281.  
  282. #question {
  283. line-height:90%;
  284. }
  285.  
  286. #answer {
  287. line-height:90%;
  288. }
  289.  
  290. .musicplayer{
  291. width:27px;
  292. height:27px;
  293. overflow:hidden;
  294. z-index:2;
  295. display:block;
  296. background-color:black;
  297. margin:18px 0px 0px 180px;
  298. position:absolute;
  299. opacity:1;
  300. -webkit-transition: all 0.7s ease-in-out;
  301. -moz-transition: all 0.7s ease-in-out;
  302. -o-transition: all 0.7s ease-in-out;
  303. }
  304.  
  305. .audio{
  306. position:absolute;
  307. width:438px;
  308. height:60px;
  309. background-color:black;
  310. margin-left:62px;
  311. }
  312.  
  313. .covers{
  314. width:60px;
  315. height:60px;
  316. }
  317.  
  318. .audioimg{
  319. width:60px;
  320. height:60px;
  321. position:absolute;
  322. }
  323.  
  324. .audioimg img{
  325. float:left;
  326. opacity:1;
  327. width:60px;
  328. }
  329.  
  330. .audioinfo{
  331. display:none;
  332. font-size:10px;
  333. text-transform:uppercase;
  334. margin-bottom:1px;
  335. margin-left:201px;
  336. height:65px;
  337. display:block;
  338. width:299px;
  339. text-align:center;
  340. background-color:white;
  341. padding-top:35px;
  342. letter-spacing:1px;
  343. }
  344.  
  345. #credit {
  346. right:3px;
  347. bottom:6px;
  348. font-size:10px;
  349. padding:5px;
  350. color:{color:text};
  351. text-transform:uppercase;
  352. position:fixed;
  353. }
  354.  
  355. #credit:hover {
  356. color:gray;
  357. }
  358.  
  359. {CustomCSS}
  360.  
  361. </style></head>
  362.  
  363.  
  364. <body>
  365.  
  366. <div id="sidebar">
  367. <div id="sidebarimg">
  368. <img src="{image:sidebar}"></div>
  369. <div id="description">{description}</div>
  370. <div class="links">
  371. <u><a href="/">refresh</a><br>
  372. <a href="/ask">inbox</a><br>
  373. <a href="{text:Link 1}">{text:Link 1 Title}</a><br>
  374. <a href="{text:Link 2}">{text:Link 2 Title}</a></u>
  375. </div></div>
  376.  
  377.  
  378.  
  379. <div id="postscontainer">
  380.  
  381. {block:Posts}
  382.  
  383. <!-- {block:NoRebloggedFrom}
  384. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  385. {/block:NoRebloggedFrom} -->
  386.  
  387. {block:ContentSource}
  388. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  389. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  390. {/block:SourceLogo}
  391. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  392. {/block:ContentSource}
  393.  
  394. <div id="posts">
  395.  
  396.  
  397.  
  398. {block:Text}<div id="h1"><b>{block:Title}{Title}{/block:Title}</b></div>{Body}{/block:Text}
  399.  
  400.  
  401. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  402.  
  403. {block:Photoset}<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  404. <script type="text/javascript">
  405. window.onload = function() {
  406. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  407. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  408. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  409. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  410. }
  411. </script>{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  412.  
  413. {block:Quote}<b><font size="4">{Quote}</font></b>{block:Source}<br><br> &#8212;{Source}{/block:Source}{/block:Quote}
  414.  
  415. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  416.  
  417. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  418.  
  419. {block:Audio}
  420. <div class="audio"><div class="musicplayer">{AudioPlayerBlack}</div></div>
  421. <div class="covers"><div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  422. {Caption}
  423. {/block:Audio}
  424.  
  425. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  426.  
  427. {block:Answer}
  428. <table style="border-bottom:0px solid {color:border color};padding-bottom:5px;margin-bottom:5px;">
  429. <tr>
  430. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-48}" style="border-radius:33px;"></td>
  431. <td style="vertical-align:top;"><strong><big>{Asker} asked:</big></strong><br>{Question}</td>
  432. </tr>
  433. </table>
  434. {Answer}{/block:answer}
  435.  
  436. {block:Date}<div id="info"><a href="{Permalink}" style="text-transform:uppercase;font-weight:bold;margin-left:-2px;line-height:160%;">{12Hour}:{Minutes} {CapitalAmPm}</a>{/block:Date} {block:NoteCount}&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  437.  
  438. <span style="float:right;">
  439. {block:RebloggedFrom}<a href="{ReblogRootURL}" style="margin-left:10px;">© {ReblogRootName}</a>{/block:RebloggedFrom}</span>
  440.  
  441.  
  442. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  443. </div></div>
  444. <div class="notes">
  445. {block:PostNotes}{PostNotes}{/block:PostNotes}
  446. </div>
  447. {/block:Posts}
  448. <div id="pagination"><b>
  449. {block:Pagination}
  450. {block:PreviousPage}
  451. <a href="{PreviousPage}">← previous</a>
  452. {/block:PreviousPage}
  453. &nbsp;&nbsp;&nbsp;
  454. {block:NextPage}
  455. <a href="{NextPage}">next →</a></b>
  456. {/block:NextPage}
  457. </div>
  458. {/block:Pagination}
  459. </div>
  460.  
  461.  
  462. <div id="credit"><a href="http://mcavoying.tumblr.com/">▽</a>
  463. </body>
  464. </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!