bshit

Bored

Sep 23rd, 2014
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.57 KB | None | 0 0
  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. padding-bottom:40px;
  126. padding:25px;
  127. margin-top:50px;
  128. background-color:{color:Post};
  129. }
  130.  
  131. /*SIDEBAR*/
  132.  
  133. .sidebar1.crop {
  134. border-radius:20px;
  135. width:500px;
  136. height:400px;
  137. }
  138. .sidebar1.crop .image {
  139. background-image:url('{image:sidebar}');
  140. }
  141.  
  142. .sidebar2.crop {
  143. width:500px;
  144. height:400px;
  145. }
  146. .sidebar2.crop .image {
  147. background-image:url('{image:sidebar}');
  148. }
  149.  
  150. .crop:hover .upper.image {
  151. top: -40%;
  152. }
  153.  
  154. .crop:hover .lower.image {
  155. bottom: -10%;
  156. }
  157.  
  158. .crop {
  159. position:fixed;
  160. margin-top:100px;
  161. margin-left:740px;
  162. background-image:url('{image:sidebarbg}');
  163. overflow:hidden;
  164. }
  165.  
  166. .crop .content {
  167. position: absolute;
  168. margin-top: auto;
  169. margin-bottom: auto;
  170. text-align: center;
  171. }
  172.  
  173. .crop .image {
  174. z-index: 1;
  175. position: absolute;
  176. width: 100%;
  177. height: 100%;
  178. }
  179.  
  180. .crop .upper.image, .crop .lower.image {
  181. height: 50%;
  182. }
  183.  
  184. .crop .upper.image {
  185. top: 0;
  186. -webkit-transition: top 0.9s ease;
  187. -moz-transition: top 0.9s ease;
  188. -o-transition: top 0.9s ease;
  189. -ms-transition: top 0.9s ease;
  190. transition: top 0.9s ease;
  191. }
  192.  
  193. .crop .lower.image {
  194. bottom: 0;
  195. background-position: 0% 100%;
  196. -webkit-transition: bottom 0.9s ease;
  197. -moz-transition: bottom 0.9s ease;
  198. -o-transition: bottom 0.9s ease;
  199. -ms-transition: bottom 0.9s ease;
  200. transition: bottom 0.9s ease;
  201. }
  202.  
  203. .slinks {
  204. position:fixed;
  205. margin-top:200px;
  206. margin-left:-5px;
  207. }
  208.  
  209. .slinks a {
  210. width:95px;
  211. height:8px;
  212. text-align:center;
  213. padding:3px;
  214. letter-spacing:3px;
  215. color:{color:text};
  216. font-size:9px;
  217. text-transform:uppercase;
  218. display:inline-block;
  219. }
  220.  
  221.  
  222. #description {
  223. text-align:left;
  224. padding:10px;
  225. margin-top:100px;
  226. margin-left:30px;
  227. width:430px;
  228. overflow:auto;
  229. height:60px;
  230. font-size:9px;
  231. position:fixed;
  232. background-color:{color:postbg};
  233. }
  234.  
  235. #description a{
  236. color:{color:postlinks};
  237. }
  238.  
  239. #pagination {
  240. font-style:bold;
  241. padding:2px;
  242. letter-spacing:0px;
  243. font-size:10px;
  244. text-align:center;
  245. padding:2px;
  246. margin-top:220px;
  247. }
  248.  
  249.  
  250. /*POST INFO*/
  251.  
  252. #info {
  253. width:500px;
  254. text-align:left;
  255. font-family:'trebuchet ms';
  256. margin-top:3px;
  257. margin-left:px;
  258. letter-spacing:1px;
  259. font-size:7px;
  260. font-style:none;
  261. padding:1px;
  262. line-height:10px;
  263. text-transform:uppercase;
  264. border-top:1px solid;
  265. border-color:{color:Border};
  266. }
  267.  
  268. #info a {
  269. text-align:center;
  270. color:{color:Post Links};
  271. }
  272.  
  273. #info a:hover {
  274. -moz-transition-duration:0.3s;
  275. -webkit-transition-duration:0.3s;
  276. -o-transition-duration:0.3s;
  277. color:{color:Hover}
  278. }
  279.  
  280. #tags {
  281. float:left;
  282. width:489px;
  283. margin-top:-7px;
  284. margin-left:-5px;
  285. text-align:left;
  286. font-size:7px;
  287. padding:5px;
  288. font-size:8px;
  289. opacity:1;
  290. transition-duration: 0.5s;
  291. -moz-transition-duration: 0.5s;
  292. -webkit-transition-duration: 0.5s;
  293. -o-transition-duration: 0.5s
  294. color:{color:Post Links};
  295. }
  296.  
  297. #tags a {
  298. letter-spacing:0px;
  299. font-size:8px;
  300. text-align:center;
  301. font-family:'CALIBRI';
  302. text-decoration:none;
  303. display:inline-block;
  304. color:#ddd;
  305. }
  306.  
  307. #tags a:hover {
  308. background-color:#fff;
  309. -moz-transition-duration:0.3s;
  310. -webkit-transition-duration:0.3s;
  311. -o-transition-duration:0.3s;
  312. color:{color:Hover};
  313. }
  314.  
  315. /*QUESTION*/
  316.  
  317. #asker {
  318. padding:8px;
  319. letter-spacing:2px;
  320. text-align:right;
  321. font-style:italic;
  322. border:3px {color:border} solid;
  323. color:{color:text};
  324. background-color:{color:background}
  325. border-left:4px solid {color:border};
  326. border-bottom:4px solid {color:border};
  327. background-image:url('{image:askbg}');
  328. }
  329.  
  330. /*CREDIT*/
  331.  
  332. #cred {
  333. position:fixed;
  334. font-family:'Calibri';
  335. text-transform:uppercase;
  336. font-size:8px;
  337. right:9px;
  338. bottom:9px;
  339. padding:4px;
  340. letter-spacing:1px;
  341. }
  342.  
  343.  
  344.  
  345. {CustomCSS}</style></head><body>
  346.  
  347.  
  348. <div class="images">
  349. <div class="crop sidebar1">
  350. <div class="upper image"></div>
  351. <div class="lower image"></div>
  352. <div class="content">
  353. <div id="description">{Description}</div>
  354. </div>
  355. <div class="slinks">
  356. <a href="{text:link 1 url}">{text:link 1}</a>
  357. <a href="{text:link 2 url}">{text:link 2}</a>
  358. <a href="{text:link 3 url}">{text:link 3}</a>
  359. <a href="{text:link 4 url}">{text:link 4}</a>
  360. <a href="{text:link 5 url}">{text:link 5}</a>
  361. </div>
  362.  
  363. {block:Pagination}
  364. <div id="pagination">
  365. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  366. / {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  367. </div>
  368. {/block:Pagination}
  369. </div>
  370. </div>
  371. </div>
  372.  
  373. <div id="entries">
  374. {block:Posts}
  375. <div id="post">
  376.  
  377. {block:Text}
  378. <h1>{block:Title}{Title}{/block:Title}</h1>
  379. {Body}{/block:Text}
  380.  
  381. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  382. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  383.  
  384. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  385. {/block:Caption}{/block:Photoset}
  386.  
  387. {block:Quote}<h2>"{Quote}"</h2>
  388. {block:Source}<div class="qsource"> —{Source}</div>
  389. {/block:Source}{/block:Quote}
  390.  
  391. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  392.  
  393. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  394.  
  395. {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>
  396. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  397. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  398. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  399. {/block:Audio}<br>
  400.  
  401. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  402.  
  403. {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}
  404.  
  405. <div id="info">
  406. <a href="{Permalink}">{timeago}</a> —
  407. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  408. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  409. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  410. with {NoteCountWithLabel}</a>
  411. {block:HasTags}<div id="tags">
  412.  
  413. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  414. </div>{block:HasTags}
  415. </div>
  416. </div>
  417. {/block:Posts}
  418. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  419. {/block:Posts}</div></div></div>
  420. <br><br><br><br>
  421.  
  422. <div id="cred">
  423. <a href="http://bofrps.tumblr.com/">B</a>
  424. </div>
  425. </div>
  426.  
  427.  
  428.  
  429. </body></html>
Add Comment
Please, Sign In to add comment