API tools faq
paste
Advertisement
tsiappoworks

Devon Heir

tsiappoworks
Oct 3rd, 2017
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  4.  
  5. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  6. <link rel="shortcut icon" href="" />
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}" />
  9.  
  10. <meta name="color:background" content="#797d87">
  11. <meta name="color:Accent" content="#9fadba" />
  12. <meta name="color:Accent2" content="#607894" />
  13. <meta name="color:Accent3" content="#a8bedf" />
  14. <meta name="color:body font" content="#707689" />
  15.  
  16. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  17.  
  18. <style type="text/css">
  19. /*---------------------BODY--------------------*/
  20. ::-webkit-scrollbar-thumb{
  21. background-color:{color:accent2};
  22. height:auto;
  23. }
  24.  
  25. ::-webkit-scrollbar {
  26. background-color:transparent;
  27. height:auto;
  28. width:4px;
  29. }
  30.  
  31. ::-webkit-scrollbar:horizontal {
  32. background-color:transparent;
  33. height:4px;
  34. width:auto;}
  35.  
  36.  
  37. hr {
  38. border: 0;
  39. height: 1.5px;
  40. background-image: linear-gradient(to right, rgba(185, 210, 220, 0), rgba(48, 101, 120, 0.75), rgba(185, 210, 220, 0));
  41. }
  42.  
  43. h1 {
  44. font-weight:normal;
  45. font-size:22px;
  46. text-align:center;
  47. font-style:normal;
  48. line-height:100%;
  49. letter-spacing:1px;
  50. text-transform:normal;
  51. color:{color:accent2};
  52. font-family: 'Oswald', sans-serif;
  53. }
  54.  
  55. h2 {
  56. font-size:26px;
  57. text-align:center;
  58. line-height:100%;
  59. letter-spacing:-0.5px;
  60. color:{color:accent2};
  61. font-weight:bold;
  62. padding:5px;
  63. font-family: 'Oswald', sans-serif;
  64. }
  65.  
  66. body {
  67. margin: 0;
  68. color:{font:body font};
  69. background: url('http://static.tumblr.com/dl4aazm/MBzox9sy7/devonheir.png') no-repeat top left fixed;
  70. background-color:{color:background};
  71. font-size:12px;
  72. line-height:120%;
  73. word-wrap: break-word;
  74. font-family:Calibri, helvetica, arial, sans-serif;
  75. }
  76.  
  77. pre {
  78. white-space: pre-wrap;
  79. white-space: -moz-pre-wrap;
  80. white-space: -pre-wrap;
  81. white-space: -o-pre-wrap;
  82. word-wrap: break-word;
  83. }
  84.  
  85. small {
  86. font-size:12px;
  87. font-family: calibri,helvetica,arial,sans-serif;
  88. }
  89.  
  90. sub,sup {
  91. font-size:11px;
  92. font-family: calibri,helvetica,arial,sans-serif;
  93. }
  94.  
  95. b,strong {
  96. color:{color:accent2};
  97. font-size:15px;
  98. font-family: 'Oswald', sans-serif;
  99. }
  100.  
  101. em,i {
  102. color:{color:accent2};
  103. font-family: 'Oswald', sans-serif;
  104. }
  105.  
  106. s,strike {
  107. color:{color:accent2};
  108. }
  109.  
  110. u,underline {
  111. color:{color:accent2};
  112. }
  113.  
  114. a {
  115. text-decoration:none;
  116. outline:none;
  117. -moz-outline-style:none;
  118. color:{color:accent2};
  119. -moz-transition-duration:0.5s;
  120. -webkit-transition-duration:0.5s;
  121. -o-transition-duration:0.5s;
  122. }
  123.  
  124. a:hover {
  125. outline:none;
  126. -moz-outline-style:none;
  127. color:#FFFFFF;
  128. }
  129.  
  130. img{border:0; max-width:100%;max-height:auto;}
  131.  
  132. .fancytitle {
  133. font-size:11px;
  134. font-family: 'Oswald', sans-serif;
  135. padding:2px 4px;
  136. border:2px solid {color:page bg};
  137. text-align:center;
  138. margin-bottom:5px;
  139. background-image:url('http://static.tumblr.com/dl4aazm/3Qnoulg2g/selectiongang.png');
  140. background-repeat:no-repeat;
  141. background-position: top center;
  142. color:#f9fcfc;
  143. }
  144.  
  145.  
  146. /*------------------- MAIN CONTENT STUFF ------------------*/
  147.  
  148. #title{font-size:20px;line-height:25px;}
  149.  
  150. #content {
  151. position:absolute;
  152. margin-top:20px;
  153. left:680px;
  154. z-index:990;
  155. width:550px;
  156. padding:0px;
  157. overflow-y:auto;
  158. color:{color:Body Font};
  159. padding:10px 0px;
  160. }
  161.  
  162. blockquote {
  163. padding:2px 5px 2px 10px;
  164. margin:5px;
  165. border-left:1px dotted {color:body font};
  166. }
  167.  
  168. blockquote img {
  169. max-width:100%;}
  170.  
  171. img{
  172. border:0px;
  173. max-width:100%;
  174. }
  175.  
  176. /*----------------------------- POSTS ------------------------*/
  177. #content #posts {
  178. width:500px;
  179. background-color:#fff;
  180. margin:0px auto 25px;
  181. padding: 10px 10px 6px;
  182. border: 4px solid {color:background};
  183. outline:1px solid white;
  184. }
  185.  
  186. #content #posts .title {
  187. font-size:22px;
  188. line-height:25px;
  189. font-family: 'Oswald', sans-serif;
  190. letter-spacing:1px;
  191. }
  192.  
  193. #content #posts .text {
  194. font-family: Calibri, helvetica, arial, sans-serif;
  195. font-size:12px;
  196. font-weight:300;
  197. line-height:140%;
  198. }
  199.  
  200. .text ul li{
  201. list-style-type:circle;
  202. }
  203.  
  204. .asker{
  205. position:relative;
  206. float:right;
  207. margin-top:-6px;
  208. padding:2px 3px;
  209. text-transform:uppercase;
  210. }
  211.  
  212. .asker a{
  213. width:100%;
  214. -moz-border-radius: 15px;
  215. -webkit-border-radius: 15px;
  216. background-color:{color:body font};
  217. color:white;
  218. text-align:center;
  219. font-size:14px;
  220. }
  221.  
  222. /*-------------AUDIO POSTS------------*/
  223.  
  224. #audioplayer {
  225. width:30px;
  226. height:30px;
  227. overflow:hidden;
  228. position:absolute;
  229. margin-left:40px;
  230. margin-top:45px;
  231. margin-bottom:45px;
  232. opacity: 0.8;
  233. filter:alpha(opacity=80);
  234. -moz-opacity: 0.8;
  235. -khtml-opacity: 0.8;
  236. }
  237.  
  238. #albumart { float:left; margin:0px 7px;}
  239.  
  240. /*--------------------PERMALINK AND OTHER DETAILS---------------------*/
  241. #details {
  242. font-family: Calibri, helvetica, arial, sans-serif;
  243. text-align:center;
  244. width:500px;
  245. text-transform:uppercase;
  246. font-size:10px;
  247. font-style:none;
  248. margin-left:auto;
  249. margin-right:auto;
  250. background-color:#fff;
  251. color:{color:accent2};
  252. padding:2px 2px;
  253. }
  254.  
  255. #details a{
  256. text-decoration:none;
  257. color:{color:accent};
  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. -transition: all 0.3s ease-in-out;
  262. }
  263.  
  264. #details a:hover{color: {color:accent3};}
  265.  
  266. #notes {
  267. font-family: Calibri, helvetica, arial, sans-serif;
  268. font-size:11px;
  269. color:{color:body font};
  270. }
  271.  
  272. #notes a{
  273. text-decoration:none;
  274. color:{color:accent3};
  275. }
  276.  
  277. /*------------------------CUSTOM TOOLTIP--------------------------*/
  278. div#qTip {
  279. background-image:url('http://static.tumblr.com/dl4aazm/3Qnoulg2g/selectiongang.png');
  280. border:1px solid white;
  281. padding: 5px;
  282. display: none;
  283. text-align: center;
  284. position: absolute;
  285. font-size:13px;
  286. line-height:10px;
  287. z-index: 9999999;
  288. color:#fff;
  289. letter-spacing: 1px;
  290. font-family: 'Oswald', sans-serif;
  291. }
  292.  
  293. /*--------------------CREDITS-----------------------*/
  294. #cred
  295. {
  296. position:fixed;
  297. z-index:99;
  298. width: 80px;
  299. height: 18px;
  300. font-family: Arial;
  301. font-size: 7px;
  302. text-transform: uppercase;
  303. text-align: center;
  304. bottom: 15px;
  305. left: 10px;
  306. display: block;
  307. color:{color:body font};
  308. background: {color:background};
  309. position: fixed;
  310. }
  311.  
  312. #cred a
  313. {
  314. font-weight: bold;
  315. line-height: 17px;
  316. font-size: 12px;
  317. font-family: 'Oswald', sans-serif;
  318. text-transform: uppercase;
  319. color:{color:body font};
  320. background-color:rgba(255,255,255,0.5);
  321. padding:2px 2px 2px 3px;
  322. letter-spacing: 3px;
  323. margin-left:5px;
  324. }
  325.  
  326. /*-----------------NAVIGATION---------------*/
  327. #nav{
  328. position:fixed;
  329. display:inline-block;
  330. margin-left:220px;
  331. margin-top:187px;
  332. }
  333.  
  334. #nav a{
  335. padding:2px 9px;
  336. }
  337.  
  338. #nav img{
  339. transition: all 1s ease-in-out 0s;
  340. }
  341.  
  342. #nav img:hover{
  343. transform: rotate(360deg);
  344. transition: all 1s ease-in-out 0s;
  345. }
  346.  
  347. /* ---------------------------- UPDATES ------------------------------*/
  348.  
  349. #updates {
  350. font-size:10px;
  351. font-family:century gothic, arial;
  352. text-align:center;
  353. z-index:10;
  354. position:fixed;
  355. overflow-x:hidden;
  356. overflow-y:auto;
  357. text-shadow:1px 1px 0px {color:background}, 1px -1px 0px {color:background}, -1px 1px 0px {color:background}, -1px -1px 0px {color:background};
  358. line-height:150%;
  359. top:408px;
  360. margin-left:132px;
  361. z-index:999;
  362. -ms-transform: rotate(-25deg); /* IE 9 */
  363. -webkit-transform: rotate(-25deg); /* Safari */
  364. transform: rotate(-25deg);
  365. }
  366.  
  367. #updates a{
  368. color:#fff;
  369. }
  370.  
  371. #updates a:hover{
  372. color:{color:accent};
  373. }
  374.  
  375.  
  376.  
  377. {CustomCSS}</style>
  378. </head>
  379. <body>
  380.  
  381. <!------------------------- NAVIGATION -------------------------->
  382. <div id="nav">
  383.  
  384. <a href="/" title="refresh"><img src="http://static.tumblr.com/dl4aazm/annox9t5l/honor_ball_cropped.png" style="width:40px;"></a>
  385.  
  386. <a href="/ask" title="message"><img src="http://static.tumblr.com/dl4aazm/annox9t5l/honor_ball_cropped.png" style="width:40px;"></a>
  387.  
  388. <a href="/elite-words" title="abide"><img src="http://static.tumblr.com/dl4aazm/annox9t5l/honor_ball_cropped.png" style="width:40px;"></a>
  389.  
  390. <a href="/wip." title="dossier"><img src="http://static.tumblr.com/dl4aazm/annox9t5l/honor_ball_cropped.png" style="width:40px;"></a>
  391.  
  392. <a href="/wip." title="team"><img src="http://static.tumblr.com/dl4aazm/annox9t5l/honor_ball_cropped.png" style="width:40px;"></a>
  393.  
  394. <a href="/wip."title="storage"><img src="http://static.tumblr.com/dl4aazm/annox9t5l/honor_ball_cropped.png" style="width:40px;"></a>
  395.  
  396. <a href="https://www.rpthreadtracker.com/public/allthreads?userId=36411&currentBlog=&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=" title="threads"><img src="http://static.tumblr.com/dl4aazm/annox9t5l/honor_ball_cropped.png" style="width:40px;"></a>
  397.  
  398. </div>
  399.  
  400. <!-- begin updates tab -->
  401.  
  402. <div id="updates">
  403. <!------------------------ NAV END ------------------------------>
  404. {block:Pagination}
  405. {block:PreviousPage}
  406. <a href="{PreviousPage}" style="font-size:10px;letter-spacing:6.5px;">NEW</a>
  407. <hr>
  408. {/block:PreviousPage}
  409. {block:NextPage}
  410. <a href="{NextPage}" style="font-size:10px;letter-spacing:6px;">OLD</a>
  411. {/block:NextPage}
  412. </p>{/block:Pagination}
  413.  
  414. </div></div>
  415.  
  416. <!-- end updates tab -->
  417. <!---------------------- MAIN CONTENT ----------------------->
  418.  
  419. <div id="content">
  420. {block:Posts}
  421. <div id="posts">
  422. <!------------------------ PHOTOS --------------------------->
  423.  
  424. {block:Photo}
  425. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  426. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  427. {/block:Photo}
  428.  
  429. <!------------------------ PHOTOSET -------------------------->
  430.  
  431. {block:Photoset}
  432. {Photoset-500}
  433. {block:Caption}<div class="text">{Caption}</div>{block:Caption}
  434. {/block:Photoset}
  435.  
  436. <!--------------------------- VIDEO ------------------------------>
  437.  
  438. {block:Video}
  439. {Video-500}
  440. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  441. {/block:Video}
  442.  
  443. <!-------------------------- AUDIO ------------------------------>
  444.  
  445. {block:Audio}
  446. <div id="audioplayer">{AudioPlayerWhite}</div>
  447. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  448. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  449. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  450. {block:Album}Album: {Album}{/block:Album}<br/>
  451. {PlayCountWithLabel}
  452. {block:Caption}<br/><br/><br/><div class="text">{Caption}</div>{/block:Caption}
  453. {/block:Audio}
  454.  
  455. <!-------------------------- QUOTE ------------------------------>
  456.  
  457. {block:Quote}
  458. <div class="title" style="width:400px; margin-left:auto; margin-right:auto; line-height:20px;">“{Quote}”</div>
  459. {block:Source}<br><div class="text" style="text-align:right;">— {Source}</div>{/block:Source}
  460. {/block:Quote}
  461.  
  462. <!---------------------------- TEXT ------------------------------>
  463.  
  464. {block:Text}
  465. {block:Title}<div class="title">{Title}</div>{/block:Title}
  466. <div class="text">{Body}</div>
  467. {/block:Text}
  468.  
  469. <!--------------------------- ANSWER ------------------------------>
  470.  
  471. {block:Answer}
  472.  
  473. <div class="title" style="font-size:12px; background-color:{color:background}; padding:3px 5px;padding:5px 10px;border-top:2px solid {color:body font};-moz-border-radius: 15px;-webkit-border-radius: 15px;border-bottom:2px solid {color:body font};">{Question}</div><div class="asker">{Asker}</div><br><br>
  474.  
  475. <div class="text">{Answer}</div>
  476. {/block:Answer}
  477.  
  478. <!------------------------- CHAT ------------------------------>
  479.  
  480. {block:Chat}
  481. {block:Title}<div class="title">{Title}</div>{/block:Title}
  482. <div class="text">{block:Lines}
  483. {block:Label}<strong>{Label}</strong>{/block:Label}
  484. {Line}<br>
  485. {/block:Lines}</div>
  486. {/block:Chat}
  487.  
  488. <!-------------------------- LINK --------------------------->
  489.  
  490. {block:Link}
  491. <div class="title"><a href="{URL}">{Name}</a></div>
  492. {block:Description}<div class="text">{Description}</div>{/block:Description}
  493. {/block:Link}
  494.  
  495.  
  496. <div id="details" style="border-top:1px solid {color:accent2};">
  497. <a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth} {Year}</a> | <a href="{Permalink}">{NoteCount}</a> {block:RebloggedFrom} | <a href="{ReblogParentURL}" target="_blank">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank" class="details">↺</a>
  498. {block:HasTags}<div id="tags" style="border-top:1px solid {color:background};width:406px;margin-left:auto;margin-right:auto;text-transform:none;">filed under:{block:Tags}&nbsp;&nbsp;#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div></div>
  499.  
  500. {/block:Posts}
  501. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  502.  
  503. </div>
  504. <!-------------------------- ENDS --------------------------->
  505. </div>
  506.  
  507. </div></div>
  508.  
  509. </body>
  510.  
  511. <div id="cred"><a href="http://seacrowned.tumblr.com">CHEDIT</a></div>
  512. </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!