sunmetahors

NOT PRIVATE NOW

Apr 27th, 2016
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.85 KB | None | 0 0
  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. <style type="text/css">
  12.  
  13. ::-webkit-scrollbar {
  14. width: 2px;
  15. height: 2px;
  16. }
  17. ::-webkit-scrollbar-button {
  18. width: 0px;
  19. height: 0px;
  20. }
  21. ::-webkit-scrollbar-thumb {
  22. background: #9fafe1;
  23. border: 0px none #ffffff;
  24. border-radius: 50px;
  25. }
  26. ::-webkit-scrollbar-thumb:hover {
  27. background: #ffffff;
  28. }
  29. ::-webkit-scrollbar-thumb:active {
  30. background: #ffffff;
  31. }
  32. ::-webkit-scrollbar-track {
  33. background: #ffffff;
  34. border: 0px none #ffffff;
  35. border-radius: 50px;
  36. }
  37. ::-webkit-scrollbar-track:hover {
  38. background: #ffffff;
  39. }
  40. ::-webkit-scrollbar-track:active {
  41. background: #ffffff;
  42. }
  43. ::-webkit-scrollbar-corner {
  44. background: transparent;
  45. }
  46.  
  47. body {
  48. background-color:#decded;
  49. font-family:'Gibson', sans-serif;
  50. font-size: 11px;
  51. color:#006f94;
  52. }
  53.  
  54. a {
  55. text-decoration:none;
  56. color:#f2992e;
  57. -webkit-transition: all 0.7s ease;
  58. -moz-transition: all 0.7s ease;
  59. -o-transition: all 0.7s ease;
  60. }
  61.  
  62. a:hover {
  63. color:#636363;
  64. }
  65.  
  66. b, strong {
  67. color:#878787;
  68. text-transform:uppercase;
  69. }
  70.  
  71. i, em {
  72. color:#878787;
  73. font-family:'Bookman', serif;
  74. }
  75.  
  76. blockquote {
  77. padding:2px 7px;
  78. margin:3px 0 3px 8px;
  79. border-left:1px solid #006f94;
  80. }
  81.  
  82. blockquote img {
  83. max-width:100%;
  84. height:auto;
  85. }
  86.  
  87. img {
  88. max-width: 100%;
  89. }
  90.  
  91.  
  92. #container {
  93. position:absolute;
  94. left:400px;
  95. height:350px;
  96. overflow-y:scroll;
  97. width:500px;
  98. top:180px;
  99. background:#fff;
  100.  
  101. }
  102.  
  103. .content {
  104. position:absolute;
  105. height:300px
  106. width:400px;
  107. top:38px;
  108. left:41px;
  109. }
  110.  
  111. .posts {
  112. width:400px;
  113. background-color:#ffffff;
  114. padding:10px;
  115. margin-bottom:50px;
  116. }
  117.  
  118. .permalinks {
  119.  
  120. padding:5px;
  121. height:12px;
  122. color:#000;
  123. }
  124.  
  125. .permalinks a {
  126. text-decoration:none;
  127. font-size: 9px;
  128. color:#f2992e;
  129. }
  130.  
  131. .permalinks a:hover {
  132. color:#636363;
  133. }
  134.  
  135. .date {
  136. float:left;
  137. }
  138.  
  139. .reblogs {
  140. float:right;
  141. }
  142.  
  143.  
  144. .tags {
  145. text-align:left;
  146. padding-left:15px;
  147. }
  148.  
  149. .tags a {
  150. text-decoration:none;
  151. font-size: 9px;
  152. text-transform:none;
  153. color:#636363;
  154. }
  155.  
  156. .tags a:hover {
  157. color:#f2992e;
  158. }
  159.  
  160. .titlea {
  161. font-size:30px;
  162. line-height:30px;
  163. text-align:left;
  164. padding:10px;
  165. margin-left:385px;
  166. margin-top:138px;
  167. font-family:gill sans;
  168. }
  169.  
  170. #sidebar {
  171. position:fixed;
  172. right:150px;
  173. top:250px;
  174. height:350%;
  175. width:200px;
  176. background:transparent;
  177. }
  178.  
  179. #description {
  180. font-size:10px;
  181. color:#000;
  182. text-align:left;
  183. padding:10px;
  184. }
  185.  
  186. #links {
  187. font-size:11px;
  188. font-family:gill sans;
  189. padding:10px;
  190. }
  191.  
  192. #links a {
  193. display:inline-block;
  194. color:#006f94;
  195. padding-right:10px;
  196. -webkit-transition: all 0.7s ease;
  197. -moz-transition: all 0.7s ease;
  198. -o-transition: all 0.7s ease;
  199. }
  200.  
  201. #links a:hover {
  202. color:#dddddd;
  203. }
  204.  
  205. #pagination {
  206. position:fixed;
  207. padding-left:20px;
  208. padding-top:20px;
  209. }
  210.  
  211. #pagination a {
  212. color:#006f94;
  213. font-size:13px;
  214. font-family:gill sans;
  215. text-transform:uppercase;
  216. -webkit-transition: all 0.7s ease;
  217. -moz-transition: all 0.7s ease;
  218. -o-transition: all 0.7s ease;
  219. }
  220.  
  221. #pagination a:hover {
  222. color:#ffffff;
  223. }
  224.  
  225. .asker {
  226. font-size:15px;
  227. font-style: italic;
  228. text-align:center;
  229. border-bottom:1px solid #eee;
  230. margin-bottom:5px;
  231. padding-bottom:3px;
  232. }
  233.  
  234. .question {
  235. font-style: italic;
  236. padding-left:50px;
  237. padding-right:50px;
  238. }
  239.  
  240. .quote {
  241. font-size:13px;
  242. letter-spacing:1px;
  243. text-align:center;
  244. border-bottom:1px solid #eee;
  245. margin-bottom:5px;
  246. padding-bottom:3px;
  247. }
  248.  
  249. .quotesource {
  250. font-size:10px;
  251. letter-spacing:1px;
  252. text-align:center;
  253. margin-bottom:5px;
  254. }
  255.  
  256. </style>
  257.  
  258. <body>
  259.  
  260. <img src="http://i.imgur.com/Dd6TqlX.png" style="position:fixed;bottom:135px;left:140px;z-index:-999"/>
  261.  
  262.  
  263.  
  264. <div id="sidebar">
  265.  
  266. <div id="links">
  267. <a href="/">home</a>
  268. <a href="/ask">ask</a>
  269. <a href="/app">application</a>
  270. <a href="http://citta-alveare.com/">masterlist</a>
  271. </div>
  272.  
  273. <div id="description">{block:Description}{Description}{/block:Description}
  274.  
  275. </div>
  276.  
  277. <div id="pagination">{block:Pagination}
  278. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  279. {/block:NextPage}
  280. {/block:Pagination}</div>
  281.  
  282. </div>
  283.  
  284. <div class="titlea">{Title}</div>
  285. <div id="container">
  286. <div class="content">
  287.  
  288. {block:Posts}
  289.  
  290. <div class="posts">
  291.  
  292. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  293.  
  294. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  295.  
  296. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  297.  
  298. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  299.  
  300. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  301.  
  302. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  303.  
  304. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  305. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  306.  
  307. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  308.  
  309. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  310.  
  311. {block:Answer}
  312. <div class="asker">{Asker} whispered</div>
  313. <div class="question">{Question}</div>
  314. {Answer}
  315. {/block:Answer}
  316.  
  317. <div class="permalinks">
  318. <div class="date"><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} </a>
  319. – <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  320. <div class="reblogs">{block:RebloggedFrom}
  321. <a href="{ReblogParentURL}">via</a> –
  322. <a href="{ReblogRootURL}">source</a> –
  323. {/block:RebloggedFrom} <a href="{ReblogURL}">reblog</a></div>
  324. </div>
  325.  
  326. {block:HasTags}
  327. <div class="tags">
  328. {block:Tags}<a href="{TagURL}"> {Tag} </a> {/block:Tags}
  329. </div>
  330. {/block:HasTags}
  331.  
  332. </div>
  333.  
  334. {/block:Posts}
  335.  
  336. </div>
  337. </div>
  338.  
  339. {block:ContentSource}
  340. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  341. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  342. {/block:SourceLogo}
  343. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  344. {/block:ContentSource}
  345. </body>
  346. </html>
Add Comment
Please, Sign In to add comment