API tools faq
paste
Advertisement
strangebesidethepond

Discombobulate

strangebesidethepond
Jun 25th, 2012
6,807
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.39 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. <!--
  4.  
  5. theme #004 by Rose @ itsacrimescene.tumblr.com
  6. Please do not copy or claim as your own
  7. Do not remove this credit from the code
  8. Thank you :3
  9.  
  10. -->
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <head>
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17. <meta name="color:background" content="#ffffff" />
  18. <meta name="color:text" content="#757577" />
  19. <meta name="color:link" content="#b62424" />
  20. <meta name="color:linkhover" content="#333332" />
  21. <meta name="color:info" content="#f0f1f1" />
  22. <meta name="color:entry" content="#ffffff" />
  23. <meta name="color:askbackground" content="#faf7cd" />
  24. <meta name="color:asktext" content="#636363" />
  25. <meta name="color:infolinks" content="#bebbbb" />
  26. <meta name="color:infotext" content="#cfcece" />
  27. <meta name="color:bold" content="#4e4e4e" />
  28. <meta name="color:italics" content="#b6b6b5" />
  29.  
  30. <meta name="image:Sidebar" content=""/>
  31. <meta name="image:background" content=""/>
  32.  
  33. <meta name="if:HoverInfo" content="0" />
  34.  
  35. <meta name="text:asker" content="said" />
  36. <meta name="text:Link1" content="" />
  37. <meta name="text:Link1 Title" content="" />
  38. <meta name="text:Link2" content="" />
  39. <meta name="text:Link2 Title" content="" />
  40. <meta name="text:Link3" content="" />
  41. <meta name="text:Link3 Title" content="" />
  42. <meta name="text:Link4" content="" />
  43. <meta name="text:Link4 Title" content="" />
  44. <meta name="text:Link5" content="" />
  45. <meta name="text:Link5 Title" content="" />
  46. <meta name="text:Link6" content="" />
  47. <meta name="text:Link6 Title" content="" />
  48. <meta name="text:Link7" content="" />
  49. <meta name="text:Link7 Title" content="" />
  50. <meta name="text:Link8" content="" />
  51. <meta name="text:Link8 Title" content="" />
  52. <meta name="text:Link9" content="" />
  53. <meta name="text:Link9 Title" content="" />
  54. <meta name="text:Link10" content="" />
  55. <meta name="text:Link10 Title" content="" />
  56.  
  57.  
  58. <title>{Title}</title>
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />
  63. {/block:Description}
  64.  
  65. <style type="text/css">
  66.  
  67. body {background-color:{color:background}; color:{color:text}; font-family: Lucida sans; font-size: 12px; line-height:125%; text-align:left; letter-spacing: 1px; margin:0px; background-image:url('{image:background}'); background-attachment: fixed}
  68.  
  69. a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none;}
  70. a:hover {color:{color:linkhover}; text-decoration: none; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
  71.  
  72. img {opacity:1;}
  73. img:hover {opacity: 1;}
  74. img a {border:0px;}
  75. img a:hover {opacity: 1; }
  76. b, strong{font-weight: bold; color:{color:bold}}
  77. i, em {text-transform: italic; color:{color:italics}}
  78. s, strike, del {color: {color:italics};}
  79. p {margin: 10px 10px 10px 10px}
  80. blockquote {padding:0px; padding-left:5px; margin:5px; border-left: 4px solid {color:info};}
  81. pre {font-family: Arial; font-size:11px; padding: 3px 5px 3px 5px; word-wrap: break-word; background-color:{color:askbackground}; max-height:100px!important; overflow-y:auto;}
  82.  
  83. /* SIDEBAR */
  84.  
  85. #sidebar {
  86. position:fixed;
  87. width: 220px;
  88. height: auto;
  89. margin-left: 600px;
  90. margin-top: 40px;
  91. float:right;
  92. padding: 10px;
  93. background-color: {color:entry};
  94. color: {color:text};
  95. font-family: Tahoma, Arial, Verdana;
  96. font-size:11px;
  97. letter-spacing:1px;
  98. -webkit-transform: rotate(1deg);
  99. -moz-transform: rotate(1deg);
  100. -o-transform: rotate(1deg);
  101. -ms-transform: rotate(1deg);
  102. transform: rotate(1deg);
  103. }
  104.  
  105. #sidebar a {
  106. color: {color:links};
  107. }
  108. #sidebar a:hover {
  109. color: {color: linkhover};
  110. }
  111.  
  112. #linkbar {
  113. position: fixed;
  114. display:block;
  115. background-color:transparent;
  116. {block:ifSidebarImage}margin-top: -200px;{/block:ifSidebarImage}
  117. {block:ifNotSidebarImage}margin-top:-70px;{/block:ifNotSidebarImage}
  118. opacity: 0;
  119. margin-left: 50px;
  120. width: 140px;
  121. height: auto;
  122. text-align:left;
  123. font-family: Tahoma, Arial, Verdana;
  124. font-size:11px;
  125. letter-spacing:1px;
  126. -webkit-transition: all 0.7s ease-in-out;
  127. -moz-transition: all 0.7s ease-in-out;
  128. transition: all 0.7s ease-in-out;
  129. }
  130.  
  131. #linkbar a {color: {color:links}; background-color:transparent; padding: 2px; text-transform:lowercase; display:block;}
  132. #linkbar a:hover {color: {color:linkhover};}
  133.  
  134. #sidebar:hover #linkbar {
  135. opacity: 1;
  136. margin-left: 218px;
  137. float:right;
  138. }
  139.  
  140. #about {
  141. text-align:justify;
  142. padding:3px;
  143. color: {color:text};
  144. font-family: Tahoma, Arial, Verdana, Helvetica;
  145. font-size:11px;
  146. letter-spacing:1px;
  147. line-height:110%;
  148. }
  149.  
  150. #sideimg {
  151. text-align: center;
  152. margin: 5px;
  153. width:210px;
  154. height: auto;}
  155.  
  156. #sideimg img {
  157. text-align: center;
  158. width: 210px;
  159. height: auto;
  160. }
  161.  
  162. /*ENTRIES*/
  163.  
  164. #container {
  165. background-color:transparent;
  166. width: 814px;
  167. text-align: center;
  168. margin: 0 auto -10px auto;
  169. }
  170.  
  171. #entries {
  172. margin: 22px 0 -10px 10px;
  173. margin-right:0px;
  174. text-align: justify;
  175. position:absolute;
  176. }
  177.  
  178. #posts {
  179. margin: 0px 0 0px 0;
  180. width: 500px;
  181. background-color:{color:entry};
  182. text-align: justify;
  183. padding: 10px
  184. }
  185.  
  186. #info {
  187. {block:IfHoverInfo}opacity:0;{/block:IfHoverInfo}
  188. padding:2px 0 2px 0;
  189. color: {color:infotext};
  190. background-color:{color:info};
  191. text-transform: none;
  192. font-size: 9.5px;
  193. font-family: Lucida sans;
  194. letter-spacing: 1px;
  195. text-align:justify;
  196. line-height:100%;
  197. margin-bottom:5px;
  198. padding: 6px;
  199. -webkit-transition: all 0.7s ease-in-out;
  200. -moz-transition: all 0.7s ease-in-out;
  201. transition: all 0.7s ease-in-out;
  202. }
  203.  
  204. #info a {
  205. color: {color:infolinks};
  206. }
  207.  
  208. {block:IfHoverInfo}
  209. #posts:hover #info {
  210. opacity:1;
  211. -webkit-transition: all 0.7s ease-in-out;
  212. -moz-transition: all 0.7s ease-in-out;
  213. transition: all 0.7s ease-in-out;
  214. }
  215. {/block:IfHoverInfo}
  216.  
  217.  
  218. /* POSTS */
  219.  
  220. h1 {line-height: 75%; font-family: Palatino; letter-spacing: 1px; font-size: 18px; font-style: italic; color: {color:linkhover}; background-color: {color:info};}
  221.  
  222. .titles {line-height: 90%; font-family: georgia; letter-spacing: -1px; font-size: 23px; font-style: italic; color: {color:sidebar}; text-transform:lowercase; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg);transform: rotate(1deg);}
  223. .titles a {color:{color:link}; font-style:none;}
  224. .titles a:hover {color: {color:text};}
  225.  
  226. #question {
  227. background-color: {color:askbackground};
  228. color: {color:asktext};
  229. width: 80%;
  230. padding: 10px;
  231. text-align:justify;
  232. -webkit-transform: rotate(1deg);
  233. -moz-transform: rotate(1deg);
  234. -o-transform: rotate(1deg);
  235. -ms-transform: rotate(1deg);
  236. transform: rotate(1deg);
  237. }
  238.  
  239. #asker {
  240. opacity:0.6;
  241. width:78%;
  242. color: {color:asktext};
  243. font-size:10px;
  244. font-family: Tahoma, Arial, Verdana;
  245. -webkit-transform: rotate(1deg);
  246. -moz-transform: rotate(1deg);
  247. -o-transform: rotate(1deg);
  248. -ms-transform: rotate(1deg);
  249. transform: rotate(1deg);
  250. }
  251.  
  252. #askericon {
  253. opacity: 0;
  254. float:left;
  255. margin-left:-48px;
  256. margin-top:0px;
  257. background-color:{color:askbackground};
  258. }
  259.  
  260. #askericon img {
  261. padding: 4px;
  262. }
  263.  
  264. #question:hover #askericon {
  265. opacity:1;
  266. -webkit-transition: all 0.7s ease-in-out;
  267. -moz-transition: all 0.7s ease-in-out;
  268. -o-transition: all 0.7s ease-in-out;
  269. transition: all 0.7s ease-in-out;
  270. }
  271.  
  272. .qqmarkleft {
  273. font-size: 80px;
  274. font-family: Georgia;
  275. font-weight: bold;
  276. line-height: 100px;
  277. position: relative;
  278. bottom: 10px;
  279. left: 30px;
  280. margin-bottom: -90px;
  281. color: {color:info};
  282. opacity: 0.7;
  283. }
  284.  
  285. .qqmarkright {
  286. font-family: Georgia;
  287. font-size: 80px;
  288. font-weight: bold;
  289. padding-right: 0px;
  290. line-height: 30px;
  291. text-align: right;
  292. right: 30px;
  293. position: relative;
  294. margin-bottom: -10px;
  295. color: {color:info};
  296. opacity: 0.7;
  297. }
  298.  
  299. .qquote {
  300. width: 75%;
  301. font-family: Tahoma, Arial, Verdana;
  302. font-size: 13px;
  303. text-align: justify;
  304. padding-top: 10px;
  305. letter-spacing: 1px;
  306. line-height: 15px;
  307. text-transform: none;
  308. text-indent: 15px;
  309. margin: 0px 10px;
  310. margin-bottom: 10px;
  311. -webkit-transform: rotate(1deg);
  312. -moz-transform: rotate(1deg);
  313. -o-transform: rotate(1deg);
  314. -ms-transform: rotate(1deg);
  315. transform: rotate(1deg);
  316. }
  317.  
  318. .qusource {
  319. width: 500px;
  320. margin-top:-2px;
  321. text-align:right;
  322. font-size: 9.5px;
  323. font-family: Tahoma;
  324. color: {color:text};
  325. line-height: 9px;
  326. opacity: 0.9;
  327. -webkit-transform: rotate(1deg);
  328. -moz-transform: rotate(1deg);
  329. -o-transform: rotate(1deg);
  330. -ms-transform: rotate(1deg);
  331. transform: rotate(1deg);
  332. }
  333. .qusource a {
  334. text-align:right;
  335. font-size: 9.5px;
  336. color: {color:link};
  337. line-height: 9px;
  338. opacity: 0.9;
  339. background-color: transparent;
  340. }
  341. .qusource a:hover {
  342. color: {color:text};
  343. line-height: 9px;
  344. opacity: 1;
  345. }
  346.  
  347. .audio {
  348. background-color: {color:askbackground};
  349. border-bottom-right-radius:10px;
  350. display:block;
  351. width: 450px;
  352. height: 120px;
  353. align:center;
  354. margin-top:10px;
  355. }
  356. #albumart {
  357. float: left;
  358. width:100px;
  359. height:auto;
  360. padding: 10px;
  361. }
  362. #audioinfo {
  363. padding: 10px;
  364. background-color: {color:askbackground};
  365. color: {color:text};
  366. }
  367.  
  368. .chat {line-height: 12px; list-style: none; width: 90%; margin-left: 10px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg);transform: rotate(1deg); }
  369. .chat ul {line-height: 17px; list-style: none; padding: 0px;}
  370. .person1 {background-color: {color:entry}; color: {color:text};letter-spacing:0px; }
  371. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}; }
  372. .person2 {background-color: {color: background}; color: {color: italics}; letter-spacing:0px;}
  373. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: italics}; }
  374.  
  375. .cap {
  376. padding: 0px;
  377. text-align: justify;
  378. margin-top:0px;}
  379.  
  380. .source {display:none}
  381.  
  382. #notes {background-color: {color:info}; width:540px; margin-bottom:10px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;}
  383. #notestext {width: 500px; margin-left: 20px; background-color: {color:info}; padding:5px; text-align: left;}
  384. ol.notes {list-style: none; padding:0px;}
  385. ol.notes li {background-color: {color: background}; margin: 0 px; padding: 5px;}
  386. ol.notes .avatar {border: 0px; height: 10px; padding: 0px; width: 10px;}
  387. ol.notes li .clear {height: 0px!important;}
  388. ol.notes li blockquote {border-color: #ccc!important;}
  389.  
  390. #clear {width:300px;height:3px; clear:both; background-color: transparent}
  391.  
  392. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:background};}
  393. ::-webkit-scrollbar-corner {background:{color:info};}
  394. ::-webkit-scrollbar-thumb:vertical {background:{color:info};}
  395. ::-webkit-scrollbar-thumb:horizontal {background:{color:info};}
  396.  
  397. ::-moz-selection {background-color: {color:background}; color: {color:link};}
  398. ::selection {background-color: {color:background}; color: {color:link};}
  399.  
  400. {CustomCSS}
  401.  
  402. </style>
  403.  
  404.  
  405. </head>
  406. <body>
  407.  
  408.  
  409. <div id="container">
  410.  
  411.  
  412. <div id="sidebar"><h1>{Title}</h1>
  413. {block:ifSidebarImage}<div id="sideimg"><img src="{image:Sidebar}"></div>{/block:ifSidebarImage}
  414.  
  415. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous page">&laquo;</a>{/block:PreviousPage}{/block:Pagination} <a href="/">home</a> <a href="/ask">ask</a> {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled} <a href="/archive">past</a> <a href="http://itsacrimetheme.tumblr.com" target="_blank" title="i t s a c r i m e t h e m e">theme</a> {block:Pagination}{block:NextPage}<a href="{NextPage}" title="next page">&raquo;</a>{/block:NextPage}
  416. {/block:Pagination}</center>
  417.  
  418. <div id="about">{Description}</div>
  419. <div id="linkbar">{block:ifLink1}<a class="slinks" href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  420. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  421. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  422. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  423. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  424. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  425. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  426. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  427. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a> {/block:ifLink9}
  428. {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a> {/block:ifLink10}
  429. </div>
  430. </div>
  431.  
  432. <div id="entries">
  433. {block:Posts}
  434. <div id="posts">
  435.  
  436.  
  437. {block:Text}
  438. {block:Title}<div class="titles">* <a href="{Permalink}">{Title}</a></div>{/block:Title}
  439. {Body}
  440. {/block:Text}
  441.  
  442. {block:Photo}
  443. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}
  444. {/block:Photo}
  445.  
  446. {block:Photoset}
  447. {Photoset-500}
  448. {/block:Photoset}
  449.  
  450. {block:Quote}
  451. <div class="qqmarkleft">“</div><center><div class="qquote">{Quote}</div><div class="qqmarkright">”</div>
  452. {block:Source}
  453. <div class="qusource"> {Source} &nbsp; &nbsp; </div>
  454. {/block:Source}
  455. {/block:Quote}
  456.  
  457. {block:Link}
  458. <div class="titles">* <a href="{URL}" {Target}>{Name} &nbsp;</a></div>{block:Description}{Description}{/block:Description}
  459. {/block:Link}
  460.  
  461. {block:Chat}
  462. {block:Title}<div class="titles">* <a href="{Permalink}">{Title}</a></div>{/block:Title}
  463. <div class="chat"><ul>{block:Lines}
  464. <li class="person{UserNumber}">{block:Label}
  465. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  466. {/block:Chat}
  467.  
  468. {block:Video}
  469. {Video-500}
  470. {/block:Video}
  471.  
  472. {block:Answer}
  473. <center><div id="asker">{Asker} {text:asker}:</div>
  474. <div id="question"><div id="askericon"><img src="{AskerPortraitURL-48}"></div>
  475. <br>
  476. {Question}
  477. <br>
  478. <br>
  479. </div></center>
  480. <br>
  481. <div id="answer">{Answer}</div>
  482. {/block:answer}
  483.  
  484. {block:Audio}<center>
  485. <div class="audio">
  486. <div id="albumart">{block:AlbumArt} <img src="{AlbumArtURL}" width=100> {/block:AlbumArt}</div>
  487. <div id="audioinfo"><br>{AudioPlayerGrey}<br>
  488. {PlayCountWithLabel}
  489. </div>
  490. </div>
  491.  
  492. </center>
  493. {block:Caption}<br>{Caption}{/block:Caption}{/block:Audio}<br>
  494.  
  495. <div class="cap">
  496. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  497. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  498. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  499.  
  500. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  501. {/block:ContentSource}</div>
  502.  
  503.  
  504. <div id="info">{block:text}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:text}
  505. {block:photo}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:photo}
  506. {block:photoset}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:photoset}
  507. {block:quote}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:quote}
  508. {block:audio}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:audio}
  509. {block:video}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:video}
  510. {block:chat}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:chat}
  511. {block:link}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:link}
  512. {block:answer} answered {/block:answer}
  513. <a href="{Permalink}" title="permalink to this post">{TimeAgo}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom} <span style="float:right; text-transform:lowercase;"><a href="{ReblogURL}" title="reblog this post!" style="color:{color:title};">»reblog</a></span><br>
  514. {block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  515.  
  516. <div id="clear"></div>
  517.  
  518. </div>
  519.  
  520. {/block:Posts}
  521.  
  522. {block:PostNotes}
  523. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  524. {/block:PostNotes}
  525.  
  526. </div>
  527.  
  528. </div>
  529.  
  530. </body>
  531. </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!