API tools faq
paste
Advertisement
lauracw

Theme #5 - Love Of My Life

lauracw
Apr 7th, 2013
1,300
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.05 KB | None | 0 0
raw download clone embed print report
  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.  
  5. <!--
  6. █▀▀▄ █░░ █░░█ █▀▀ ▀█░█▀ █░░ ▀█░█▀ █▀▀ ▀▀█▀▀
  7. █▀▀▄ █░░ █░░█ █▀▀ ░█▄█░ █░░ ░█▄█░ █▀▀ ░░█░░
  8. ▀▀▀░ ▀▀▀ ░▀▀▀ ▀▀▀ ░░▀░░ ▀▀▀ ░░▀░░ ▀▀▀ ░░▀░░
  9.  
  10.  
  11. theme #5 >> LOVE OF MY LIFE
  12. SIDEBAR 200px X 300px
  13. -DONT REMOVE THE CREDIT OR MOVE IT TO A SECONDARY PAGE
  14. -->
  15.  
  16. <head>
  17.  
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#969696"/>
  26.  
  27. <meta name="color:Links Bg" content="#3d3c3c"/>
  28. <meta name="color:border" content="#eeeeeee"/>
  29. <meta name="color:Link" content="#c9c9c9"/>
  30. <meta name="color:selection" content="#000000"/>
  31.  
  32. <meta name="color:Scrollbar" content="#d0d6e0"/>
  33. <meta name="color:description" content="#d0d6e0"/>
  34. <meta name="color:sidelinks" content="#d0d6e0"/>
  35. <meta name="color:sidelinkshoverborder" content="#FFBF00"/>
  36. <meta name="color:title" content="#d0d6e0"/>
  37.  
  38.  
  39.  
  40. <meta name="image:Sidebar" content=""/>
  41.  
  42. <meta name="text:link 1" content="">
  43. <meta name="text:link 1 url" content="/">
  44. <meta name="text:link 2" content="">
  45. <meta name="text:link 2 url" content="/">
  46. <meta name="text:link 3" content="">
  47. <meta name="text:link 3 url" content="/">
  48. <meta name="text:link 4" content="">
  49. <meta name="text:link 4 url" content="/">
  50.  
  51. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  52. <style>
  53. div#qTip {
  54. padding: 2px;
  55. display: none;
  56.  
  57. text-align: center;
  58. position: absolute;
  59. font-size:11px;
  60. line-height:10px;
  61. font-family:cambria;
  62. z-index: 1000;
  63. background:white;
  64.  
  65. color:{color:text};
  66. text-transform:uppercase;
  67. letter-spacing: 1px;
  68. }
  69. </style>
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar {
  75. width: 6px;
  76. height: 6px;
  77. background:{color:background};}
  78. ::-webkit-scrollbar-thumb {
  79. background-color: {color:Scrollbar};}
  80. ::-moz-selection {background-color:transparent; font-style:bold; color:{color:background};}
  81. ::selection {background-color:transparent; font-style:bold; color:{color:selection};}
  82.  
  83. body {
  84. background:{color:background};
  85. margin:0px;
  86. color:{color:text};
  87. font-family:cambria;
  88. font-size:10px;
  89. line-height:100%;
  90. font-style:italic;
  91. }
  92.  
  93.  
  94.  
  95. a {
  96. text-decoration:none;
  97. outline:none;
  98. -moz-outline-style:none;
  99. color:{color:link};
  100. -moz-transition:0.3s ease-in;
  101. -webkit-transition: 0.3s ease-in;
  102. -o-transition:0.3s ease-in;
  103. transition:0.3s ease-in;}
  104.  
  105. a {font-style:normal;text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  106.  
  107. a:hover {color:{color:Hover}; font-style:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  108. -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  109.  
  110.  
  111. img {
  112. border:none;
  113. }
  114.  
  115. blockquote {
  116. padding-left:5px;
  117. border-left:2px solid;
  118. }
  119.  
  120.  
  121. h1 {
  122. font-family:cambria;
  123. letter-spacing:2px;
  124. text-transform:uppercase;
  125. font-size:11px;
  126. }
  127.  
  128. #quotetitle {
  129. font-size:12px;
  130. background-color: transparent;
  131. font-family: cambria;
  132. text-transform:uppercase;
  133. padding-left:5px;
  134. padding-right:5px;
  135. padding-bottom:5px;
  136. }
  137.  
  138.  
  139.  
  140. #entries {
  141. padding:10px;
  142. margin-bottom:16px;
  143. width:530px;
  144. margin-left:450px;}
  145.  
  146. #post {
  147. width:500px;
  148. margin-bottom:10px;
  149. margin-top:60px;
  150. margin-left:20px;
  151. font-size:10px;
  152. font-family:cambria;
  153. font-style:normal;
  154. -webkit-transition: all 0.2s linear; -moz-transition:
  155. all 0.2s linear; transition: all 0.2s linear;}
  156.  
  157. #title {color:{color:title};font-family:cambria;font-size:10px;letter-spacing:5px;text-transform:uppercase;font-weight:normal;font-style: normal ;margin-bottom:-30px; margin-top:25px;text-align:center;margin-left:10px;
  158. }
  159.  
  160.  
  161. #sidebar {background-image:url('{image:Sidebar}');margin-top:150px;width:200px;height:300px;margin-left:180px;position:fixed;transition: all 3s ease-out;
  162. -o-transition: all 3s ease-out;
  163. -webkit-transition: all 3s ease-out;
  164. -moz-transition: all 3s ease-out;}
  165.  
  166. #sidebar img {margin-top:150px;width:200px;height:300px;margin-left:180px;position:fixed;transition: all 3s ease-out;
  167. -o-transition: all 3s ease-out;
  168. -webkit-transition: all 3s ease-out;
  169. -moz-transition: all 3s ease-out;}
  170.  
  171.  
  172.  
  173. #side {height:300px; width:225px; margin-top:px; text-align:center; padding:5px; position:fixed; background:transparent;}
  174.  
  175. #sidebar:hover .links {
  176. opacity:0.6;
  177. -moz-transition-duration:0.8s;
  178. -webkit-transition-duration:0.8s;
  179. -o-transition-duration:0.8s;
  180. margin-top:-80px;
  181. }
  182. #description{
  183. opacity:1;
  184. text-transform:normal;
  185. font-family: cambria;
  186. font-style:italic;
  187. font-size:10px;
  188. height:40px;
  189. width:180px;
  190. margin-left:0px;
  191. margin-top:220px;
  192. text-align:center;
  193. padding:10px;
  194. -moz-transition-duration:0.8s;
  195. -webkit-transition-duration:0.8s;
  196. -o-transition-duration:0.8s;
  197. color:{color:description};}
  198. .links {position:fixed; width:200px; text-align:center; margin-top:-70px; margin-left:15px; opacity:0; z-index:99999999999;-moz-transition-duration:0.8s;
  199. -webkit-transition-duration:0.8s;
  200. -o-transition-duration:0.8s;}
  201. .links a { opacity:1;float:left; display:inline-block; width:22px; margin-right:8px;margin-bottom:10px;padding:4px 0px 4px 0px; letter-spacing:2px; background-color:transparent; font-size:8px; font-family:cambria;color:{color:sidelinks}; text-transform:uppercase; text-align:center;-moz-transition-duration:0.8s;
  202. -webkit-transition-duration:0.8s;
  203. -o-transition-duration:0.8s;}
  204. .links a:hover {opacity:1;-moz-transition-duration:0.5s;
  205. -webkit-transition-duration:0.5s;
  206. -o-transition-duration:0.5s;border-bottom:2px solid {color:sidelinkshoverborder};}
  207. #pagination {
  208. position:absolute;
  209. font-style:italic;
  210. text-align:center;
  211. background-color:transparent;
  212. text-transform:lowercase;
  213. padding-top:0px;
  214. margin-left:10px;
  215. font-size:10px;
  216. letter-spacing:2px;
  217. opacity:0.6; }
  218. #info {border-top:1px solid {color:border}; width:auto; display:block; font-family:arial; text-align:left;text-transform:uppercase; font-style:none; font-size:7px; opacity:1; margin-top:2px; padding:8px; line-height:80%; }
  219. #info a{width:102px; opacity:1; display:inline; padding:3px;}#tags {width:480px; text-align:justify; margin-top:15px; letter-spacing:px; font-family:consolas; text-transform:uppercase; font-size:8px; margin-left:10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  220. #tags a {word-spacing:1px;}.source {text-align:left;margin-left:30px;}
  221.  
  222. .asker a {color: {color:bold};}
  223.  
  224. .answer {
  225. margin-top:-5px;font-weight: normal; }
  226.  
  227. .asker {
  228. width: 485px;
  229. background-color: {color:question};
  230. font-family:'trebuchet ms;
  231. padding: 10px;
  232. font-style:italic;
  233. font-size: 10px; color: {color:bold};
  234. font-weight: normal;
  235. text-transform: lowercase;
  236. line-height: 11px; }
  237.  
  238. .asker img{
  239. float:right;
  240.  
  241. border:3px double {color:border};
  242. }
  243.  
  244. .asker a{
  245. font-size: 12px;
  246. color:{color:bold};
  247. line-height: 11px;
  248. padding: 0;
  249. margin: 0;
  250. }
  251.  
  252. .question {
  253. font-size: 12px;
  254. font-weight: normal;
  255. color:{color:text};
  256. padding:20px
  257. overflow:hidden;
  258. text-transform: none;
  259. border-bottom:1px solid {color:border};}
  260.  
  261. .answer {
  262. padding-left: 4px;
  263. padding-right: 4px;
  264. padding-top: 4px;}
  265.  
  266. #audio{
  267. width:400px;
  268. height:125px;
  269. border-left:1px solid {color:border};
  270. }
  271.  
  272.  
  273.  
  274. .cover{
  275. width:-100px;
  276. height:20px;
  277. position:fixed;
  278. z-index:1;
  279. }
  280.  
  281. .caption{
  282. position:absolute;
  283. margin-left:40px;
  284. width:370px
  285. }
  286.  
  287. .player{
  288. opacity:0.5;
  289. position:absolute;
  290. margin-left:20px;
  291. margin-top:50px;
  292. background-color:#e0e0e0;
  293. width:25px;
  294. height:25px;
  295. border-left:1px solid {color:border};
  296. overflow:hidden;
  297. z-index:3;
  298. -webkit-transition: opacity 0.6s linear;
  299. }
  300.  
  301. .player:hover{
  302. opacity:.7;
  303. -webkit-transition: opacity 0.6s linear;}
  304.  
  305. {CustomCSS}</style></head><body>
  306. <div id="sidebar">
  307.  
  308. <div id="description">{Description} </div>
  309. {block:Pagination}
  310. <div id="pagination">
  311. {block:PreviousPage}
  312. <a href="{PreviousPage}">«</a>
  313. {/block:PreviousPage}
  314. {block:JumpPagination length="2"}
  315. {block:CurrentPage}
  316. <span class="current_page">{PageNumber}</span>
  317. {/block:CurrentPage}
  318.  
  319. {block:JumpPage}
  320. <a class="jump_page" href="{URL}">{PageNumber}</a>
  321. {/block:JumpPage}
  322. {/block:JumpPagination}
  323. {block:NextPage}
  324. <a href="{NextPage}">»</a>
  325. {/block:NextPage}
  326. </div>
  327. {/block:Pagination}
  328. <div id="title">{title}</div>
  329. <div class="links">
  330. <a title="home" href="/">01.</a>
  331. <a title="ask" href="/ask">02.</a>
  332. <a title="{text:link 1}" href="{text:link 1 url}">03.</a>
  333. <a title="{text:link 2}" href="{text:link 2 url}">04.</a>
  334. <a title="{text:link 3}" href="{text:link 3 url}">05.</a>
  335. <a title="{text:link 4}" href="{text:link 4 url}">06.</a>
  336. <br>
  337. </div>
  338.  
  339. </div></div>
  340.  
  341.  
  342. <div id="entries">
  343.  
  344. {block:Posts}
  345.  
  346. <div id="post">
  347.  
  348. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  349.  
  350. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  351.  
  352. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  353.  
  354. {block:Quote}<div id="quotetitle">{Quote}</div>{block:Source} <div class="source">—{Source}{/block:Source}</div>{/block:Quote}
  355.  
  356. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  357.  
  358. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  359.  
  360. {block:Audio}<div id="music">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px;overflow:visible" />{/block:AlbumArt}{AudioPlayerWhite}<br>
  361. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  362. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  363. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  364. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  365.  
  366. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  367.  
  368. {block:Answer}
  369. <div class="asker"><img src="{AskerPortraitURL-40}">{Asker} said to me: </br>
  370. <div class="question">{Question}</div></div>
  371. <div class="answer">{Answer}</div>
  372. {/block:Answer}
  373.  
  374. <div id="info">
  375. {block:Date}posted {TimeAgo}{/block:Date}<a href="{Permalink}">
  376. with {NoteCountWithLabel}</a><br><br> {block:HasTags}{block:Tags}♦<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  377.  
  378. {block:PostNotes}{PostNotes}{/block:PostNotes}
  379. {/block:Posts}</div>
  380.  
  381.  
  382. <div style="position:fixed; bottom:8px; right:5px; letter-spacing:2px;color:white;padding:3px; font-size:10px;font-family:calibri;text-transform:uppercase;"><center>
  383. <a href="http://bluevlvet.tumblr.com">©</a></div>
  384.  
  385.  
  386. </body></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!