Advertisement
laynemorgan

House of the Rising Sun - simple code

Sep 17th, 2014
474
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.76 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  7. <meta name="description" content="{description}" />
  8. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  9.  
  10.  
  11. <meta name="color:font" content="#000"/>
  12. <meta name="color:background" content="#f9f9f9"/>
  13. <meta name="color:post background" content="#fff"/>
  14. <meta name="color:sidebar background" content="#fff"/>
  15. <meta name="color:sidebar font" content="#000"/>
  16. <meta name="color:link color" content="#cc2525"/>
  17. <meta name="color:borders" content="#cc2525"/>
  18. <meta name="color:post titles" content="#cc2525"/>
  19. <meta name="color:nav bacground" content="#cc2525"/>
  20. <meta name="color:image border" content="#000"/>
  21. <meta name="color:blogtitle" content="#000"/>
  22.  
  23. <meta name="text:Link" content="http://"/>
  24. <meta name="text:Name" content="link1"/>
  25. <meta name="text:Link2" content="http://"/>
  26. <meta name="text:Name2" content="link2"/>
  27.  
  28. <meta name="image:Sidebar" content=""/>
  29.  
  30. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  31.  
  32. <style type="text/css">
  33.  
  34. body {
  35. font-size: 10px;
  36. font-family: Calibri, Candara, Segoe;
  37. color: {color:font};
  38. background-color: {color:background};
  39. }
  40.  
  41. a {
  42. color: {color:link color};
  43. text-decoration: none;
  44. -moz-transition-duration: 0.5s;
  45. -o-transition-duration: 0.5s;
  46. -webkit-transition-duration: 0.5s;
  47. transition-duration: 0.5s;}
  48.  
  49. a:hover {
  50. color: {color:font};
  51. -moz-transition-duration: 0.5s;
  52. -o-transition-duration: 0.5s;
  53. -webkit-transition-duration: 0.5s;
  54. transition-duration: 0.5s;}
  55.  
  56. .container {
  57. width: 800px;
  58. margin: auto;
  59. }
  60.  
  61.  
  62. .sidebar {
  63. width: 200px;
  64. height: 200px;
  65. color:{color:sidebar font};
  66. position: fixed;
  67. padding: 10px;
  68. background-color: transparent;
  69. margin-left:150px;
  70. margin-top:180px;
  71. }
  72.  
  73. .sidebarimg{
  74. width:160px;
  75. height:160px;
  76. border:2px solid {color:image border};
  77. margin-left:11px;
  78. position:fixed;
  79. }
  80. .description {
  81. text-align:justify;
  82. font-size:11px;
  83. color:{color:sidebar font};
  84. background-color:transparent;
  85. padding:10px;
  86. width: 164px;
  87. position:fixed;
  88. margin-top:170px;
  89. }
  90.  
  91. .blogtitle{
  92. font-size:16px;
  93. position:fixed;
  94. color:{color:blogtitle};
  95. margin-top:-20px;
  96. font-family:georgia;
  97. font-style:italic;
  98. }
  99. .navigation{
  100. width:160px;
  101. height:14px;
  102. padding:10px;
  103. position:fixed;
  104. margin-top:420px;
  105. margin-left:160px;
  106. text-transform:uppercase;
  107. text-align:center;
  108. }
  109.  
  110.  
  111.  
  112. .postcol {
  113. width: 540px;
  114. margin-left: 240px;
  115. }
  116.  
  117. .posts {
  118. margin-bottom: 20px;
  119. background-color: {color:post background};
  120. padding: 20px;
  121. margin-bottom: 20px;
  122. }
  123.  
  124. .posts li {
  125. list-style: square;
  126. }
  127.  
  128. .posts blockquote {
  129. border-left: 1px solid {color:borders};
  130. padding-left: 5px;
  131. }
  132.  
  133. .posts img, .posts li, .posts blockquote {
  134. max-width: 100%;
  135. }
  136.  
  137. .posts h2 {
  138. font-size: 12px;
  139. color: {color:post titles};
  140. font-weight: normal;
  141. margin: 0px;
  142. }
  143.  
  144. .posts h2 a {
  145. font-size:16px;
  146. }
  147.  
  148. .question {
  149. background-color: #fcfcfc;
  150. padding: 20px;
  151. min-height: 50px;
  152. }
  153.  
  154. .question img {
  155. border: 5px solid #fff;
  156. float: left;
  157. margin-right: 10px;}
  158.  
  159. .askr {color: #cf2d85;}
  160.  
  161. .source {
  162. font-size:14px;
  163. text-align:right;
  164. }
  165.  
  166. .quote {
  167. font-size:18px;
  168. }
  169.  
  170. .audio{
  171. background-color:#fff;
  172. color:#fff;
  173. height:auto;
  174. overflow:hidden;
  175. }
  176.  
  177. .postinfo {padding: 5px;
  178. background-color: #fff;
  179. font-size: 9px;
  180. text-transform: uppercase;
  181. letter-spacing: 1px;
  182. border-top: 4px solid {color:borders};
  183. margin-bottom: 20px;}
  184.  
  185. .rebloginfo {
  186. float: right;}
  187.  
  188. .pagination {
  189. position:fixed;
  190. margin-top:500px;
  191. margin-left:234px;
  192. text-align:center;
  193. }
  194.  
  195. .credit, .credit a {
  196. width:auto;
  197. height:20px;
  198. bottom:0px;
  199. right:15px;
  200. padding:6px;
  201. z-index:1000000;
  202. font-size:8px;
  203. color:#000;
  204. position:fixed;
  205. }
  206.  
  207.  
  208. </style>
  209. </head>
  210.  
  211. <body>
  212.  
  213. <div class="sidebar">
  214. <div class="blogtitle">{title}</div>
  215. <div class="sidebarimg"><img src="{image:Sidebar}"></div>
  216. <div class="description">{description}</div>
  217. </div>
  218.  
  219. <div class="navigation">
  220. <a href="/">HOME</a>
  221. <a href="/ask}">ASK</a>
  222. <a href="/submit">SUBMIT</a>
  223. <a href="{text:URL}">{text:Name}</a>
  224. <a href="{text:URL2}">{text:Name2}</a>
  225. </div>
  226.  
  227. {block:Pagination}
  228. <div class="pagination">
  229. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  230.  
  231. {CurrentPage} / {TotalPages}
  232.  
  233. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  234. </div>
  235. {/block:Pagination}
  236.  
  237. <div class="container">
  238. <div class="postcol">
  239. {block:Posts}
  240. <div class="posts">
  241. {block:Text}
  242. {block:Title}<h2>{Title}</h2>{/block:Title}
  243. {Body}
  244. {/block:Text}
  245. {block:Answer}
  246. <div class="question">
  247. <img src="{AskerPortraitURL-40}"> {Asker} asked: {Question}
  248. </div>
  249. {Answer}
  250. {/block:Answer}
  251. {block:Quote}
  252. <div class="quote">
  253. <div class="quotetext_{Length}">"{Quote}"</div>
  254. {block:Source}<div class="source">-{Source}</div>{/block:Source}
  255. </div>
  256. {/block:Quote}
  257. {block:Link}
  258. <h2><a href="{URL}">{Name}</a></h2>
  259. {block:Description}{Description}{/block:Description}
  260. {/block:Link}
  261. {block:Chat}
  262. {block:Title}<h2>{Title}</h2>{/block:Title}
  263. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  264. {Line}</li>{/block:Lines}</ul>
  265. {/block:Chat}
  266. {block:Photo}
  267. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  268. {block:Caption}{Caption}{/block:Caption}
  269. {/block:Photo}
  270. {block:Photoset}
  271. {Photoset-500}
  272. {block:Caption}{Caption}{/block:Caption}
  273. {/block:Photoset}
  274. {block:Video}
  275. {Video-500}
  276. {block:Caption}{Caption}{/block:Caption}
  277. {/block:Video}
  278. {block:Audio}
  279. <div class="audio">{AudioPlayer}</div>
  280. {block:Caption}
  281. {Caption}
  282. {/block:Caption}
  283. {/block:Audio}
  284.  
  285. <div class="postinfo"><a href="{Permalink}">{block:SameDayDate} {TimeAgo}{/block:SameDayDate}
  286. {block:NewDayDate} {MonthNumberWithZero}/{DayOfMonthWithZero}/{year}{/block:NewDayDate}</a>
  287. {block:NoteCount}{NoteCount}{/block:NoteCount} notes
  288. {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName} </a> / <a href="{ReblogRootURL}">{ReblogRootName} </a>{/block:RebloggedFrom}
  289. {block:HasTags} {block:Tags} {TAG} {/block:Tags} {/block:HasTags}
  290. </div>
  291.  
  292. </div>
  293. {/block:Posts}
  294. </div>
  295.  
  296. <span class="credit">
  297. <a href="http://laynemorgan.tumblr.com">laynemorgan</a>
  298. <br>
  299. </span>
  300.  
  301.  
  302. </div>
  303. </body>
  304. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement