API tools faq
paste
Advertisement
seajay

varicty // pretty lies

seajay
Feb 21st, 2018
2,281
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.68 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <Title>{Title}</Title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11.  
  12.  
  13.  
  14. <!---CUSTOM COLORS/CONTENT--->
  15. <meta name="image:bg" content=""/>
  16. <meta name="image:headbg" content="http://via.placeholder.com/750x200/444/fff">
  17. <meta name="image:headimg" content="http://via.placeholder.com/300x300">
  18. <meta name="image:sbimg" content="http://via.placeholder.com/200x100">
  19.  
  20. <meta name="color:text" content="#000000"/>
  21. <meta name="color:accent" content="#e45b5e"/>
  22. <meta name="color:accent2" content="#c6342f"/>
  23. <meta name="color:accent3" content="#ce3943">
  24. <meta name="color:navbg" content="#fcfcfc"/>
  25. <meta name="color:posts" content="#ffffff">
  26. <meta name="color:bg" content="#000000">
  27. <meta name="color:descbg" content="#000000">
  28. <meta name="color:containbg" content="#4c1415"/>
  29. <meta name="color:desctext" content="#ceb7b7"/>
  30.  
  31. <meta name="text:title" content=""/>
  32. <meta name="text:subtitle" content=""/>
  33. <meta name="text:desc" content=""/>
  34.  
  35. <meta name="text:link1 url" content="/#">
  36. <meta name="text:link1 hover" content="hover">
  37. <meta name="text:link2 url" content="/#">
  38. <meta name="text:link2 hover" content="hover">
  39. <meta name="text:link3 url" content="/#">
  40. <meta name="text:link3 hover" content="hover">
  41. <meta name="text:link4 url" content="/#">
  42. <meta name="text:link4 hover" content="hover">
  43.  
  44.  
  45. <!--- FONT SCRIPTS--->
  46. <script src="//use.edgefonts.net/rouge-script.js"></script>
  47. <script src="//use.edgefonts.net/hammersmith-one.js"></script>
  48. <script src="https://use.fontawesome.com/028b673000.js"></script>
  49. <script src="//use.edgefonts.net/questrial.js"></script>
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. /* scrollbar */
  56.  
  57. ::-webkit-scrollbar { width: 3px; height: 3px; }
  58. ::-webkit-scrollbar-thumb { background: {color:accent}; }
  59. ::-webkit-scrollbar-track { background: {color:navbg}; }
  60. ::-webkit-scrollbar-corner { background: gray; }
  61.  
  62. /* body and text styles for entire page */
  63.  
  64. body { background:{color:bg}; font-family:'questrial'; font-size:14px;color:{color:text};background-image:url('{image:bg}');background-position:top center;background-repeat:no-repeat;}
  65. small, blockquote small {line-height:14px;letter-spacing:.75px;}
  66. h1 {text-align:center;background:{color:containbg};color:{color:navbg};padding:7px;margin:5px;letter-spacing:.5px;text-shadow:1px 1px 4px {color:desctext};}
  67. h2 {font-family:'hammersmith-one';text-transform:uppercase;font-size:20px;color:{color:accent3};text-shadow:1px 1px {color:containbg};margin:5px;}
  68. h3 {font-family:'rouge-script';text-transform:lowercase;font-size:30px;text-shadow:0px 0px 3px {color:accent3};padding:3px;text-align:right;border-bottom:2px solid rgba({RGBcolor:accent3},.5);margin:5px;color:{color:accent};}
  69. h4 {font-size:15px;letter-spacing:5px;background:rgba({RGBcolor:containbg},.5);text-shadow:0px 0px 3px {color:posts};padding:4px;margin:5px;color:{color:containbg};text-transform:uppercase;}
  70. h5 {box-shadow:1px 1px 3px {color:accent2};margin:5px;font-size:13px;padding:5px;color:{color:accent2};text-align:right;letter-spacing:1px;background:{color:navbg};}
  71. h6 { font-family:'rouge-script'; font-size:35px; text-align:center;margin:5px;line-height:32px; text-shadow:1px 1px {color:containbg};color:{color:accent3};text-transform:lowercase;}
  72. pre,code {font-size:15px;font-weight:bold;color:{color:tba};font-family:verdana;}
  73. b, strong {font-family:'hammersmith-one';text-transform:uppercase;color:{color:accent};}
  74. i, em {color:{color:accent2};font-size:90%;line-height:110%;}
  75. s, strike {opacity:.5;}
  76. blockquote {border-left:2px solid {color:containbg}; padding-left:5px;margin-left:5px; width:95%;} blockquote img { max-width:98%;height:auto; }
  77. a { text-decoration:none; font-family:'hammersmith-one'; text-transform:uppercase; color:{color:accent3}; letter-spacing:1px;transition:1s ease all;}
  78.  
  79. /* container */
  80.  
  81. #everything { width:770px; height:600px; border-radius:3px; overflow:hidden; margin:auto; background:{color:containbg}; position:absolute; top:0px; bottom:0px; left:0px; right:0px;padding:0px;}
  82.  
  83. /* header, title, subtitle, navigation links */
  84.  
  85. #header { width:770px; height:200px; overflow:hidden; text-align:center; background-image:url('{image:headbg}');} #header img { border-radius:150px; margin-top:-50px; border:4px solid {color:navbg};margin-bottom:0px;padding:0px;}
  86.  
  87. #ttext { font-family:'rouge-script'; font-size:72px; line-height:72px;margin-top:-200px; transform:rotate(-5deg);transition:1s ease all;color:{color:accent}; } #ttext:hover { letter-spacing:5px;transition:1s ease all;}
  88.  
  89. #subtext { text-transform:uppercase; font-size:12px; line-height:12px;background:{color:navbg}; font-family:'hammersmith-one'; width:300px; margin-left:275px; margin-top:-20px; line-height:17px;height:15px;overflow:hidden;}
  90.  
  91. #nav {transform:rotate(-5deg); font-size:15px; font-family:'hammersmith-one'; position:relative;left:425px;top:-56px;} #nav li { background:{color:navbg}; width:20px; height:23px; float:left; list-style:none; margin:3px; line-height:25px;} #nav a {text-decoration:none; color:{color:accent};}
  92.  
  93. /* sidebar image, description, pagination */
  94.  
  95. #sidebar { width:213px;height:386px; background:{color:descbg};margin:0px;padding:7px;float:left;margin-right:5px;text-align:justify;}
  96.  
  97. #sbimg img {border-radius:3px; margin-bottom:5px; border:2px solid {color:navbg};}
  98.  
  99. #description {height:232px; overflow:auto; padding:10px; font-size:12px;text-transform:uppercase;line-height:16px;color:{color:desctext};}
  100. #description b {color:{color:navbg};background:{color:containbg};padding:2px;border-radius:2px;letter-spacing:2px;}
  101. #description i {letter-spacing:.5px;text-shadow:.5px .5px {color:desctext};}
  102. #description u {border-bottom:1px dashed {color:accent};text-decoration:none;}
  103.  
  104. #pagination { height:25px; margin:0px; padding:0px;text-align:center;} #pagination ul {list-style:none;width:210px;margin:0px;padding:0px; margin-top:4px;text-align:center;} #pagination li { width:90px; background:{color:navbg}; display:inline-block; margin:3px; border-radius:3px; line-height:18px;text-align:center;}
  105. #pagination a {color:{color:containbg};}
  106.  
  107.  
  108. /* posts, permalinks, tags */
  109.  
  110. #entries {position:relative; bottom:0px; left:0px; width:522px;height:390px; overflow:auto; margin:0;padding:5px;}
  111. .posts {background:{color:posts}; padding:10px; margin-bottom:20px; border-radius:2px;}
  112. .posts a { text-decoration:none; font-family:'hammersmith-one'; text-transform:uppercase; color:{color:accent3}; letter-spacing:1px;transition:1s ease all;}
  113. .posts a:hover {color:{color:descbg};}
  114. #entries img, .html_photoset img {border-radius:5px;}
  115. .perma { padding:10px; border-top:2px solid {color:containbg}; text-align:right;margin-top:5px;}
  116. .perma a { background:{color:desctext}; padding:5px; line-height:25px; border-radius:5px; color:{color:descbg};box-shadow:1px 1px {color:accent};}
  117. .tags { font-size:12px; opacity:0; height:10px; margin-top:0px;}
  118. .tags:hover { height:auto; opacity:1; transition:ease 1s all;}
  119. .tags a { background:none; text-decoration:none; font-family:'hammersmith-one'; text-transform:uppercase;box-shadow:none;line-height:10px;}
  120.  
  121. /* audio */
  122.  
  123. .musica { height:105px; text-align:center;text-transform:uppercase;}
  124. .track {font-family:'rouge-script';font-size:35px;text-transform:lowercase;margin-bottom:0px;padding-bottom:0px;}
  125. .artist {font-family:'hammersmith-one';}
  126.  
  127. /* chats */
  128.  
  129. .chat ul { list-style:none;overflow:auto;padding:0px;margin:0px; }
  130. .chat li { line-height:20px; padding:3px;width:300px;margin:5px;border-radius:3px;padding:5px;}
  131. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19 { background:rgba({RGBcolor:accent},.5);float:left;}
  132. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20 {background:rgba({RGBcolor:accent2},.5);float:right;}
  133. .sender {text-transform:uppercase; letter-spacing:2px;font-family:'hammersmith-one';font-size:11px;text-align:center;}
  134. .text {text-indent:15px;text-align:justify;}
  135.  
  136. /* quotes */
  137.  
  138. .quote {text-align:center;font-size:20px;padding:3px;letter-spacing:.5px;}
  139. .quoted {text-align:right;font-size:23px;font-family:'rouge-script';text-shadow:1px 1px {color:containbg};}
  140.  
  141. /* asks */
  142.  
  143. .ask {padding:0px;margin:0px;margin-bottom:5px;}
  144. .inquirer {font-family:'rouge-script';text-transform:lowercase;font-size:24px;color:{color:text};background:rgba({RGBcolor:containbg},.35);padding:3px;padding-left:10px;}
  145. .inquirer a {font-family:'rouge-script';text-transform:lowercase;font-size:24px;color:{color:text};}
  146. .inquiry {text-align:justify;text-align-last:right;padding:10px;border-bottom:1px solid rgba({RGBcolor:containbg},.35);border-left:1px solid rgba({RGBcolor:containbg},.35);border-right:1px solid rgba({RGBcolor:containbg},.35);margin-bottom:0px;letter-spacing:.25px;}
  147.  
  148. /* notes */
  149. .notelist {line-height:20px;}
  150. ol.notes {padding: 0px;margin: 0px;list-style-type: none;}
  151. ol.notes li.note {padding: 10px;}
  152. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  153.  
  154. /* credits do not remove or hide */
  155.  
  156. #cj {
  157. position:absolute;bottom:5px;right:5px;
  158. width:20px;height:20px;padding:4px;border-radius:10px;
  159. background:rgba({RGBcolor:navbg},.5);border:1px solid {color:navbg};text-align:center;
  160. font-size:20px;text-shadow:1px 1px {color:accent};
  161. } #cj a { color:{color:text};}
  162.  
  163. </style>
  164.  
  165. <body>
  166.  
  167.  
  168.  
  169. <div id="everything">
  170.  
  171. <!--- header, title, subtitle, navigation links --->
  172.  
  173. <div id="header"><img src="{image:headimg}"><div id="ttext"><div id="titext" style="text-shadow:1px 1px {color:navbg};">&nbsp;{text:title}&nbsp;</font></div><div id="subtext">{text:subtitle}</div></div><div id="nav"><ul><li><a href="{text:link1 url}" title="{text:link1 hover}"><span class="fa fa-refresh"></span></a></li><li> <a href="{text:link2 url}" title="{text:link2 hover}"><span class="fa fa-comment
  174. "></span></a></li><li><a href="{text:link3 url}" title="{text:link3 hover}"><span class="fa fa-navicon"></span></a><li><a href="{text:link4 url}" title="{text:link4 hover}"><span class="fa fa-globe"></span></a></li></ul></div></div>
  175.  
  176. <!--- sidebar image, description, pagination --->
  177.  
  178. <div id="sidebar">
  179. <center><div id="sbimg"><img src="{image:sbimg}"></div></center>
  180.  
  181. <div id="description">
  182. {text:desc}
  183. </div id="description">
  184.  
  185. <div id="pagination">
  186. {block:Pagination}<ul>
  187. {block:PreviousPage}<li><a href="{PreviousPage}"><span class="fa fa-long-arrow-left"></span></a></li>{/block:PreviousPage}
  188. {block:NextPage}<li><a href="{NextPage}"><span class="fa fa-long-arrow-right"></span></a></li>{/block:NextPage}</ul>
  189. {/block:Pagination}
  190.  
  191. </div id="pagination">
  192.  
  193.  
  194.  
  195. </div id="sidebar">
  196.  
  197. <!--- posts --->
  198.  
  199.  
  200. <div id="entries">
  201.  
  202. {block:Posts}
  203. <div class="posts">
  204.  
  205. {block:Text}{block:Title}<h6>{Title}</h6>{/block:Title}{Body}{/block:Text}
  206.  
  207. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  208.  
  209. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  210.  
  211. {block:Link}<a href="{URL}" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  212.  
  213. {block:Quote}<div class="quote"><font color="{color:accent}">❝</font> {Quote} <font color="{color:accent}">❞</font></div>{block:Source}<div class="quoted"><font color="{color:accent}">―</font> {Source}</div>{/block:Source}{/block:Quote}
  214.  
  215. {block:Audio}<div class="musica">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:20px" />{/block:AlbumArt}
  216. {block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}by{block:Artist}<div class="artist">{Artist}</div>{/block:Artist}
  217. {AudioPlayerWhite}
  218. {/block:ExternalAudio}</div>
  219. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  220.  
  221. {block:Video}
  222. {Video-500}
  223. {block:Caption}{Caption}{/block:Caption}
  224. {/block:Video}
  225.  
  226.  
  227. {block:Chat} {block:Title}<h6>{Title}</h6>{/block:Title}<div class="chat"><ul> {block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<div class="sender">{Label}</div>{/block:Label} <div class="text">{Line}</div></li>{/block:Lines} </ul></div> {/block:Chat}
  228.  
  229. {block:Answer}<div class="ask"><div class="inquirer"><span class="fa fa-paper-plane" style="font-size:16px;"></span> {Asker}{block:Answerer} to {Answerer}{/block:Answerer}:</div><div class="inquiry">{Question}</div></div>{block:Answerer}{Answer}{/block:Answerer}{Replies}{/block:Answer}
  230.  
  231.  
  232. <!--- permalinks --->
  233.  
  234. {block:IndexPage}<div class="perma"><a href="{Permalink}" title="{DayofMonth} {ShortMonth} {Year}"><span class="fa fa-link"></span></a>
  235. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="VIA"><span class="fa fa-history"></span></a> {/block:RebloggedFrom}
  236. {block:ContentSource}<a href="{SourceURL}" title="SOURCE"><span class="fa fa-external-link"></span></a> {/block:ContentSource}
  237. <a href="{ReblogURL}" title="{NoteCountWithLabel}"><span class="fa fa-retweet"></span></a>
  238.  
  239. <!--- tags --->
  240.  
  241. {block:HasTags}<div style="font-size:8px;margin:4px;padding:0px;letter-spacing:.5px;margin-bottom:0px;opacity:.5;">HOVER BELOW FOR TAGS</div>{/block:HasTags}
  242. {block:HasTags}<div class="tags"><br>{block:Tags}<span class="fa fa-hashtag"></span><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  243.  
  244.  
  245. </div>{/block:IndexPage}
  246.  
  247. <!---notes on permalink pages--->
  248. {block:PostNotes}<div class"notelist"><h5 style="margin-top:25px;">NOTES</h5><br>{PostNotes}</div>
  249. {/block:PostNotes}
  250.  
  251. </div id="posts">
  252.  
  253. {block:ContentSource}<!-- {SourceURL}
  254. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  255. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  256. {/block:ContentSource}
  257.  
  258. {/block:Posts}
  259.  
  260.  
  261. </div id="everything">
  262.  
  263. </div>
  264.  
  265. <div id="cj">
  266. <a href="http://varicty.tumblr.com" title="theme by varicty"><span class="fa fa-code"></span></a>
  267. </div>
  268. </body>
  269. </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!