API tools faq
paste
Advertisement
strangebesidethepond

Well good luck with that

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