API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 28th, 2017
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
raw download clone embed print report
  1. <meta name="color:background" content="#fff"/>
  2. <meta name="color:postbg" content="#fbd3ad"/>
  3. <meta name="color:navtext" content="#be2775"/>
  4. <meta name="color:navhover" content="#f35c5c"/>
  5. <meta name="color:navbg" content="#fec2af"/>
  6. <meta name="color:navborder" content="#f56991"/>
  7. <meta name="color:text" content="#c94a21"/>
  8. <meta name="color:title" content="#ff9f80"/>
  9. <meta name="color:description" content="#414141"/>
  10. <meta name="color:link" content="#f84a84"/>
  11. <meta name="color:linkhover" content="#f2992e"/>
  12. <meta name="color:border" content="#ea8767"/>
  13. <meta name="color:bold" content="#a85940" />
  14. <meta name="color:italic" content="#f0744c" />
  15. <meta name="color:blockquote" content="#fff4d3" />
  16. <meta name="color:pre" content="#ffe3e3" />
  17. <meta name="color:line" content="#c6216c" />
  18. <meta name="color:pretext" content="#f058a6" />
  19. <meta name="color:tags" content="#a323aa" />
  20. <meta name="color:tagshover" content="#810558" />
  21. <meta name="color:pagination" content="#c63b3b" />
  22. <meta name="color:permalinks" content="#c63b3b" />
  23.  
  24.  
  25.  
  26. <html>
  27. <head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34. </head>
  35.  
  36. <style type="text/css">
  37.  
  38. body {
  39. background-image:url("http://i65.tinypic.com/5nvh2r.png");
  40. background-repeat:no-repeat;
  41. background-position: top left;
  42. background-attachment: fixed;
  43. font-family:'Gibson', sans-serif;
  44. font-size: 11px;
  45. color:{color:text};
  46. }
  47.  
  48. a {
  49. text-decoration:none;
  50. color:{color:link};
  51. -webkit-transition: all 0.7s ease;
  52. -moz-transition: all 0.7s ease;
  53. -o-transition: all 0.7s ease;
  54. }
  55.  
  56. a:hover {
  57. color:{color:linkhover};
  58. }
  59.  
  60. b, strong {
  61. color:{color:bold};
  62. text-transform:uppercase;
  63. }
  64.  
  65. i, em {
  66. color:{color:italic};
  67. font-family:'Bookman', serif;
  68. }
  69.  
  70. blockquote {
  71. padding:2px 7px;
  72. margin:3px 0 3px 8px;
  73. border-left:3px solid {color:line};
  74. background-color:{color:blockquote};
  75. }
  76.  
  77. blockquote img {
  78. max-width:100%;
  79. height:auto;
  80. }
  81.  
  82. img {
  83. max-width: 100%;
  84. }
  85.  
  86. h1 {
  87. font-size:30px;
  88. line-height:30px;
  89. text-align:right;
  90. padding:10px;
  91. color:{color:title};
  92. }
  93.  
  94.  
  95. #container {
  96. position:absolute;
  97. left:600px;
  98. top:-5px;
  99. border-style:double;
  100. border-color:{color:border};
  101. border-width:0px 5px 0px 5px ;
  102. background-color:{color:postbg};
  103. -webkit-mask-image: -webkit-gradient(linear, left 99%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  104.  
  105. }
  106.  
  107. .posts {
  108. width:500px;
  109. padding:10px;
  110. margin-bottom:30px;
  111. }
  112.  
  113. .permalinks {
  114. margin-top:10px;
  115. background-color:{color:permalinks};
  116. padding:5px;
  117. height:auto;
  118. border-radius: 25px;
  119. }
  120.  
  121. .permalinks a {
  122. text-decoration:none;
  123. font-size: 9px;
  124. color:{color:link};
  125. }
  126.  
  127. .permalinks a:hover {
  128. color:{color:linkhover};
  129. }
  130.  
  131. .date {
  132. float:left;
  133. }
  134.  
  135. .notes{
  136. float:left;
  137. margin-left:165px;
  138. }
  139.  
  140. .reblogs {
  141. float:right;
  142. }
  143.  
  144. .tags {
  145. text-align:center;
  146. }
  147.  
  148. .tags a {
  149. text-decoration:none;
  150. font-size: 8px;
  151. text-transform:uppercase;
  152. color:{color:tags};
  153. }
  154.  
  155. .tags a:hover {
  156. color:{color:tagshover}
  157. font-size:12px;
  158. text-shadow: 0px 0px 10px {color:line};
  159. }
  160.  
  161. #sidebar {
  162. position:fixed;
  163. left:10px;
  164. top:240px;
  165. height:500px;
  166. width:500px;
  167.  
  168. }
  169.  
  170. #description {
  171. font-size:14px;
  172. color:{color:description};
  173. position: fixed;
  174. top:500px;
  175. left: 25px;
  176. padding:20px;
  177. width: 400px;
  178. }
  179.  
  180.  
  181. #sidebar:hover #links {
  182. display:inline-block;
  183. width:auto;
  184. height:500px;
  185. opacity:1;
  186. padding:10px;
  187. font-size:12px;
  188. -moz-transition-duration:1s;
  189. -webkit-transition-duration:1s;
  190. -o-transition-duration:1s;
  191. }
  192.  
  193. #links {
  194. opacity:0;
  195. padding:15px;
  196. font-size:12px;
  197. text-indent: 5px;
  198. -moz-transition-duration:1s;
  199. -webkit-transition-duration:1s;
  200. -o-transition-duration:1s;
  201. }
  202. #links a {
  203. display:inline-block;
  204. font-size:12px;
  205. color:{color:navtext};
  206. padding-right:10px;
  207. -webkit-transition: all 0.7s ease;
  208. -moz-transition: all 0.7s ease;
  209. -o-transition: all 0.7s ease;
  210. }
  211.  
  212. #links a:hover {
  213. color:{color:navhover};
  214. font-size:14px;
  215. text-shadow: 0px 0px 10px {color:line};
  216. }
  217.  
  218. #links span{
  219. display:inline-block;
  220. font-size:12px;
  221. border: 2px dotted {color:navborder};
  222. border-radius: 15px;
  223. background-color:{color:navbg};
  224. margin-left:10px;
  225. padding:5px;
  226. }
  227.  
  228. #pagination {
  229. position:fixed;
  230. bottom:30px;
  231. left:1250px;
  232. }
  233.  
  234. #pagination a {
  235. color:{color:pagination};
  236. font-size:20px;
  237. -webkit-transition: all 0.7s ease;
  238. -moz-transition: all 0.7s ease;
  239. -o-transition: all 0.7s ease;
  240. }
  241.  
  242. #pagination a:hover {
  243. color:#ffffff;
  244. }
  245.  
  246. pre {
  247. color:{color:pretext};
  248. background-color:{color:pre};
  249. border-radius: 25px;
  250. font-size:10px;
  251. padding:20px;
  252. white-space: pre-wrap; /* css-3 */
  253. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  254. white-space: -pre-wrap; /* Opera 4-6 */
  255. white-space: -o-pre-wrap; /* Opera 7 */
  256. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  257.  
  258. #asker {
  259. z-index:9999999999 !important;
  260. margin-left:20px;
  261. margin-top:-2px;
  262. margin-right:10px;
  263. border-radius: 5px;
  264. }
  265. .img-circle {
  266. border-radius: 50%;
  267. }
  268.  
  269. #askurl {
  270. font-size:14px;
  271. letter-spacing:2px;
  272. margin-left:70px;
  273. margin-top:-25px;
  274. margin-right:5px;
  275. }
  276.  
  277. #audio{
  278. border-radius: 10px;
  279. }
  280.  
  281. #question {
  282. font-size: ;
  283. margin-left:60px;
  284. margin-right:40px;
  285. padding:5px;
  286. text-align:left;
  287. border-radius: 5px;
  288. white-space: pre-wrap; /* css-3 */
  289. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  290. white-space: -pre-wrap; /* Opera 4-6 */
  291. white-space: -o-pre-wrap; /* Opera 7 */
  292. word-wrap: break-word; /* Internet Explorer 5.5+ */
  293. }
  294.  
  295.  
  296. .quote {
  297. font-size:13px;
  298. letter-spacing:1px;
  299. text-align:center;
  300. border-bottom:1px solid #eee;
  301. margin-bottom:5px;
  302. padding-bottom:3px;
  303. }
  304.  
  305. .quotesource {
  306. font-size:10px;
  307. letter-spacing:1px;
  308. text-align:center;
  309. margin-bottom:5px;
  310. }
  311.  
  312. .playerbuttonbg {
  313. position: absolute;
  314. left: 400px;
  315. top: 40px;
  316. width: 19px;
  317. height: 19px;
  318. background-color: #ffffff;
  319. padding: 10px;
  320. -webkit-border-radius: 40px;
  321. -moz-border-radius: 40px;
  322. border-radius: 40px;
  323. opacity: .4;
  324. filter: alpha(opacity=40);
  325. -moz-opacity: 0.4;
  326. -khtml-opacity: 0.4;
  327. transition: opacity .7s ease-in-out;
  328. -moz-transition: opacity .7s ease-in-out;
  329. -webkit-transition: opacity .7s ease-in-out;
  330. }
  331.  
  332. .playerbuttonbg:hover {
  333. opacity: 1;
  334. filter: alpha(opacity=100);
  335. -moz-opacity: 1;
  336. -khtml-opacity: 1;
  337. }
  338.  
  339. .newplayerbutton {
  340. position: relative;
  341. width: 19px;
  342. height: 19px;
  343. overflow: hidden;
  344. }
  345.  
  346. .playerbuttonhug {
  347. position: absolute;
  348. top: -18px;
  349. left: -4px;
  350. }
  351.  
  352. .tumblr_audio_player {
  353. height: 90px;
  354. width: 270px;
  355. -moz-transform: scale(0.60, 0.60);
  356. -webkit-transform: scale(0.60, 0.60);
  357. -o-transform: scale(0.60, 0.60);
  358. -ms-transform: scale(0.60, 0.60);
  359. transform: scale(0.60, 0.60);
  360. -moz-transform-origin: top left;
  361. -webkit-transform-origin: top left;
  362. -o-transform-origin: top left;
  363. -ms-transform-origin: top left;
  364. transform-origin: top left;
  365. }
  366.  
  367. .audioimgwrapper {
  368. position: absolute;
  369. left: 10px;
  370. top: 0px;
  371. -webkit-border-radius: 40px;
  372. -moz-border-radius: 40px;
  373. border-radius: 40px;
  374. overflow: hidden;
  375. width: 79px;
  376. height: 79px;
  377. }
  378.  
  379. .audioimgwrapper img {
  380. width: 100%;
  381. height: auto;
  382. margin-top:5px;
  383. -webkit-border-radius: 40px;
  384. -moz-border-radius: 40px;
  385. border-radius: 40px;
  386. }
  387.  
  388. .trackdetails {
  389. width: 400px;
  390. display:inline-block;
  391. margin-top:25px;
  392. margin-left: 110px;
  393. min-height: 85px;
  394. }
  395.  
  396. .audiowrapper {
  397. position: relative;
  398. display:inline-block;
  399. border-radius:10px;
  400. background: rgba(255, 255, 255, 0.3);
  401. width:500px;
  402. }
  403.  
  404. </style>
  405.  
  406. <body>
  407. <div id="sidebar">
  408.  
  409. <div id="description">{block:Description}{Description}{/block:Description}
  410.  
  411. </div>
  412.  
  413. <div id="links">
  414. <span><a href="/">Home</a></span>
  415. <span><a href="/ask">Ask</a></span>
  416. <span><a href="/rules">Rules</a> </span>
  417. <span><a href="/infos">Dex Entry</a></span>
  418. <span><a href="/verses">Verses</a></span>
  419. <br><br><br><br>
  420. <span><a href="/tags">Tags</a></span>
  421. <span><a href="http://www.rpthreadtracker.com/public/allthreads?userId=20820&currentBlog=theluckyraichu&sortDescending=false&currentOrderBy=UserTitle&filteredTag=">Threads</a></span>
  422. <span><a href="/post/150318484801">Promo</a></span>
  423. <span><a href="/tagged/⟡✩⟡blog-canon-⁑⁑-her-name-is-izzy%3B-she-has-a-story…">Canons</a></span>
  424. <span><a href="http://kaichu-roleplays.tumblr.com/">Mun</a></span>
  425. </div>
  426.  
  427. </div>
  428.  
  429. <div id="pagination"><p>{block:Pagination}
  430. {block:PreviousPage}<a href="{PreviousPage}"><big><font size="20"><font color={color:pagination}>⇜</font></font></big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><big><font size="20"><font color={color:pagination}>⇝</font></font></big></a>
  431. {/block:NextPage}
  432. {/block:Pagination}<p>
  433.  
  434. </div>
  435.  
  436. <div id="container">
  437.  
  438. {block:Posts}
  439.  
  440. <div class="posts">
  441.  
  442. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  443.  
  444. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  445.  
  446. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  447.  
  448. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  449.  
  450. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  451.  
  452. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  453.  
  454. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  455. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  456.  
  457. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  458.  
  459. {block:Audio}{block:AudioPlayer}
  460. <div class="audiowrapper">
  461. {block:AlbumArt}
  462. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  463. {/block:AlbumArt}
  464.  
  465. <div class="playerbuttonbg">
  466. <div class="newplayerbutton">
  467. <div class="playerbuttonhug">
  468.  
  469. {AudioPlayerWhite}
  470.  
  471. </div>
  472. </div>
  473. </div>
  474.  
  475. <div class="trackdetails">
  476.  
  477. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  478. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  479. {block:Album}Album: {Album}{/block:Album}<br/>
  480. {PlayCountWithLabel}
  481.  
  482. </div>
  483. </div>
  484. {/block:AudioPlayer}
  485.  
  486. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  487.  
  488. {block:Answer}<div style="width:495px;padding:2px;background: rgba(255, 255, 255, 0.3); border-radius:10px;"><div id="ask"><div id="asker"><br><img class="img-circle" src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div><br><HR COLOR={color: asker} WIDTH="90%" NOSHADE>
  489. <div id="question">{Question}</div></div></div><br>{Answer}{/block:Answer}
  490.  
  491. <div class="permalinks">
  492. <div class="date"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a></div>
  493. <div class="notes"><a href="{Permalink}#notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  494. <div class="reblogs">{block:RebloggedFrom}
  495. <a href="{ReblogParentURL}">via;</a>
  496. <a href="{ReblogRootURL}">source;</a>
  497. {/block:RebloggedFrom} <a href="{ReblogURL}">reblog</a></div><br>
  498. </div>
  499.  
  500.  
  501. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  502.  
  503. </div>
  504.  
  505.  
  506. </div>
  507.  
  508. {block:ContentSource}
  509. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  510. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  511. {/block:SourceLogo}
  512. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  513. {/block:ContentSource}
  514. </body>
  515. </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!