Advertisement
queenlouis

drown with me

Aug 5th, 2013
635
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.36 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. <! theme made by kissthesun
  5.  
  6. please do not remove credit or claim/edit as your own !>
  7.  
  8. <head>
  9.  
  10.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11.     <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.     <link rel="shortcut icon" href="{Favicon}" />
  13.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15.     <meta name="color:Sidebar" content="#fcfcfc">
  16.     <meta name="color:Text" content="#afafaf">
  17.     <meta name="color:Link" content="#727070">
  18.      <meta name="color:Border" content="#f0eeee">
  19.     <meta name="color:Hover" content="#0a0000">
  20.     <meta name="color:Scrollbar" content="#afafaf">
  21.     <meta name="image:Sidebar" content=""/>
  22.     <meta name="if:Color" content="1"/>
  23.     <meta name="text:link3" content="">
  24.     <meta name="text:link3 url" content="/">
  25.     <meta name="text:link4" content="">
  26.     <meta name="text:link4 url" content="/">
  27.     <meta name="text:link5" content="">
  28.     <meta name="text:link5 url" content="/">
  29.     <meta name="text:link6" content="">
  30.     <meta name="text:link6 url" content="/">
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  33.     <style type="text/css">
  34.    
  35.    
  36.     ::-webkit-scrollbar {background-color:#ffffff; height:4px; width:7px}
  37.     ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  38.  
  39. body {
  40. background-color:#ffffff;
  41. font-family:cambria;
  42. font-weight:normal;
  43. font-size:10px;
  44. }
  45.  
  46. h1 {
  47. font-weight:normal;
  48. font-style:italic;
  49. font-size:12px;
  50. font-family: 'Amatic SC', cursive;
  51. text-align:center;
  52. font-style:normal;
  53. line-height:80%;
  54. letter-spacing:1px;
  55. text-transform:uppercase;
  56. color:{color:Text};
  57. }
  58.  
  59. h2 {
  60. text-align:left;
  61. line-height:120%;
  62. letter-spacing:0px;
  63. text-transform:lowercase;
  64. font-size:24px;
  65. font-family: 'Amatic SC', cursive;
  66. font-weight:normal;
  67. color:{color:text};
  68. }
  69.  
  70.  
  71. blockquote {
  72. margin:5px;
  73. padding-left:5px;
  74. border-left:2px solid {color:text};
  75. }
  76.  
  77. a {
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. text-decoration:none;
  82. color:{color:Link};
  83. }
  84.    
  85. a:hover {
  86. -moz-transition-duration:0.5s;
  87. -webkit-transition-duration:0.5s;
  88. -o-transition-duration:0.5s;
  89. color:{color:Hover};
  90. text-decoration:none;
  91.     }
  92.  
  93. #things {
  94. width:500px;
  95. margin-top:70px;
  96. margin-bottom:50px;
  97. text-align:left;
  98. font-size:11px;
  99. line-height:100%;
  100. letter-spacing:0x;
  101. color:{color:Text};
  102.     }
  103.    
  104. #container {
  105. float:left;
  106. margin-left:180px;
  107. margin-top:40px;
  108. text-align:left;
  109. background-color:#ffffff;
  110. color:{color:Text};
  111. }
  112.    
  113. #everything {
  114. background-color:#ffffff;
  115. margin: 0 auto -12px auto;
  116. width:700px;
  117. text-align: left;
  118. }
  119.  
  120. #bits {
  121. width:500px;
  122. font-style:normal;
  123. padding-top:5px;
  124. margin-top:-10px;
  125. margin-bottom:-35px;
  126. font-size:8px;
  127. text-transform:uppercase;
  128. letter-spacing:2px;
  129. text-align:left;
  130. -moz-transition-duration:0.5s;
  131. -webkit-transition-duration:0.5s;
  132. -o-transition-duration:0.5s;
  133. color:{color:link};
  134. border-top:1px solid {color:Border};
  135. }
  136.  
  137. #bits a {
  138. text-align:center;
  139. letter-spacing:1px;
  140. font-style:normal;
  141. color:{color:Link};
  142. }
  143.    
  144. #bits a:hover {
  145. color:{color:Hover};
  146. }
  147.    
  148. .numbers {
  149. text-transform:lowercase;
  150. font-style:normal;
  151. letter-spacing:0px;
  152. font-size: 9px;
  153. text-align:left;
  154. line-height:90%;
  155. margin-left:-60px;
  156. }
  157.    
  158. .numbers li {
  159. list-style-type:none;
  160. padding:10px 25px 10px 25px;
  161. text-align:left;
  162. margin:0px;
  163. -moz-transition-duration:0.5s;
  164. -webkit-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167.        
  168. .tags {
  169. font-style:normal;
  170. width:500px;
  171. text-transform:uppercase;
  172. font-style:normal;
  173. letter-spacing:1px;
  174. line-height:100%;
  175. font-size:8px;
  176. text-align:left;
  177. padding-top:2px;
  178. -moz-transition-duration:0.5s;
  179. -webkit-transition-duration:0.5s;
  180. -o-transition-duration:0.5s;
  181. }
  182.  
  183. #sidebar {
  184. position:fixed;
  185. margin-left:-100px;
  186. width:245px;
  187. height:auto;
  188. margin-top:190px;
  189. text-align:left;
  190. color:{color:Text};
  191. }
  192.  
  193. #sidebar img {
  194. width:245px;
  195. height:auto;
  196. margin-bottom:10px;
  197. }
  198.    
  199. .description {
  200. {block:IfColor}
  201. margin-bottom:0px;
  202. width: 230px;
  203. padding:8px;
  204. height:auto;
  205. text-align:center;
  206. font-style:italic;
  207. font-size:9px;
  208. letter-spacing:1px;
  209. line-height:150%;
  210. background-color:{color:Sidebar};
  211. color:{color:Text};
  212. {/block:IfColor}
  213. {block:IfNotColor}
  214. margin-bottom:0px;
  215. width: 245px;
  216. height:auto;
  217. text-align:center;
  218. font-style:italic;
  219. font-size:9px;
  220. letter-spacing:1px;
  221. line-height:150%;
  222. color:{color:Text};
  223. {/block:IfNotColor}
  224. }
  225.  
  226. .desc a {
  227. color:{color:Link};
  228. }
  229.  
  230. .linky {
  231. text-align:center;
  232. letter-spacing:5px;
  233. line-height:170%;
  234. margin-bottom:10px;
  235. width:245px;
  236. font-size:9px;
  237. text-transform:uppercase;
  238. border-top:1px solid {color:Border};
  239. border-bottom:1px solid {color:Border};
  240. }
  241.    
  242. .linky a{
  243. letter-spacing:0px;
  244. text-decoration:none;
  245. -moz-transition-duration:1s;
  246. -webkit-transition-duration:1s;
  247. -o-transition-duration:1s;
  248. padding:2px;
  249. color:{color:Link};
  250. }
  251.    
  252. .linky a:hover{
  253. -moz-transition-duration:1s;
  254. -webkit-transition-duration:1s;
  255. -o-transition-duration:1s;
  256. color:{color:Hover};
  257. }
  258.  
  259. .pagination {
  260. font-size:9px;
  261. letter-spacing:1.5px;
  262. font-style:italic;
  263. text-align:center;
  264. margin-top:20px;
  265. }
  266.    
  267. .question {
  268. padding:10px;
  269. text-align:left;
  270. background-color:{color:Border};
  271. color:{color:Text};
  272. }
  273.  
  274. .reply {
  275. text-align:left;
  276. padding:5px;
  277. color:{color:Text};
  278. }
  279.  
  280. .audio {
  281. width:500px;
  282. padding-bottom:10px;
  283. padding-top:10px;
  284. padding-left:3px;
  285. }
  286.    
  287. .albumart {
  288. float:left;
  289. padding:0px 10px 10px 0px;
  290. }
  291.    
  292. .albumart img {
  293. width:50px;
  294. height:50px;
  295. border-color:{color:Border};
  296. }
  297.    
  298. .playercontainer {
  299. width:500px;
  300. text-align:justify;
  301. padding:10px;
  302. }
  303.    
  304. .audioinfo {
  305. padding:10px;
  306. color:{color:Text};
  307. }
  308.  
  309. .caption {
  310. width:500px;
  311. text-align:justify;
  312. line-height:120%;
  313. }
  314.    
  315. ul.chat, .chat ol, .chat li {
  316. list-style:none;
  317. margin:0px;
  318. padding:2px;
  319. }
  320.    
  321. .label {
  322. text-decoration:underline;
  323. font-weight:700;
  324. margin-right:5px;
  325. }
  326.  
  327. #cred {
  328. position:fixed;
  329. bottom:8px;
  330. right:10px;
  331. text-transform:uppercase;
  332. font-size:9px;
  333. font-weight:bold;
  334. font-family:calibri;
  335. padding:3px;
  336. border:2px solid {color:border};}
  337.  
  338. {CustomCSS}
  339.  
  340. </style></head>
  341.  
  342. <body>
  343. <div id="everything">
  344. <div id="sidebar">
  345. <img src="{image:Sidebar}">
  346. <div class="linky">
  347. <a href="/" title="home">1.</a>
  348. <a href="/ask" title="message">2.</a>
  349. {block:IfLink3}
  350. <a href="{text:link3 url}"title="{text:link3}">3.</a>
  351. {/block:IfLink3}
  352. {block:IfLink4}
  353. <a href="{text:link4 url}"title="{text:link4}">4.</a>
  354. {/block:IfLink4}
  355. {block:IfLink5}
  356. <a href="{text:link5 url}"title="{text:link5}">5.</a>
  357. {/block:IfLink5}
  358. {block:IfLink6}
  359. <a href="{text:link6 url}"title="{text:link6}">6.</a>
  360. {/block:IfLink6}
  361. </div>
  362. <div class="description">
  363. {Description}
  364. <br>
  365.  
  366. </div>
  367.  
  368. {block:Pagination}
  369. <div class="pagination">
  370. {block:PreviousPage}
  371. <a href="{PreviousPage}">←back</a>
  372. {/block:PreviousPage}
  373. {block:NextPage}
  374. <a href="{NextPage}">next→</a>
  375. {/block:NextPage}
  376. </div>
  377. {/block:Pagination}
  378.  
  379. </div>
  380.  
  381. <div id="container">
  382.  
  383. {block:Posts}
  384.  
  385. <div id="things">
  386.  
  387. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  388.  
  389. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  390.  
  391. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  392. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  393.  
  394. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  395.  
  396. {block:Photoset}<center>{Photoset-500}</center>
  397. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  398.  
  399. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  400.  
  401. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  402.  
  403. {block:Answer}<div class="question">{Question} — {Asker}</div><div class="reply">{Answer}</div>{/block:answer}
  404.  
  405. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  406. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  407. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  408. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  409. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  410.  
  411. <br><div id="bits"><a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a> | {/block:Date} <a href="{Permalink}">{NoteCount}</a>  {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a> | {/block:RebloggedFrom}
  412. {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  413.  
  414. {block:HasTags}
  415. <div class="tags">
  416. {block:Tags} - <a href="{TagURL}">{Tag}&nbsp;</a>{/block:Tags}</div>
  417. {/block:HasTags}
  418. <div class="numbers">
  419. {block:PostNotes}{PostNotes}{/block:PostNotes}
  420. </div></div>
  421.  
  422. {/block:Posts}
  423.  
  424.  
  425. </div>
  426. <div id="cred">
  427. <a href="http://www.kissthesun.tumblr.com"title="kissthesun">theme ©</a>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </body>
  433. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement