API tools faq
paste
Advertisement
jeannayu22

as good as love. theme 10 by forevers21

jeannayu22
Dec 12th, 2013
448
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.53 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.  
  3. <!--
  4. █▀▀ █▀▀█ █▀▀█ █▀▀ ▀█ █▀ █▀▀ █▀▀█ █▀▀ █▀█ ▄█
  5. █▀▀ █ █ █▄▄▀ █▀▀ █▄█ █▀▀ █▄▄▀ ▀▀█ ▄▀ █
  6. ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀ ▀ ▀▀ ▀▀▀ █▄▄ ▄█▄
  7.  
  8. as good as love.
  9.  
  10. theme 10 by jeanna/forevers21
  11. DO NOT STEAL
  12. DO NOT CLAIM AS YOUR OWN
  13. -->
  14.  
  15. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}" >
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:scrollbar" content="#000000"/>
  27. <meta name="color:scrollbarback" content="#ffffff"/>
  28. <meta name="color:Text" content="#000000"/>
  29. <meta name="color:Link" content="#cac9c9"/>
  30. <meta name="color:Hover" content="#e3e3e3"/>
  31. <meta name="color:Border" content="#e3e3e3"/>
  32. <meta name="color:Post" content="#ffffff"/>
  33. <meta name="color:Tags" content="#535050">
  34. <meta name="color:Credit" content="#e27187">
  35. <meta name="image:Sidebar" content=""/>
  36. <meta name="text:Link 1" content="/" />
  37. <meta name="text:Link 1 Text" content="" />
  38. <meta name="text:Link 2" content="/" />
  39. <meta name="text:Link 2 Text" content="" />
  40. <meta name="text:Link 3" content="/" />
  41. <meta name="text:Link 3 Text" content="" />
  42. <meta name="text:Link 4" content="/" />
  43. <meta name="text:Link 4 Text" content="" />
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46.  
  47. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48.  
  49. <script>
  50.  
  51. (function($){
  52.  
  53. $(document).ready(function(){
  54.  
  55. $("a[title]").style_my_tooltips({
  56.  
  57. tip_follows_cursor:true,
  58.  
  59. tip_delay_time:90,
  60.  
  61. tip_fade_speed:600,
  62.  
  63. attribute:"title"
  64.  
  65. });
  66.  
  67. });
  68.  
  69. })(jQuery);
  70.  
  71. </script>
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. ::-webkit-scrollbar {
  77. width: 5px;height: 5px;}
  78. ::-webkit-scrollbar-button:start:decrement,
  79. ::-webkit-scrollbar-button:end:increment {
  80. height: 6px;display: block;background-color: {color:white};}
  81. ::-webkit-scrollbar-track-piece {
  82. background-color: {color:scrollbarback};}
  83. ::-webkit-scrollbar-thumb:vertical {
  84. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  85.  
  86. #s-m-t-tooltip {
  87. max-width:300px;
  88. padding:4px 4px 5px 4px;
  89. margin:10px 0px 0px 10px;
  90. background-color:#000;
  91. font-family:calibri;
  92. font-size:9px;
  93. text-transform:uppercase;
  94. color:#f7f7f7;
  95. border:1px solid white;
  96. z-index:999999999999999999999999999999999999;
  97.  
  98. }
  99.  
  100. body {
  101. color:{color:Text};
  102. background:{color:Background};
  103. line-height:100%;
  104. font-family:Arial;
  105. font-size:9px;
  106. }
  107.  
  108. a {
  109. color:{color:Link};
  110. outline:none;
  111. text-decoration:none;
  112. -webkit-transition: all 0.3s ease-in;
  113. -moz-transition: all 0.3s ease-in;
  114. -o-transition: all 0.3s ease-in;
  115. }
  116.  
  117. a:hover{
  118. color: {color:Hover};
  119. }
  120.  
  121. img {
  122. border:none;
  123. max-width:400px;
  124. }
  125.  
  126.  
  127. blockquote {
  128. padding-left:4px;
  129. border-left:2px solid;
  130. }
  131.  
  132. h1{
  133. color:{color:Credit};
  134. }
  135.  
  136. #sidebar{
  137. margin-top:200px;
  138. margin-left:195px;
  139. position:fixed;
  140. }
  141.  
  142. #sidebarimg{
  143. position:fixed;
  144. z-index:-9999;
  145. left:0px;
  146. top:0px;
  147. width:200px;
  148. height:100%;
  149. background-image:url('{image:Sidebar}');
  150. }
  151.  
  152.  
  153. #title{
  154. margin-top:10px;
  155. color:{color:Credit};
  156. font-family:arial;
  157. font-size:25px;
  158. font-weight:bold;
  159. letter-spacing:-2px;
  160. }
  161.  
  162. #description{
  163. font-family:calibri;
  164. width:150px;
  165. margin-top:10px;
  166. text-align:justify;
  167. line-height:90%;
  168. font-size:8px;
  169. text-transform:uppercase;
  170. }
  171.  
  172. #links{
  173. display:inline-block;
  174. position:fixed;
  175. font-family:arial;
  176. font-weight:bold;
  177. margin-left:0px;
  178. margin-top:0px;
  179. text-align:left;
  180. line-height:110%;
  181. letter-spacing:-1px;
  182. font-size:12px;
  183. color:{color:Link};
  184. }
  185.  
  186. #pagination{
  187. position:fixed;
  188. font-family:Helvetica;
  189. font-weight:bold;
  190. letter-spacing:-1px;
  191. margin-left:0px;
  192. margin-top:-10px;
  193. font-size:15px;
  194. }
  195.  
  196. #more {
  197. z-index:9;
  198. width:100px;
  199. display:block;
  200. position:fixed;
  201. font-weight:bold;
  202. line-height:110%;
  203. letter-spacing:-1px;
  204. font-size:12px;
  205. color:{color:Link};
  206. background:white;
  207. font-family:arial;
  208. padding-bottom:2px;
  209. border-bottom:3px solid {color:Credit};
  210. }
  211.  
  212.  
  213. .extra {
  214. width:100px;
  215. z-index:-999;
  216. margin-top:15px;
  217. position:fixed;
  218. display:block;
  219. display:none;
  220. background:#f7f7f7;
  221. border-bottom:3px solid {color:Credit};
  222. }
  223.  
  224. .extra a{
  225. display:block;
  226. font-weight:none;
  227. text-align:left;
  228. font-family:calibri;
  229. line-height:110%;
  230. letter-spacing:-1px;
  231. font-size:10px;
  232. text-transform:uppercase;
  233. color:{color:Credit};
  234. padding:4px;
  235.  
  236. }
  237.  
  238. #entries{
  239. width:400px;
  240. margin-left:450px;
  241. margin-top:30px;
  242. font-size:10px;
  243. padding-bottom:30px;
  244. }
  245.  
  246. .cover{
  247. position:relative;
  248. z-index:1;
  249. width:100px;
  250. }
  251.  
  252. .playbutton{
  253. width:10px;
  254. height:30px;
  255. overflow:hidden;
  256. position:relative;
  257. z-index:1000;
  258. padding: 0px 17px 0px 2px;
  259. }
  260.  
  261. .playbox{
  262. float:left;
  263. background-color:#000;
  264. position: absolute;
  265. z-index: 1000;
  266. margin-top: 35px;
  267. margin-left: 35px;
  268. opacity:.6;
  269. }
  270.  
  271. .audioinfo{
  272. display:block;
  273. height:100px;
  274. margin-top:-101px;
  275. line-height:230%;
  276. text-align:right;
  277. font-weight:bold;
  278. font-family:Helvetica;
  279. font-style:italic;
  280. font-size:14px;
  281. letter-spacing:-1px;
  282. background:#f7f7f7;
  283. width:400px;
  284. }
  285.  
  286. #posts{
  287. max-width:400px;
  288. overflow-x:hide;
  289. width:400px;
  290. padding:20px;
  291. padding-bottom:40px;
  292. background-color:{color:Post};
  293. }
  294.  
  295. #question{
  296. font-family:cambria;
  297. font-size:10px;
  298. letter-spacing:1px;
  299. padding:7px;
  300. color:black;
  301. }
  302.  
  303. #question a{
  304. color:black;
  305. }
  306.  
  307. #question a:hover{
  308. text-decoration:underline;
  309. }
  310.  
  311. #answer{
  312. background:black;
  313. color:white;
  314. padding:2px 5px 2px 5px;
  315. font-family:cambria;
  316. font-size:10px;
  317. letter-spacing:1px;
  318. }
  319.  
  320. .info {
  321. background:#f7f7f7;
  322. display:block;
  323. margin-right:-80px;
  324. margin-top:50px;
  325. float:right;
  326. font-style:italic;
  327. font-weight:bold;
  328. border:3px solid {color:Credit};
  329. height:70px;
  330. width:70px;
  331. text-transform:uppercase;
  332. text-align:center;
  333. border-radius:30px;
  334. webkit-border-radius:30px;
  335. moz-border-radius:30px;
  336. }
  337.  
  338. .info img{
  339. margin-top:6px;
  340. border-radius:5px;
  341. webkit-border-radius:5px;
  342. moz-border-radius:5px;
  343. }
  344.  
  345. #tags {
  346. margin-right:-90px;
  347. width:80px;
  348. text-align:left;
  349. float:right;
  350. font-family:cambria;
  351. letter-spacing:0px;
  352. text-transform:lowercase;
  353. font-size:10px;
  354. opacity:.5;
  355. margin-top:120px;
  356. -webkit-transition: all 0.4s ease-in-out;
  357. -moz-transition: all 0.4s ease-in-out;
  358. -o-transition: all 0.4s ease-in-out;
  359. }
  360.  
  361. #tags a{
  362. color:{color:Tags};
  363. }
  364.  
  365. #posts:hover #tags{
  366. opacity:1;
  367. }
  368.  
  369.  
  370.  
  371. #credz{
  372. position:fixed;
  373. font-family:calibri;
  374. font-size:9px;
  375. text-transform:uppercase;
  376. color:#f7f7f7;
  377. bottom:10px;
  378. right:6px;
  379. -webkit-transition: all 0.5s ease-in-out;
  380. -moz-transition: all 0.5s ease-in-out;
  381. -o-transition: all 0.5s ease-in-out;
  382. -ms-transition: all 0.5s ease-in-out;
  383. }
  384.  
  385. #credz a{
  386. border:1px solid {color:Credit};
  387. background:#000;
  388. padding:4px 4px 5px 4px;
  389. }
  390.  
  391. #credz a:hover{
  392. background:{color:Credit};
  393. border:1px solid black;
  394. color:black;
  395. }
  396.  
  397. {CustomCSS}
  398. </style>
  399. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  400. <script type="text/javascript">
  401. jQuery(document).ready(function() {
  402. jQuery(".extra").hide();
  403. //toggle the componenet with class msg_body
  404. jQuery("#more").click(function()
  405. {
  406. jQuery(this).next(".extra").slideToggle(400);
  407. });});
  408. </script>
  409.  
  410. </head>
  411.  
  412.  
  413.  
  414. <div id="sidebar">
  415. {block:Pagination}<div id="pagination">
  416. {block:PreviousPage}<a href="{PreviousPage}" style="line-height:110%;">prev</a>&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  417. </div>
  418. {/block:Pagination}
  419. <div id="title">{Title}</div>
  420. <div id="description">{Description}</div>
  421.  
  422. <div id="links">
  423.  
  424. <a href="/">refresh</a><br>
  425. <a href="/faqask">ask</a>
  426.  
  427. <br><a href="#" id="more">extra</a>
  428. <div class="extra">
  429. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  430. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  431. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  432. <a href="{text:Link 4}">{text:Link 4 Text}</a>
  433. </div>
  434.  
  435. </div>
  436.  
  437.  
  438. </div>
  439.  
  440.  
  441. <div id="sidebarimg"></div>
  442.  
  443.  
  444.  
  445.  
  446. <div id="entries">{block:Posts}
  447. <div id="posts">
  448. <div class="info">
  449. <br><a href="{Permalink}" title="{12Hour}:{Minutes} {CapitalAmPm}">{ShortMonth} {DayOfMonthWithZero}</a><br><a style="line-height:110%;" href="{Permalink}">{NoteCount}</a><br>{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}"></img></a>{block:ContentSource}&nbsp;<a href="{SourceURL}"><img src="{ReblogRootPortraitURL-24}"></img></a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  450. <br>{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}<br></a> {/block:Tags}</div>{/block:HasTags}
  451. </div>
  452.  
  453.  
  454.  
  455. {block:Text}<h1>{block:Title}<span style="line-height:120%;">{Title}</span>{/block:Title}</h1>{Body}{/block:Text}
  456.  
  457. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  458.  
  459. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  460.  
  461. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}{/block:Chat}
  462.  
  463. {block:Quote}<strong><span style="font-size:24px; line-height:90%; font-style:italic;">"{Quote}"</span></strong><br>{block:Source}<span style="font-family:Cambria; font-style:italic;"><br>– {Source}</span>{/block:Source}{/block:Quote}
  464.  
  465. {block:Link}<h1><i><a href="{URL}" {Target}>{Name}</a></i></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  466.  
  467. {block:Audio}
  468. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  469. {block:AlbumArt}
  470. <img src="{AlbumArtURL}" class="cover">
  471. {/block:AlbumArt}
  472. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}&nbsp;&nbsp;<br>
  473. {block:Artist}by {Artist}{/block:Artist}&nbsp;&nbsp;<br>{block:Album}
  474. {Album}
  475. {/block:Album}&nbsp;
  476. </div>
  477. {block:Caption}{Caption}{/block:Caption}
  478. {/block:Audio}
  479.  
  480. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  481.  
  482. {block:Answer}<div id="question">{Asker}: {Question}</div><div id="answer">{Answer}</div>{/block:Answer}
  483.  
  484.  
  485.  
  486. {block:PostNotes}{PostNotes}{/block:PostNotes}
  487.  
  488. {/block:Posts}
  489. </div>
  490. </div>
  491.  
  492. <div id="credz"><a href="http://forevers21.tumblr.com">XXI</a></center></div>
  493.  
  494. </body>
  495. </hmtl>
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!