Advertisement
pteroisradiata

U.R.A.Q.T.

Sep 29th, 2015
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6.  
  7. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  8.  
  9. <script>
  10.  
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:90,
  20.  
  21. tip_fade_speed:600,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30.  
  31. </script>
  32.  
  33. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  34.  
  35. <link href="css/hover.css" rel="stylesheet" media="all">
  36.  
  37. <link href='https://fonts.googleapis.com/css?family=Slackey' rel='stylesheet' type='text/css'>
  38. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  39. <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
  40.  
  41. <title>{Title} {PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{image:Favicon}" />
  42.  
  43. <meta name="color:Background" content="#ffb907" />
  44. <meta name="color:Top Background" content="#df1468" />
  45. <meta name="color:Sidebar Background" content="#ffb907" />
  46. <meta name="color:Post Background" content="#ffb907" />
  47. <meta name="color:Text" content="#FFFFFF" />
  48. <meta name="color:Side Border" content="#df1468" />
  49. <meta name="color:Post Border" content="#df1468" />
  50. <meta name="color:Title" content="#FFFFFF" />
  51. <meta name="color:main links" content="#000000" />
  52. <meta name="color:main links hover" content="#df1468" />
  53. <meta name="color:Link" content="#df1468" />
  54. <meta name="color:Link Hover" content="#000000" />
  55. <meta name="color:scroll" content="#df1468">
  56. <meta name="color:scroll bg" content="#FFFFFF">
  57. <meta name="color:Blockquote" content="#FFFFFF">
  58.  
  59. <meta name="image:Background" content="https://33.media.tumblr.com/037e4bfc67b186d4f751ca69692f7c27/tumblr_inline_nvf5jpatdA1secggb_500.gif" />
  60. <meta name="image:Sidebar Background" content="" />
  61. <meta name="image:Favicon" content="https://38.media.tumblr.com/0622b81b7d90be5405c49433804e3702/tumblr_inline_nvf5j9Kxnx1secggb_500.gif" />
  62. <meta name="image:Cursor" content="https://41.media.tumblr.com/763fbda5665f9f164b226b8712a382b2/tumblr_inline_nvf5iubn801secggb_540.png" />
  63. <meta name="image:Side Image" content="https://40.media.tumblr.com/c3d6d3a138190b0e9a4f91dc142048e2/tumblr_inline_nvf5jue3ov1secggb_540.jpg" />
  64.  
  65. <meta name="text:Font Size" content="13" />
  66. <meta name="text:Link1" content="Link1" />
  67. <meta name="text:Url1" content="" />
  68. <meta name="text:Link2" content="Link2" />
  69. <meta name="text:Url2" content="" />
  70. <meta name="text:Link3" content="Link3" />
  71. <meta name="text:Url3" content="" />
  72. <meta name="text:Link4" content="Link4" />
  73. <meta name="text:Url4" content="" />
  74. <meta name="text:Link5" content="Link5" />
  75. <meta name="text:Url5" content="" />
  76. <meta name="text:Link6" content="Link6" />
  77. <meta name="text:Url6" content="" />
  78.  
  79. <meta name="if:Link1" content="1" />
  80. <meta name="if:Link2" content="1" />
  81. <meta name="if:Link3" content="1" />
  82. <meta name="if:Link4" content="1" />
  83. <meta name="if:Link5" content="1" />
  84. <meta name="if:Link6" content="1" />
  85.  
  86. <style type=text/css>body, a, a:hover {cursor: url('{image:Cursor}'), progress;}</style>
  87.  
  88. <style>
  89. .tooltip{
  90. display: inline;
  91. position: relative;
  92. }
  93. #s-m-t-tooltip {
  94. max-width:300px; /*how big the tooltip can be at most*/
  95. border-radius: 0px; /*change your border radius*/
  96. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  97. margin:20px 7px -2px 20px; /*distance from word*/
  98. background-color:#ffffff; /*background color*/
  99. border:1px solid #E0E0E0; /*border info*/
  100. font-family: 'Montserrat', sans-serif;
  101. font-size:10px; /*tooltip font size*/
  102. letter-spacing:2px; /*tooltip letter spacing*/
  103. text-transform:uppercase; /*makes the tooltip title uppercase*/
  104. color:#000; /*tooltip font color*/
  105. z-index:999999999999999999999999999999999999;
  106. }
  107. </style>
  108.  
  109. <style type="text/css">
  110.  
  111. ::-webkit-scrollbar {width: 6px; height: 5px; background: {color:scroll bg};}
  112. ::-webkit-scrollbar-thumb { background-color: {color:scroll}; -webkit-border-radius: 1ex; }
  113.  
  114. body {
  115. background:{color:Background};
  116. background-image:url("{image:Background}");
  117. background-position:fixed;
  118. color:{color:Text};
  119. font-size:{Font Size};
  120. word-wrap: break-word;
  121. font-family: 'Montserrat', sans-serif;
  122. }
  123.  
  124. a:link, a:active, a:visited {
  125. text-decoration: none;
  126. color: {color:Link};
  127. -webkit-transition: all 0.4s ease;
  128. transition: all 0.4s ease;
  129. -moz-transition: all 0.4s ease;
  130. -o-transition: all 0.4s ease;}
  131.  
  132. a:hover { color: {color:Link Hover};}
  133.  
  134.  
  135. a.class2, a.class2:link, a.class2:active, a.class2:visited {
  136. color: {color:main links};
  137. -webkit-transition: all 0.4s ease;
  138. transition: all 0.4s ease;
  139. -moz-transition: all 0.4s ease;
  140. -o-transition: all 0.4s ease;}
  141.  
  142. a.class2:hover { color: {color:main links hover};}
  143.  
  144.  
  145. #title {
  146. margin-top:-20px;
  147. margin-left:-10px;
  148. width:1600px;
  149. height:40px;
  150. padding:20px;
  151. position:fixed;
  152. text-align: left;
  153. background:{color:Top Background};
  154. z-index:9999;
  155. color:{color:Title};
  156. font-size:40px;
  157. font-family: 'Slackey', cursive;
  158. }
  159.  
  160. #sidebar {
  161. width:260px;
  162. height:700px;
  163. margin-left:-10px;
  164. margin-top: 50px;
  165. border-right: 5px {color:Side Border} double;
  166. position:fixed;
  167. background:{color:Sidebar Background};
  168. background-image:url('{image:Sidebar Background}');
  169. }
  170.  
  171. .sideimg {
  172. width:200px;
  173. height:200px;
  174. border:2px white inset;
  175. margin-left:30px;
  176. margin-top:50px;
  177. position:fixed;
  178. }
  179.  
  180. .description {
  181. width: 230px;
  182. max-height:100px;
  183. overflow-y:scroll;
  184. margin-left:15px;
  185. margin-top:290px;
  186. text-align:center;
  187. position:fixed;
  188. }
  189.  
  190. .main {
  191. width:230px;
  192. margin-left:15px;
  193. margin-top:260px;
  194. position:fixed;
  195. text-align:center;
  196. word-spacing:20px;
  197. }
  198.  
  199. .pagination {
  200. width: 150px;
  201. margin-left: 60px;
  202. margin-top: 30px;
  203. text-align: center;
  204. font-family: 'Montserrat', sans-serif;
  205. padding: 3px 0;
  206. position:fixed;
  207. }
  208.  
  209. .pagination a {
  210. color: {color:Link};
  211. text-decoration: none;
  212. }
  213.  
  214. .pagination a:hover {
  215. color: {color:Link Hover};
  216. }
  217.  
  218. .cuslinks {
  219. width:230px;
  220. margin-top:410px;
  221. margin-left:15px;
  222. position:fixed;
  223. border:1px {color:Side Border} solid;
  224. color: {color:Link};
  225. text-align:center;
  226. }
  227.  
  228.  
  229. #content {
  230. width: 580px;
  231. margin: 20px 0px 90px 550px;
  232. padding: 20px 0px;
  233. color: {color:Text};
  234.  
  235. }
  236.  
  237. #content blockquote {
  238. border-left: solid 2px {color:Blockquote};
  239. margin: 0;
  240. padding-left: 10px;
  241. }
  242.  
  243. img {
  244. border: 0;
  245. max-width: 100%;
  246. }
  247.  
  248. #content #posts {
  249. width: 500px;
  250. margin: 100px auto 50px;
  251. padding:20px;
  252. border:3px solid {color:Post Border};
  253. background:{color:Post Background};
  254.  
  255. }
  256.  
  257. #content #posts .title {
  258. font-size: 22px;
  259. }
  260.  
  261. #content #posts .text {
  262. font-family: 'Montserrat', sans-serif;
  263. font-size:{Font Size};
  264. }
  265.  
  266. #content #posts .askimg {
  267. margin-top:-10px;
  268. margin-left:-10px;
  269. height:30px;
  270. width:30px;
  271. border-radius:15px;
  272. -webkit-border-radius:15px;
  273. -moz-border-radius:15px;
  274. }
  275.  
  276. #content #posts #permalink {
  277. font-size:15px;
  278. margin-top:10px;
  279. text-align:center;
  280. font-family: 'Architects Daughter', cursive;
  281. border-top:2px {color:Post Border} solid;
  282. }
  283.  
  284. #content #posts #tags {
  285. font-size:15px;
  286. text-align:center;
  287. font-family: 'Architects Daughter', cursive;
  288. }
  289.  
  290. .playerbuttonbg {
  291. position: absolute;
  292. left: 20px;
  293. top: 20px;
  294. width: 19px;
  295. height: 19px;
  296. background-color: #ffffff;
  297. padding: 10px;
  298. -webkit-border-radius: 40px;
  299. -moz-border-radius: 40px;
  300. border-radius: 40px;
  301. opacity: .4;
  302. filter: alpha(opacity=40);
  303. -moz-opacity: 0.4;
  304. -khtml-opacity: 0.4;
  305. transition: opacity .7s ease-in-out;
  306. -moz-transition: opacity .7s ease-in-out;
  307. -webkit-transition: opacity .7s ease-in-out;
  308. }
  309.  
  310. .playerbuttonbg:hover {
  311. opacity: 1;
  312. filter: alpha(opacity=100);
  313. -moz-opacity: 1;
  314. -khtml-opacity: 1;
  315. }
  316.  
  317. .newplayerbutton {
  318. position: relative;
  319. width: 19px;
  320. height: 19px;
  321. overflow: hidden;
  322. }
  323.  
  324. .playerbuttonhug {
  325. position: absolute;
  326. top: -18px;
  327. left: -7px;
  328. }
  329.  
  330. .tumblr_audio_player {
  331. height: 90px;
  332. width: 470px;
  333. -moz-transform: scale(0.60, 0.60);
  334. -webkit-transform: scale(0.60, 0.60);
  335. -o-transform: scale(0.60, 0.60);
  336. -ms-transform: scale(0.60, 0.60);
  337. transform: scale(0.60, 0.60);
  338. -moz-transform-origin: top left;
  339. -webkit-transform-origin: top left;
  340. -o-transform-origin: top left;
  341. -ms-transform-origin: top left;
  342. transform-origin: top left;
  343. }
  344.  
  345. .trackdetails {
  346. width: auto;
  347. border: 1px solid black;
  348. display:inline-block;
  349. margin-left: 90px;
  350. min-height: 85px;
  351. }
  352.  
  353. .audiowrapper {
  354. position: relative;
  355. display:inline-block;
  356. }
  357.  
  358. #customlinks {
  359. position:fixed;
  360. margin-left:1200px;
  361. margin-top:350px;
  362. z-index:99999;
  363. font-family: 'Audiowide', cursive;
  364. font-size:14px;
  365. text-transform:uppercase;
  366.  
  367.  
  368. }
  369.  
  370. </style>
  371.  
  372. </head>
  373. <body>
  374.  
  375. <div id="title">{Title}</div>
  376.  
  377. <div id="sidebar">
  378.  
  379. <div class="sideimg"><img src="{image:Side Image}" /></div>
  380.  
  381. <div class="description">{Description}</div>
  382.  
  383. <div class="main"><a href="/" title="home" class="class2"><i class="fa fa-home"></i></a>
  384. <a href="/ask" title="ask" class="class2"><i class="fa fa-envelope"></i></a>
  385. <a href="/submit" title="submit" class="class2"><i class="fa fa-inbox"></i></a> <a href="" title="credit" class="class2"><i class="fa fa-star"></i></a>
  386. </div>
  387.  
  388. <div class="pagination">
  389. {block:PreviousPage}
  390. <a href="{PreviousPage}">Previous</a>
  391. {/block:PreviousPage}
  392.  
  393. {block:JumpPagination length="5"}
  394. {block:CurrentPage}
  395. <span class="current_page">{PageNumber}</span>
  396. {/block:CurrentPage}
  397.  
  398. {block:JumpPage}
  399. <a class="jump_page" href="{URL}">{PageNumber}</a>
  400. {/block:JumpPage}
  401. {/block:JumpPagination}
  402.  
  403. {block:NextPage}
  404. <a href="{NextPage}">Next</a>
  405. {/block:NextPage}
  406. </div>
  407.  
  408. <div class="cuslinks">
  409. {block:ifLink1}<a href="{text:Url1}">{text:Link1}</a>{/block:ifLink1}</p>
  410. {block:ifLink2}<a href="{text:Url2}">{text:Link2}</a>{/block:ifLink2}</p>
  411. {block:ifLink3}<a href="{text:Url3}">{text:Link3}</a>{/block:ifLink3}</p>
  412. {block:ifLink4}<a href="{text:Url4}">{text:Link4}</a>{/block:ifLink4}</p>
  413. {block:ifLink5}<a href="{text:Url5}">{text:Link5}</a>{/block:ifLink5}
  414. </div>
  415.  
  416. </div>
  417.  
  418. <div id="content">
  419. {block:Posts}
  420. <div id="posts">
  421.  
  422. {block:Photo}
  423. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  424. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  425. {/block:Photo}
  426.  
  427. {block:Photoset}
  428. {Photoset-500}
  429. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  430. {/block:Photoset}
  431.  
  432. {block:Video}
  433. {Video-500}
  434. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  435. {/block:Video}
  436.  
  437. {block:Audio}
  438. {AudioPlayerBlack}
  439. <div class="text">~ {PlayCountWithLabel}</div>
  440. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  441. {/block:Audio}
  442.  
  443. {block:Quote}
  444. <div class="title">“{Quote}”</div>
  445. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  446. {/block:Quote}
  447.  
  448. {block:Text}
  449. {block:Title}<div class="title">{Title}</div>{/block:Title}
  450. <div class="text">{Body}</div>
  451. {/block:Text}
  452.  
  453. {block:Answer}
  454. <div class="askimg"><img src="{AskerPortraitURL-64}" /></div>
  455. <div class="title"><center>{Question}</center></div>
  456. <div class="text"><center>~ {Asker}</center></div>
  457. <div class="text">{Answer}</div>
  458. {/block:Answer}
  459.  
  460. {block:Chat}
  461. {block:Title}<div class="title">{Title}</div>{/block:Title}
  462. <div class="text">
  463. {block:Lines}
  464. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  465. {/block:Lines}
  466. </div> <!--text-->
  467. {/block:Chat}
  468.  
  469. {block:Link}
  470. <div class="title"><a href="{URL}">{Name}</a></div>
  471. {block:Description}
  472. <div class="text">{Description}</div>
  473. {/block:Description}
  474. {/block:Link}
  475.  
  476. <div id="permalink"><p></p>
  477. <a href="{Permalink}"><i class="fa fa-plus-square-o"></i></a>
  478. {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}{/block:Date}
  479. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  480. <a href="{ReblogURL}" target="_blank" class="details" title="reblog?"><i class="fa fa-refresh"></i></a>
  481. </div>
  482. <div id="tags">
  483. {block:HasTags}<div id="tags">
  484. {block:Tags}
  485. <center><a href="{TagURL}"><i class="fa fa-thumb-tack"></i> {Tag} </a></center>
  486. {/block:Tags}
  487. </div>
  488. {/block:HasTags}
  489. </div>
  490.  
  491. </div> <!--posts-->
  492. {/block:Posts}
  493. </div> <!--content-->
  494.  
  495.  
  496. </body>
  497.  
  498. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement