API tools faq
paste
Advertisement
valyrianruins

Theme 3 - Overdose

valyrianruins
Apr 19th, 2014
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--
  12.  
  13. theme by kayla aka valyrianthemes.tumblr.com / eliasmartells
  14.  
  15. don't remove any of the credit
  16. don't claim as your own
  17. don't use as a base code and redistribute and claim as your own
  18.  
  19. like and/or reblog the post and ily guys thank you (✿◠‿◠)
  20.  
  21. -->
  22.  
  23. <meta name="color:Text" content="#aaaaaa">
  24. <meta name="color:Background" content="#ffffff">
  25. <meta name="color:Blog Title" content="#aaaaaa">
  26. <meta name="color:Links" content="#aaaaaa">
  27. <meta name="color:Links Hover" content="#000000">
  28. <meta name="color:Scrollbar" content="#eeeeee">
  29.  
  30. <meta name="text:Link 1 URL" content="/"/>
  31. <meta name="text:Link 1 Title" content=""/>
  32. <meta name="text:Link 2 URL" content="/"/>
  33. <meta name="text:Link 2 Title" content=""/>
  34. <meta name="text:Link 3 URL" content="/"/>
  35. <meta name="text:Link 3 Title" content=""/>
  36. <meta name="text:Link 4 URL" content="/"/>
  37. <meta name="text:Link 4 Title" content=""/>
  38.  
  39. <meta name="if:Link 1" content="1"/>
  40. <meta name="if:Link 2" content="1"/>
  41. <meta name="if:Link 3" content="1"/>
  42. <meta name="if:Link 4" content="1"/>
  43. <meta name="if:Back To Top Option" content="1"/>
  44.  
  45. {block:ifBackToTopOption}
  46. <a title="back to the top" href="#" style="position: fixed; bottom: 30px; right: 30px;"><img src="http://static.tumblr.com/3yblkz0/nHOn2c2eb/1.png"></a>
  47. {/block:ifBackToTopOption}
  48.  
  49. <!-- Jquery for Tooltips-->
  50.  
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52.  
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54.  
  55. <script>
  56.  
  57. (function($){
  58.  
  59. $(document).ready(function(){
  60.  
  61. $("a[title]").style_my_tooltips({
  62.  
  63. tip_follows_cursor:true,
  64.  
  65. tip_delay_time:30,
  66.  
  67. tip_fade_speed:300,
  68.  
  69. attribute:"title"
  70.  
  71. });
  72.  
  73. });
  74.  
  75. })(jQuery);
  76.  
  77. </script>
  78.  
  79. </head>
  80.  
  81. <style type="text/css">
  82.  
  83. #s-m-t-tooltip {
  84. max-width: 250px;
  85. font-size: 9px;
  86. background: #ffffff;
  87. z-index: 9999;
  88. margin: 10px;
  89. font-style: italic;
  90. padding: 2px 10px 3px;
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb:vertical {
  94. background-color: {color:Scrollbar};
  95. height: 5px;
  96. }
  97.  
  98. ::-webkit-scrollbar {
  99. background-color: #ffffff;
  100. height: 8px;
  101. width: 5px;
  102. }
  103.  
  104. body {
  105. font-size: 10px;
  106. font-family: arial;
  107. color: {color:Text};
  108. background-color: {color:Background};
  109. background-image: url('{image:Background Image}');
  110. background-repeat: repeat;
  111. background-attachment: fixed;
  112. background-position: left top;
  113. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  114. }
  115.  
  116. .postcol {
  117. width: 250px;
  118. margin-right: auto;
  119. margin-left: auto;
  120. overflow: hidden;
  121. }
  122.  
  123. .posts {
  124. margin-top: 70px;
  125. margin-bottom: 30px;
  126. }
  127.  
  128. .title {
  129. text-align: center;
  130. color: {color:Blog Title};
  131. font-size: 16px;
  132. font-weight: bold;
  133. font-family: arial, sans-serif;
  134. padding-bottom: 10px;
  135. letter-spacing: 2px;
  136. }
  137.  
  138. .description {
  139. font-style: italic;
  140. }
  141.  
  142. .sidebar {
  143. width: 230px;
  144. font-family: arial;
  145. font-size: 10px;
  146. text-align: center;
  147. padding-top: 30px;
  148. padding: 10px 10px 0px 10px;
  149. }
  150.  
  151. img {
  152. max-width: 100%;
  153. border: none;
  154. }
  155.  
  156. .sidebarlinks {
  157. font-family: arial;
  158. text-transform: uppercase;
  159. font-size: 7px;
  160. }
  161.  
  162. .sidebarlinks a {
  163. color: {color:Links};
  164. text-decoration: none;
  165. -webkit-transition: all .5s ease-in-out;
  166. -moz-transition: all .5s ease-in-out;
  167. -o-transition: all .5s ease-in-out;
  168. -ms-transition: all .5s ease-in-out;
  169. }
  170.  
  171. a {
  172. color: {color:Links};
  173. text-decoration: none;
  174. -webkit-transition: all .5s ease-in-out;
  175. -moz-transition: all .5s ease-in-out;
  176. -o-transition: all .5s ease-in-out;
  177. -ms-transition: all .5s ease-in-out;
  178. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  179. }
  180.  
  181. a:hover {
  182. color: {color:Links Hover};
  183. -webkit-transition: all .5s ease-in-out;
  184. -moz-transition: all .5s ease-in-out;
  185. -o-transition: all .5s ease-in-out;
  186. -ms-transition: all .5s ease-in-out;
  187. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  188. }
  189.  
  190. .newplayerbutton {
  191. position: relative;
  192. width: 28px;
  193. height: 27px;
  194. }
  195.  
  196. .playerbuttonhug {
  197. position: absolute;
  198. top: -11px;
  199. left: -12px;
  200. }
  201.  
  202.  
  203. .tumblr_audio_player {
  204. border: none;
  205. padding: 0px;
  206. margin: 0px;
  207. height: 50px;
  208. width: 250px;
  209. }
  210.  
  211. .playerbuttonbg {
  212. position: absolute;
  213. left: 20px;
  214. top: 20px;
  215. width: 28px;
  216. height: 28px;
  217. background-color: #000000;
  218. padding: 10px;
  219. -webkit-border-radius: 40px;
  220. -moz-border-radius: 40px;
  221. border-radius: 40px;
  222. opacity: .4;
  223. filter: alpha(opacity=40);
  224. -moz-opacity: 0.4;
  225. -khtml-opacity: 0.4;
  226. transition: opacity .7s ease-in-out;
  227. -moz-transition: opacity .7s ease-in-out;
  228. -webkit-transition: opacity .7s ease-in-out;
  229. }
  230.  
  231. .playerbuttonbg:hover {
  232. opacity: 1;
  233. filter: alpha(opacity=100);
  234. -moz-opacity: 1;
  235. -khtml-opacity: 1;
  236. }
  237.  
  238. .audioimgwrapper {
  239. position: absolute;
  240. left: 0px;
  241. top: 0px;
  242. -webkit-border-radius: 50px;
  243. -moz-border-radius: 50px;
  244. border-radius: 50px;
  245. width: 88px;
  246. height: 88px;
  247. }
  248.  
  249. .audioimgwrapper img {
  250. width: 100%;
  251. height: auto;
  252. -webkit-border-radius: 50px;
  253. -moz-border-radius: 50px;
  254. border-radius: 50px;
  255. }
  256.  
  257. .trackdetails {
  258. width: auto;
  259. display: inline-block;
  260. margin-left: 100px;
  261. min-height: 85px;
  262. }
  263.  
  264. .audiowrapper {
  265. position: relative;
  266. display: inline-block;
  267. }
  268.  
  269. blockquote {
  270. padding: 5px 0 5px 30px;
  271. border-left: 1px solid {color:Text};
  272. margin-left: 20px;
  273. }
  274.  
  275. .indexpage {
  276. font-family: arial;
  277. padding-top: 5px;
  278. font-size: 7px;
  279. text-align: right;
  280. text-transform: uppercase;
  281. opacity: 0;
  282. -webkit-transition:all 0.5s;
  283. -moz-transition:all 0.5s;
  284. -ms-transition:all 0.5s;
  285. -o-transition:all 0.5s;
  286. transition:all 0.5s;
  287. }
  288.  
  289. .permapage {
  290. padding-top: 10px;
  291. font-size: 7px;
  292. text-transform: uppercase;
  293. text-align: right;
  294. }
  295.  
  296. .indexpage:hover {
  297. opacity: 1;
  298. -webkit-transition:all 0.5s;
  299. -moz-transition:all 0.5s;
  300. -ms-transition:all 0.5s;
  301. -o-transition:all 0.5s;
  302. transition:all 0.5s;
  303. }
  304.  
  305. .pagenotes {
  306. width: 250px;
  307. font-size: 8px;
  308. text-align: left;
  309. {block:IndexPage}
  310. display: none!important;
  311. {/block:IndexPage}
  312. }
  313.  
  314. .pagenotes img {
  315. display: none!important;
  316. }
  317.  
  318. .pagenotes li {
  319. text-align: left;
  320. padding: 5px 0px;
  321. margin: 0px 0px 0px -40px;
  322. list-style-type: none;
  323. }
  324.  
  325. .pagination {
  326. color: {color:Links};
  327. font-size: 8px;
  328. text-align: center;
  329. text-transform: lowercase;
  330. }
  331.  
  332. .pagination a {
  333. color: {color:Links};
  334. padding-bottom: 15px;
  335. }
  336.  
  337. .pagination a:hover {
  338. color: {color:Links Hover};
  339. }
  340.  
  341. .caption {
  342. {block:IndexPage}
  343. display: none!important;
  344. {/block:IndexPage}
  345. }
  346.  
  347. .tags {
  348. {block:IndexPage}
  349. display: none!important;
  350. {/block:IndexPage}
  351. text-align: right;
  352. font-style: italic;
  353. font-size: 8px;
  354. color: {color:Links};
  355. padding-top: 10px;
  356. }
  357.  
  358. .tags a {
  359. color: {color:Links};
  360. }
  361.  
  362. .tags a:hover {
  363. color: {color:Links Hover};
  364. }
  365.  
  366. .credit {
  367. font-size: 7px;
  368. font-family: arial;
  369. text-transform: uppercase;
  370. padding: 5px 5px;
  371. position: fixed;
  372. bottom: 5px;
  373. right: 5px;
  374. }
  375.  
  376. </style>
  377.  
  378. <body>
  379. <div class="con">
  380. <div class="postcol">
  381.  
  382. <div class="sidebar">
  383. <div class="title"><a href="/">{Title}</a></div><!--TITLE DIV-->
  384. <div class="description">{Description}</div><br><!--DESCRIPTION DIV-->
  385. <div class="sidebarlinks">
  386. <a href="/">Index</a>
  387. <a href="/ask"> - Message</a>
  388. {block:ifLink1}- <a href="{text:Link 1 Url">{text:Link 1 Title}</a>{/block:ifLink1}
  389. {block:ifLink2}- <a href="{text:Link 2 Url">{text:Link 2 Title}</a>{/block:ifLink2}
  390. {block:ifLink3}- <a href="{text:Link 3 Url">{text:Link 3 Title}</a>{/block:ifLink3}
  391. {block:ifLink4}- <a href="{text:Link 4 Url">{text:Link 4 Title}</a>{/block:ifLink4}
  392. </div>
  393. </div>
  394.  
  395. {block:Posts}
  396.  
  397. <div class="posts">
  398. <!---------------------------------------------------
  399. TEXT POSTS
  400. ---------------------------------------------------->
  401. {block:Text}
  402. <div class="text">
  403. {block:Title}<h2>{Title}</h2>{/block:Title}
  404. {Body}
  405. </div>
  406. {/block:Text}
  407.  
  408. <!---------------------------------------------------
  409. ANSWER POSTS
  410. ---------------------------------------------------->
  411. {block:Answer}
  412. <div class="ask">
  413. {Asker} asked: {Question}
  414. {Answer}
  415. </div>
  416. {/block:Answer}
  417.  
  418. <!---------------------------------------------------
  419. QUOTE POSTS
  420. ---------------------------------------------------->
  421. {block:Quote}
  422. <div class="quote">
  423. <div class="quotetext_{Length}">"{Quote}"</div>
  424. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  425. </div>
  426. {/block:Quote}
  427.  
  428. <!---------------------------------------------------
  429. LINK POSTS
  430. ---------------------------------------------------->
  431. {block:Link}
  432. <div class="link">
  433. <h2><a href="{URL}">{Name}</a></h2>
  434. {block:Description}{Description}{/block:Description}
  435. </div>
  436. {/block:Link}
  437.  
  438. <!---------------------------------------------------
  439. CHAT POSTS
  440. ---------------------------------------------------->
  441.  
  442. {block:Chat}
  443. <div class="chat">
  444. {block:Title}<h2>{Title}</h2>{/block:Title}
  445. <ul>
  446. {block:Lines}<li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
  447. </ul>
  448. </div>
  449. {/block:Chat}
  450.  
  451. <!---------------------------------------------------
  452. PHOTO POSTS
  453. ---------------------------------------------------->
  454. {block:Photo}
  455. <div class="photo">
  456. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250">{LinkCloseTag}
  457. <div class="caption">
  458. {Caption}
  459. </div>
  460. </div>
  461. {/block:Photo}
  462.  
  463. <!---------------------------------------------------
  464. PHOTOSET POSTS
  465. ---------------------------------------------------->
  466. {block:Photoset}
  467. <div class="photo">{Photoset-250}</div>
  468. <div class="caption">
  469. {Caption}
  470. </div>
  471. {/block:Photoset}
  472.  
  473. <!---------------------------------------------------
  474. VIDEO POSTS
  475. ---------------------------------------------------->
  476. {block:Video}
  477. <div class="video">
  478. {Video-250}
  479. </div>
  480. <div class="caption">
  481. {Caption}
  482. </div>
  483. {/block:Video}
  484.  
  485. <!---------------------------------------------------
  486. AUDIO
  487. ---------------------------------------------------->
  488. {block:AudioPlayer}
  489. <div class="audio">
  490. <div class="audiowrapper">
  491. {block:AlbumArt}
  492. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  493. {/block:AlbumArt}
  494. <div class="playerbuttonbg">
  495. <div class="newplayerbutton">
  496. <div class="playerbuttonhug">
  497. {AudioPlayerBlack}
  498. </div>
  499. </div>
  500. </div>
  501. <div class="trackdetails">
  502. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  503. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  504. {block:Album}Album: {Album}{/block:Album}<br/>
  505. {PlayCountWithLabel}
  506. </div>
  507. </div>
  508. </div>
  509. {/block:AudioPlayer}
  510.  
  511. <!---------------------------------------------------
  512. PERMALINK
  513. ---------------------------------------------------->
  514.  
  515. {block:IndexPage}
  516. <div class="indexpage">
  517. <a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCountWithLabel}</a>
  518. </div>
  519. {/block:IndexPage}
  520.  
  521. {block:PermalinkPage}
  522. <div class="permapage">
  523. <a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} / {block:Date}{DayOfMonthWithZero} {Month}{/block:Date}
  524. </div>
  525. <div class="tags">
  526. {block:HasTags}
  527. {block:Tags}<a href="{TagURL}"># {Tag}</a>&nbsp;&nbsp;&nbsp;
  528. {/block:Tags}
  529. {/block:HasTags}
  530. </div>
  531. {/block:PermalinkPage}
  532.  
  533. {block:ContentSource}
  534. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  535. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  536. {/block:SourceLogo}
  537. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  538. {/block:ContentSource}
  539.  
  540. {block:PostNotes}
  541. <div class="pagenotes">
  542. {PostNotes}
  543. </div>
  544. {/block:PostNotes}
  545.  
  546. {/block:Posts}
  547.  
  548. <div class="pagination">
  549. {block:Pagination}
  550. {block:PreviousPage}
  551. <a href="{PreviousPage}">&larr; previous page</a>
  552. {/block:PreviousPage}
  553. {block:NextPage}
  554. <a href="{NextPage}">next page &rarr;</a>
  555. {/block:NextPage}
  556. {/block:Pagination}
  557. </div>
  558.  
  559. </div>
  560. </body>
  561.  
  562. <div class="credit">
  563. <a href="http://www.eliasmartells.tumblr.com/" title="eliasmartells">&copy; tempest</a></center>
  564. </div>
  565.  
  566. </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!