API tools faq
paste
bshit

Random round edges

bshit
Sep 25th, 2014
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.61 KB | None | 0 0
raw download clone embed print report
  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><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10.  
  11. <!---DONT STEAL
  12. --->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#a8a8a8"/>
  16. <meta name="color:Border" content="#dddddd"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Scrollbar" content="#000000"/>
  19. <meta name="color:ScrollbarBg" content="#ffffff"/>
  20. <meta name="color:links" content="ffffff"/>
  21. <meta name="color:Post Links" content="#c0bfbf"/>
  22. <meta name="color:Answer Backg" content="#000000"/>
  23. <meta name="color:Post" content="#f2f2f2"/>
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="image:askbg" content=""/>
  27. <meta name="image:sidebarbg" content=""/>
  28. <meta name="image:askbg" content=""/>
  29. <meta name="text:link 1" content="" />
  30. <meta name="text:link 2" content="" />
  31. <meta name="text:link 3" content="" />
  32. <meta name="text:link 4" content="" />
  33. <meta name="text:link 5" content="" />
  34. <meta name="text:link 1 url" content=""/>
  35. <meta name="text:link 2 url" content=""/>
  36. <meta name="text:link 3 url" content=""/>
  37. <meta name="text:link 4 url" content=""/>
  38. <meta name="text:link 5 url" content=""/>
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. ::-webkit-scrollbar-thumb {
  44. height:auto;
  45. background-color:{color:Scrollbar};
  46. }
  47.  
  48. ::-webkit-scrollbar {
  49. height:9px;
  50. width:4px;
  51. background-color:{color:ScrollbarBg};
  52. }
  53.  
  54. body {
  55. background:{color:background};
  56. margin:0px;
  57. color:{color:text};
  58. font-family:calibri;
  59. font-size:10px;
  60. line-height:100%;
  61. letter-spacing:0px;
  62. text-align:justify;
  63. background-image:url('{image:Background}');
  64. background-attachment:fixed;
  65. }
  66.  
  67. a {
  68. text-decoration:none;
  69. outline:none;
  70. -moz-outline-style:none;
  71. color:{color:Post Links};
  72. }
  73.  
  74. img {
  75. border:none;
  76. }
  77.  
  78. blockquote {
  79. padding:7px;
  80. border-left:4px solid {color:border};
  81. border-bottom:4px solid {color:border};
  82. background-color:{color:hover};
  83. color:{color:postbg};
  84. }
  85.  
  86. blockquote blockquote {
  87. border-left:4px solid {color:border};
  88. border-bottom:4px solid {color:border};
  89. }
  90.  
  91. h1 {
  92. font-size:8px;
  93. letter-spacing:2px;
  94. text-transform:uppercase;
  95. font-family:'CAMBRIA';
  96. font-style:none;
  97. line-height:10px;
  98. text-align:left;
  99. padding:0px;
  100. }
  101.  
  102. a:hover {
  103. color:#000000;
  104. -moz-transition-duration:0.3s;
  105. -webkit-transition-duration:0.3s;
  106. -o-transition-duration:0.3s;
  107. }
  108.  
  109.  
  110.  
  111. /*ENTRIES*/
  112.  
  113. #entries {
  114. padding:10px;
  115. width:500px;
  116. margin-left:162px;
  117. margin-top:5px;
  118. font-size:10px;
  119. font-family:'arial';
  120. letter-spacing:0px;
  121. }
  122.  
  123. #post {
  124. width:500px;
  125. border-radius:20px;
  126. padding-bottom:40px;
  127. padding:25px;
  128. margin-top:50px;
  129. background-color:{color:Post};
  130. }
  131.  
  132. /*SIDEBAR*/
  133.  
  134. .sidebar1.crop {
  135. border-radius:20px;
  136. width:500px;
  137. height:400px;
  138. }
  139. .sidebar1.crop .image {
  140. background-image:url('{image:sidebar}');
  141. }
  142.  
  143. .sidebar2.crop {
  144. width:500px;
  145. height:400px;
  146. }
  147. .sidebar2.crop .image {
  148. background-image:url('{image:sidebar}');
  149. }
  150.  
  151. .crop:hover .upper.image {
  152. top: -40%;
  153. }
  154.  
  155. .crop:hover .lower.image {
  156. bottom: -10%;
  157. }
  158.  
  159. .crop {
  160. position:fixed;
  161. margin-top:100px;
  162. margin-left:740px;
  163. background-image:url('{image:sidebarbg}');
  164. overflow:hidden;
  165. }
  166.  
  167. .crop .content {
  168. position: absolute;
  169. margin-top: auto;
  170. margin-bottom: auto;
  171. text-align: center;
  172. }
  173.  
  174. .crop .image {
  175. z-index: 1;
  176. position: absolute;
  177. width: 100%;
  178. height: 100%;
  179. }
  180.  
  181. .crop .upper.image, .crop .lower.image {
  182. height: 50%;
  183. }
  184.  
  185. .crop .upper.image {
  186. top: 0;
  187. -webkit-transition: top 0.9s ease;
  188. -moz-transition: top 0.9s ease;
  189. -o-transition: top 0.9s ease;
  190. -ms-transition: top 0.9s ease;
  191. transition: top 0.9s ease;
  192. }
  193.  
  194. .crop .lower.image {
  195. bottom: 0;
  196. background-position: 0% 100%;
  197. -webkit-transition: bottom 0.9s ease;
  198. -moz-transition: bottom 0.9s ease;
  199. -o-transition: bottom 0.9s ease;
  200. -ms-transition: bottom 0.9s ease;
  201. transition: bottom 0.9s ease;
  202. }
  203.  
  204. .slinks {
  205. position:fixed;
  206. margin-top:200px;
  207. margin-left:-5px;
  208. }
  209.  
  210. .slinks a {
  211. width:95px;
  212. height:8px;
  213. text-align:center;
  214. padding:3px;
  215. letter-spacing:3px;
  216. color:{color:text};
  217. font-size:9px;
  218. text-transform:uppercase;
  219. display:inline-block;
  220. }
  221.  
  222.  
  223. #description {
  224. text-align:left;
  225. padding:10px;
  226. margin-top:100px;
  227. margin-left:30px;
  228. width:430px;
  229. overflow:auto;
  230. height:60px;
  231. font-size:9px;
  232. position:fixed;
  233. background-color:{color:postbg};
  234. }
  235.  
  236. #description a{
  237. color:{color:postlinks};
  238. }
  239.  
  240. #pagination {
  241. font-style:bold;
  242. padding:2px;
  243. letter-spacing:0px;
  244. font-size:10px;
  245. text-align:center;
  246. padding:2px;
  247. margin-top:220px;
  248. }
  249.  
  250.  
  251. /*POST INFO*/
  252.  
  253. #info {
  254. width:500px;
  255. text-align:left;
  256. font-family:'trebuchet ms';
  257. margin-top:3px;
  258. margin-left:px;
  259. letter-spacing:1px;
  260. font-size:7px;
  261. font-style:none;
  262. padding:1px;
  263. line-height:10px;
  264. text-transform:uppercase;
  265. border-top:1px solid;
  266. border-color:{color:Border};
  267. }
  268.  
  269. #info a {
  270. text-align:center;
  271. color:{color:Post Links};
  272. }
  273.  
  274. #info a:hover {
  275. -moz-transition-duration:0.3s;
  276. -webkit-transition-duration:0.3s;
  277. -o-transition-duration:0.3s;
  278. color:{color:Hover}
  279. }
  280.  
  281. #tags {
  282. float:left;
  283. width:489px;
  284. margin-top:-7px;
  285. margin-left:-5px;
  286. text-align:left;
  287. font-size:7px;
  288. padding:5px;
  289. font-size:8px;
  290. opacity:1;
  291. transition-duration: 0.5s;
  292. -moz-transition-duration: 0.5s;
  293. -webkit-transition-duration: 0.5s;
  294. -o-transition-duration: 0.5s
  295. color:{color:Post Links};
  296. }
  297.  
  298. #tags a {
  299. letter-spacing:0px;
  300. font-size:8px;
  301. text-align:center;
  302. font-family:'CALIBRI';
  303. text-decoration:none;
  304. display:inline-block;
  305. color:#ddd;
  306. }
  307.  
  308. #tags a:hover {
  309. background-color:{color:Post Links};
  310. -moz-transition-duration:0.3s;
  311. -webkit-transition-duration:0.3s;
  312. -o-transition-duration:0.3s;
  313. color:{color:Hover};
  314. }
  315.  
  316. /*QUESTION*/
  317.  
  318. #asker {
  319. padding:8px;
  320. letter-spacing:2px;
  321. text-align:right;
  322. font-style:italic;
  323. border:3px {color:border} solid;
  324. color:{color:text};
  325. background-color:{color:background}
  326. border-left:4px solid {color:border};
  327. border-bottom:4px solid {color:border};
  328. background-image:url('{image:askbg}');
  329. }
  330.  
  331. /*CREDIT*/
  332.  
  333. #cred {
  334. position:fixed;
  335. font-family:'Calibri';
  336. text-transform:uppercase;
  337. font-size:8px;
  338. right:9px;
  339. bottom:9px;
  340. padding:4px;
  341. letter-spacing:1px;
  342. }
  343.  
  344.  
  345.  
  346. {CustomCSS}</style></head><body>
  347.  
  348.  
  349. <div class="images">
  350. <div class="crop sidebar1">
  351. <div class="upper image"></div>
  352. <div class="lower image"></div>
  353. <div class="content">
  354. <div id="description">{Description}</div>
  355. </div>
  356. <div class="slinks">
  357. <a href="{text:link 1 url}">{text:link 1}</a>
  358. <a href="{text:link 2 url}">{text:link 2}</a>
  359. <a href="{text:link 3 url}">{text:link 3}</a>
  360. <a href="{text:link 4 url}">{text:link 4}</a>
  361. <a href="{text:link 5 url}">{text:link 5}</a>
  362. </div>
  363.  
  364. {block:Pagination}
  365. <div id="pagination">
  366. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  367. / {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  368. </div>
  369. {/block:Pagination}
  370. </div>
  371. </div>
  372. </div>
  373.  
  374. <div id="entries">
  375. {block:Posts}
  376. <div id="post">
  377.  
  378. {block:Text}
  379. <h1>{block:Title}{Title}{/block:Title}</h1>
  380. {Body}{/block:Text}
  381.  
  382. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  383. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  384.  
  385. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  386. {/block:Caption}{/block:Photoset}
  387.  
  388. {block:Quote}<h2>"{Quote}"</h2>
  389. {block:Source}<div class="qsource"> —{Source}</div>
  390. {/block:Source}{/block:Quote}
  391.  
  392. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  393.  
  394. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  395.  
  396. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  397. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  398. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  399. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  400. {/block:Audio}<br>
  401.  
  402. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  403.  
  404. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  405.  
  406. <div id="info">
  407. <a href="{Permalink}">{timeago}</a> —
  408. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  409. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  410. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  411. with {NoteCountWithLabel}</a>
  412. {block:HasTags}<div id="tags">
  413.  
  414. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  415. </div>{block:HasTags}
  416. </div>
  417. </div>
  418. {/block:Posts}
  419. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  420. {/block:Posts}</div></div></div>
  421. <br><br><br><br>
  422.  
  423. <div id="cred">
  424. <a href="http://bofrps.tumblr.com/">B</a>
  425. </div>
  426. </div>
  427.  
  428.  
  429.  
  430. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!