API tools faq
paste
Advertisement
strangebesidethepond

Oh serious, serious, serious (b&w)

strangebesidethepond
Aug 9th, 2012
3,815
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.06 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 #008 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="#fcfafa" />
  18. <meta name="color:border" content="#e1e1e1" />
  19. <meta name="color:sidebar" content="#fafafa" />
  20. <meta name="color:sidebartext" content="#a2aaaa" />
  21. <meta name="color:text" content="#757577" />
  22. <meta name="color:h1" content="#ba4d7d" />
  23. <meta name="color:link" content="#494852" />
  24. <meta name="color:linkhover" content="#d374b1" />
  25. <meta name="color:linkbackground" content="#f0f0f0" />
  26. <meta name="color:info" content="#f8f8f8" />
  27. <meta name="color:entry" content="#f8f8f8" />
  28. <meta name="color:asktext" content="#4b4d53" />
  29. <meta name="color:infolinks" content="#a2aaaa" />
  30. <meta name="color:infotext" content="#d1d0d0" />
  31. <meta name="color:bold" content="#838792" />
  32. <meta name="color:italics" content="#a2aaaa" />
  33.  
  34. <meta name="image:sidebarimg" content=""/>
  35. <meta name="image:background" content=""/>
  36.  
  37. <meta name="if:Likebutton" content="1">
  38.  
  39. <meta name="text:asker" content="said" />
  40. <meta name="text:Link1" content="" />
  41. <meta name="text:Link1 Title" content="" />
  42. <meta name="text:Link2" content="" />
  43. <meta name="text:Link2 Title" content="" />
  44. <meta name="text:Link3" content="" />
  45. <meta name="text:Link3 Title" content="" />
  46. <meta name="text:Link4" content="" />
  47. <meta name="text:Link4 Title" content="" />
  48. <meta name="text:Link5" content="" />
  49. <meta name="text:Link5 Title" content="" />
  50. <meta name="text:Link6" content="" />
  51. <meta name="text:Link6 Title" content="" />
  52.  
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />
  59. {/block:Description}
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64. body {background-color:{color:background}; color:{color:text}; font-family: Calibri, Helvetica; font-size: 14px; line-height:125%; text-align:justify; letter-spacing: 1px; margin:0px; background-image:url('{image:background}'); background-attachment: fixed}
  65.  
  66. a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none; background-color: {color:background};}
  67. 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;}
  68.  
  69. img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
  70. img:hover {filter: none;-webkit-filter: grayscale(0%); -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
  71. img a {border:0px;}
  72. b, strong{font-weight: bold; color:{color:bold};}
  73. i, em {text-transform: italic; color:{color:italics};}
  74. s, strike, del {color: {color:italics};}
  75. p {margin: 10px 10px 10px 10px;}
  76. blockquote {padding:0px; padding-left:5px; margin:5px; border-left: 4px solid {color:border};}
  77. blockquote blockquote {width: 95%; border-left: 4px solid {color:border}; padding:0 5px;}
  78. pre {width:95%; margin-left:auto; margin-right:auto; font-family: Arial,Helvetica; font-size:11px; padding: 5px 7px 5px 7px; word-wrap: break-word; background-color:{color:background}; color: {color:sidebartext}; max-height:100px!important; overflow-y:auto;}
  79. h1 {line-height: 75%; font-family: Palatino; letter-spacing: 1px; font-size: 18px; font-style: italic; color: {color:h1}; background-color: transparent;}
  80.  
  81.  
  82. /* SIDEBAR */
  83.  
  84. #wholebar {
  85. width: 240px;
  86. height:480px;
  87. margin-left:690px;
  88. margin-top:-40px;
  89. background-color:transparent;
  90. position:fixed;
  91. }
  92.  
  93. .sidebar {
  94. width: 200px;
  95. height: 200px;
  96. margin:250px 0 0 10px;
  97. background-color: {color:sidebar};
  98. color: {color:text};
  99. position: relative;
  100. z-index: 10;
  101. text-align:center;
  102. padding:3px;
  103. background-image:url('{image:sidebarimg}');
  104. border:7px solid {color:sidebar};
  105. }
  106. .sidebar a {
  107. display:inline-block;
  108. opacity:1;
  109. background-color: {color:sidebar};
  110. color: {color:link};
  111. font-family: Calibri, Helvetica;
  112. font-size:8px;
  113. text-transform:uppercase;
  114. padding: 0 4px;
  115. transition-duration: 0.6s;
  116. -moz-transition-duration: 0.6s;
  117. -webkit-transition-duration: 0.6s;
  118. -o-transition-duration: 0.6s;
  119. }
  120. .sidebar a:hover {
  121. opacity:1;
  122. background-color: {color:background};
  123. color: {color:linkhover};
  124. -moz-transform: scale(1.5);
  125. -webkit-transform: scale(1.5);
  126. -o-transform: scale(1.5);
  127. -ms-transform: scale(1.5);
  128. transform: scale(1.5);
  129. transition-duration: 0.2s;
  130. -moz-transition-duration: 0.2s;
  131. -webkit-transition-duration: 0.2s;
  132. -o-transition-duration: 0.2s;
  133. }
  134.  
  135. .about {
  136. opacity: 0;
  137. height: 0px;
  138. height: 140px;
  139. width: 200px;
  140. position: absolute;
  141. z-index: 5;
  142. background-color: {color:sidebar};
  143. margin:250px 0 0 10px;
  144. color: {color:sidebartext};
  145. padding:10px;
  146. font-size:0px;
  147. line-height:118%;
  148. transition-duration: 0.9s;
  149. -moz-transition-duration: 0.9s;
  150. -webkit-transition-duration: 0.9s;
  151. -o-transition-duration: 0.9s;
  152. overflow:auto;
  153. }
  154. .about a {color:{color:h1};}
  155. .about a:hover {color: {color:text};}
  156. #wholebar:hover .about {
  157. opacity: 1;
  158. margin-top: 100px;
  159. font-size:11px;
  160. transition-duration: 0.9s;
  161. -moz-transition-duration: 0.9s;
  162. -webkit-transition-duration: 0.9s;
  163. -o-transition-duration: 0.9s;
  164. }
  165. .sidebarlinks {
  166. opacity: 0;
  167. height: 0px;
  168. height: 58px;
  169. width: 200px;
  170. position: absolute;
  171. z-index: 15;
  172. padding:10px;
  173. background-color: {color:sidebar};
  174. margin:250px 0 0 10px;
  175. transition-duration: 0.9s;
  176. -moz-transition-duration: 0.9s;
  177. -webkit-transition-duration: 0.9s;
  178. -o-transition-duration: 0.9s;}
  179. .sidebarlinks a {
  180. display:inline-block;
  181. background-color: {color:linkbackground};
  182. width:85px;
  183. font-family: Calibri, Helvetica;
  184. font-size:8px;
  185. text-transform:uppercase;
  186. text-align:center;
  187. padding: 0 4px;
  188. margin: auto 2px;
  189. }
  190. .sidebarlinks a:hover {
  191. background-color: {color:background};
  192. color: {color:linkhover};
  193. transition-duration: 0.6s;
  194. -moz-transition-duration: 0.6s;
  195. -webkit-transition-duration: 0.6s;
  196. -o-transition-duration: 0.6s;
  197. }
  198.  
  199. #wholebar:hover .sidebarlinks {
  200. opacity: 1;
  201. margin-top: 392px;
  202. transition-duration: 0.9s;
  203. -moz-transition-duration: 0.9s;
  204. -webkit-transition-duration: 0.9s;
  205. -o-transition-duration: 0.9s;
  206. }
  207.  
  208.  
  209. /* ENTRIES */
  210.  
  211. #kitten {
  212. right:5px;
  213. bottom:5px;
  214. color: {color:text};
  215. background-color: {color:sidebar};
  216. padding: 1px 3px 1px 3px;
  217. font-family:Calibri;
  218. font-size:8px;
  219. text-transform:uppercase;
  220. position:fixed;
  221. }
  222. #kitten a {
  223. color:{color:h1};
  224. background-color:transparent;
  225. }
  226. #kitten a:hover {
  227. color:{color:text};}
  228.  
  229. #container {
  230. width: 520px;
  231. height: 100%;
  232. margin-left: 70px;
  233. background-color: transparent;
  234. }
  235.  
  236. #entries {
  237. width: 520px;
  238. height: auto;
  239. background-color: transparent;
  240. margin-bottom: 5px;
  241. text-align: center;
  242. padding: 10px;
  243. position:absolute;
  244. }
  245.  
  246. #entry {
  247. width:520px;
  248. margin:auto;
  249. background-color: {color:entry};
  250. padding:10px;
  251. margin-bottom:15px;
  252. }
  253.  
  254. #posts {
  255. width: 500px;
  256. background-color: {color:entry};
  257. text-align: justify;
  258. font-family: Tahoma, Arial, Verdana;
  259. font-size: 12px;
  260. padding: 4px;
  261. margin-bottom: 2px;
  262. margin-left: auto;
  263. margin-right: auto;
  264. }
  265.  
  266. #info {
  267. padding:9px 0 2px 0;
  268. border-top: 1px solid {color:border};
  269. color: {color:infotext};
  270. background-color:{color:info};
  271. font-size: 10px;
  272. font-family: Calibri;
  273. letter-spacing: 1px;
  274. text-transform:uppercase;
  275. text-align:center;
  276. line-height:108%;
  277. margin-bottom:0px;
  278. margin-top:-10px;
  279. }
  280.  
  281. #info a {
  282. color: {color:infolinks};
  283. background-color:transparent;
  284. }
  285. #info a:hover {
  286. color: {color:linkhover};
  287. background-color: transparent;
  288. -webkit-transition: all 0.7s ease-in-out;
  289. -moz-transition: all 0.7s ease-in-out;
  290. transition: all 0.7s ease-in-out;
  291. }
  292.  
  293. .rebagel {
  294. width:50px;
  295. height:0px;
  296. padding: 1px 2px 2px 1px;
  297. font-family:Calibri;
  298. font-size:0px;
  299. text-transform:uppercase;
  300. color:{color:link};
  301. text-align:center;
  302. background-color:{color:linkbackground};
  303. opacity:0;
  304. margin-top:5px;
  305. margin-left:450px;
  306. z-index:15;
  307. position:absolute;
  308. }
  309.  
  310. .rebagel a {
  311. color: {color:link};
  312. background-color:transparent;}
  313. .rebagel a:hover {color: {color:bold};}
  314.  
  315. .rebagel:hover {
  316. background-color:{color:entry};
  317. color:{color:bold};
  318. -webkit-transition: all 0.7s ease-in-out;
  319. -moz-transition: all 0.7s ease-in-out;
  320. -o-transition: all 0.7s ease-in-out;
  321. transition: all 0.7s ease-in-out;
  322. }
  323.  
  324. #entry:hover .rebagel {
  325. opacity:1;
  326. height: 15px;
  327. font-size:8px;
  328. margin-top: 5px;
  329. margin-left:500px;
  330. -webkit-transition: all 0.7s ease-in-out;
  331. -moz-transition: all 0.7s ease-in-out;
  332. -o-transition: all 0.7s ease-in-out;
  333. transition: all 0.7s ease-in-out;
  334. }
  335.  
  336. {block:IfLikebutton}
  337. .heart {
  338. width:20px;
  339. height:20;
  340. padding: 1px 2px 2px 1px;
  341. text-align:center;
  342. background-color:transparent;
  343. opacity:1;
  344. margin-top:-11px;
  345. margin-left:-20px;
  346. z-index:15;
  347. position:absolute;
  348. }
  349.  
  350. .heart:hover {
  351. opacity:1;
  352. background-color:transparent;
  353. -webkit-transition: all 0.7s ease-in-out;
  354. -moz-transition: all 0.7s ease-in-out;
  355. -o-transition: all 0.7s ease-in-out;
  356. transition: all 0.7s ease-in-out;
  357. }
  358.  
  359. .my-like {
  360. background-image: url('http://media.tumblr.com/tumblr_m8lxbfhxEC1qevl9v.png') !important;
  361. background-repeat:no-repeat;
  362. height:13px;
  363. width:15px;
  364. cursor:pointer;
  365. display:inline-block;
  366. -webkit-transition: all 0.6s ease-in-out;
  367. -moz-transition: all 0.6s ease-in-out;
  368. -ms-transition: all 0.6s ease-in-out;
  369. -o-transition: all 0.6s ease-in-out;
  370. transition: all 0.6s ease-in-out;
  371. }
  372.  
  373. .my-liked, .my-like:hover {
  374. background-image: url('http://media.tumblr.com/tumblr_m8lvzjlhRb1qevl9v.png') !important;
  375. background-repeat:no-repeat;
  376. height:13px;
  377. width:15px;
  378. cursor:pointer;
  379. display:inline-block;
  380. -webkit-transition: all 0.6s ease-in-out;
  381. -moz-transition: all 0.6s ease-in-out;
  382. -ms-transition: all 0.6s ease-in-out;
  383. -o-transition: all 0.6s ease-in-out;
  384. transition: all 0.6s ease-in-out;
  385. }
  386. {/block:IfLikebutton}
  387.  
  388. /* POSTS */
  389.  
  390. .titles {line-height: 90%; font-family: georgia; letter-spacing: -1px; font-size: 23px; font-style: italic; color: {color:italics}; text-transform:lowercase; text-shadow:-2px -2px 1px {color:border};}
  391. .titles a {color:{color:h1}; font-style:none; background-color:transparent;}
  392. .titles a:hover {color: {color:italics};}
  393.  
  394. #darlings {
  395. float:right;
  396. width: 91px;
  397. height:75px;
  398. padding:2px;
  399. background-color:transparent;
  400. text-align:center;
  401. }
  402.  
  403. #askericon {
  404. float:right;
  405. width:55px;
  406. height: 55px;
  407. text-align:center;
  408. background-color: {color:background};
  409. margin:2px auto 5px auto;
  410. padding:8px;
  411. }
  412.  
  413. #askericon img {
  414. width: 48px;
  415. height: 48px;
  416. padding: 0px;
  417. margin-top:3px;
  418. margin-right:3px;
  419. float:right;}
  420.  
  421. #askericon img:hover {
  422. -webkit-transition: all 0.7s ease-in-out;
  423. -moz-transition: all 0.7s ease-in-out;
  424. -ms-transition: all 0.7s ease-in-out;
  425. -o-transition: all 0.7s ease-in-out;
  426. transition: all 0.7s ease-in-out;}
  427.  
  428. #question {
  429. width: 95%;
  430. background-color:transparent;
  431. font-size: 13px;
  432. font-weight: normal;
  433. font-family: Calibri, Helvetica;
  434. text-align: right;
  435. line-height:110%;
  436. letter-spacing: 1px;
  437. color: {color:asktext};
  438. margin-left:0px;
  439. margin-top:-22px;
  440. padding: 10px;
  441. }
  442. #question a {
  443. color:{color:italics};
  444. background-color:transparent;}
  445.  
  446. #bubble {
  447. width: 8px;
  448. height: 4px;
  449. font-size:27px;
  450. font-family:Georgia;
  451. position: absolute;
  452. color:{color:background};
  453. margin-left: -25px;
  454. margin-top: 10px;
  455. }
  456.  
  457. #answer {
  458. margin-top: 3px;
  459. text-align:justify;
  460. padding: 3px;
  461. }
  462.  
  463. .qqmarkleft {
  464. font-size: 80px;
  465. font-family: Georgia;
  466. font-weight: bold;
  467. line-height: 100px;
  468. position: relative;
  469. bottom: 10px;
  470. left: 30px;
  471. margin-bottom: -90px;
  472. color: {color:infotext};
  473. opacity: 0.7;
  474. }
  475.  
  476. .qqmarkright {
  477. font-family: Georgia;
  478. font-size: 80px;
  479. font-weight: bold;
  480. padding-right: 0px;
  481. line-height: 30px;
  482. text-align: right;
  483. right: 30px;
  484. position: relative;
  485. margin-bottom: -10px;
  486. color: {color:infotext};
  487. opacity: 0.7;
  488. }
  489.  
  490. .qquote {
  491. width: 75%;
  492. font-family: Tahoma, Arial, Verdana;
  493. font-size: 13px;
  494. text-align: justify;
  495. padding-top: 10px;
  496. letter-spacing: 1px;
  497. line-height: 15px;
  498. text-transform: none;
  499. text-indent: 15px;
  500. margin: 0px 10px;
  501. margin-bottom: 10px;
  502. }
  503.  
  504. .qusource {
  505. width: 500px;
  506. margin-top:-2px;
  507. text-align:right;
  508. font-size: 9.5px;
  509. font-family: Tahoma;
  510. color: {color:text};
  511. line-height: 9px;
  512. opacity: 0.9;
  513. margin-bottom:3px;
  514. }
  515. .qusource a {
  516. text-align:right;
  517. font-size: 9.5px;
  518. color: {color:link};
  519. line-height: 9px;
  520. opacity: 0.9;
  521. background-color: transparent;
  522. }
  523. .qusource a:hover {
  524. color: {color:text};
  525. line-height: 9px;
  526. opacity: 1;
  527. }
  528.  
  529. #audio {
  530. margin-bottom: 50px;
  531. width: 500px;
  532. height:auto;
  533. }
  534.  
  535. .cover {
  536. width: 100px;
  537. height: 100px;
  538. position: absolute;
  539. }
  540.  
  541. .cover img {
  542. width: 100px;
  543. height: 100px;
  544. float: left;
  545. }
  546.  
  547. .playercontainer {
  548. width:100px;
  549. height:100px;
  550. position:absolute;
  551. display:block;
  552. background-color: #ffffff;
  553. z-index:6;
  554. opacity:0.3;
  555. -webkit-transition:all 0.7s ease-in-out;
  556. -moz-transition:all 0.7s ease-in-out;
  557. -o-transition:all 0.7s ease-in-out;
  558. -ms-transition:all 0.7s ease-in-out;
  559. transition:all 0.7s ease-in-out;
  560. }
  561.  
  562. .playercontainer:hover {
  563. opacity:0.7;
  564. -webkit-transition:all 0.7s ease-in-out;
  565. -moz-transition:all 0.7s ease-in-out;
  566. -o-transition:all 0.7s ease-in-out;
  567. -ms-transition:all 0.7s ease-in-out;
  568. transition:all 0.7s ease-in-out;
  569. }
  570.  
  571. .player {
  572. width: 25px;
  573. height: 25px;
  574. margin-left: 36px;
  575. margin-top: 36px;
  576. overflow: hidden;
  577. background-color:#fff;
  578. }
  579.  
  580. .sugarbabylove {
  581. margin-left:110px;
  582. float:left;
  583. width:76%;
  584. padding:5px;
  585. margin-top:10px;
  586. font-size:10px;
  587. line-height:110%;
  588. letter-spacing:1px;
  589. color: {color:sidebartext};
  590. background-color:{color:background};
  591. }
  592.  
  593. .chat {line-height: 12px; list-style: none; width: 90%; margin-left: 10px;}
  594. .chat ul {line-height: 17px; list-style: none; padding: 0px;}
  595. .person1 {background-color: {color:entry}; color: {color:text};letter-spacing:0px; }
  596. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}; }
  597. .person2 {background-color: {color: background}; color: {color: italics}; letter-spacing:0px;}
  598. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: italics}; }
  599.  
  600. .image {
  601. opacity:0.8;
  602. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  603. filter: gray; /* IE6-9 */
  604. -webkit-filter: grayscale(100%); /* Google Chrome & Webkit Nightlies */
  605. -webkit-transition: all 0.7s ease-in-out;
  606. -moz-transition: all 0.7s ease-in-out;
  607. -o-transition: all 0.7s ease-in-out;
  608. transition: all 0.7s ease-in-out;
  609. }
  610. .image:hover {
  611. opacity:1;
  612. filter: none;
  613. -webkit-filter: grayscale(0%);
  614. -webkit-transition: all 0.7s ease-in-out;
  615. -moz-transition: all 0.7s ease-in-out;
  616. -o-transition: all 0.7s ease-in-out;
  617. transition: all 0.7s ease-in-out;}
  618.  
  619. .cap {
  620. padding: 0px;
  621. text-align: justify;
  622. margin-top:-10px;}
  623.  
  624. .cap img {
  625. max-width:470px;
  626. height:auto;}
  627.  
  628. .source {display:none}
  629.  
  630. #notes {background-color: {color:sidebar}; width:520px; margin-bottom:10px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; padding:10px;}
  631. #notestext {width: 500px; margin-left: auto; margin-right: auto; background-color: {color:entry}; padding:5px; text-align: left;}
  632. #notes blockquote a{
  633. color:{color:h1};
  634. font-weight:normal;
  635. backround-color: transparent;
  636. padding: 5px;
  637. margin: 0;
  638. }
  639. ol.notes {list-style: none; padding:0px;}
  640. ol.notes li {background-color: {color: background}; margin: 0 px; padding: 5px;}
  641. ol.notes .avatar {border: 3px solid {color:sidebar}; height: 10px; padding: 0px; width: 10px;}
  642. ol.notes li .clear {height: 0px!important;}
  643. ol.notes li blockquote {border-color: {color:entry}!important; background-color: {color:sidebar}; padding: 5px; width:90%; margin: 4px auto 0px auto;}
  644.  
  645. #clear {width:300px; height:0px; clear:both; background-color: transparent}
  646.  
  647. ::-webkit-scrollbar-corner {
  648. background:{color:background};
  649. }
  650. ::-webkit-scrollbar-thumb:vertical {
  651. background-color: {color:sidebar};
  652. width:5px;
  653. height:auto;
  654. border: 1px solid {color:border};
  655. -webkit-border-radius: 3px;
  656. }
  657.  
  658. ::-webkit-scrollbar-thumb:horizontal {
  659. background-color: {color:sidebar};
  660. width:auto;
  661. height:5px;
  662. border: 1px solid {color:border};
  663. -webkit-border-radius: 3px;
  664. }
  665.  
  666. ::-webkit-scrollbar {
  667. height:5px;
  668. width:5px;
  669. background-color: {color:background};
  670. }
  671.  
  672. ::-moz-selection {background-color: {color:infotext}; color: {color:h1};}
  673. ::selection {background-color: {color:infotext}; color: {color:h1};}
  674.  
  675. {CustomCSS}
  676.  
  677. </style>
  678.  
  679. <script type="text/javascript"
  680. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  681. </script>
  682. <script type="text/javascript" language="javascript">
  683. $(function () {
  684. $('#scrlTop').click(function () {
  685. $('html, body').animate({
  686. scrollTop: '0px'
  687. },
  688. 1500);
  689. return false;
  690. });
  691. });
  692. </script>
  693.  
  694. {block:IfLikebutton}
  695. <script>
  696. window.onload = function () {
  697. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  698. document.addEventListener( 'click', function ( event ) {
  699. var myLike = event.target;
  700. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  701. var frame = document.getElementById( 'my-like-frame' ),
  702. liked = ( myLike.className == 'my-liked' ),
  703. command = liked ? 'unlike' : 'like',
  704. reblog = myLike.getAttribute( 'data-reblog' ),
  705. id = myLike.getAttribute( 'data-id' ),
  706. oauth = reblog.slice( -8 );
  707. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  708. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  709. };
  710. }, false );
  711. };
  712. </script>
  713. {/block:IfLikebutton}
  714. </head>
  715.  
  716. <body>
  717.  
  718. <div id="wholebar">
  719. <div class="sidebarlinks">
  720. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  721. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br> {/block:ifLink2}
  722. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  723. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a><br> {/block:ifLink4}
  724. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  725. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a><br> {/block:ifLink6}
  726. </div>
  727.  
  728. <div class="about"><div class="titles"><center><small>{Title}</small></center></div>{block:Description}{Description}{/block:Description}<br><br></div>
  729.  
  730. <div class="sidebar">{block:Pagination}
  731. {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="theme">♔</a> {block:Pagination}{block:NextPage}<a href="{NextPage}" title="next page">&raquo;</a>{/block:NextPage}{/block:Pagination}
  732. </div>
  733.  
  734. </div>
  735.  
  736. <div id="container">
  737.  
  738. <div id="entries">
  739.  
  740. {block:Posts}
  741. <div id="entry">
  742.  
  743. <div id="posts">
  744.  
  745. {block:text} {block:IfLikebutton}<div class="heart"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></span></div>{/block:IfLikebutton}
  746. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:text}
  747. {block:photo} {block:IfLikebutton}<div class="heart"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></span></div>{/block:IfLikebutton}
  748. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:photo}
  749. {block:photoset} {block:IfLikebutton}<div class="heart"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></span></div>{/block:IfLikebutton}
  750. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:photoset}
  751. {block:quote} {block:IfLikebutton} <div class="heart"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></span></div>{/block:IfLikebutton}
  752. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:quote}
  753. {block:audio}{block:IfLikebutton} <div class="heart"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></span></div>{/block:IfLikebutton}
  754. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:audio}
  755. {block:video} {block:IfLikebutton} <div class="heart"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></span></div>{/block:IfLikebutton}
  756. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:video}
  757. {block:chat} {block:IfLikebutton} <div class="heart my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></div>{/block:IfLikebutton}
  758. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:chat}
  759. {block:link} {block:IfLikebutton} <div class="heart my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post"></div>{/block:IfLikebutton}
  760. <div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:link}
  761. {block:answer} &nbsp; {/block:answer}
  762.  
  763. {block:Text}
  764. {block:Title}<div class="titles">* <a href="{Permalink}">{Title}</a></div>
  765. {/block:Title}
  766. {Body}
  767. {/block:Text}
  768.  
  769. {block:Photo}
  770. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}
  771. {/block:Photo}
  772.  
  773. {block:Photoset}
  774. <div class="image">{Photoset-500}</div>
  775. {/block:Photoset}
  776.  
  777. {block:Quote}
  778. <div class="qqmarkleft">“</div><center><div class="qquote">{Quote}</div></center><div class="qqmarkright">”</div>
  779. {block:Source}
  780. <div class="qusource"> {Source} &nbsp; &nbsp; </div>
  781. {/block:Source}
  782. {/block:Quote}
  783.  
  784. {block:Link}
  785. <div class="titles">* <a href="{URL}" {Target}>{Name} &nbsp;</a></div>{block:Description}{Description}{/block:Description}
  786. {/block:Link}
  787.  
  788. {block:Chat}
  789. {block:Title}<div class="titles">* <a href="{Permalink}">{Title}</a></div>{/block:Title}
  790. <div class="chat"><ul>{block:Lines}
  791. <li class="person{UserNumber}">{block:Label}
  792. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  793. {/block:Chat}
  794.  
  795. {block:Video}
  796. {Video-500}
  797. {/block:Video}
  798.  
  799. {block:Answer}
  800. <div id="question">
  801. <div id="darlings"><div id="askericon">
  802. <div id="bubble">◀</div>
  803. <a href="{AskerURL}" target="_blank" title="{AskerName}"><img id="askericon" src="{AskerPortraitURL-48}"></a>
  804. </div></div>
  805. <small><i>{Asker} {text:asker}:<br /></i></small>{Question}</div>
  806. <div id="answer"><p>{Answer}</p></div>
  807. {/block:Answer}
  808.  
  809. {block:Audio}<div id="audio">
  810. <div class="cover"><img src="http://static.tumblr.com/ougddg1/jHxm8imhe/defaultalbum.png"></div>
  811. {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  812. {block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div>
  813. </div>{/block:AudioPlayer}
  814. {block:TrackName}<div class="sugarbabylove"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  815. {block:Artist}<div class="sugarbabylove"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  816. {block:Album}<div class="sugarbabylove"><b>Album:</b> {Album}</div>{/block:Album}
  817. </div>
  818. {block:Caption}<br>{Caption}{/block:Caption}
  819. {/block:Audio}<br>
  820.  
  821. <div class="cap">
  822. {block:Photo}{block:Caption}{Caption}<br>{/block:Caption}{/block:Photo}
  823. {block:Video}{block:Caption}{Caption}<br>{/block:Caption}{/block:Video}
  824. {block:Photoset}{block:Caption}{Caption}<br>{/block:Caption}{/block:Photoset}</div>
  825.  
  826. <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>
  827. {/block:ContentSource}</div>
  828.  
  829. <div id="info">{block:text}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:text}
  830. {block:photo}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:photo}
  831. {block:photoset}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:photoset}
  832. {block:quote}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:quote}
  833. {block:audio}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:audio}
  834. {block:video}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:video}
  835. {block:chat}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:chat}
  836. {block:link}{block:RebloggedFrom} reblogged {/block:RebloggedFrom} {block:NotReblog} posted{/block:NotReblog}{/block:link}
  837. {block:answer} answered {/block:answer}
  838. <a href="{Permalink}" title="permalink to this post">{TimeAgo}</a> with {NoteCountWithLabel} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> && <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}<br>
  839. {block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  840.  
  841. <div id="clear"></div>
  842.  
  843. </div>
  844. </div>
  845.  
  846. {/block:Posts}
  847.  
  848. {block:PostNotes}
  849. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  850. {/block:PostNotes}
  851.  
  852. </div>
  853.  
  854. </div>
  855.  
  856.  
  857. <div id="kitten"><a href="#" id="scrlTop" title="scroll to top">top</a></div>
  858. </body>
  859. </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!