API tools faq
paste
deadboys

arrested for unsc crimes theme by charlie toc

deadboys
Jul 23rd, 2018
258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. arrested for unsc crimes theme by charlie @toc
  3. don't remove credit
  4. !-->
  5. <html>
  6. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15.  
  16. <meta name="image:icon" content=""/>
  17. <meta name="image:header" content=""/>
  18.  
  19. <meta name="color:text" content=""/>
  20. <meta name="color:links" content=""/>
  21. <meta name="color:link hover" content=""/>
  22. <meta name="color:desc links" content=""/>
  23. <meta name="color:desc link hover" content=""/>
  24. <meta name="color:bg" content=""/>
  25. <meta name="color:posts" content=""/>
  26. <meta name="color:post border" content=""/>
  27. <meta name="color:header" content=""/>
  28.  
  29. <meta name="if:full header" content=""/>
  30. <meta name="if:circle icon" content=""/>
  31.  
  32.  
  33. <style>
  34.  
  35. @-webkit-keyframes fadein {
  36. 0% { opacity: 0; }
  37. 100% { opacity: 1; }
  38.  
  39. }
  40.  
  41. @keyframes fadein {
  42. 0% { opacity: 0; }
  43. 100% { opacity: 1; }
  44.  
  45. }
  46. body{
  47. padding:8px;
  48. font-family: 'Raleway', sans-serif;
  49. font-size:17px;
  50. padding:0;
  51. margin:0;
  52. background-color:{color:bg};
  53. -webkit-animation: fadein 0.5s;
  54. animation: fadein 0.5s;
  55. }
  56.  
  57. a{
  58. color:{color:links};
  59. text-decoration:none;
  60. -webkit-transition-duration: .3s;
  61. -moz-transition-duration: .3s;
  62. -o-transition-duration: .3s;
  63. }
  64.  
  65. a:hover{
  66. color:{color:link hover};
  67. -webkit-transition-duration: .3s;
  68. -moz-transition-duration: .3s;
  69. -o-transition-duration: .3s;
  70. }
  71.  
  72. #header{
  73. left: 0;
  74. right: 0;
  75. margin-left: auto;
  76. margin-right: auto;
  77. width:100%;
  78. height:100px;
  79. top:0;
  80. border-bottom-right-radius:10px;
  81. border-bottom-left-radius:10px;
  82. position:fixed;
  83. background-color:{color:header};
  84. background-image:url('{image:header}');
  85. {block:iffullheader}
  86. background-size:cover;
  87. {/block:iffullheader}
  88. z-index:2;
  89. }
  90.  
  91. #icon{
  92. height:90px;
  93. width:90px;
  94. z-index:3;
  95. top:0;
  96. border-radius:10px;
  97. background-color:{color:bg};
  98. position:fixed;
  99. left: 0;
  100. right: 0;
  101. margin-left: auto;
  102. margin-right: auto;
  103. margin-top:20px;
  104. border-style:solid;
  105. border-width:10px;
  106. border-color:{color:bg};
  107. {block:ifcircleicon}
  108. border-radius:100%;
  109. {/block:ifcircleicon}
  110. }
  111.  
  112. #icon img{
  113. height:90px;
  114. width:90px;
  115. border-radius:10px;
  116. {block:ifcircleicon}
  117. border-radius:100%;
  118. {/block:ifcircleicon}
  119. }
  120.  
  121.  
  122.  
  123. #desc{
  124. left: 0;
  125. right: 0;
  126. top:0;
  127. margin-left: auto;
  128. margin-right: auto;
  129. background-color:transparent;
  130. margin-top:130px;
  131. height:100px;
  132. width:300px;
  133. position:fixed;
  134. text-align:center;
  135. z-index:5;
  136. }
  137.  
  138.  
  139. #lol{
  140. width:100%;
  141. height:150px;
  142. top:0;
  143. z-index:1;
  144. background-color:{color:bg};
  145. position:fixed;
  146. -webkit-box-shadow: 0px 0px 13px 8px {color:bg};
  147. -moz-box-shadow: 0px 0px 13px 8px {color:bg};
  148. box-shadow: 0px 0px 13px 8px {color:bg};
  149. }
  150.  
  151. .desc{
  152.  
  153. }
  154.  
  155. .desc a{
  156. color:{color:desc links};
  157. text-decoration:none;
  158. -webkit-transition-duration: .3s;
  159. -moz-transition-duration: .3s;
  160. -o-transition-duration: .3s;
  161. }
  162.  
  163. .desc a:hover{
  164. color:{color:desc link hover};
  165. -webkit-transition-duration: .3s;
  166. -moz-transition-duration: .3s;
  167. -o-transition-duration: .3s;
  168. }
  169.  
  170.  
  171. #entry {
  172. left: 0;
  173. right: 0;
  174. margin-left: auto;
  175. margin-right: auto;
  176. float:center;
  177. display: block;
  178. margin:10px;
  179. width:500px;
  180. padding-top:10px;
  181. padding-right:10px;
  182. padding-left:10px;
  183. padding-bottom:10px;
  184. margin-top:160px;
  185. z-index:0;
  186. background-color:{color:posts};
  187. border-style:solid;
  188. border-width:2px;
  189. border-color:{color:post border};
  190. border-radius:5px;
  191.  
  192. }
  193.  
  194.  
  195. .post {
  196. width:400px;
  197. margin-top:60px;
  198. z-index:99;
  199. margin-left:5px;
  200. background:transparent;
  201. margin-right:auto;
  202. position:relative;
  203. overflow-y: hidden;
  204. -webkit-animation: fadeInDown 2s;
  205. -moz-animation: fadeInDown 2s;
  206. -ms-animation: fadeInDown 2s;
  207. {block:Permalink}
  208. width:900px;
  209. {/block:Permalink}
  210.  
  211. }
  212.  
  213. </style>
  214. </head>
  215. <body>
  216.  
  217. <div id="header"></div>
  218. <center>
  219. <div class="desc">
  220. <div id="desc">
  221. <div style="margin-top:0px;border:0px; border-style:solid; border-color:#FF0000;
  222. background-color:{color:bg}">
  223. <a href="{PreviousPage}">←</a>
  224. <a href="/ask">✉</a>
  225. <a href="/">↺</a>
  226. <a href="{text:link 1 url}">☼</a>
  227. <a href="http://www.toc.tumblr.com">©</a>
  228. <a href="{NextPage}">→ </a><br>
  229. </div>
  230. </div>
  231. <div id="icon">
  232. <img src="{image:icon}"/>
  233. </div>
  234. <div id="lol"></div>
  235. </div>
  236. </center>
  237. <center>
  238.  
  239. <div class="posts">
  240.  
  241. {block:Posts}
  242.  
  243. <div id="entry">
  244.  
  245. <div class="content">
  246.  
  247.  
  248. {block:Photo}
  249. {block:IndexPage}
  250. <img src="{PhotoURL-500}"
  251. </a>{/block:IndexPage}
  252. {block:PermalinkPage}
  253. <a href="{permalink}">
  254. <img src="{PhotoURL-500}"
  255. width="500"/></a>{/block:PermalinkPage}
  256. {/block:Photo}
  257.  
  258.  
  259. {block:Photoset}
  260. {block:IndexPage}
  261. {Photoset-500}
  262. {/block:IndexPage}
  263. {block:PermalinkPage}
  264. {Photoset-500}
  265. {/block:PermalinkPage}
  266. {/block:Photoset}
  267.  
  268.  
  269. {block:Quote}
  270. <div class="quote">
  271. " {Quote} "
  272. {block:Source}
  273. <div class="source">-{Source}
  274. </div>{/block:Source}</div>
  275. {/block:Quote}
  276.  
  277. {block:Link}
  278. <center>
  279. <a href="{URL}"
  280. class="linkpost"
  281. target="_blank">
  282. <h1>{Name} &raquo; <h1></a>
  283. </center>
  284. {block:Description}
  285. <h2>{Description}</h2>
  286. {/block:Description}
  287. {/block:Link}
  288.  
  289. {block:Chat}
  290. <div class="chat">
  291. <ul>
  292. {block:Lines}
  293. <li class="{Alt}">
  294. {block:Label}<b>{Label}</b>{/block:Label}
  295. {Line}
  296. </li>
  297. {/block:Lines}
  298. </ul>
  299. </div>
  300. {/block:Chat}
  301.  
  302. {block:Audio}
  303. {AudioPlayerWhite}
  304. <br>{block:Artist}
  305. Artist: {Artist}
  306. {/block:Artist}
  307. <br>{block:Title}
  308. Artist: {Title}
  309. {/block:Title}
  310. <br>{block:Album}
  311. Artist: {Album}
  312. {/block:Album}<br>
  313. {/block:Audio}
  314.  
  315. {block:Video}
  316. {block:IndexPage}
  317. {Video-250}
  318. {/block:IndexPage}
  319. {block:PermalinkPage}
  320. {Video-500}
  321. {/block:PermalinkPage}
  322. {/block:Video}
  323.  
  324. {block:Answer}
  325. <div class="question">
  326. <img src="{AskerPortraitURL-48}"
  327. align="left">
  328. {Asker}</div>
  329. {Question}&nbsp;
  330. <div class="answer">
  331. {Answer}</div>
  332. {/block:Answer}
  333.  
  334. <br>{block:HasTags}
  335. {block:Tags}&nbsp;#
  336. <a href="{TagURL}">
  337. {Tag}</a>,&nbsp;
  338. {/block:Tags}
  339. {/block:HasTags}
  340. {block:Date}<p>
  341. <a href="{Permalink}">
  342. {TimeAgo}</a>
  343. {block:NoteCount}
  344. / {NoteCountWithLabel}
  345. {/block:NoteCount}
  346.  
  347.  
  348.  
  349. {block:RebloggedFrom}
  350. <a href="{ReblogParentURL}">
  351. / via</a>{/block:RebloggedFrom}
  352. {block:ContentSource}
  353. <a href="{SourceURL}"
  354. target=blank>/ source</a>
  355. {/block:ContentSource}
  356. </div>
  357. {/block:Date}
  358.  
  359. {block:Text}
  360. {block:Title}
  361. <a href="{Permalink}">
  362. <h1>{Title}</h1></a>
  363. {/block:Title}
  364. <h2>{Body}</h2>
  365. {/block:Text}
  366. {block:PermalinkPage}
  367. <div id="perma">
  368. {block:PostNotes}
  369. {PostNotes}
  370. {/block:PostNotes}
  371. </div>
  372. {/block:PermalinkPage}
  373.  
  374. {block:ContentSource}
  375. <!-- {SourceURL}
  376. {block:SourceLogo}
  377. <img src="{BlackLogoURL}"
  378. width="{LogoWidth}"
  379. height="{LogoHeight}"
  380. alt="{SourceTitle}" />
  381. {/block:SourceLogo}
  382. {block:NoSourceLogo}
  383. {SourceLink}
  384. {/block:NoSourceLogo} -->
  385. {/block:ContentSource}
  386.  
  387. </div></div>
  388.  
  389. {/block:Posts}
  390.  
  391.  
  392. </div></div>
  393. </body>
  394. </html>
Advertisement
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!