Advertisement
skittlezbro

3/27/16

Mar 27th, 2016
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.00 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6. <title>{Title}</title>
  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 #03:CRYPTICREALIST - by Ross at nephos.co.vu
  14. A theme for the winnner of my giveaway, crypticrealist.tumblr.com
  15.  
  16. * You're allowed to edit this theme as long as you leave the credit alone
  17. * Do NOT remove the credit
  18. * Do not redistribute this theme
  19. * Do not steal this theme or claim it as your own
  20. * Don't use this as a base code (I already used a base code for this)
  21. * By using this theme, you are also agreeing to the terms of use: http://nephos.co.vu/terms
  22. * Do not remove this text
  23.  
  24. Sorry for the messy-ish coding....
  25. ------------------------------------------------------------------------->
  26. <!----Base Code by vitanica.tumblr.com--->
  27.  
  28.  
  29. <meta name="image:Background" content="http://static.tumblr.com/297937390a50327bf6ed58e6d6648a26/6dqulbc/vNmn87a1z/tumblr_static_7pt8egm21ew4888w4444wc8ck.jpg"/>
  30. <meta name="color:Background" content="#fff"/>
  31. <meta name="color:Top Border" content="#a89785"/>
  32. <meta name="color:Blockquote" content="#94908e"/>
  33. <meta name="color:Text" content="#3e3939"/>
  34. <meta name="color:Border" content="#443f3d"/>
  35. <meta name="color:Link" content="#be6f4d"/>
  36. <meta name="color:Link Hover" content="#216689"/>
  37. <meta name="color:Scrollbar" content="#a89785"/>
  38. <meta name="color:Scrollbar Background" content="#f3eded"/>
  39. <meta name="if:Photo Caption" content="0"/>
  40. <meta name="if:Maximized Background" content="1"/>
  41. <meta name="text:Navibar header" content="title"/>
  42. <meta name="text:Link 1 name" content="Link 1"/>
  43. <meta name="text:Link 1 url" content=""/>
  44. <meta name="text:Link 2 name" content="Link 2"/>
  45. <meta name="text:Link 2 url" content=""/>
  46. <meta name="text:Link 3 name" content="Link 3"/>
  47. <meta name="text:Link 3 url" content=""/>
  48. <meta name="text:Link 4 name" content="Link 4"/>
  49. <meta name="text:Link 4 url" content=""/>
  50. <meta name="text:Link 5 name" content="Link 5"/>
  51. <meta name="text:Link 5 url" content=""/>
  52. <meta name="text:Link 6 name" content="Link 1"/>
  53. <meta name="text:Link 6 url" content=""/>
  54. <meta name="text:Link 7 name" content="Link 2"/>
  55. <meta name="text:Link 7 url" content=""/>
  56. <meta name="text:Link 8 name" content="Link 3"/>
  57. <meta name="text:Link 8 url" content=""/>
  58. <meta name="text:Link 9 name" content="Link 4"/>
  59. <meta name="text:Link 9 url" content=""/>
  60. <meta name="text:Link 10 name" content="Link 5"/>
  61. <meta name="text:Link 10 url" content=""/>
  62. <meta name="text:Link 11 name" content="Link 5"/>
  63. <meta name="text:Link 11 url" content=""/>
  64. <meta name="text:Link 12 name" content="Link 5"/>
  65. <meta name="text:Link 12 url" content=""/>
  66. <meta name="text:Link 13 name" content="Link 2"/>
  67. <meta name="text:Link 13 url" content=""/>
  68. <meta name="text:Link 14 name" content="Link 3"/>
  69. <meta name="text:Link 14 url" content=""/>
  70. <meta name="text:Link 15 name" content="Link 4"/>
  71. <meta name="text:Link 15 url" content=""/>
  72. <meta name="text:Link 16 name" content="Link 5"/>
  73. <meta name="text:Link 16 url" content=""/>
  74.  
  75. <link href="http://static.tumblr.com/6dqulbc/HEUn820dx/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  76. <link rel="stylesheet" href="http://static.tumblr.com/6dqulbc/vrnnhj1yv/stylesheet.css" type="text/css" />
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="http://static.tumblr.com/6dqulbc/o1On820de/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:100,
  85. tip_fade_speed:100,
  86. attribute:"title"
  87. });
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. @font-face { font-family: "pkmn"; src: url('http://static.tumblr.com/6dqulbc/O3on81jql/pkmn-mystery-dungeon.ttf'); }
  96.  
  97. @font-face {font-family:tinytots; src: url(http://static.tumblr.com/6dqulbc/SXsn2i5yv/tinytots.ttf) format("truetype"); }
  98.  
  99. ::-webkit-scrollbar {
  100. width: 6px;}
  101. ::-webkit-scrollbar-track-piece {
  102. background-color:{color:scrollbar background};border-left:1px solid {color:scrollbar};}
  103.  
  104. ::-webkit-scrollbar-thumb:vertical {
  105. width: 6px;
  106. background-color: {color:scrollbar};}
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. height:10px;
  111. z-index:999999999999999999999999999999999999999999999999;
  112. margin-top:-5px;
  113. padding:2px 5px 7px 5px;
  114. background:#222;
  115. background:rgba(60,55,50,0.8);
  116. border-radius:0;
  117. box-shadow:0 0;
  118. border:1px solid {color:border};
  119. font-family:tinytots;
  120. text-transform:uppercase;
  121. font-size:8px;
  122. color:#ffffff;}
  123.  
  124. body {
  125. background-color: {color:Background};
  126. background-image:url({image:Background});
  127. {block:IfMaximizedBackground}background-size:cover;{/block:IfMaximizedBackground}
  128. {block:IfNotMaximizedBackground}background-repeat:repeat;{/block:IfNotMaximizedBackground}
  129. background-attachment:fixed;
  130. font-family: pkmn;
  131. font-size: 16px;
  132. color: {color:Text};}
  133.  
  134. blockquote {
  135. border-left: solid 2px {black} {color:blockquote};
  136. margin: 0;
  137. padding-left: 7px;}
  138.  
  139. a {
  140. text-decoration: none;
  141. color: {color:Link};
  142. -webkit-transition: all 0.3s ease-in-out;
  143. -moz-transition: all 0.3s ease-in-out;
  144. -ms-transition: all 0.3s ease-in-out;
  145. -o-transition: all 0.3s ease-in-out;
  146. transition: all 0.3s ease-in-out;}
  147.  
  148. a:hover {
  149. color:{color:link hover};}
  150.  
  151.  
  152. pre {
  153. padding:6px;
  154. background-color:rgba(255, 255, 255, 0.6);
  155. margin-top:5px;box-shadow:1px 1px 0 2px rgba(60,60,60,0.3);
  156. max-width:100%;
  157. font-size:12px;
  158. font-family:tinytots;}
  159.  
  160. #cent {
  161. width:200px;
  162. display:block;
  163. margin:auto;}
  164.  
  165. .sidebar {
  166. overflow:auto;
  167. position:fixed;
  168. margin-top:70px;
  169. margin-left:-380px;
  170. width: 130px;
  171. padding: 10px;
  172. background-color:rgba(255, 255, 255, 0.75);
  173. z-index:999;
  174. border: 1px solid {color:Border};
  175. -webkit-transition: all 0.3s ease-in-out;
  176. -moz-transition: all 0.3s ease-in-out;
  177. -ms-transition: all 0.3s ease-in-out;
  178. -o-transition: all 0.3s ease-in-out;
  179. transition: all 0.3s ease-in-out;}
  180.  
  181. .sidebar:hover {
  182. background-color:rgba(255, 255, 255, 0.9);}
  183.  
  184. #description {
  185. width: 100%;
  186. max-height:400px;
  187. overflow:auto;
  188. text-align: center;}
  189.  
  190. .si {
  191. width:150px;
  192. height:14px;
  193. position:fixed;
  194. z-index:9999;
  195. margin-top:-11px;
  196. margin-left:-11px;
  197. margin-bottom:10px;
  198. background-color:{color:top border};
  199. border:1px solid {color:border};
  200. text-align:center;}
  201.  
  202. .si img {
  203. padding:2px 7px 2px 7px;
  204. margin-left:3px;
  205. border:0;}
  206.  
  207. #pagi {
  208. margin-top:52px;
  209. margin-left:-380px;
  210. font-family:pkmn;
  211. font-size:16px;
  212. margin-bottom:10px;
  213. width:150px;
  214. position:fixed;
  215. text-align:center;}
  216.  
  217. #pagi a {
  218. margin-left:3px;
  219. height:8px;
  220. width:5px;
  221. padding:3px;}
  222.  
  223. .top {
  224. {block:indexpage}width:234px;{/block:indexpage}
  225. {block:permalinkpage}width:514px;{/block:permalinkpage}
  226. height:14px;
  227. margin-top:-8px;
  228. margin-left:-8px;
  229. margin-bottom:7px;
  230. background-color:{color:top border};
  231. border:1px solid {color:border};}
  232.  
  233. .top img {
  234. margin-left:3px;
  235. float:right;
  236. padding:2px;
  237. border:0;}
  238.  
  239.  
  240. #container {
  241. margin-top:20px;
  242. margin-bottom:20px;
  243. margin-left: -205px;
  244. width: 840px;}
  245.  
  246. .entry {
  247. float:left;
  248. position: relative;
  249. {block:indexpage}width:220px;{/block:indexpage}
  250. {block:permalinkpage}width:500px;{/block:permalinkpage}
  251. box-shadow: 2px 2px 0 2px rgba(5, 0, 0, 0.6);
  252. padding: 7px;
  253. margin-bottom:25px;
  254. margin-right:25px;
  255. background-color:rgba(255, 255, 255, 0.8);
  256. overflow:hidden;
  257. border: 1px solid {color:Border};
  258. -webkit-transition: all 0.3s ease-in-out;
  259. -moz-transition: all 0.3s ease-in-out;
  260. -ms-transition: all 0.3s ease-in-out;
  261. -o-transition: all 0.3s ease-in-out;
  262. transition: all 0.3s ease-in-out;}
  263.  
  264. .entry:hover {
  265. box-shadow: -2px 2px 0 2px rgba(5, 0, 0, 0.5);
  266. background-color:rgba(255, 255, 255, 0.9);}
  267.  
  268. .entry iframe {
  269. max-width:100%;}
  270.  
  271. .photo {
  272. -webkit-transition: all 0.2s ease-in-out;
  273. -moz-transition: all 0.2s ease-in-out;
  274. -ms-transition: all 0.2s ease-in-out;
  275. -o-transition: all 0.2s ease-in-out;
  276. transition: all 0.2s ease-in-out;}
  277.  
  278. .photo:hover {
  279. -webkit-box-shadow: 0px 0px 28px -4px rgba(255, 255, 255, 0.70);
  280. -moz-box-shadow:0px 0px 28px -4px rgba(255, 255, 255, 0.70);
  281. box-shadow:0px 0px 28px -4px rgba(255, 255, 255, 0.70);
  282. -webkit-transform: scale(1.025, 1.025);
  283. -moz-transform: scale(1.025, 1.025);
  284. -o-transform: scale(1.025, 1.025);
  285. -ms-transform: scale(1.025, 1.025);
  286. transform: scale(1.025, 1.025);}
  287.  
  288. .photoset {
  289. -webkit-transition: all 0.3s ease-in-out;
  290. -moz-transition: all 0.3s ease-in-out;
  291. -ms-transition: all 0.3s ease-in-out;
  292. -o-transition: all 0.3s ease-in-out;
  293. transition: all 0.3 ease-in-out;}
  294.  
  295. .photoset:hover {
  296. -webkit-transform: scale(1.007, 1.007);
  297. -moz-transform: scale(1.007, 1.007);
  298. -o-transform: scale(1.007, 1.007);
  299. -ms-transform: scale(1.007, 1.007);}
  300.  
  301. img {
  302. max-width: 100%;}
  303.  
  304. h1 {
  305. text-align: center;
  306. font-size: 15px;
  307. color: {color:Title};}
  308.  
  309. #permalink {
  310. text-align: left;
  311. border-top: 1px solid {color:Border};
  312. position: relative;
  313. margin-top: 5px;
  314. padding-top: 5px;}
  315.  
  316. /* Please, don't remove the credit */
  317. #sdgsdgsdgsdg {
  318. position:fixed;
  319. text-align:center;
  320. width:30px;
  321. font-family:pkmn;
  322. font-size:16px;
  323. height:15px;
  324. background-color:#fff;
  325. border-radius:12px 0px 0px 0px;
  326. border:2px solid #949494;
  327. color:#949494;
  328. padding:3px;
  329. right:-3px;
  330. bottom:-9px;
  331. z-index:999999999999999999;
  332. opacity:0.75;
  333. -webkit-transition: all 0.5s ease-in-out;
  334. -moz-transition: all 0.5s ease-in-out;
  335. -ms-transition: all 0.5s ease-in-out;
  336. -o-transition: all 0.5s ease-in-out;
  337. transition: all 0.5s ease-in-out;}
  338.  
  339. #sdgsdgsdgsdg:hover {
  340. height:15px;
  341. width:100px;
  342. bottom:-6px;
  343. opacity:1;}
  344.  
  345. #sdgsdgsdgsdg a {
  346. color:#949494;
  347. text-decoration:none;
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -moz-transition: all 0.5s ease-in-out;
  350. -ms-transition: all 0.5s ease-in-out;
  351. -o-transition: all 0.5s ease-in-out;
  352. transition: all 0.5s ease-in-out;}
  353.  
  354. #sdgsdgsdgsdg a:hover {
  355. color:#b1b0b0;}
  356.  
  357.  
  358. </style>
  359.  
  360. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  361.  
  362. <script type="text/javascript">
  363. $(window).load(function () {
  364. $('#container').masonry({
  365. itemSelector : ".entry",
  366. },
  367. function() { $('#container').masonry({ appendedContent: $(this) }); }
  368. );
  369. });
  370. </script>
  371. </head>
  372.  
  373. <body>
  374. <div id="cent">
  375. <div id="pagi">
  376. {block:Pagination}{block:PreviousPage}<a title="previous page" style="font-family:tinytots;font-size:8px;background-color:rgba(255,255,255,0.8);color:{color:text};border:1px solid {color:border};" href="{PreviousPage}">&lt;</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<a title="page {pagenumber}" style="background-color:{color:top border};color:#fff;border:1px solid #fff;" href="{URL}">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage}<a title="page {pagenumber}" style="background-color:rgba(255,255,255,0.8);color:{color:text};border:1px solid {color:border};" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a title="next page" style="font-family:tinytots;font-size:8px;background-color:rgba(255,255,255,0.8);color:{color:text};border:1px solid {color:border};" href="{NextPage}">&gt;</a>{/block:NextPage}{/block:Pagination}</div>
  377.  
  378. <div class="sidebar">
  379. <div class="si"><a href="/" title="home"><img src="http://static.tumblr.com/6dqulbc/4jSn84w9x/squ.png"></a><a href="/ask" title="ask"><img src="http://static.tumblr.com/6dqulbc/19on8iz4r/squ2.png"></a><a href="/submit" title="sumbit"><img src="http://static.tumblr.com/6dqulbc/coqn8iz88/squ3.png"></a><a href="/archive" title="archive"><img src="http://static.tumblr.com/6dqulbc/jEtn8iz8t/squ4.png"></a></div>
  380. <h1 style="text-transform:uppercase"><a href="/" style="color:{color:text}">{Title}</a></h1>
  381. <div id="description">{Description}</div>
  382. <select onchange='location=this.options[this.selectedIndex].value;' style='margin-top:10px;width:130px;height:20px;font-family:pkmn;text-transform:lowercase;font-size:16px;background-color:rgba(255,255,255,0.6);box-shadow:1px 1px 0 2px rgba(60,60,60,0.3);border:0px;color:{color:text}'>
  383. <option>{text:navibar header}</option>
  384. <option value="{text:link 1 url}">{text:link 1 name}</option>
  385. <option value="{text:link 2 url}">{text:link 2 name}</option>
  386. <option value="{text:link 3 url}">{text:link 3 name}</option>
  387. <option value="{text:link 4 url}">{text:link 4 name}</option>
  388. <option value="{text:link 5 url}">{text:link 5 name}</option>
  389. <option value="{text:link 6 url}">{text:link 6 name}</option>
  390. <option value="{text:link 7 url}">{text:link 7 name}</option>
  391. <option value="{text:link 8 url}">{text:link 8 name}</option>
  392. <option value="{text:link 9 url}">{text:link 9 name}</option>
  393. <option value="{text:link 10 url}">{text:link 10 name}</option>
  394. <option value="{text:link 11 url}">{text:link 11 name}</option>
  395. <option value="{text:link 12 url}">{text:link 12 name}</option>
  396. <option value="{text:link 13 url}">{text:link 13 name}</option>
  397. <option value="{text:link 14 url}">{text:link 14 name}</option>
  398. <option value="{text:link 15 url}">{text:link 15 name}</option>
  399. <option value="{text:link 16 url}">{text:link 16 name}</option>
  400. </select></div>
  401.  
  402. <div id="container">
  403. {block:Posts}
  404. <div class="entry">
  405. <div class="top"><a href="{permalink}" title="Permalink"><img src="http://static.tumblr.com/6dqulbc/jpdn81nw8/cir.png"></a><a href="{ReblogURL}" title="Reblog?"><img src="http://static.tumblr.com/6dqulbc/Sc4n8izni/cir2.png" ></a><a href="{ReblogRootURL}" title="Source"><img src="http://static.tumblr.com/6dqulbc/2vhn8izo0/cir3.png"></a></div>
  406.  
  407. {block:Text}
  408. {block:Title}<h1 style="padding:6px;background-color:rgba(255, 255, 255, 0.6);margin-top:5px;box-shadow:1px 1px 0 2px rgba(60,60,60,0.3)">{Title}</h1>{/block:Title}
  409. {Body}
  410. {/block:Text}
  411.  
  412. {block:Photo}
  413. {block:indexpage}{LinkOpenTag}<img class="photo" src="{PhotoURL-250}">{LinkCloseTag}{/block:indexpage}
  414. {block:permalinkpage}{LinkOpenTag}<img class="photo" src="{PhotoURL-500}">{LinkCloseTag}{/block:permalinkpage}
  415. {block:IfPhotoCaption}{block:indexpage}{block:Caption}{Caption}{/block:Caption}{/block:indexpage}{/block:IfPhotoCaption}
  416. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  417. {/block:Photo}
  418.  
  419. {block:Photoset}
  420. {block:indexpage}<div class="photoset">{Photoset}</div>{/block:indexpage}
  421. {block:permalinkpage}<div class="photoset">{Photoset-500}</div>{/block:permalinkpage}
  422. {block:IfPhotoCaption}{block:indexpage}{block:Caption}{Caption}{/block:Caption}{/block:indexpage}{/block:IfPhotoCaption}
  423. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  424. {/block:Photoset}
  425.  
  426. {block:Quote}
  427. {Quote}
  428. {block:Source}<br>—{Source}{/block:Source}
  429. {/block:Quote}
  430.  
  431. {block:Link}
  432. <h1 style="padding:6px;background-color:rgba(255, 255, 255, 0.6);margin-top:5px;box-shadow:1px 1px 0 2px rgba(60,60,60,0.3)"><a href="{URL}" {Target}>{Name}</a></h1>
  433. {block:Description}{Description}{/block:Description}
  434. {/block:Link}
  435.  
  436. {block:Chat}
  437. {block:Title}<h1 style="padding:6px;background-color:rgba(255, 255, 255, 0.6);margin-top:5px;box-shadow:1px 1px 0 2px rgba(60,60,60,0.3)">{Title}</h1>{/block:Title}
  438. {block:Lines}
  439. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  440. {/block:Lines}
  441. {/block:Chat}
  442.  
  443. {block:Audio}
  444. <div style="padding:6px;background-color:rgba(255, 255, 255, 0.6);font-family:tinytots;font-size:8px;text-transform:uppercase;font-size:8px;margin-top:5px;box-shadow:1px 1px 0 2px rgba(60,60,60,0.3)">
  445. {block:AlbumArt}
  446. <img style="width:100%;" src="{AlbumArtURL}">
  447. {/block:AlbumArt}
  448. {AudioPlayerWhite}
  449. {block:TrackName}<br>Title: {TrackName}
  450. {/block:TrackName}
  451. {block:Artist}<br><br>
  452. Artist: {Artist}
  453. {/block:Artist}
  454. {block:Album}
  455. <br><br>Album: {Album}
  456. {/block:Album}
  457. <br><br>{PlayCountWithLabel}</div>
  458. {block:Caption}{Caption}{/block:Caption}
  459. {/block:Audio}
  460.  
  461. {block:Video}
  462. {block:indexpage}{VideoEmbed-250}{/block:indexpage}
  463. {block:permalinkpage}{VideoEmbed-500}{/block:permalinkpage}
  464. {block:Caption}{Caption}{/block:Caption}
  465. {/block:Video}
  466.  
  467. {block:Answer}
  468. <p style="padding:6px;background-color:rgba(255, 255, 255, 0.6);margin-top:5px;box-shadow:1px 1px 0 2px rgba(60,60,60,0.3)">{Asker} said: <br>{Question}</p><p style="margin-top:5px;">{Answer}</p>
  469. {/block:Answer}
  470.  
  471. {block:permalinkpage}<div id="permalink">
  472. {block:Date}Posted on {ShortMonth} {Dayofmonth} at {12hour}:{minutes}{ampm}<br><a href="{Permalink}">
  473. {NoteCountWithLabel}</a>{/block:Date}
  474. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a><br>source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  475. {block:HasTags}<br>Tagged: {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  476. {block:PostNotes}<br>{PostNotes}{/block:PostNotes}</div>{/block:permalinkpage}
  477. </div> <!-- /div entry --->
  478. {/block:Posts}
  479. </div><!-- /div container --->
  480. </div><!--/div cent--->
  481. <!-----Do not remove the credit----->
  482. <div id="sdgsdgsdgsdg"><a href="http://tmblr.co/mLV1UN3s4Rm18-jjdINUG7g">theme by ross</a></div>
  483. </body>
  484. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement