API tools faq
paste
Advertisement
strangebesidethepond

You see puzzles, I see games

strangebesidethepond
May 17th, 2013
21,761
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.  
  4. <!-----
  5.  
  6. theme #018 by Rose @ itsacrimescene.tumblr.com
  7. Please do not copy, redistribute and/or claim as your own
  8. Do not remove the credit or move it to a secondary page
  9. Thank you :3
  10.  
  11. ------>
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <!-- DEFAULT VARIABLES -->
  18.  
  19. <meta name="color:askbackground" content="#a5a399" />
  20. <meta name="color:asktext" content="#34332f" />
  21. <meta name="color:background" content="#383734" />
  22. <meta name="color:bold" content="#a5a39b" />
  23. <meta name="color:border" content="#444340" />
  24. <meta name="color:buttonsbackground" content="#9b998f" />
  25. <meta name="color:container" content="#34332f" />
  26. <meta name="color:infolinks" content="#777571" />
  27. <meta name="color:infotext" content="#616059" />
  28. <meta name="color:italics" content="#8f8d87" />
  29. <meta name="color:links" content="#99968c" />
  30. <meta name="color:linkshover" content="#5f5d54" />
  31. <meta name="color:posts" content="#3d3c37" />
  32. <meta name="color:sidebartext" content="#7f7d75" />
  33. <meta name="color:tags" content="#616059" />
  34. <meta name="color:text" content="#7f7d75" />
  35. <meta name="color:title" content="#d2cfc1" />
  36.  
  37. <meta name="image:background" content="http://static.tumblr.com/de4a7ab9c2e42dd6285492e36998a2b8/ougddg1/b5dmmwj7s/tumblr_static_wood_1.jpg" />
  38. <meta name="image:sidebarimg" content="" />
  39.  
  40. <meta name="text:asker" content="said" />
  41. <meta name="text:blogtitle" content="" />
  42. <meta name="text:subtitle" content="" />
  43. <meta name="text:lastwords" content="" />
  44.  
  45. <meta name="text:Link1" content="" />
  46. <meta name="text:Link1 Title" content="" />
  47. <meta name="text:Link2" content="" />
  48. <meta name="text:Link2 Title" content="" />
  49. <meta name="text:Link3" content="" />
  50. <meta name="text:Link3 Title" content="" />
  51. <meta name="text:Link4" content="" />
  52. <meta name="text:Link4 Title" content="" />
  53. <meta name="text:Link5" content="" />
  54. <meta name="text:Link5 Title" content="" />
  55. <meta name="text:Link6" content="" />
  56. <meta name="text:Link6 Title" content="" />
  57. <meta name="text:Link7" content="" />
  58. <meta name="text:Link7 Title" content="" />
  59. <meta name="text:Link8" content="" />
  60. <meta name="text:Link8 Title" content="" />
  61. <meta name="text:Link9" content="" />
  62. <meta name="text:Link9 Title" content="" />
  63. <meta name="text:Link10" content="" />
  64. <meta name="text:Link10 Title" content="" />
  65.  
  66.  
  67. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  68. <link rel="shortcut icon" href="{Favicon}">
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  70. {block:Description}
  71. <meta name="description" content="{MetaDescription}" />
  72. {/block:Description}
  73.  
  74. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
  77.  
  78. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  79. <script>
  80. $().ready(function() {
  81. $("[title]").style_my_tooltips({
  82. tip_follows_cursor: "on", //on/off
  83. tip_delay_time: 200 //milliseconds
  84. });
  85. });
  86. </script>
  87.  
  88. <style type="text/css">
  89.  
  90. body {background-color:{color:background}; color:{color:text}; font-family: Tahoma; font-size: 12px; line-height:125%; text-align:justify; letter-spacing: 1px; margin:0px; background-image:url('{image:background}'); background-attachment: fixed;}
  91.  
  92. a, a:link, a:active, a:visited {color:{color:links}; text-decoration: none;}
  93. a:hover {color:{color:linkshover}; 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;}
  94.  
  95. img a {border:0px;}
  96. b, strong {font-weight: bold; color:{color:bold}; font-size: 110%; letter-spacing: 0px;}
  97. i, em {font-style: italic; color:{color:italics}; font-size:105%; font-family:Georgia;}
  98. s, strike, del {color: {color:italics}; font-size:99%;}
  99. p {margin-top: 5px;}
  100. blockquote {padding-left: 5px; margin: 5px 0 5px 5px; border-left: 1px solid {color:border}; word-wrap: break-word;}
  101. blockquote img {max-width:450px;}
  102. pre {width:95%; margin-left:auto; margin-right:auto; font-family: Arial; font-size:11px; padding: 5px 6px 5px 6px; word-wrap: break-word; background-color:{color:background}; color: {color:italics}; border: 1px solid {color:border}; max-height:100px!important; overflow-y:auto;}
  103.  
  104. #s-m-t-tooltip{
  105. position: absolute;
  106. max-width: 300px;
  107. padding: 1px 8px 1px 8px;
  108. z-index: 99999;
  109. display: inline-block;
  110. font-family: Calibri;
  111. font-size: 9px;
  112. color: #fff;
  113. background-color:#181818;
  114. text-transform: uppercase;
  115. }
  116.  
  117.  
  118. /* CONTAINER */
  119.  
  120. #elementary {
  121. width: 920px;
  122. height: auto;
  123. padding: 20px 0px;
  124. margin: 0px auto 0px auto;
  125. background-color: {color:container};
  126. border: 0px solid {color:border};
  127. overflow:auto;
  128. }
  129.  
  130. /* LEFTBAR */
  131.  
  132.  
  133. #leftbar {
  134. width: 135px;
  135. height: 100%;
  136. margin: -20px 0px 0 0;
  137. text-align:justify;
  138. position:fixed;
  139. background-color: {color:container};
  140. border-right: 1px dashed {color:border};
  141. }
  142.  
  143. #icon {
  144. width: 64px;
  145. height: 64px;
  146. padding: 12px;
  147. margin: 200px auto 0 auto;
  148. background-color: {color:posts};
  149. border: 1px solid {color:border};
  150. }
  151.  
  152. #icon img {
  153. width: 64px;
  154. height: 64px;
  155. }
  156.  
  157. #pagination {
  158. width: 135px;
  159. height: auto;
  160. margin: 30px auto 0px auto;
  161. text-align:center;
  162. font-family:Georgia;
  163. font-size: 13px;
  164. line-height:14px;
  165. color: {color:sidebartext};
  166. }
  167.  
  168. #pagination a {
  169. font-size:130%;
  170. color: {color:sidebartext};
  171. }
  172.  
  173. #pagination a:hover {
  174. color: {color:title};}
  175.  
  176. #lastwords {
  177. width:74px;
  178. height: auto;
  179. padding: 8px;
  180. margin: 35px auto 10px auto;
  181. font-family: Tahoma;
  182. font-size: 9px;
  183. line-height: 12px;
  184. text-indent: 0px;
  185. word-wrap:break-word;
  186. color: {color:sidebartext};
  187. background-color: {color:posts};
  188. border: 0px solid {color:border};
  189. }
  190.  
  191.  
  192. /* RIGHTBAR */
  193.  
  194. #rightbar {
  195. width: 200px;
  196. height: 100%;
  197. padding: 10px;
  198. margin: -20px 0 0 703px;
  199. position:fixed;
  200. color: {color:sidebartext};
  201. background-color: {color:container};
  202. border-left: 1px dashed {color:border};
  203. }
  204.  
  205. #linkbox {
  206. width: 200px;
  207. height: 200px;
  208. margin: 100px auto 10px auto;
  209. text-align:center;
  210. -webkit-transition: all 0.9s ease-in-out;
  211. -moz-transition: all 0.9s ease-in-out;
  212. -o-transition: all 0.9s ease-in-out;
  213. transition: all 0.9s ease-in-out;
  214. }
  215.  
  216. .navibox {
  217. width: 200px;
  218. height: 10px;
  219. margin: -6px auto 0 auto;
  220. position:absolute;
  221. text-align:center;
  222. }
  223.  
  224. .navibox a {
  225. display:inline-block;
  226. font-family: Trebuchet MS, Tahoma;
  227. font-size:8px;
  228. text-transform:uppercase;
  229. line-height:8px;
  230. padding: 3px 5px;
  231. margin: 0 1px 0 1px;
  232. color: {color:asktext};
  233. background-color: {color:askbackground};
  234. border: 1px solid {color:border};
  235. }
  236.  
  237. .navibox a:hover {
  238. color: {color:text};
  239. background-color: {color:posts};
  240. }
  241.  
  242. .linkbox {
  243. width: 180px;
  244. height: 200px;
  245. margin: 23px auto 0 auto;
  246. padding: 0px 10px;
  247. position:absolute;
  248. text-align:center;
  249. }
  250.  
  251. .linkbox a {
  252. display: block;
  253. font-family: Trebuchet MS, Tahoma;
  254. font-size: 8px;
  255. line-height: 9px;
  256. text-transform:uppercase;
  257. padding: 3px 5px;
  258. margin-bottom: 2px;
  259. color: {color:sidebartext};
  260. background-color: {color:posts};
  261. -webkit-transition: all 0.5s ease-in-out;
  262. -moz-transition: all 0.5s ease-in-out;
  263. -o-transition: all 0.5s ease-in-out;
  264. transition: all 0.5s ease-in-out;
  265. }
  266.  
  267. .linkbox a:hover {
  268. letter-spacing:2px;
  269. color: {color:links};
  270. background-color: {color:container};
  271. -webkit-transition: all 0.5s ease-in-out;
  272. -moz-transition: all 0.5s ease-in-out;
  273. -o-transition: all 0.5s ease-in-out;
  274. transition: all 0.5s ease-in-out;
  275. }
  276.  
  277. .sidebarimg {
  278. width: 200px;
  279. height: 200px;
  280. margin: 10px auto 10px auto;
  281. position:absolute;
  282. font-family:calibri;
  283. font-size:8px;
  284. text-transform:uppercase;
  285. text-align:right;
  286. -webkit-transition: all 0.9s ease-in-out;
  287. -moz-transition: all 0.9s ease-in-out;
  288. -o-transition: all 0.9s ease-in-out;
  289. transition: all 0.9s ease-in-out;
  290. }
  291.  
  292. .sidebarimg img {
  293. width: 200px;
  294. height: 200px;
  295. }
  296.  
  297. #linkbox:hover .sidebarimg {
  298. margin: 205px auto 0 auto;
  299. -webkit-transition: all 0.9s ease-in-out;
  300. -moz-transition: all 0.9s ease-in-out;
  301. -o-transition: all 0.9s ease-in-out;
  302. transition: all 0.9s ease-in-out;
  303. }
  304.  
  305. #desc {
  306. width: 190px;
  307. height: auto;
  308. padding: 5px;
  309. overflow:auto;
  310. font-family:Calibri;
  311. font-size:11px;
  312. line-height:14px;
  313. margin: 15px auto 10px auto;
  314. text-indent: 15px;
  315. color: {color:sidebartext};
  316. }
  317.  
  318. #desc:first-letter {
  319. font-family: Georgia;
  320. font-size:20px;
  321. line-height:20px;
  322. color: {color:title};
  323. }
  324.  
  325. /* TOPBAR */
  326.  
  327. #topbar {
  328. width: 500px;
  329. height: auto;
  330. max-height: 80px;
  331. overflow:hidden;
  332. padding: 5px 15px;
  333. margin: 30px auto -30px auto;
  334. text-align:center;
  335. background-color: {color:posts};
  336. border: 1px solid {color:border};
  337. }
  338.  
  339. #blogtitle {
  340. font-family: 'Six Caps', cursive;
  341. font-size: 28px;
  342. line-height: 29px;
  343. margin: 0 auto;
  344. color: {color:title};
  345. }
  346.  
  347. #subtitle {
  348. font-family:Trebuchet MS, Calibri, Tahoma;
  349. font-size:8px;
  350. text-transform:uppercase;
  351. line-height:9px;
  352. margin: 0 auto;
  353. color: {color:sidebartext};
  354. }
  355.  
  356.  
  357. /* POSTS */
  358.  
  359. #entries {
  360. width: 560px;
  361. height: auto;
  362. position: relative;
  363. overflow:hidden;
  364. margin: 0px 0 50px 139px;
  365. background-color: {color:container};
  366. }
  367.  
  368. #entry {
  369. width: 530px;
  370. height: auto;
  371. background-color: transparent;
  372. padding: 0px;
  373. margin: 50px auto 0 auto;
  374. }
  375.  
  376. #posts {
  377. width: 500px;
  378. height: auto;
  379. background-color: {color:posts};
  380. margin: 0px auto 0px auto;
  381. padding: 15px;
  382. border: 1px solid {color:border};
  383. }
  384.  
  385.  
  386. /* INFO */
  387.  
  388. #info {
  389. width: 500px;
  390. height: auto;
  391. padding: 5px 0 0 0;
  392. margin: 0 auto;
  393. font-family: Trebuchet MS, Tahoma;
  394. font-size: 9px;
  395. line-height: 9px;
  396. text-transform: uppercase;
  397. text-align:center;
  398. color: {color:infotext};
  399. border-top: 0px solid {color:container};
  400. }
  401.  
  402. #info a {
  403. color: {color:infolinks};
  404. }
  405.  
  406. #info a:hover {
  407. color: {color:infotext};
  408. }
  409.  
  410. #tagbox {
  411. width: 490px;
  412. height: 1px;
  413. font-family:Tahoma;
  414. font-size:8px;
  415. line-height:10px;
  416. text-transform:uppercase;
  417. overflow:hidden;
  418. padding: 0px 5px;
  419. margin: 5px auto 0 auto;
  420. background-color: {color:container};
  421. color: {color:posts};
  422. transition: all 0.4s ease-out;
  423. -o-transition: all 0.4s ease-out;
  424. -webkit-transition: all 0.4s ease-out;
  425. -moz-transition: all 0.4s ease-out;
  426. }
  427.  
  428. #tagbox a {
  429. color: {color:tags};
  430. }
  431.  
  432. #tagbox a:hover {
  433. color: {color:sidebartext};}
  434.  
  435. #posts:hover #tagbox {
  436. height: auto;
  437. padding: 3px 5px;
  438. transition: all 0.4s ease-out;
  439. -o-transition: all 0.4s ease-out;
  440. -webkit-transition: all 0.4s ease-out;
  441. -moz-transition: all 0.4s ease-out;
  442. }
  443.  
  444. /* BUTTONS */
  445.  
  446. .buttons {
  447. position:absolute;
  448. margin: 5px 0 0 -20px;
  449. border-radius: 3px;
  450. list-style: none;
  451. opacity:0;
  452. -webkit-transition: all 0.6s ease-in-out;
  453. -moz-transition: all 0.6s ease-in-out;
  454. -o-transition: all 0.6s ease-in-out;
  455. transition: all 0.6s ease-in-out;
  456. }
  457.  
  458. .buttons li {
  459. margin: 0 0 4px 0;
  460. padding: 2px;
  461. width: 14px;
  462. height: 14px;
  463. text-align:center;
  464. background-color: {color:buttonsbackground};
  465. border: 1px solid {color:border};
  466. -webkit-transition: all 0.6s ease-in-out;
  467. -moz-transition: all 0.6s ease-in-out;
  468. -o-transition: all 0.6s ease-in-out;
  469. transition: all 0.6s ease-in-out;
  470. }
  471.  
  472. .buttons li:first-child {
  473. border-right: 1px solid {color:border};
  474. }
  475.  
  476. .buttons li:hover {
  477. -moz-transform:rotate(360deg);
  478. -webkit-transform:rotate(360deg);
  479. -o-transform:rotate(360deg);
  480. -ms-transform:rotate(360deg);
  481. transform:rotate(360deg);
  482. -webkit-transition: all 0.6s ease-in-out;
  483. -moz-transition: all 0.6s ease-in-out;
  484. -o-transition: all 0.6s ease-in-out;
  485. transition: all 0.6s ease-in-out;
  486. }
  487.  
  488. #entry:hover .buttons {
  489. margin: 5px 0 0 -50px;
  490. opacity:1;
  491. -webkit-transition: all 0.6s ease-in-out;
  492. -moz-transition: all 0.6s ease-in-out;
  493. -o-transition: all 0.6s ease-in-out;
  494. transition: all 0.6s ease-in-out;
  495. }
  496.  
  497. /* CONTENT */
  498.  
  499. #titled {
  500. font-family: 'Six Caps', cursive;
  501. font-size: 25px;
  502. line-height: 26px;
  503. text-align:center;
  504. color: {color:infotext};
  505. text-align:center;
  506. }
  507.  
  508. #titled a {
  509. color: {color:title};
  510. }
  511.  
  512. #titled a:hover {
  513. color: {color:infotext};
  514. }
  515.  
  516.  
  517. .image {
  518. opacity: 0.9;
  519. -webkit-transition: all 0.5s ease-in-out;
  520. -moz-transition: all 0.5s ease-in-out;
  521. -o-transition: all 0.5s ease-in-out;
  522. transition: all 0.5s ease-in-out;
  523. }
  524.  
  525. .image:hover {
  526. opacity:1;
  527. -webkit-transition: all 0.5s ease-in-out;
  528. -moz-transition: all 0.5s ease-in-out;
  529. -o-transition: all 0.5s ease-in-out;
  530. transition: all 0.5s ease-in-out;
  531. }
  532.  
  533. .qqmarkleft {
  534. font-size: 80px;
  535. font-family: Georgia;
  536. font-weight: bold;
  537. line-height: 100px;
  538. position: relative;
  539. bottom: 10px;
  540. left: 30px;
  541. margin-bottom: -90px;
  542. color: {color:container};
  543. opacity: 0.5;
  544. }
  545.  
  546. .qqmarkright {
  547. font-family: Georgia;
  548. font-size: 80px;
  549. font-weight: bold;
  550. padding-right: 0px;
  551. line-height: 30px;
  552. text-align: right;
  553. right: 30px;
  554. position: relative;
  555. margin-bottom: -10px;
  556. color: {color:container};
  557. opacity: 0.5;
  558. }
  559.  
  560. .qquote {
  561. width: 75%;
  562. font-family: Tahoma, Arial, Verdana;
  563. font-size: 13px;
  564. text-align: justify;
  565. padding-top: 10px;
  566. letter-spacing: 1px;
  567. line-height: 15px;
  568. text-transform: none;
  569. text-indent: 15px;
  570. margin: 0px 10px;
  571. margin-bottom: 10px;
  572. position: relative;
  573. }
  574.  
  575. .quote:first-letter {
  576. font-family: Georgia;
  577. font-size:20px;
  578. line-height:20px;
  579. color: {color:title};
  580. }
  581.  
  582. .qusource {
  583. width: 95%;
  584. text-align:right;
  585. font-size: 10px;
  586. font-family: Tahoma;
  587. color: {color:text};
  588. line-height: 10px;
  589. opacity: 0.7;
  590. margin-bottom:15px;
  591. padding: 2px;
  592. }
  593. .qusource a {
  594. text-align:right;
  595. font-size: 9px;
  596. text-transform:uppercase;
  597. color: {color:infolinks};
  598. opacity: 0.9;
  599. padding: 1px 3px;
  600. }
  601. .qusource a:hover {
  602. color: {color:links};
  603. line-height: 9px;
  604. opacity: 1;
  605. background-color:transparent;
  606. }
  607.  
  608. #question {
  609. width: 460px;
  610. height: auto;
  611. padding: 25px 20px;
  612. margin: 0 auto 35px auto;
  613. font-family: Trebuchet MS, Tahoma;;
  614. font-size: 12px;
  615. color: {color:asktext};
  616. background-color: {color:askbackground};
  617. border-bottom: 5px solid {color:border};
  618. }
  619.  
  620. #askericon {
  621. width: 21px;
  622. height: 21px;
  623. padding: 0px;
  624. overflow:hidden;
  625. margin: 12px auto 0 215px;
  626. text-align:center;
  627. position:absolute;
  628. -moz-transform:rotate(45deg);
  629. -webkit-transform:rotate(45deg);
  630. -o-transform:rotate(45deg);
  631. -ms-transform:rotate(45deg);
  632. transform:rotate(45deg);
  633. background-color: {color:border};
  634. border: 5px solid {color:border}
  635. }
  636.  
  637. #askericon img {
  638. width: 30px;
  639. height: 30px;
  640. margin:-5px 0 0 -4px;
  641. -moz-transform:rotate(-45deg);
  642. -webkit-transform:rotate(-45deg);
  643. -o-transform:rotate(-45deg);
  644. -ms-transform:rotate(-45deg);
  645. transform:rotate(-45deg);
  646. }
  647.  
  648. #asker {
  649. width: 460px;
  650. position:absolute;
  651. margin: -14px auto 0 auto;
  652. font-family:Trebuchet MS, Calibri, Tahoma;
  653. font-size: 8px;
  654. line-height: 8px;
  655. text-align:center;
  656. text-transform: uppercase;
  657. color:{color:asktext};
  658. opacity:0.8;
  659. }
  660.  
  661. #asker a {
  662. display: inline;
  663. color: {color:asktext};
  664. }
  665.  
  666. #asker a:hover {
  667. color: {color:title};
  668. }
  669.  
  670. #audio {
  671. margin-bottom: 0px;
  672. width: 490px;
  673. height:100px;
  674. padding: 5px;
  675. background-color: transparent;
  676. }
  677.  
  678. .cover {
  679. width: 100px;
  680. height: 100px;
  681. position: absolute;
  682. }
  683.  
  684. .cover img {
  685. width: 100px;
  686. height: 100px;
  687. float: left;
  688. }
  689.  
  690. .playercontainer {
  691. width:80px;
  692. height:80px;
  693. position:absolute;
  694. display:block;
  695. background-color: #000000;
  696. z-index:6;
  697. opacity:0.6;
  698. -webkit-transition:all 0.7s ease-in-out;
  699. -moz-transition:all 0.7s ease-in-out;
  700. -o-transition:all 0.7s ease-in-out;
  701. -ms-transition:all 0.7s ease-in-out;
  702. transition:all 0.7s ease-in-out;
  703. margin-left: 10px;
  704. margin-top: 10px;
  705. }
  706.  
  707. .playercontainer:hover {
  708. opacity:0.8;
  709. -webkit-transition:all 0.7s ease-in-out;
  710. -moz-transition:all 0.7s ease-in-out;
  711. -o-transition:all 0.7s ease-in-out;
  712. -ms-transition:all 0.7s ease-in-out;
  713. transition:all 0.7s ease-in-out;
  714. }
  715.  
  716. .player {
  717. width: 25px;
  718. height: 25px;
  719. overflow: hidden;
  720. margin: 26px 27px;
  721. background-color:#000000;
  722. }
  723.  
  724. .sugarbabylove {
  725. margin-left:107px;
  726. float:left;
  727. width:373px;
  728. height: 90px;
  729. padding:5px;
  730. margin-bottom:5px;
  731. font-size:10px;
  732. line-height:13px;
  733. letter-spacing:0px;
  734. color: {color:sidebartext};
  735. background-color:{color:container};
  736. text-align:center;
  737. }
  738.  
  739. .sugarbabylove small {
  740. font-family: Helvetica;
  741. font-size:8px;
  742. color: {color:infotext};
  743. }
  744.  
  745. .trackname {
  746. text-align:center;
  747. font-family: 'Six Caps';
  748. font-size:24px;
  749. line-height:24px;
  750. color: {color:title};
  751. padding: 15px 0px 13px 0px;
  752. }
  753.  
  754. .chat .line {
  755. color: {color:italics};
  756. margin: 1px 2px;
  757. padding: 2px;
  758. }
  759.  
  760. .chat .line.odd {
  761. color: {color:text};
  762. }
  763.  
  764. .label {
  765. font-family:Georgia;
  766. font-size:120%;
  767. font-weight:normal;
  768. color:{color:bold};
  769. }
  770.  
  771. .cap {
  772. margin: 7px auto 0 auto;
  773. padding: 0px 10px;
  774. }
  775.  
  776. #notes {background-color: {color:posts}; width:510px; margin: 30px auto 10px auto; padding: 10px 11px; color: {color:infotext}; border: 1px solid {color:container};}
  777. #notestext {width: 500px; margin: 5px auto 5px auto; background-color: {color:posts}; padding:5px; text-align: left; font-size:10px;}
  778. #notes blockquote a {color:{color:sidebartext}; font-weight:normal; background-color: transparent; padding: 5px; margin:0;}
  779.  
  780. ol.notes {list-style: none; padding:0px;}
  781. ol.notes li {background-color: {color:posts}; margin: 0px; padding: 5px; color: {color:infotext};}
  782. ol.notes .avatar {border: 2px solid {color:border}; height: 10px; padding: 0px; width: 10px;}
  783. ol.notes li .clear {height: 0px!important;}
  784. ol.notes li blockquote {border-color: {color:border}!important; background-color: {color:container}; padding: 5px; width:90%; margin: 4px auto 0px auto;}
  785.  
  786. ::-webkit-scrollbar-corner {
  787. background-color:{color:background};
  788. background-image:url('{image:background}');
  789. }
  790.  
  791. ::-webkit-scrollbar-thumb:vertical {
  792. background-color: {color:posts};
  793. width:7px;
  794. height:auto;
  795. border: 1px solid {color:border};
  796. -webkit-border-radius: 1px;
  797. }
  798.  
  799. ::-webkit-scrollbar-thumb:horizontal {
  800. background-color: {color:posts};
  801. width:auto;
  802. height:7px;
  803. border: 1px solid {color:border};
  804. -webkit-border-radius: 1px;
  805. }
  806.  
  807. ::-webkit-scrollbar {
  808. height:7px;
  809. width:7px;
  810. background-color:{color:background};
  811. background-image:url('{image:background}');
  812. }
  813.  
  814. ::-moz-selection {background-color:{color:background}; color:{color:title};}
  815. ::selection {background-color: {color:background}; color: {color:title};}
  816.  
  817. .source {display:none;}
  818.  
  819. {CustomCSS}
  820.  
  821. </style>
  822. </head>
  823.  
  824. <body>
  825.  
  826.  
  827. <div id="elementary">
  828.  
  829. <div id="leftbar">
  830.  
  831. <div id="icon"><a href="/"><img src="{PortraitURL-64}"></a></div>
  832.  
  833. {block:Pagination}<div id="pagination">
  834. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} <b>{CurrentPage}</b>/{TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  835. </div>{block:Pagination}
  836.  
  837. {block:ifLastwords}<div id="lastwords">{text:lastwords}</div>{/block:ifLastwords}
  838.  
  839. </div>
  840.  
  841. <div id="rightbar">
  842. <div id="linkbox">
  843.  
  844. <div class="navibox">
  845. <a href="/">home</a>
  846. <a href="/ask">ask</a>
  847. <a href="/archive">past</a>
  848. <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>
  849. </div>
  850.  
  851. <div class="linkbox">
  852. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  853. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  854. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  855. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  856. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  857. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  858. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  859. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  860. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  861. {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a>{/block:ifLink10}
  862. </div>
  863.  
  864. <div class="sidebarimg"><img src="{image:sidebarimg}"></div>
  865.  
  866. </div>
  867.  
  868. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  869.  
  870. </div>
  871.  
  872. <div id="entries">
  873.  
  874. {block:IfBlogtitle}<div id="topbar">
  875. <div id="blogtitle">{text:blogtitle}</div>
  876. <div id="subtitle">{text:subtitle}</div>
  877. </div>{/block:IfBlogtitle}
  878.  
  879. {block:Posts}
  880.  
  881. <div id="entry">
  882.  
  883. {block:Quote}
  884. {block:IndexPage}
  885. <ul class="buttons">
  886. <li>{ReblogButton size="14" color="grey"}</li>
  887. <li>{LikeButton size="14" color="grey"}</li>
  888. </ul>
  889. {/block:IndexPage}
  890. {/block:Quote}
  891.  
  892. {block:Text}
  893. {block:IndexPage}
  894. <ul class="buttons">
  895. <li>{ReblogButton size="14" color="grey"}</li>
  896. <li>{LikeButton size="14" color="grey"}</li>
  897. </ul>
  898. {/block:IndexPage}
  899. {/block:Text}
  900.  
  901. {block:Link}
  902. {block:IndexPage}
  903. <ul class="buttons">
  904. <li>{ReblogButton size="14" color="grey"}</li>
  905. <li>{LikeButton size="14" color="grey"}</li>
  906. </ul>
  907. {/block:IndexPage}
  908. {/block:Link}
  909.  
  910. {block:Photo}
  911. {block:IndexPage}
  912. <ul class="buttons">
  913. <li>{ReblogButton size="14" color="grey"}</li>
  914. <li>{LikeButton size="14" color="grey"}</li>
  915. </ul>
  916. {/block:IndexPage}
  917. {/block:Photo}
  918.  
  919. {block:Photoset}
  920. {block:IndexPage}
  921. <ul class="buttons">
  922. <li>{ReblogButton size="14" color="grey"}</li>
  923. <li>{LikeButton size="14" color="grey"}</li>
  924. </ul>
  925. {/block:IndexPage}
  926. {/block:Photoset}
  927.  
  928. {block:Chat}
  929. {block:IndexPage}
  930. <ul class="buttons">
  931. <li>{ReblogButton size="14" color="grey"}</li>
  932. <li>{LikeButton size="14" color="grey"}</li>
  933. </ul>
  934. {/block:IndexPage}
  935. {/block:Chat}
  936.  
  937. {block:Video}
  938. {block:IndexPage}
  939. <ul class="buttons">
  940. <li>{ReblogButton size="14" color="grey"}</li>
  941. <li>{LikeButton size="14" color="grey"}</li>
  942. </ul>
  943. {/block:IndexPage}
  944. {/block:Video}
  945.  
  946. {block:Answer}
  947. {block:IndexPage}
  948. <ul class="buttons">
  949. <li>{LikeButton size="14" color="grey"}</li>
  950. </ul>
  951. {/block:IndexPage}
  952. {/block:Answer}
  953.  
  954. {block:Audio}
  955. {block:IndexPage}
  956. <ul class="buttons">
  957. <li>{ReblogButton size="14" color="grey"}</li>
  958. <li>{LikeButton size="14" color="grey"}</li>
  959. </ul>
  960. {/block:IndexPage}
  961. {/block:Audio}
  962.  
  963. <div id="posts">
  964.  
  965. {block:Quote}
  966. <div class="qqmarkleft">“</div><center><div class="qquote">{Quote}</div></center><div class="qqmarkright">”</div>
  967. {block:Source}
  968. <div class="qusource"> {Source} &nbsp; &nbsp; </div>
  969. {/block:Source}
  970. {/block:Quote}
  971.  
  972. {block:Text}
  973. {block:Title}<div id="titled">&laquo; <a href="{Permalink}">{Title}</a></div>
  974. {/block:Title}
  975. {Body}
  976. {/block:Text}
  977.  
  978. {block:Link}
  979. <div id="titled">&laquo; <a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  980. {/block:Link}
  981.  
  982. {block:Photo}
  983. <div class="image"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
  984. {/block:Photo}
  985.  
  986. {block:Photoset}
  987. <div class="image"><center>{Photoset-500}</center></div>
  988. {/block:Photoset}
  989.  
  990. {block:Chat}
  991. {block:Title}<div id="titled"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  992. <div class="chat">
  993. {block:Lines}<div class="chat"><div class="line {Alt}">
  994. <div class="{Alt} user_{UserNumber}">
  995. {block:Label}
  996. <span class="label">{Label}</span>
  997. {/block:Label}
  998. {Line}</div>
  999. </div></div>
  1000. {/block:Lines}
  1001. </div>
  1002. {/block:Chat}
  1003.  
  1004. {block:Video}
  1005. {Video-500}
  1006. {/block:Video}
  1007.  
  1008. {block:Answer}
  1009. <div id="question"><div id="asker">{Asker} {text:asker}:</div>
  1010. {Question} <div id="askericon"><img src="{AskerPortraitURL-30}"></div></div>
  1011. {Answer}
  1012. {/block:Answer}
  1013.  
  1014. {block:Audio}<div id="audio">
  1015. <div class="cover"><img src="http://static.tumblr.com/ougddg1/R5Emaxcio/defaultmusic.png"></div>
  1016. {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1017. {block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerBlack}</div>
  1018. </div>{/block:AudioPlayer}
  1019. <div class="sugarbabylove">
  1020. {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}
  1021. {block:Artist}{Artist}{/block:Artist}
  1022. {block:Album} <small>&&</small> {Album}{/block:Album}
  1023. {block:PlayCount}<small><br>{PlayCountWithLabel}</small>{/block:PlayCount}
  1024. </div>
  1025. </div>
  1026. {/block:Audio}
  1027.  
  1028.  
  1029. {block:Photo}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
  1030. {block:Video}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
  1031. {block:Photoset}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
  1032. {block:Audio}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Audio}
  1033.  
  1034.  
  1035. <div class="source">
  1036. {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>{/block:ContentSource}
  1037. </div>
  1038.  
  1039. {block:HasTags}<div id="tagbox">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1040. <div id="info">
  1041. {block:Date}{block:text}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:text}
  1042. {block:photo}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photo}
  1043. {block:photoset}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photoset}
  1044. {block:quote}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:quote}
  1045. {block:audio}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:audio}
  1046. {block:video}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:video}
  1047. {block:chat}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:chat}
  1048. {block:link}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:link}
  1049. {block:answer} answered {/block:answer}<a href="{Permalink}" title="Permalink to this post">{TimeAgo}</a> @ <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="Day Page">{DayOfMonthWithZero} {ShortMonth} {Year}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  1050. </div>
  1051.  
  1052. </div>
  1053. </div>
  1054.  
  1055. {/block:Posts}
  1056.  
  1057. {block:PostNotes}
  1058. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  1059. {/block:PostNotes}
  1060.  
  1061. </div>
  1062.  
  1063. </div>
  1064.  
  1065. </body>
  1066. </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!