API tools faq
paste
ptsdnick

GAME OVER theme

ptsdnick
Feb 8th, 2017
429
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. GAME OVER theme by eddie gaymovie
  8. don't edit the code too much it was kind of a pain to make
  9.  
  10. ----->
  11.  
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13.  
  14. <script>
  15.  
  16.  
  17. (function($){
  18.  
  19. $(document).ready(function(){
  20.  
  21. $("a[title]").style_my_tooltips({
  22.  
  23. tip_follows_cursor:true,
  24.  
  25. tip_delay_time:30,
  26.  
  27. tip_fade_speed:300,
  28.  
  29. attribute:"title"
  30.  
  31. });
  32.  
  33. });
  34.  
  35. })(jQuery);
  36.  
  37. </script>
  38.  
  39. <meta charset="utf-8">
  40. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44.  
  45. <title>{Title}</title>
  46.  
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  50.  
  51. <meta name="image:sidebar" content="http://i.imgur.com/ez3kUpf.png" />
  52. <meta name="image:title bg" content=""/>
  53. <meta name="image:banner" content=""/>
  54.  
  55. <meta name="color:bg"/>
  56. <meta name="color:post"/>
  57. <meta name="color:sidebar"/>
  58. <meta name="color:text"/>
  59. <meta name="color:border"/>
  60. <meta name="color:link"/>
  61. <meta name="color:link hover"/>
  62. <meta name="color:link hover bg"/>
  63. <meta name="color:title bg"/>
  64. <meta name="color:title text"/>
  65. <meta name="color:scroll"/>
  66. <meta name="color:scrollbar"/>
  67. <meta name="color:footer bg"/>
  68. <meta name="color:footer txt"/>
  69. <meta name="color:blockquote"/>
  70.  
  71. <meta name="select:post width" content="250"/>
  72. <meta name="select:post width" content="300"/>
  73. <meta name="select:post width" content="350"/>
  74. <meta name="select:post width" content="400"/>
  75.  
  76. <meta name="select:border" content="solid"/>
  77. <meta name="select:border" content="dotted"/>
  78. <meta name="select:border" content="dashed"/>
  79. <meta name="select:border" content="none"/>
  80.  
  81. <meta name="select:font" content="arial"/>
  82. <meta name="select:font" content="consolas"/>
  83. <meta name="select:font" content="raleway"/>
  84. <meta name="select:font" content="ms pgothic"/>
  85.  
  86. <meta name="text:font size" content="13"/>
  87.  
  88. <meta name="text:link divider" content="|"/>
  89.  
  90. <meta name="text:title" content="this is your title"/>
  91.  
  92. <meta name="text:Link 1" content="">
  93. <meta name="text:Link 1 url" content="/">
  94. <meta name="text:Link 2" content="">
  95. <meta name="text:Link 2 url" content="/">
  96.  
  97. <meta name="if:round sidebar" content=""/>
  98. <meta name="if:custom scrollbar" content=""/>
  99. <meta name="if:small cursor" content=""/>
  100. <meta name="if:fireworks" content="">
  101. <meta name="if:greyscale img" content=""/>
  102.  
  103. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  104.  
  105. <style type="text/css">
  106.  
  107.  
  108. /*
  109. general text styles, fonts and colours
  110. */
  111.  
  112. ::-webkit-scrollbar {{block:ifcustomscrollbar}
  113. width:15px;
  114. height:0;
  115. background:{color:Scrollbar};
  116. border:1px solid {color:Scroll};
  117. }
  118. ::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scrollbar};}
  119.  
  120. div.songtitle::-webkit-scrollbar {
  121. width:7px;
  122. height:0;
  123. background:{color:Scrollbar};
  124. border:1px solid {color:Scroll};
  125. }
  126. div.songtitle::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  127.  
  128. div.notebox::-webkit-scrollbar {
  129. width:7px;
  130. height:0;
  131. background:{color:Scrollbar};
  132. border:1px solid {color:Scroll};
  133. }
  134. div.notebox::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scroll};{/block:ifcustomscrollbar}}
  135.  
  136. #s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:4px;border:1px solid {color:border};margin:20px 7px -2px 20px;background-color:{color:post};font-size:12px;text-transform:normal;color:{color:text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;}
  137.  
  138. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg); auto;} {/block:ifsmallcursor}
  139.  
  140. body {
  141. margin:0px;
  142. background:{color:bg};
  143. font-family:{select:font};
  144. font-size:{text:font size}px;
  145. line-height:140%;
  146. color: {color:text};
  147. }
  148.  
  149. p{
  150. margin:0 0 10px 0;
  151. padding:0;
  152. }
  153.  
  154. pre {
  155. white-space: pre-wrap;
  156. white-space: -moz-pre-wrap;
  157. white-space: -pre-wrap;
  158. white-space: -o-pre-wrap;
  159. word-wrap: break-word;
  160. }
  161.  
  162. a{
  163. color:{color:link};
  164. text-decoration:underline;
  165. }
  166.  
  167. a:hover{
  168. color:{color:link hover};
  169. text-decoration:none;
  170. background-color:{color:link hover bg};
  171. -webkit-transition: 0.4s ease;transition: 0.4s ease;
  172. -o-transition: 0.4s ease;-moz-transition: 0.4s ease;
  173. }
  174.  
  175. li{
  176. margin-left:-15px;
  177. }
  178.  
  179. /*
  180. containers etc
  181. */
  182. #wrapper{
  183. width:600px;
  184. margin:50px auto;
  185. }
  186.  
  187. #sidebar{
  188. margin: 100px 0 0 -130px;
  189. font-size:{text:font size}px;
  190. font-family:{select:font};
  191. width:220px;
  192. padding:5px;
  193. position:fixed;
  194. border: {color:border} 1px {select:border};
  195. background:{color:sidebar};
  196. }
  197.  
  198. #sidebar img{
  199. width:100px;
  200. padding-top:5px;
  201. margin-top:-15px;
  202. {block:ifroundsidebar}border-radius:80px;{/block:ifroundsidebar}
  203. {block:ifgreyscaleimg}-webkit-filter: grayscale(100%);
  204. filter: grayscale(100%);
  205. -webkit-transition: .5s ease-in-out;
  206. transition: .5s ease-in-out;{/block:ifgreyscaleimg}
  207. }
  208.  
  209. #sidebar:hover img{
  210. -webkit-filter: grayscale(0);
  211. filter: grayscale(0);
  212.  
  213. }
  214.  
  215. #top{
  216. font-size:{text:font size}px;
  217. color:{color:title text};
  218. border-bottom:{color:border} 1px {select:border};
  219. text-align:center;
  220. width:230px;
  221. margin: -5px -19px 0 -5px;
  222. background: {color:title bg} url('{image:title bg}') top left fixed repeat;
  223. }
  224.  
  225. #content{
  226. width:600px;
  227. margin-left:200px;
  228. overflow:hidden;
  229. }
  230.  
  231. .post{
  232. font-size:{text:font size}px;
  233. width:{select:post width}px;
  234. margin:0 0 50px 0;
  235. overflow:hidden;
  236. border: {color:border} 1px {select:border};
  237. padding:20px;
  238. background:{color:post};
  239. }
  240.  
  241. .post img{
  242. max-width:100%;
  243. }
  244.  
  245. #nav{
  246. margin:0 0 0 100px;
  247. text-align:center;
  248. background-color:{color:post};
  249. width:200px;
  250. }
  251.  
  252. #description{
  253. font-size:{text:font size}px;
  254. padding:4px;
  255. overflow:auto;
  256. position:absolute;
  257. width:110px;
  258. height:75px;
  259. margin:-5px 0 0 104px;
  260. word-wrap:break-word;
  261. }
  262.  
  263. #links{
  264. font-size:{text:font size}px;
  265. text-align:center;
  266. padding:2px;
  267. position:fixed;
  268. margin: 240px 0 0 -120px;
  269. width:210px;
  270. background:{color:sidebar};
  271. border:{color:border} 1px {select:border};
  272. word-spacing:1px;
  273. }
  274.  
  275. #tags{
  276. text-align:center;
  277. word-spacing:2px;
  278. margin:0 0 0 0;
  279. background:{color:footer bg};
  280. color:{color:footer txt};
  281. padding:2px;
  282. }
  283.  
  284. #header {
  285. width:100%;
  286. height:200px;
  287. background: url('{image:banner}') top fixed repeat-x;
  288. position:fixed;
  289. z-index: -999;
  290. margin-top:-120px;
  291. opacity: 0.90;
  292. }
  293.  
  294.  
  295. /*
  296. content in the body of the posts - quotes, asks, etc
  297. "media" contains photos, photosets, videos, audio posts
  298. */
  299. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  300.  
  301. .art{width:50px;height:50px; position:absolute;display:block;z-index:1;}
  302. .art img{width:50px;height:50px;}
  303.  
  304. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  305.  
  306. .video-container {
  307. position: center;
  308. overflow: hidden;
  309. }
  310.  
  311. .video-container iframe,
  312. .video-container object,
  313. .video-container embed {
  314. position: center;
  315. max-width:{select:Postwidth} ;
  316. max-height:{select:Postwidth} ;
  317. }
  318.  
  319. .video-wrapper {
  320. max-width:{select:Postwidth} ;
  321. max-height:{select:Postwidth} ;
  322. }
  323.  
  324. .media{
  325. margin:0 0 10px 0;
  326. {block:ifgreyscaleimg}
  327. -webkit-filter: grayscale(100%);
  328. filter: grayscale(100%);
  329. -webkit-transition: .5s ease-in-out;
  330. transition: .5s ease-in-out;{/block:ifgreyscaleimg}
  331. }
  332.  
  333. .media:hover{
  334. -webkit-filter: grayscale(0);
  335. filter: grayscale(0);
  336. }
  337.  
  338. .title{
  339. font-weight:normal;
  340. font-size:20px;
  341. margin:0 0 10px 0;
  342. border-bottom:{select:border} 1px {color:border};
  343. padding-bottom:2px;
  344. }
  345.  
  346. .quote{
  347. font-weight:normal;
  348. font-size:16px;
  349. font-style:italic;
  350. margin:0 0 10px 0;
  351. }
  352.  
  353. .question{
  354. margin-bottom:10px;
  355. border-bottom:1px {color:border} solid;
  356. padding-bottom:5px;
  357. }
  358.  
  359. .question img{
  360. border-radius:20px;
  361. }
  362.  
  363. blockquote{
  364. margin:0 0 10px 10px;
  365. padding:0 0 0 10px;
  366. border-left:solid 1px {color:blockquote};
  367. }
  368.  
  369. /*
  370. post footers - date, tags, via and source
  371. */
  372. .post .footer{
  373. margin:0;
  374. text-align:left;
  375. background:{color:footer bg};
  376. color:{color:footer txt};
  377. padding:5px;
  378. }
  379.  
  380. /*
  381. post notes
  382. */
  383. ol.notes{
  384. list-style-type:none;
  385. padding:0;
  386. margin:0;
  387. }
  388.  
  389. ol.notes li.note img{
  390. width:16px;
  391. height:16px;
  392. }
  393.  
  394. ol.notes li.note{
  395. margin:0px;
  396. }
  397.  
  398. {CustomCSS}
  399. </style>
  400.  
  401. {block:IfFireworks}
  402. <script type="text/javascript" src="http://static.tumblr.com/0szq8b5/qYVmlftps/sparkle-effects.js"></script>
  403. {/block:IfFireworks}
  404.  
  405.  
  406. </head>
  407.  
  408. <body>
  409.  
  410. <div id="lacelace"></div><div id="header"></div><div id="lacelace"></div>
  411. <div id="wrapper">
  412.  
  413.  
  414. <div id="sidebar">
  415. <div id="top">{text:title}</div><br>
  416. <div id="description" style="float:right;">
  417. {Description}
  418. </div>
  419. <a href="/" title="index"><img src="{image:sidebar}" style="float:left;"></a>
  420. </div><br>
  421.  
  422. <div id="links">
  423. <a href="/">home</a> {text:link divider}
  424. <a href="/ask">inbox</a>
  425. {block:ifLink1}{text:link divider} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  426. {block:ifLink2}{text:link divider} <a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  427. </div>
  428.  
  429.  
  430.  
  431.  
  432. <div id="content">
  433. {block:Posts}
  434.  
  435. {block:ContentSource}
  436. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  437. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  438. {/block:SourceLogo}
  439. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  440. {/block:ContentSource}
  441. {block:NoRebloggedFrom}
  442. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  443. {/block:NoRebloggedFrom}
  444.  
  445. <div class="post">
  446.  
  447. {block:Text}
  448. {block:Title}
  449. <div class="title">{Title}</div>
  450. {/block:Title}
  451. {Body}
  452. {/block:Text}
  453.  
  454. {block:Photo}
  455. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  456. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  457. {/block:Photo}
  458.  
  459. {block:Photoset}
  460. <div class="media">{Photoset}</div>
  461. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  462. {/block:Photoset}
  463.  
  464. {block:Quote}
  465. <div class="quote">"{Quote}"</div>
  466. {block:Source}
  467. <div class="quotesource">{Source}</div>
  468. {/block:Source}
  469. {/block:Quote}
  470.  
  471. {block:Link}
  472. <div class="title"><a href="{URL}">{Name}</a></div>
  473. {block:Description}
  474. <div class="description">{Description}</div>
  475. {/block:Description}
  476. {/block:Link}
  477.  
  478. {block:Chat}
  479. {block:Title}
  480. <div class="title">{Title}</div>
  481. {/block:Title}
  482.  
  483. {block:Lines}
  484. <div class="{Alt} user_{UserNumber}">
  485. {block:Label}
  486. <b>{Label}</b>{/block:Label}
  487. &nbsp;{Line}
  488. </div>
  489. {/block:Lines}
  490. {/block:Chat}
  491.  
  492. {block:Video}
  493. <div class="media">
  494. <div class="video-wrapper">
  495. <div class="video-container">{Video-400}</div>
  496. </div>
  497. </div>
  498. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  499. {/block:Video}
  500.  
  501. {block:Audio}
  502. <div id="audio">
  503. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  504. <div class="player">{AudioPlayerWhite}</div>
  505. <div class="songtitle">
  506. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  507. {block:Artist}{Artist}{/block:Artist}<br>
  508. {block:Album}{Album}{/block:Album}</div></div>
  509. {block:Caption}{Caption}{/block:Caption}
  510. {/block:Audio}
  511.  
  512. {block:Answer}
  513. <div class="question"><img src="{AskerPortraitURL-30}"> <b>{Asker}</b> asked: {Question}</div>
  514. <div class="caption">{Answer}</div>
  515. {/block:Answer}
  516.  
  517.  
  518. {block:Date}
  519. <div class="footer">
  520. <a href="{Permalink}" title="{ShortMonth} {MonthNumber}, {Year}">{12Hour}:{Minutes} {CapitalAmPm}</a> | <a href="{ReblogURL}" target="_blank" class="details" title="reblog">REBLOG</a> <a href="{Permalink}"; style="float:right">{NoteCount}</a></div>
  521.  
  522. {block:HasTags}<br><div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  523.  
  524. {block:PermalinkPage}
  525. {block:NoteCount}
  526. {block:PostNotes}{PostNotes}{/block:PostNotes}
  527. {/block:NoteCount}
  528. {/block:PermalinkPage}
  529. {/block:Date}
  530.  
  531.  
  532.  
  533. </div>
  534. {/block:Posts}
  535.  
  536. {block:Pagination}<div id="nav">
  537. {block:PreviousPage}
  538. <a href="{PreviousPage}">prev</a>
  539. {/block:PreviousPage}
  540. {block:JumpPagination length="5"}
  541. {block:CurrentPage}
  542. <span class="current_page">{PageNumber}</span>
  543. {/block:CurrentPage}
  544. {block:JumpPage}
  545. <a class="jump_page" href="{URL}">{PageNumber}</a>
  546. {/block:JumpPage}
  547. {/block:JumpPagination}
  548. {block:NextPage}
  549. <a href="{NextPage}">next</a>
  550. {/block:NextPage}</div> {/block:Pagination}
  551.  
  552. </div>
  553.  
  554. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:17px;font-family: arial;font-weight:bold;color:{color:Link};text-decoration:none;" href="http://www.gaymovie.tumblr.com" title="credit"><img src="http://66.media.tumblr.com/4df530770877ffd68b157974e4e40632/tumblr_inline_mk3mr9iY6T1roozkr.gif"></a>
  555.  
  556. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  557. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  558.  
  559. </body>
  560. </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!