dylaenobriens

Theme #58: Thnks Fr Th Mmrs

Mar 4th, 2014
311
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme #58 by alexgaeskarth
  4. do not fucking steal it or i will shove a cactus up your butt -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  10. </script>
  11. <script>
  12. $(document).ready(function(){
  13. $("#flip").click(function(){
  14. $("#panel").slideToggle("slow");
  15. });
  16. });
  17. </script>
  18.  
  19.  
  20. <head>
  21.  
  22. <title>{Title}</title>
  23.  
  24. {block:Description}<meta name="description" content="{MetaDescription}"/>
  25. {/block:Description}
  26. <link rel="shortcut icon" href="{Favicon}" />
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  28.  
  29. <meta name="color:Bg" content="#ffffff">
  30. <meta name="color:Link" content="#000000">
  31. <meta name="color:Text" content="#000000">
  32. <meta name="color:Ask" content="#000000">
  33. <meta name="color:Hover" content="#eeeeee">
  34. <meta name="color:Selection" content="#eeeeee">
  35. <meta name="color:Border" content="#e7e7e7">
  36. <meta name="color:Scrollbar" content="#d6d5d5">
  37. <meta name="color:Bold Text" content="#fd71cf">
  38. <meta name="color:Italic Text" content="#30afff">
  39. <meta name="color:Accent" content="#8fe7ff">
  40.  
  41.  
  42. <meta name="image:sidebar" content=""/>
  43.  
  44. <meta name="text:side title" content="/">
  45. <meta name="text:ask url" content="/">
  46. <meta name="text:ask" content="message">
  47. <meta name="text:link 1" content="">
  48. <meta name="text:link 1 url" content="/">
  49. <meta name="text:link 2" content="">
  50. <meta name="text:link 2 url" content="/">
  51. <meta name="text:link 3" content="">
  52. <meta name="text:link 3 url" content="/">
  53. <meta name="text:link 4" content="">
  54. <meta name="text:link 4 url" content="/">
  55.  
  56.  
  57. <meta name="if:Cursor" content="1">
  58. <meta name="if:500pxPosts" content="1">
  59. <meta name="if:400pxPosts" content="0">
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. /*--scrollbar--*/
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {border:2px solid #fff;height:12px; background-color:{color:scrollbar};}
  68. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  69. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  70. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  71. }
  72. /*--body--*/
  73.  
  74.  
  75. body {
  76. margin:0px;
  77. font-style:none;
  78. background-color:{color:bg};
  79. font-family:arial;
  80. color:{color:text};
  81. font-size:8px;
  82. }
  83.  
  84.  
  85. a {
  86. color:{color:link};
  87. text-decoration:none;
  88. -webkit-transition: all 0.6s ease;
  89. -moz-transition: all 0.6s ease;
  90. -o-transition: all 0.6s ease
  91. }
  92.  
  93. a:hover {
  94. color:{color:hover};
  95. text-decoration:none;
  96. -webkit-transition: all 0.8s ease-out;
  97. -moz-transition: all 0.8s ease-out;
  98. transition: all 0.8s ease-out;
  99. }
  100.  
  101. img {
  102. max-width:100%;
  103. border:none;
  104. }
  105.  
  106. blockquote {
  107. padding-left:5px;
  108. border-left:2px solid {color:border};
  109. }
  110.  
  111. h1 {
  112. text-align:center;
  113. font-size:15px;
  114. line-height:110%;
  115. font-style:none;
  116. color:#000;
  117. }
  118.  
  119. h2 {
  120. text-align:left;
  121. font-size:15px;
  122. line-height:110%;
  123. font-style:none;
  124. color:#000;
  125. }
  126.  
  127. h1 a {
  128. color:#000;
  129. }
  130.  
  131. b {
  132. color:{color:Bold Text};
  133. }
  134.  
  135. i {
  136. color:{color:Italic Text};
  137. }
  138.  
  139. pre {
  140. padding:5px;
  141. background:#eee;
  142. }
  143.  
  144. ::selection {
  145. background:{color:selection};
  146. }
  147.  
  148. /*--Cursor code--*/
  149.  
  150. {block:ifCursor}
  151.  
  152. body, a{cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  153.  
  154. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  155.  
  156. {/block:ifCursor}
  157.  
  158. #title {
  159. font-weight:bold;
  160. color:#000;
  161. font-size:17px;
  162. }
  163.  
  164. /*--sidebar--*/
  165.  
  166. #sidebar {
  167. position:fixed;
  168. width:180px;
  169. text-align:left;
  170. margin-left:200px;
  171. margin-top:90px;
  172. }
  173.  
  174. #sidebarimage {
  175. width:200px;
  176. }
  177.  
  178. #sidebarimage img {
  179. width:180px;
  180. }
  181.  
  182. /*--links--*/
  183.  
  184. #links {
  185. margin-top:5px;
  186. font-family:'arial';
  187. font-weight:bold;
  188. text-transform:lowercase;
  189. text-align:left;
  190. }
  191.  
  192. #links a {
  193. margin-bottom:2px;
  194. background:#000;
  195. color:#fff;
  196. display:block;
  197. padding:5px;
  198. font-size:13px;
  199. }
  200.  
  201. #links a:hover {
  202. background:{color:accent};
  203. }
  204.  
  205. #flip
  206. {
  207. margin-top:2px;
  208. cursor:help;
  209. padding:5px;
  210. font-family:'arial';
  211. font-weight:bold;
  212. text-transform:lowercase;
  213. text-align:left;
  214. background:#000;
  215. color:#fff;
  216. font-size:13px;
  217. }
  218. #panel
  219. {
  220. padding-top:5px;
  221. display:none;
  222. }
  223.  
  224. #panel a {
  225. text-align:center;
  226. background:#000;
  227. color:#fff;
  228. font-weight:none;
  229. font-size:11px;
  230. display:inline-block;
  231. width:79px;
  232. padding:5px;
  233. }
  234.  
  235. /*--description--*/
  236.  
  237. #description {
  238. margin-top:10px;
  239. font-family:'arial';
  240. font-size:9px;
  241. text-align:justify;
  242. }
  243.  
  244. /*--pagination--*/
  245.  
  246. #pagination {
  247. margin-top:5px;
  248. text-transform:lowercase;
  249. text-align:center;
  250. font-size:9px;
  251. font-family:arial;
  252. }
  253.  
  254. #pagination a{
  255. color:{color:Link};
  256. }
  257.  
  258. #pagination a:hover {
  259. color:{color:Hover};
  260. }
  261.  
  262. /*--posts--*/
  263.  
  264. {block:if500pxPosts}
  265.  
  266. #posts {
  267. width:500px;
  268. margin-bottom:10px;
  269. padding:1px;
  270. font-size:11px;
  271. color:{color:Text};
  272. line-height:100%;
  273. text-align:justify;
  274. }
  275.  
  276. {/block:if500pxPosts}
  277.  
  278. {block:if400pxPosts}
  279.  
  280. #posts {
  281. width:400px;
  282. margin-bottom:10px;
  283. padding:1px;
  284. font-size:11px;
  285. color:{color:Text};
  286. line-height:100%;
  287. text-align:justify;
  288. }
  289.  
  290. {/block:if400pxPosts}
  291.  
  292. #postscontainer {
  293. margin-bottom:20px;
  294. padding:1px;
  295. margin-left:450px;
  296. margin-top:55px;
  297. }
  298.  
  299.  
  300. #info {
  301. background-color:#000;
  302. padding:5px;
  303. font-family:'trebuchet ms';
  304. text-align:left;
  305. text-transform:uppercase;
  306. margin-bottom:10px;
  307. margin-top:10px;
  308. letter-spacing:1px;
  309. font-size:7px;
  310. padding-top:4px;
  311. color:#fff;
  312. }
  313.  
  314. #info a {
  315. color:#fff;
  316. }
  317.  
  318.  
  319. /*--tags--*/
  320.  
  321. #tags {
  322. font-family:trebuchet ms;
  323. width:490px;
  324. margin-left:0px;
  325. margin-top:2px;
  326. font-size:7px;
  327. color:#fff:
  328. }
  329.  
  330. #tags a {
  331. color:#fff;
  332. }
  333.  
  334. /*--asks--*/
  335.  
  336. #ask {
  337. padding:10px;
  338. background-color:{color:Ask};
  339. color:#fff;
  340. }
  341.  
  342. #ask a {
  343. color:#fff;
  344. }
  345.  
  346.  
  347. /*--audio--*/
  348.  
  349. .newplayerbutton {
  350. position: relative;
  351. width: 28px;
  352. height: 27px;
  353. overflow: hidden;
  354. }
  355.  
  356. .playerbuttonhug {
  357. position: absolute;
  358. top: -12px;
  359. left: -8px;
  360. }
  361.  
  362.  
  363. .tumblr_audio_player {
  364. border: none;
  365. padding: 0px;
  366. margin: 0px;
  367. height: 53px;
  368. width: 500px;
  369. }
  370.  
  371. .playerbuttonbg {
  372. position: absolute;
  373. left: 25px;
  374. top: 20px;
  375. width: 28px;
  376. height: 28px;
  377. background-color: #fff;
  378. padding: 10px;
  379. -webkit-border-radius: 40px;
  380. -moz-border-radius: 40px;
  381. border-radius: 40px;
  382. opacity: .4;
  383. filter: alpha(opacity=40);
  384. -moz-opacity: 0.4;
  385. -khtml-opacity: 0.4;
  386. transition: opacity .7s ease-in-out;
  387. -moz-transition: opacity .7s ease-in-out;
  388. -webkit-transition: opacity .7s ease-in-out;
  389. }
  390.  
  391. .playerbuttonbg:hover {
  392. opacity: 1;
  393. filter: alpha(opacity=100);
  394. -moz-opacity: 1;
  395. -khtml-opacity: 1;
  396. }
  397.  
  398. .audioimgwrapper {
  399. position: absolute;
  400. left: 10px;
  401. top: 5px;
  402. -webkit-border-radius: 50px;
  403. -moz-border-radius: 50px;
  404. border-radius: 50px;
  405. overflow: hidden;
  406. width: 78px;
  407. height: 78px;
  408. }
  409.  
  410. .audioimgwrapper img {
  411. width: 100%;
  412. height: auto;
  413. -webkit-border-radius: 50px;
  414. -moz-border-radius: 50px;
  415. border-radius: 50px;
  416. }
  417.  
  418. .trackdetails {
  419. width: auto;
  420. display:inline-block;
  421. margin-left: 100px;
  422. margin-top:10px;
  423. min-height: 85px;
  424. line-height:150%;
  425. }
  426.  
  427. .audiowrapper {
  428. position: relative;
  429. display:inline-block;
  430. background-color:#000;
  431. width:100%;
  432. height:88px;
  433. color:#fff;
  434. }
  435.  
  436. /*--credit--*/
  437.  
  438. #credit {
  439. right:2px;
  440. bottom:0px;
  441. font-size:9px;
  442. padding:5px;
  443. text-transform:uppercase;
  444. position:fixed;
  445. -webkit-transition: all 0.5s ease-out;
  446. -moz-transition: all 0.5s ease-out;
  447. transition: all 0.5s ease-out;
  448. }
  449.  
  450. /*--tooltips--*/
  451.  
  452. #s-m-t-tooltip {
  453. max-width:300px;
  454. padding:3px 4px 5px 4px;
  455. margin:20px 0px 0px 20px;
  456. background-color:#000; /* change the background color */
  457. font-family:calibri; /* change the font */
  458. font-size:9px; /* change the font size */
  459. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  460. color:#fff; /* change the text color */
  461. z-index:999999999999999999999999999999999999;
  462. border:3px double #fff;
  463. }
  464.  
  465.  
  466.  
  467.  
  468. {CustomCSS}
  469.  
  470. </style></head>
  471.  
  472. <!--tooltips javascript-->
  473.  
  474. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  475.  
  476. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  477.  
  478. <script>
  479.  
  480. (function($){
  481.  
  482. $(document).ready(function(){
  483.  
  484. $("a[title]").style_my_tooltips({
  485.  
  486. tip_follows_cursor:true,
  487.  
  488. tip_delay_time:90,
  489.  
  490. tip_fade_speed:600,
  491.  
  492. attribute:"title"
  493.  
  494. });
  495.  
  496. });
  497.  
  498. })(jQuery);
  499.  
  500. </script>
  501.  
  502.  
  503. <body>
  504.  
  505. <div id="sidebar">
  506. <div id="title">{text:side title}</div>
  507. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  508.  
  509.  
  510. <div id="links">
  511. <a href="/">home</a>
  512. <a href="{text:ask url}">{text:ask}</a>
  513. <div id="flip">navigation</div>
  514. <div id="panel">
  515. <a href="{text:link 1 url}">{text:link 1}</a>
  516. <a href="{text:link 2 url}">{text:link 2}</a>
  517. <a href="{text:link 3 url}">{text:link 3}</a>
  518. <a href="{text:link 4 url}">{text:link 4}</a>
  519. </div>
  520. </div>
  521.  
  522. <div id="description">{description}</div>
  523.  
  524.  
  525. {block:Pagination}
  526. <div id="pagination">
  527.  
  528. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  529. {block:NextPage}- <a href="{NextPage}">Next</a>{/block:NextPage}
  530. </div>{/block:Pagination}
  531.  
  532. </div></div>
  533.  
  534.  
  535. <div id="postscontainer">
  536.  
  537. {block:Posts}
  538.  
  539. <div id="posts">
  540.  
  541.  
  542. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  543.  
  544.  
  545. {block:Photo}{LinkOpenTag}
  546.  
  547. {block:if500pxPosts}
  548. <img src="{PhotoURL-500}">
  549. {/block:if500pxPosts}
  550.  
  551. {block:if400pxPosts}
  552. <img src="{PhotoURL-400}">
  553. {/block:if400pxPosts}
  554.  
  555. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  556.  
  557. {block:Photoset}
  558.  
  559. {block:if500pxPosts}
  560. {Photoset-500}
  561. {/block:if500pxPosts}
  562.  
  563. {block:if400pxPosts}
  564. {Photoset-400}
  565. {/block:if400pxPosts}
  566.  
  567. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  568.  
  569. {block:Quote}<h2>{Quote}</h2>{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  570.  
  571. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  572.  
  573. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  574.  
  575. {block:Audio}{block:AudioPlayer}
  576. <div class="audiowrapper">
  577. {block:AlbumArt}
  578. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  579. {/block:AlbumArt}
  580.  
  581. <div class="playerbuttonbg">
  582. <div class="newplayerbutton">
  583. <div class="playerbuttonhug">
  584.  
  585. {AudioPlayerWhite}
  586.  
  587. </div>
  588. </div>
  589. </div>
  590.  
  591. <div class="trackdetails">
  592.  
  593. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  594. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  595. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  596. <b>{PlayCountWithLabel}</b>
  597.  
  598. </div>
  599. </div>
  600. {/block:AudioPlayer}
  601.  
  602. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  603.  
  604. {block:Video}
  605.  
  606. {block:if500pxPosts}
  607. {Video-500}
  608. {/block:if500pxPosts}
  609.  
  610. {block:if400pxPosts}
  611. {Video-400}
  612. {/block:if400pxPosts}
  613.  
  614. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  615.  
  616.  
  617. {block:Answer}<div id="ask"><span style="font-family:arial;font-size:15px;font-weight:bold;color:#fff;">{Asker}</span>: {Question}</div> {Answer}{/block:Answer}
  618.  
  619. <div id="info">{block:Date} <a href="{Permalink}">
  620. {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</a></a>{/block:Date} - {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  621. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} with <a href="{Permalink}">
  622. {NoteCountWithLabel}</a>
  623. {block:HasTags} <div id="tags">tags:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  624.  
  625.  
  626. </div>
  627.  
  628. {/block:Posts}
  629.  
  630. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  631. {/block:Posts}
  632.  
  633. </div>
  634.  
  635. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://static.tumblr.com/ujmsumm/TJamv4jm6/sg.png" width="40px;"></div></a>
  636. </body>
  637. </html>
RAW Paste Data