API tools faq
paste
Advertisement
dylaenobriens

Theme #51: Bruised And Scarred

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