Advertisement
mellybellyftw

Midnight Memories

Nov 30th, 2013
206
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.54 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. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!--
  11.  
  12. THEME 06 BY KISSEDLOU/THENORTHPOLES
  13. DO NOT REMOVE CREDIT OR I WILL PERSONALLY HUNT YOU DOWN.
  14. I WORKED REALLY HARD ON THIS FIRST THEME SO DONT REMOVE THE CREDIT.
  15.  
  16. -->
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#a8a8a8"/>
  21. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  22. <meta name="color:DescriptionText" content="#b8b8b8"/>
  23. <meta name="color:Border" content="#dddddd"/>
  24. <meta name="color:Hover" content="#f2f2f2"/>
  25. <meta name="color:Scrollbar" content="#000000"/>
  26. <meta name="color:ScrollbarBg" content="#ffffff"/>
  27. <meta name="color:Post Links" content="#c0bfbf"/>
  28. <meta name="color:Answer Backg" content="#000000"/>
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="image:Background" content=""/>
  31. <meta name="text:Ask Text" content="" />
  32. <meta name="text:Ask Link" content="" />
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 1 Text" content="" />
  35. <meta name="text:Link 2" content="" />
  36. <meta name="text:Link 2 Text" content="" />
  37. <meta name="text:Link 3" content="" />
  38. <meta name="text:Link 3 Text" content="" />
  39. <meta name="if:Show Link 1" content="1" />
  40. <meta name="if:Show Link 2" content="1" />
  41. <meta name="if:Show Link 3" content="1" />
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
  48.  
  49. <style type="text/css">
  50. #ocehans1{
  51. height:13px;
  52. text-align:center;
  53. overflow:hidden;
  54. margin-top:-1px;
  55. border-bottom:1px solid #efefef;
  56. text-transform:uppercase;
  57. letter-spacing:1px;
  58. font-size:8px;
  59. line-height:10px;
  60. z-index:999999999999999999999;
  61. -webkit-transition: all 0.5s ease-in-out;
  62. -moz-transition: all 0.5s ease-in-out;
  63. -o-transition: all 0.5s ease-in-out;
  64. }
  65. #ocehans1:hover{
  66. height:67px;
  67. -webkit-transition: all 0.5s ease-in-out;
  68. -moz-transition: all 0.5s ease-in-out;
  69. -o-transition: all 0.5s ease-in-out;
  70. }
  71.  
  72. #ocehans2{
  73. height:13px;
  74. text-align:center;
  75. overflow:hidden;
  76. border-bottom:1px solid #efefef;
  77. text-transform:uppercase;
  78. background-color:#fff;
  79. letter-spacing:1px;
  80. font-size;8px;
  81. line-height:13px;
  82. z-index:999999999999999999999;
  83. -webkit-transition: all 0.5s ease-in-out;
  84. -moz-transition: all 0.5s ease-in-out;
  85. -o-transition: all 0.5s ease-in-out;
  86. }
  87.  
  88. #ocehans2:hover{
  89. height:60px;
  90. -webkit-transition: all 0.5s ease-in-out;
  91. -moz-transition: all 0.5s ease-in-out;
  92. -o-transition: all 0.5s ease-in-out;
  93. }
  94.  
  95. #ocehans3{
  96. height:13px;
  97. text-align:center;
  98. overflow:hidden;
  99. border-bottom:1px solid #efefef;
  100. text-transform:uppercase;
  101. background-color:#fff;
  102. letter-spacing:1px;
  103. font-size;8px;
  104. line-height:13px;
  105. z-index:999999999999999999999;
  106. -webkit-transition: all 0.5s ease-in-out;
  107. -moz-transition: all 0.5s ease-in-out;
  108. -o-transition: all 0.5s ease-in-out;
  109. }
  110.  
  111. #ocehans3:hover{
  112. height:135px;
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. -o-transition: all 0.5s ease-in-out;
  116. }
  117.  
  118.  
  119.  
  120. #ocehans4{
  121. height:13px;
  122. text-align:center;
  123. overflow:hidden;
  124. border-bottom:0px solid #efefef;
  125. text-transform:uppercase;
  126. background-color:#fff;
  127. letter-spacing:1px;
  128. font-size;8px;
  129. line-height:13px;
  130. z-index:999999999999999999999;
  131. -webkit-transition: all 0.5s ease-in-out;
  132. -moz-transition: all 0.5s ease-in-out;
  133. -o-transition: all 0.5s ease-in-out;
  134. }
  135.  
  136. #ocehans4:hover{
  137. height:145px;
  138. -webkit-transition: all 0.5s ease-in-out;
  139. -moz-transition: all 0.5s ease-in-out;
  140. -o-transition: all 0.5s ease-in-out;
  141. }
  142.  
  143. #ocehans{
  144. text-align:left;
  145. font-size:8px;
  146. text-transform:uppercase;
  147. opacity: .8;
  148. border:1px solid #eee;
  149. position:fixed;
  150. font-family:calibri;
  151. left:14px;
  152. background-color:#fff;
  153. letter-spacing:1px;
  154. width:65px;
  155. z-index:9999;
  156. padding:4px;
  157. top:14px;
  158.  
  159. }
  160.  
  161.  
  162. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:#000;}
  163. ::-webkit-scrollbar {background-color:#000;height:7px;width:12px;border:5px solid #fff;}
  164.  
  165.  
  166.  
  167. body {
  168. background:{color:background};
  169. margin:0px;
  170. color:{color:text};
  171. font-family:calibri;
  172. font-size:10px;
  173. line-height:100%;
  174. letter-spacing:0px;
  175. text-align:justify;
  176. background-image:url('{image:Background}');
  177. }
  178.  
  179. a {
  180. text-decoration:none;
  181. outline:none;
  182. -moz-outline-style:none;
  183. color:{color:Post Links};
  184. }
  185.  
  186. img {
  187. border:none;
  188. }
  189.  
  190. blockquote {
  191. padding-left:5px;
  192. border-left:2px solid;
  193. }
  194.  
  195. blockquote blockquote {
  196. padding-left:5px;
  197. border-left:2px solid;
  198. }
  199.  
  200. h1 {
  201. font-size:8px;
  202. letter-spacing:2px;
  203. text-transform:uppercase;
  204. font-family:'CAMBRIA';
  205. font-style:none;
  206. line-height:10px;
  207. text-align:left;
  208. padding:0px;
  209. }
  210.  
  211. a:hover {
  212. color:#000000;
  213. -moz-transition-duration:0.3s;
  214. -webkit-transition-duration:0.3s;
  215. -o-transition-duration:0.3s;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. #entries {
  222. padding:10px;
  223. width:500px;
  224. margin-left:462px;
  225. margin-top:5px;
  226. font-size:10px;
  227. font-family:'arial';
  228. letter-spacing:0px;
  229. }
  230.  
  231. #post {
  232. width:500px;
  233. padding-bottom:40px;
  234. padding:25px;
  235. margin-top:50px;
  236. }
  237.  
  238.  
  239.  
  240. #sidebar {
  241. position:fixed;
  242. margin-left:200px;
  243. margin-top:80px;
  244. margin-left:170px;
  245. }
  246. #sidebar:hover #description{
  247. margin-top:5px;
  248. margin-left:-4px;
  249. background:#fff;
  250. opacity:1;
  251. }
  252.  
  253. #description {
  254. opacity:0;
  255. }
  256. #sidebar:hover .links{
  257. background:#fff;
  258. margin-top:-129px;
  259. margin-left:-34px;
  260. opacity:.9;
  261. }
  262. .links {
  263. opacity:0;
  264. }
  265.  
  266. #sidebarimage {
  267. width 130px;
  268. }
  269.  
  270. #sidebarimage img {
  271. width:250px;
  272. margin-top:164px;
  273. padding:3px;
  274. margin-left:-50px;
  275. }
  276. .quote{
  277. text-transform:lowercase;
  278. position: fixed !important;
  279. width:250px;
  280. height:auto;
  281. font-family: 'Miniver', cursive;
  282. font-size: 20px;
  283. line-height: 25px;
  284. color:#000;
  285. background-color: transparent;
  286. padding: 2px;
  287. text-align:center;
  288. margin-top: 140px;
  289. margin-left: -95px;
  290. }
  291.  
  292.  
  293. .links {
  294. width:216px;
  295. font-family:'calibri';
  296. padding: 4px;
  297. text-align:center;
  298. text-transform:uppercase;
  299. position:fixed;
  300. margin-top:7px;
  301. margin-left:-66px;
  302. }
  303.  
  304. .links a {
  305. width:94px;
  306. padding:3px;
  307. font-size:15px;
  308. letter-spacing:0px;
  309. color:{color:Sidebar Links};
  310. }
  311.  
  312. .links a:hover {
  313. -moz-transition-duration:0.3s;
  314. -webkit-transition-duration:0.3s;
  315. -o-transition-duration:0.3s;
  316. color:{color:Hover};
  317. }
  318.  
  319. #description {
  320. text-align:justify;
  321. font-family:'times';
  322. width:216px;
  323. height:85px;
  324. margin-top:7px;
  325. margin-left:-3px;
  326. font-size:11px;
  327. padding:4px;
  328. position:fixed;
  329. text-transform:none;
  330. overflow:auto;
  331. color:{color:DescriptionText};
  332. }
  333.  
  334. #pagination {
  335. font-style:bold;
  336. padding:2px;
  337. font-family:'times';
  338. letter-spacing:0px;
  339. font-size:9px;
  340. text-align:center;
  341. padding:2px;
  342. margin-top:10px;
  343. text-transform:lowercase;
  344. }
  345.  
  346.  
  347.  
  348.  
  349. #info {
  350. width:500px;
  351. text-align:left;
  352. font-family:'trebuchet ms';
  353. margin-top:3px;
  354. margin-left:px;
  355. letter-spacing:1px;
  356. font-size:7px;
  357. font-style:none;
  358. padding:1px;
  359. line-height:10px;
  360. text-transform:uppercase;
  361. border-top:1px solid;
  362. border-color:{color:Border};
  363. }
  364.  
  365. #info a {
  366. text-align:center;
  367. color:{color:Post Links};
  368. }
  369.  
  370. #info a:hover {
  371. -moz-transition-duration:0.3s;
  372. -webkit-transition-duration:0.3s;
  373. -o-transition-duration:0.3s;
  374. color:{color:Hover}
  375. }
  376.  
  377. #tags {
  378. float:left;
  379. width:489px;
  380. margin-top:-7px;
  381. margin-left:-5px;
  382. text-align:left;
  383. font-size:7px;
  384. padding:5px;
  385. font-size:8px;
  386. opacity:1;
  387. transition-duration: 0.5s;
  388. -moz-transition-duration: 0.5s;
  389. -webkit-transition-duration: 0.5s;
  390. -o-transition-duration: 0.5s
  391. color:{color:Post Links};
  392. }
  393.  
  394. #tags a {
  395. letter-spacing:0px;
  396. font-size:8px;
  397. text-align:center;
  398. font-family:'CALIBRI';
  399. text-decoration:none;
  400. display:inline-block;
  401. color:#ddd;
  402. }
  403.  
  404. #tags a:hover {
  405. background-color:#fff;
  406. -moz-transition-duration:0.3s;
  407. -webkit-transition-duration:0.3s;
  408. -o-transition-duration:0.3s;
  409. color:{color:Hover};
  410. }
  411.  
  412.  
  413.  
  414. #asker {
  415. color:#fcfcfc;
  416. padding:14px;
  417. font-family:'arial';
  418. font-size:12px;
  419. letter-spacing:0px;
  420. text-align:left;
  421. margin-top:0px;
  422. text-transform:lowercase;
  423. line-height:100%;
  424. background-color:#000;
  425. }
  426.  
  427. /*DO NOT TOUCH THE CREDIT*/
  428. #cred a {
  429. position:fixed;
  430. font-size:20px;
  431. right:0px;
  432. bottom:0px;
  433. padding:1px;
  434. font-family:courier;
  435. font-style:italic;
  436. color:#000;
  437. background-color:#fff;
  438. -moz-transition-duration:0.5s;
  439. -webkit-transition-duration:0.5s;
  440. -o-transition-duration:0.5s;
  441. }
  442.  
  443.  
  444. #s-m-t-tooltip {
  445.  
  446. max-width:300px;
  447.  
  448. padding:3px 4px 5px 4px;
  449.  
  450. margin:20px 0px 0px 20px;
  451.  
  452. background-color:#111;
  453.  
  454. border:1px solid #fff;
  455.  
  456. font-family:calibri;
  457.  
  458. font-size:9px;
  459.  
  460. letter-spacing:2px;
  461.  
  462. text-transform:uppercase;
  463.  
  464. color:#fff;
  465.  
  466. z-index:999999999999999999999999999999999999;
  467.  
  468. }
  469.  
  470. {CustomCSS}</style></head><body>
  471. <div id="ocehans">
  472. <center>
  473. <div id="ocehans1">
  474. <div style="font-size:8px;">TITLE HERE</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  475. LALALALA UPDATES TAB YEAH
  476. <br><br>
  477. </div>
  478. </div>
  479.  
  480. <div id="ocehans2">
  481. <div style="font-size:8px;">TITLE HERE</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  482. LALALALA UPDATES TAB YEAH
  483.  
  484. </div></div>
  485.  
  486. <div id="ocehans3">
  487. <div style="font-size:8px;">TITLE HERE</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  488. LALALALA UPDATES TAB YEAH
  489. <br><br>
  490. </div>
  491. </div>
  492.  
  493. <div id="ocehans4">
  494. <div style="font-size:8px;">credit</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  495. <a href="http://trenzalore.co.vu/">updates tab credit</a>
  496. </div></div>
  497. </div></div></div></div>
  498.  
  499.  
  500. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  501.  
  502. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  503.  
  504. <script>
  505.  
  506. (function($){
  507.  
  508. $(document).ready(function(){
  509.  
  510. $("a[title]").style_my_tooltips({
  511.  
  512. tip_follows_cursor:true,
  513.  
  514. tip_delay_time:90,
  515.  
  516. tip_fade_speed:600,
  517.  
  518. attribute:"title"
  519.  
  520. });
  521.  
  522. });
  523.  
  524. })(jQuery);
  525.  
  526. </script>
  527.  
  528. <div id="sidebar">
  529. <div class="quote">{Title};
  530. </div>
  531. <div id="sidebarimage">
  532. <img src="{image:Sidebar}">
  533. </a>
  534. </div>
  535.  
  536. <div class="links">
  537.  
  538. <a title="home"href="/">●</a>
  539. <a title="{Text:Ask Text}"href="{Text:Ask Link}">●</a>
  540. <a title="{Text:Link 1 Text}"href="{Text:Link 1}">●</a>
  541. <a title="{Text:Link 2 Text}"href="{Text:Link 2}">●</a>
  542. <a title="{Text:Link 3 Text}"href="{Text:Link 3}">●</a>
  543.  
  544.  
  545. <div id="description">{Description}
  546.  
  547. {block:Pagination}
  548. <div id="pagination">
  549. {block:PreviousPage}<a href="{PreviousPage}"><i>fly</i></a>{/block:PreviousPage}
  550. — {block:NextPage}<a href="{NextPage}"><i>fall</i></a>{/block:NextPage}
  551. </div>
  552. {/block:Pagination}
  553. </div>
  554. </div>
  555. </div>
  556.  
  557. <div id="entries">
  558. {block:Posts}
  559. <div id="post">
  560.  
  561. {block:Text}
  562. <h1>{block:Title}{Title}{/block:Title}</h1>
  563. {Body}{/block:Text}
  564.  
  565. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  566. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  567.  
  568. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  569. {/block:Caption}{/block:Photoset}
  570.  
  571. {block:Quote}<h2>"{Quote}"</h2>
  572. {block:Source}<div class="qsource"> —{Source}</div>
  573. {/block:Source}{/block:Quote}
  574.  
  575. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  576.  
  577. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  578.  
  579. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  580. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  581. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  582. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  583. {/block:Audio}<br>
  584.  
  585. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  586.  
  587. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  588.  
  589. <div id="info">
  590. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  591. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  592. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  593. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  594. with {NoteCountWithLabel}</a>
  595. {block:HasTags}<div id="tags">
  596.  
  597. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  598. </div>{block:HasTags}
  599. </div>
  600. </div>
  601. {/block:Posts}
  602. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  603. {/block:Posts}</div></div></div>
  604. <br><br><br><br>
  605.  
  606.  
  607. <div id="cred">
  608. <a href="http://thenorthpoles.tumblr.com/">©</a>
  609. </div>
  610. </div>
  611.  
  612.  
  613. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement