API tools faq
paste
Advertisement
Amanduhh7

City Skyline

Amanduhh7
Jan 17th, 2014
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!--Do not remove the credit-->
  11. <!--Do not remove the credit-->
  12. <!--Do not remove the credit-->
  13. <!--Do not remove the credit-->
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. <meta name="image:header" content="">
  21. <meta name="image:sidebar" content="">
  22.  
  23. <meta name="color:title" content="#000000">
  24. <meta name="color:nav" content="#ffffff">
  25. <meta name="posttitle" content="#000000">
  26. <meta name="color:postlink" content="#7f8080">
  27.  
  28. <style type="text/css">
  29.  
  30. #header img{
  31. position:fixed;
  32. margin-top:50px;
  33. margin-left:400px;
  34. width:1000px;
  35. height:200px;
  36. border:2px solid black;
  37. opacity:.1;
  38. z-index:999999;
  39.  
  40. }
  41.  
  42.  
  43. #title{
  44. position:fixed;
  45. margin-top:150px;
  46. margin-left:400px;
  47. width:1000px;
  48. text-align:center;
  49. font-size:100px;
  50. font-family:shit happens;
  51. z-index:999;
  52. }
  53.  
  54. #title:hover #description{
  55. opacity:1;
  56. }
  57.  
  58. #title:hover #sidebar{
  59. opacity:1;
  60. }
  61.  
  62. #description{
  63. position:fixed;
  64. margin-top:-50px;
  65. margin-left:-250px;
  66. opacity:0;
  67. font-size:12px;
  68. font-family:arial;
  69. text-align:justify;
  70. line-height:120%;
  71. font-style:italic;
  72. width:200px;
  73. padding:10px;
  74. -webkit-transition: all 0.8s ease-in-out;
  75. -moz-transition: all 0.8s ease-in-out;
  76. -o-transition: all 0.8s ease-in-out;
  77. -ms-transition: all 0.8s ease-in-out;
  78. transition: all 0.8s ease-in-out;
  79. }
  80.  
  81. #sidebar{
  82. position:fixed;
  83. margin-left:-210px;
  84. margin-top:-200px;
  85. opacity:0;
  86. }
  87. #sidebar img{
  88. position:fixed;
  89. width:150px;
  90. height:150px;
  91. }
  92.  
  93. #nav{
  94. position:fixed;
  95. width:1004px;
  96. height:22px;
  97. background-color:gray;
  98. margin-top:255px;
  99. margin-left:400px;
  100. z-index:999;
  101. }
  102.  
  103. #nav a{text-decoration:none; color:white; display:inline-block; padding-top:2px; padding-left:20px; margin-left:27px;}
  104.  
  105. #content{
  106. position:absolute;
  107. width:4200px;
  108. margin-top:350px;
  109. margin-left:100px;
  110.  
  111. }
  112.  
  113. #content .posts{
  114. width:500px;
  115. height:400px;
  116. padding-left:10px;
  117. margin: 25px;
  118. float:left;
  119. {block:IndexPage}
  120. overflow:auto;{/block:IndexPage}
  121. }
  122.  
  123. .posttitle{
  124. color:{color:posttitle};
  125. font-size:40px;
  126. text-align:center;
  127. }
  128.  
  129. .posttext{
  130. color:black;
  131. font-size:15px;
  132. text-align:center;
  133. }
  134.  
  135. .postdescription{
  136. font-size:12px;
  137. text-align:center;
  138. }
  139.  
  140. .postcaption{
  141. font-size:12px;
  142. text-align:center;
  143. }
  144.  
  145. .link{color:{color:postlink};}
  146.  
  147. .quote{
  148. font-style:italic;
  149. }
  150.  
  151. .quotesource{
  152. font-size:12px;
  153. }
  154.  
  155. #info{
  156. opacity:.7;
  157. {block:Permalink}width:auto;{/block:Permalink}
  158. {block:IndexPage}width:400px;{/block:IndexPage}
  159. padding-top:5px;
  160. padding:bottom:5px;
  161. text-align:center;
  162. border-bottom:2px solid black;
  163. }
  164.  
  165. #date a{
  166. color:#000000;
  167. font-weight:bold;
  168. font-size:12px;
  169. text-decoration:none;
  170. }
  171.  
  172. #notecontainer {
  173. margin: 20px auto;
  174. font-size: 11px;
  175. background-color:white;
  176. }
  177.  
  178. #notecontainer a{text-decoration:none; color:black;}
  179.  
  180. #notecontainer ol.notes {
  181. list-style-type: none;
  182. margin: 0;
  183. padding: 0;
  184. }
  185.  
  186. .chat{list-style:none;}
  187.  
  188. .tags{font-size:10px; color:black; width:250px; display:inline;}
  189.  
  190. /*Change the background color and solid color to change the colors of the scrollbars*/
  191. ::-webkit-scrollbar-thumb {background-color:#f6c4c4; border: 3px solid #fff; height:auto; border-bottom:none;}
  192.  
  193. ::-webkit-scrollbar {height:9px;width:12px;background-color:#f6c4c4;
  194. border:4px solid #fff;}
  195. /*Change the background color and solid color to change the colors of the scrollbars*/
  196.  
  197. .pagination a{text-decoration:none; color:black;}
  198.  
  199. /* Custom CSS */
  200. {CustomCSS}
  201. </style>
  202. </head>
  203. <body>
  204.  
  205. <div id="header">
  206. <img src="{image:header}">
  207.  
  208. </div>
  209.  
  210. <div id="title">
  211. {Title}
  212. <div id="description">
  213. {block:Description}{Description}{/block:Description}
  214. </div>
  215. <div id="sidebar">
  216. <img src="{image:sidebar}">
  217. </div>
  218. </div>
  219.  
  220.  
  221.  
  222. <div id="nav">
  223. <!--This is where you add your own custom links. Delete the blocks for links to show on your blog-->
  224. <a href="{Link1}" title="link description">Link One</a>
  225. <a href="{Link2}" title="link description">Link Two</a>
  226. <a href="{Link3}" title="link description">Link Three</a>
  227. <a href="/">Home</a>
  228. <a href="/ask">Message</a>
  229. <a href="/archive">Archive</a>
  230. <a href="{Link4}" title="link description">Link Four</a>
  231. <a href="{Link5}" title="link description">Link Five</a>
  232. <a href="{Link6}" title="link description">Link Six</a>
  233. <!--This is where you add your own custom links. Delete the blocks for links to show on your blog-->
  234. </div>
  235.  
  236.  
  237.  
  238. <div id="content">
  239.  
  240. {block:Posts}
  241.  
  242. <div class="posts" style="max-height:250px;">
  243.  
  244.  
  245. {block:Text}
  246. <div class="posttitle">{Title}</div>
  247. <div class="posttext">{Body}</div>
  248. {block:PermalinkPage}
  249. {block:HasTags}
  250. {block:Tags}
  251. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  252. {/block:Tags}
  253. {/block:HasTags}
  254. {/block:PermalinkPage}
  255. {/block:Text}
  256.  
  257. {block:Photo}
  258. {block:IndexPage}<img src="{PhotoURL-500}" width="400" height="350" ALT="{PhotoALT}">{/block:IndexPage}
  259. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  260. {block:PermalinkPage}
  261. <img src="{PhotoURL-500}" width="auto" height="auto" ALT="{PhotoALT}">
  262. {block:HasTags}
  263. {block:Tags}
  264. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  265. {/block:Tags}
  266. {/block:HasTags}
  267. {/block:PermalinkPage}
  268. {/block:Photo}
  269.  
  270. {block:Photoset}
  271. {block:Photos}
  272. <img src="{PhotoURL-500}" width="400" max-height="350">
  273. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  274. {/block:Photos}
  275. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  276. {block:PermalinkPage}
  277. <img src="{PhotoURL-500}" width="auto" height="auto" ALT="{PhotoALT}">
  278. {block:HasTags}
  279. {block:Tags}
  280. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  281. {/block:Tags}
  282. {/block:HasTags}
  283. {/block:PermalinkPage}
  284. {/block:Photoset}
  285.  
  286.  
  287.  
  288. {block:Quote}
  289. <div class="quote"><b>"{Quote}"</b></div>
  290. <br>
  291. <div class="quotesource">~{Source}</div>
  292. {block:PermalinkPage}
  293. {block:HasTags}
  294. {block:Tags}
  295. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  296. {/block:Tags}
  297. {/block:HasTags}
  298. {/block:PermalinkPage}
  299. {/block:Quote}
  300.  
  301. {block:Chat}
  302. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  303. <ul>
  304. <div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
  305. </ul>
  306. {block:PermalinkPage}
  307. {block:HasTags}
  308. {block:Tags}
  309. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  310. {/block:Tags}
  311. {/block:HasTags}
  312. {/block:PermalinkPage}
  313. {/block:Chat}
  314.  
  315. {block:Link}
  316. <a href="{URL}"><div class="posttitle link">{Name}</div></a>
  317. {block:Description}<div class="postdescription">{Description}</div>{/block:Description}
  318. {block:PermalinkPage}
  319. {block:HasTags}
  320. {block:Tags}
  321. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  322. {/block:Tags}
  323. {/block:HasTags}
  324. {/block:PermalinkPage}
  325. {/block:Link}
  326.  
  327. {block:Answer}
  328. <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div> asks:
  329. <br><br> <b>{Question}</b>
  330. <br><br>
  331. {block:Answerer}
  332. <img src="{AnswererPortraitURL-16}" alt="">
  333. <div class="ask">{Answerer}</div>
  334. <div class="answerer">Answer: {Answer}</div>
  335. {/block:Answerer}
  336. <br><br>
  337. {Replies}
  338. </div>
  339. {/block:Answer}
  340.  
  341. {block:Video}
  342. {VideoEmbed-250}
  343. {PlayCountWithLabel}
  344. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  345. {block:PermalinkPage}
  346. {block:HasTags}
  347. {block:Tags}
  348. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  349. {/block:Tags}
  350. {/block:HasTags}
  351. {/block:PermalinkPage}
  352. {/block:Video}
  353.  
  354. {block:Audio}
  355. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  356. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  357. {block:PlayCount}{PlayCount}{/block:PlayCount}
  358. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  359. {block:PermalinkPage}
  360. {block:HasTags}
  361. {block:Tags}
  362. <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
  363. {/block:Tags}
  364. {/block:HasTags}
  365. {/block:PermalinkPage}
  366. {/block:Audio}
  367.  
  368.  
  369.  
  370. <div id="info"> <div id="date">
  371. {block:Date}<a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{/block:Date}
  372. </div>
  373. </div>
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381. </div>
  382. {/block:Posts}
  383.  
  384.  
  385.  
  386.  
  387. {block:PermalinkPage}
  388. {block:PostNotes}
  389. <div id="notecontainer">{PostNotes}</div>
  390. {/block:PostNotes}
  391. {block:ContentSource}{SourceURL}{/block:ContentSource}
  392.  
  393. {/block:PermalinkPage}
  394.  
  395.  
  396.  
  397. </div>
  398.  
  399. <div style="position:fixed; margin-top:330px; margin-left:870px;"><div class="pagination">{block:Pagination}{block:PreviousPage}
  400. <a href="{PreviousPage}">Previous</a>
  401. {/block:PreviousPage}{block:JumpPagination length="3"}{block:CurrentPage}
  402. <span class="current_page">{PageNumber}</span>
  403. {/block:CurrentPage}{block:JumpPage}
  404. <a class="jump_page" href="{URL}">{PageNumber}</a>
  405. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  406. <a href="{NextPage}">Next</a>
  407. {/block:NextPage}{/block:Pagination}</div></div>
  408.  
  409.  
  410.  
  411. <div style="position:fixed; top:5px; left:5px;">
  412. <a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/ZJImzckar/credit.png"</a>
  413. </div>
  414. </body>
  415. </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!