API tools faq
paste
winchesterkirk

Blueberry Theme

winchesterkirk
May 5th, 2014
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.27 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. Blueberry Theme by Cate @jimothykirk
  6.  
  7. ᵒ Do not remove or change the credit in any way
  8.  
  9. ᵒ Do not use as a base, the base I used is from here http://pastebin.com/SuV9Xhyg
  10.  
  11. ᵒ Do not steal from or redistribute
  12.  
  13. Please contact me if you have any questions or concerns and enjoy!
  14.  
  15. -->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:text" content="#a8a8a8"/>
  27. <meta name="color:link" content="#e3f3fc"/>
  28. <meta name="color:hover" content="#dcecf5"/>
  29. <meta name="color:line" content="#f2f2f2"/>
  30. <meta name="color:border" content="#e3f3fc"/>
  31. <meta name="color:bold" content="#bad8eb"/>
  32. <meta name="color:post" content="#ffffff"/>
  33. <meta name="color:main links" content="#e3f3fc"/>
  34. <meta name="color:header background" content="#f4f4f4"/>
  35. <meta name="color:header border" content="#eee"/>
  36. <meta name="color:backgrounds" content="#e3f3fc"/>
  37. <meta name="color:colored text" content="#bad8eb"/>
  38. <meta name="color:scrollbar background" content="#fff"/>
  39. <meta name="color:scrollbar" content="#e3f3fc"/>
  40.  
  41. <meta name="image:header" content=""/>
  42. <meta name="image:side image" content=""/>
  43.  
  44. <meta name="text:ask link url" content="/ask" />
  45. <meta name="text:link one url" content="/" />
  46. <meta name="text:short link one name" content="one" />
  47. <meta name="text:long link one name" content="link one title (optional)" />
  48. <meta name="text:link two url" content="/" />
  49. <meta name="text:short link two name" content="two" />
  50. <meta name="text:long link two name" content="link two title (optional)" />
  51. <meta name="text:link three url" content="/" />
  52. <meta name="text:short link three name" content="three" />
  53. <meta name="text:long link three name" content="link three title (optional)" />
  54. <meta name="text:link four url" content="/" />
  55. <meta name="text:short link four name" content="four" />
  56. <meta name="text:long link four name" content="link four title (optional)" />
  57. <meta name="text:side image width" content="350px" />
  58. <meta name="text:side image up" content="95px" />
  59. <meta name="text:side image left" content="500px" />
  60.  
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title],a[title],img[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:100,
  70. tip_fade_speed:300,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76. </script>
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  82.  
  83. ::-webkit-scrollbar {
  84. width:6px;
  85. height:15px;
  86. background-color:{color:scrollbar background};
  87. }
  88. ::-webkit-scrollbar-track {
  89. background-color:{color:scrollbar background};
  90. }
  91. ::-webkit-scrollbar-thumb {
  92. border-radius:5px;
  93. background-color:{color:scrollbar};
  94. border: 1px solid {color:scrollbar background};
  95. }
  96.  
  97. body {
  98. background:{color:background};
  99. margin:0px;
  100. color:{color:text};
  101. font-family:calibri;
  102. font-size:9px;
  103. line-height:100%;
  104. }
  105.  
  106. b{
  107. color:{color:bold};
  108. }
  109.  
  110. a {
  111. text-decoration:none;
  112. outline:none;
  113. -moz-outline-style:none;
  114. color:{color:text};
  115. background-color:{color:link};
  116. -webkit-transition: all 0.7s ease;
  117. -moz-transition: all 0.7s ease;
  118. -o-transition: all 0.7s ease
  119. }
  120.  
  121. li{
  122. margin-left:-25px;
  123. padding:0em 0em;
  124. }
  125.  
  126. img {
  127. max-width:100%;
  128. height:auto;
  129. border-radius:2px;
  130. }
  131.  
  132. blockquote {
  133. margin:0px 4px;
  134. padding:0em 1em;
  135. border-left:1px solid {color:line};
  136. }
  137.  
  138. h1 {
  139. font-size:9px;
  140. text-shadow:1px 1px 0px #ffffff;
  141. padding:8px;
  142. background-color:{color:backgrounds};
  143. color:{color:colored text};
  144. text-align:center;
  145. text-transform:uppercase;
  146. }
  147.  
  148. h1 a{
  149. color:{color:colored text};
  150. -webkit-transition: all 0.7s ease;
  151. -moz-transition: all 0.7s ease;
  152. -o-transition: all 0.7s ease
  153. }
  154.  
  155. h1 a:hover{
  156. color:{color:colored text};
  157. background-color:transparent;
  158. letter-spacing:2px;
  159. }
  160.  
  161. h2 {
  162. font-size:9px;
  163. text-shadow:1px 1px 0px #ffffff;
  164. padding:8px;
  165. color:{color:colored text};
  166. text-align:center;
  167. text-transform:uppercase;
  168. }
  169.  
  170. a:hover {
  171. opacity:10;
  172. background-color:{color:hover};
  173. color:{color:text};
  174. -webkit-transition: all 0.7s ease;
  175. -moz-transition: all 0.7s ease;
  176. -o-transition: all 0.7s ease
  177. }
  178.  
  179. /* --- POST ENTRIES ---*/
  180.  
  181.  
  182. #content {
  183. padding:10px;
  184. height:500px;overflow-y: auto; overflow-x: yes scroll;
  185. border:1px solid {color:header border};
  186. width:310px;
  187. position:fixed;
  188. margin-left:430px;
  189. margin-top:186px;
  190. }
  191.  
  192.  
  193. #post {
  194. width:250px;
  195. padding-bottom:20px;
  196. padding:10px;
  197. border:1px solid {color:border};
  198. border-radius:4px;
  199. z-index:1;
  200. margin-left:18px;
  201. margin-bottom:60px;
  202. background-color:{color:post};
  203. }
  204.  
  205. #woah {
  206. position:fixed;
  207. margin-top:5px;
  208. margin-left:430px;
  209. position:fixed;
  210. z-index:2;
  211. width:350px;
  212. height:150px;
  213.  
  214. }
  215. #woahimage {
  216. width 350px;
  217. position:absolute;
  218. z-index:2;
  219. height:150px;
  220. }
  221.  
  222. #woahimage img {
  223. width:350px;
  224. padding:15px;
  225. background-color:{color:header background};
  226. z-index:2;
  227. position:absolute;
  228. border:1px solid {color:header border};
  229. border-top-right-radius:1em;
  230. border-top-left-radius:1em;
  231. height:150px;
  232. }
  233.  
  234. #description {
  235. max-height:50px; overflow-y: auto; overflow-x: yes scroll;
  236. position:fixed;
  237. line-height:130%;
  238. font-size:9px;
  239. border-radius:3px;
  240. width:230px;
  241. padding:16px;
  242. margin-left:32px;
  243. text-align:justify;
  244. color:{color:text};
  245. background-color:white;
  246. border: 1px solid {color:border};
  247. opacity:0;
  248. -webkit-transition: all 0.5s ease-out;
  249. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  250. }
  251.  
  252. #description a {color:{color:text}; -moz-transition-duration:0.8s;
  253. -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  254.  
  255. #woah #description {
  256. position:absolute;
  257. z-index:2;
  258. margin-top:50px;filter: alpha(opacity = 0);
  259. opacity:0;-webkit-transition: all 0.5s ease-out;
  260. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  261. }
  262.  
  263. #woah:hover #description {
  264. margin-top:50px;
  265. position:absolute;
  266. z-index:2;
  267. -webkit-transition: all 0.8s ease-out;
  268. -moz-transition: all 0.8s ease-out;
  269. transition: all 0.8s ease-out;
  270. filter: alpha(opacity = 100);
  271. filter: alpha(opacity = 100);
  272. opacity:.83;
  273. }
  274.  
  275. .links {
  276. width:90px;
  277. height:5px;
  278. padding: 9px;
  279. font-size:8px;
  280. font-family:'calibri';
  281. text-align:center;
  282. margin-top:-8px;
  283. margin-left:330px;
  284. text-align:center;
  285. text-transform:uppercase;
  286. word-spacing:2px;
  287. position:fixed;
  288. padding-bottom:7px;
  289. }
  290.  
  291.  
  292. #pagination {
  293. font-size:10px;
  294. text-align:center;
  295. color:{color:backgrounds};
  296. position:fixed;
  297. letter-spacing:0px;
  298. z-index:2;
  299. margin-top:706px;
  300. margin-left:430px;
  301. border-bottom-right-radius:1em;
  302. border-bottom-left-radius:1em;
  303. background-color:{color:header background};
  304. border:1px solid {color:header border};
  305. width:330px;
  306. height:30px;
  307. padding-top:20px;
  308. }
  309.  
  310. #pagination a{
  311. border: 1px solid {color:background};
  312. z-index:2;
  313. border-radius:4px;
  314. text-shadow:1px 1px 0px #ffffff;
  315. padding:11px;
  316. color:{color:colored text};
  317. margin:40px;
  318. margin-top:20px;
  319. margin-left:30px;
  320. }
  321.  
  322. #info {
  323. text-align:left;
  324. margin-top:10px;
  325. padding-left:4px;
  326. text-transform:none;
  327. font-size:9px;
  328. line-height:120%;
  329. font-style:none;
  330. border-top:1px solid {color:line}
  331. }
  332.  
  333. #info a{
  334. background-color:{color:post};
  335. }
  336.  
  337. #perma{
  338. font-size:8px;
  339. background-color:{color:links};
  340. border-top:1px solid {color:line};
  341. text-align:left;
  342. margin-top:10px;
  343. line-height:140%;
  344. padding-left:4px;
  345. -webkit-transition: all 0.7s ease-in-out;
  346. -moz-transition: all 0.7s ease-in-out;
  347. -o-transition: all 0.7s ease-in-out;
  348. -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
  349. }
  350.  
  351. #notess{
  352. text-align:right;
  353. margin-top:-13px;
  354. background-color:transparent;
  355. }
  356.  
  357. #notess a{
  358. background-color:transparent;
  359. -webkit-transition: all 0.7s ease-in-out;
  360. -moz-transition: all 0.7s ease-in-out;
  361. -o-transition: all 0.7s ease-in-out;
  362. -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
  363. }
  364.  
  365. #notess a:hover{
  366. background-color:{color:hover};
  367. -webkit-transition: all 0.7s ease-in-out;
  368. -moz-transition: all 0.7s ease-in-out;
  369. -o-transition: all 0.7s ease-in-out;
  370. -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
  371. }
  372.  
  373. #permatags {
  374. letter-spacing:0px;
  375. text-transform:none;
  376. font-size:9px;
  377. margin-top:0px;
  378. padding-left:4px;
  379. text-align:left;
  380. }
  381.  
  382. #permatags
  383. a {display:inline;margin-left:2px;text-align:left;background-color:transparent;
  384. -webkit-transition: all 0.6s ease-in-out;
  385. -moz-transition: all 0.6s ease-in-out;
  386. -o-transition: all 0.6s ease-in-out;
  387. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  388.  
  389. #permatags a:hover{
  390. background-color:{color:hover};
  391. -webkit-transition: all 0.7s ease-in-out;
  392. -moz-transition: all 0.7s ease-in-out;
  393. -o-transition: all 0.7s ease-in-out;
  394. -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
  395. }
  396.  
  397.  
  398. #tags {
  399. letter-spacing:0px;
  400. text-transform:lowercase;
  401. font-size:8px;
  402. margin-top:4px;
  403. text-align:left;
  404. }
  405.  
  406. #tags
  407. a {display:inline;margin:4px;text-align:left;background-color:transparent;
  408. -webkit-transition: all 0.6s ease-in-out;
  409. -moz-transition: all 0.6s ease-in-out;
  410. -o-transition: all 0.6s ease-in-out;
  411. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  412.  
  413. #tags a:hover{
  414. background-color:{color:hover};
  415. -webkit-transition: all 0.7s ease-in-out;
  416. -moz-transition: all 0.7s ease-in-out;
  417. -o-transition: all 0.7s ease-in-out;
  418. -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
  419. }
  420.  
  421.  
  422. #asker {
  423. padding:8px;
  424. padding-left:5px;
  425. background-color:{color:backgrounds};
  426. text-align:left;
  427. border-radius:5px;
  428. border:1px solid {color:backgrounds};
  429. color:{color:text};
  430. opacity:.84;
  431. }
  432.  
  433. #answerer{
  434. padding:3px;
  435. background-color:{color:backgrounds};
  436. text-align:left;
  437. margin-top:20px;
  438. border-radius:5px;
  439. border:1px solid {color:backgrounds};
  440. color:{color:text};
  441. padding-left:5px;
  442. opacity:.84;
  443. }
  444.  
  445. #asker a{
  446. color:{color:text};
  447. }
  448.  
  449. #answerer a{
  450. color:{color:text};
  451. }
  452.  
  453. #asker a:hover{
  454. background-color:transparent;
  455. color:{color:background};
  456. }
  457.  
  458. #answerer a:hover{
  459. background-color:transparent;
  460. color:{color:background};
  461. }
  462.  
  463. #triangle-up {
  464. width: 0;
  465. height: 0;
  466. margin-bottom:0px;
  467. margin-left:225px;
  468. border-left: 8px solid transparent;
  469. border-right: 8px solid transparent;
  470. border-bottom: 10px solid {color:backgrounds};
  471. opacity:.84;
  472. }
  473.  
  474. #triangle-down {
  475. width: 0;
  476. height: 0;
  477. margin-left:10px;
  478. margin-top:0px;
  479. border-left: 8px solid transparent;
  480. border-right: 8px solid transparent;
  481. border-top: 10px solid {color:backgrounds};
  482. opacity:.84;
  483. }
  484.  
  485. #quote{
  486. font-size:11px;
  487. padding:20px;
  488. border-radius:5px;
  489. border:1px solid {color:backgrounds};
  490. color:{color:text};
  491. line-height:12px;
  492. background-color:{color:backgrounds};
  493. opacity:.84;
  494. }
  495.  
  496. .circle{width:15px;height:15px;border-radius:50px;font-size:8px;color:{color:background};line-height:12px;text-align:center;background:{color:main links}; border:1px solid {color:main links}; margin-top:5px;
  497. -webkit-transition: all 1s ease-in-out;
  498. -moz-transition: all 1s ease-in-out;
  499. -o-transition: all 1s ease-in-out;
  500. -ms-transition: all 1s ease-in-out; transition: all 0.9s ease-in-out;
  501. }
  502.  
  503. .circle:hover{
  504. display:block;width:100px;height:15px;border-radius:50px;font-size:8px;color:{color:background};line-height:12px;text-align:center;background:{color:background}; border:1px solid {color:main links}; margin-top:5px; -webkit-transition: all 1s ease-in-out;
  505. -moz-transition: all 1s ease-in-out;
  506. -o-transition: all 1s ease-in-out;
  507. -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
  508. }
  509.  
  510. .circletext {
  511. display: inline;
  512. margin-left: 25px;
  513. width:90px;
  514. height:10px;
  515. font-size:9px;
  516. visibility: hidden;
  517. -webkit-transition: all 1s ease-in-out;
  518. -moz-transition: all 1s ease-in-out;
  519. -o-transition: all 1s ease-in-out;
  520. -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
  521. }
  522.  
  523. .circletext a{
  524. color:{color:background};
  525. font-size:9px;
  526. background-color:transparent;
  527. width:90px;
  528. height:10px;
  529. -webkit-transition: all 0s ease-in-out;
  530. -moz-transition: all 0s ease-in-out;
  531. -o-transition: all 0s ease-in-out;
  532. -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out;
  533. }
  534.  
  535. .circletext a:hover{
  536. color:{color:background};
  537. -webkit-transition: all 0s ease-in-out;
  538. -moz-transition: all 0s ease-in-out;
  539. -o-transition: all 0s ease-in-out;
  540. -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out;
  541. }
  542.  
  543. .circle:hover .circletext a{
  544. background-color:transparent;
  545. height:10px;
  546. -webkit-transition: all 0s ease-in-out;
  547. -moz-transition: all 0s ease-in-out;
  548. -o-transition: all 0s ease-in-out;
  549. -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out;
  550. }
  551.  
  552. .circle:hover .circletext {
  553. visibility: visible;
  554. color:{color:background};
  555. text-shadow:1px 1px 0px #aaa;
  556. font-size:9px;
  557. height:10px;
  558. width:90px;
  559. text-align:right;
  560. -webkit-transition: all .9s ease-in-out;
  561. -moz-transition: all 0.9s ease-in-out;
  562. -o-transition: all 0.9s ease-in-out;
  563. -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;
  564. }
  565.  
  566.  
  567. #sideimage{
  568. margin-top:{text:side image up};
  569. margin-left:{text:side image left};
  570. position:fixed;
  571. }
  572.  
  573. #sideimage img{
  574. width:{text:side image width};
  575. margin-top:{text:side image up};
  576. margin-left:{text:side image left};
  577. opacity:.9;
  578. position:fixed;
  579. }
  580.  
  581. .newplayerbutton {
  582. position: relative;
  583. width: 20px;
  584. height: 50px;
  585. overflow: hidden;
  586. }
  587.  
  588. .playerbuttonhug {
  589. position: absolute;
  590. top: -11px;
  591. left: -12px;
  592. }
  593.  
  594. .tumblr_audio_player {
  595. border: none;
  596. padding: 0px;
  597. height: 40px;
  598. width: 500px;
  599. margin:0px 40px 10px 4px;
  600. }
  601.  
  602. .trackdetails {
  603. width: auto;
  604. display:inline-block;
  605. line-height:20px;
  606. margin-left: 100px;
  607. height:85px;
  608. }
  609.  
  610.  
  611. .playerbuttonbg {
  612. position:absolute;
  613. left: 14px;
  614. top: 15px;
  615. width: 180px;
  616. height: 15px;
  617. background-color: #ffffff;
  618. padding: 20px;
  619. opacity: .4;
  620. filter: alpha(opacity=40);
  621. -moz-opacity: 0.4;
  622. -khtml-opacity: 0.4;
  623. transition: opacity .7s ease-in-out;
  624. -moz-transition: opacity .7s ease-in-out;
  625. -webkit-transition: opacity .7s ease-in-out;
  626. }
  627.  
  628. .playerbuttonbg:hover {
  629. opacity: 1;
  630. filter: alpha(opacity=100);
  631. -moz-opacity: 1;
  632. -khtml-opacity: 1;
  633. }
  634.  
  635. .audioimgwrapper {
  636. position: absolute;
  637. left: 0px;
  638. top: 0px;
  639. overflow: hidden;
  640. width: 250px;
  641. height: 80px;
  642. }
  643.  
  644. .audioimgwrapper img {
  645. width: 100%;
  646. height: auto;
  647.  
  648. }
  649.  
  650. .audiowrapper {
  651. position: relative;
  652. display:inline-block;
  653. }
  654.  
  655. .newplayerbutton2 {
  656. position: relative;
  657. width: 20px;
  658. height: 50px;
  659. overflow: hidden;
  660. }
  661.  
  662. .playerbuttonhug2 {
  663. position: absolute;
  664. top: -11px;
  665. left: -12px;
  666. }
  667.  
  668. .tumblr_audio_player2 {
  669. border: none;
  670. padding: 0px;
  671. height: 40px;
  672. width: 500px;
  673. margin:0px 40px 10px 4px;
  674. }
  675.  
  676.  
  677. .playerbuttonbg2 {
  678. position:absolute;
  679. left: 14px;
  680. top: 15px;
  681. width: 13px;
  682. height: 15px;
  683. background-color: #ffffff;
  684. padding: 20px;
  685. opacity: .4;
  686. filter: alpha(opacity=40);
  687. -moz-opacity: 0.4;
  688. -khtml-opacity: 0.4;
  689. transition: opacity .7s ease-in-out;
  690. -moz-transition: opacity .7s ease-in-out;
  691. -webkit-transition: opacity .7s ease-in-out;
  692. }
  693.  
  694. .playerbuttonbg2:hover {
  695. opacity: 1;
  696. filter: alpha(opacity=100);
  697. -moz-opacity: 1;
  698. -khtml-opacity: 1;
  699. }
  700.  
  701. .audioimgwrapper2 {
  702. position: absolute;
  703. left: 0px;
  704. top: 0px;
  705. overflow: hidden;
  706. width: 80px;
  707. height: 80px;
  708. }
  709.  
  710. .audioimgwrapper2 img {
  711. width: 100%;
  712. height: auto;
  713.  
  714. }
  715.  
  716. .trackdetails2 {
  717. width: auto;
  718. display:inline-block;
  719. line-height:20px;
  720. margin-left: 100px;
  721. height:85px;
  722. }
  723.  
  724. .audiowrapper2 {
  725. position: relative;
  726. display:inline-block;
  727. }
  728.  
  729. ol.notes {
  730. width:215px;
  731. padding:0px;
  732. margin-left:40px;
  733. list-style-type:none;
  734. font-size:8px;
  735. letter-spacing:1px;
  736. text-transform:lowercase;
  737. text-align:left;
  738. }
  739.  
  740. ol.notes a {
  741. color:{color:text};
  742. background-color:transparent;
  743. }
  744.  
  745. ol.notes a:hover{
  746. background-color:transparent;
  747. color:{color:hover};
  748. }
  749.  
  750. ol.notes blockquote{
  751. border:1px solid {color:header border};
  752. background-color:{color:header background};
  753. border-radius:4px;
  754. padding:4px;
  755. }
  756.  
  757. li.note {
  758. padding:10px;
  759. }
  760.  
  761. img.avatar {
  762. vertical-align: -4px;
  763. margin-right:10px;
  764. width:14px;
  765. height:14px;
  766. }
  767.  
  768. img.avatar:hover{
  769. background-color:{color:background};
  770. }
  771.  
  772. #s-m-t-tooltip{
  773. font-size:8px;
  774. max-width:150px;
  775. line-height:8px;
  776. padding:5px 5px 2px 5px;
  777. margin:15px 0px 0px 10px;
  778. z-index:10;
  779. color:{color:text};
  780. background:#fff;
  781. font-family:calibri;
  782. text-transform:lowercase;
  783. opacity:1;
  784. border:1px solid {color:border};
  785. border-radius:4px;
  786. letter-spacing:1px;
  787. z-index:999999;
  788. }
  789.  
  790. {CustomCSS}</style></head><body>
  791.  
  792. <div id="sideimage"><img src="{image:side image}"></div>
  793.  
  794. <div id="woah">
  795.  
  796. <div id="woahimage"><img src="{image:header}"></div>
  797.  
  798.  
  799. <div id="description">
  800. {Description}
  801. </div>
  802.  
  803.  
  804. <div class="links">
  805. <div class="circle"><div class="circletext"><a href="/">home</a></div></div>
  806.  
  807. <div class="circle"><div class="circletext"><a href="{text:ask link url}">message</a></div></div>
  808.  
  809. <div class="circle"><div class="circletext"><a href="/archive">archive</a></div></div>
  810.  
  811. <div class="circle"><div class="circletext"><a href="{text:link one url}" title="{text:long link one name}">{text:short link one name}</a></div></div>
  812.  
  813. <div class="circle"><div class="circletext"><a href="{text:link two url}" title="{text:long link two name}">{text:short link two name}</a></div></div>
  814.  
  815. <div class="circle"><div class="circletext"><a href="{text:link three url}" title="{text:long link three name}">{text:short link three name}</a></div></div>
  816.  
  817. <div class="circle"><div class="circletext"><a href="{text:link four url}" title="{text:long link four name}">{text:short link four name}</a></div></div>
  818.  
  819. <div class="circle"><div class="circletext"><a href="http://jimothykirk.tumblr.com/">credit</a></div></div>
  820. </div>
  821. </div>
  822.  
  823.  
  824.  
  825. {block:Pagination}<div id="pagination">
  826. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  827.  
  828. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  829. </div>{/block:Pagination}
  830.  
  831.  
  832. <div style="position:absolute; z-index:1;"><div id="content">{block:Posts}<div id="post">
  833.  
  834. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  835.  
  836. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  837.  
  838. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  839.  
  840. {block:Quote}<div id="quote">❝{Quote}❞</div><div id="triangle-down"></div>{block:Source}<br><br> <div style="text-align: right;"> - {Source}</div>{/block:Source}{/block:Quote}
  841.  
  842. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  843.  
  844. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  845.  
  846. {block:IndexPage}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails"></div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}{/block:IndexPage}
  847.  
  848. {block:PermalinkPage}{block:AudioPlayer}<div class="audiowrapper2">{block:AlbumArt}<div class="audioimgwrapper2"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg2"><div class="newplayerbutton2"><div class="playerbuttonhug2">{AudioPlayerWhite}</div></div></div><div class="trackdetails2">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}Artist: {Artist}{/block:Artist}<br>{block:Album}Album: {Album}{/block:Album}<br>
  849. {PlayCountWithLabel}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}{/block:PermalinkPage}
  850.  
  851. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  852.  
  853. {block:Answer}<div id="triangle-up"></div><div id="asker">{Asker}: </span>{Question}</div><left><div id="answerer">{Answer}</div><div id="triangle-down"></div>{/block:Answer}
  854.  
  855. {block:Date}{block:IndexPage}<div id="perma"><br><a href="{Permalink}">{24Hour}:{Minutes}</a> <div id="notess"><a href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}{/block:Date}
  856.  
  857. {block:Date}{block:PermalinkPage}<div id="info">
  858. <br>Posted {24Hour}:{Minutes}:{Seconds} {DayofWeek} {DayofMonth} {Month} {Year}{block:RebloggedFrom}<br> Reblogged From <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<br>Originally From: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}<br>With {NoteCountWithLabel}</div>{/block:PermalinkPage}{/block:Date}
  859. {block:IndexPage}{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage}
  860. {block:PermalinkPage}{block:HasTags}<div id="permatags">Tagged As: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>{/block:PermalinkPage}
  861. {/block:Posts}
  862. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  863. {/block:Posts}</div></div></div></div>
  864.  
  865.  
  866.  
  867. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!