API tools faq
paste
moanszayn

Happily v2

moanszayn
May 2nd, 2014
737
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.75 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. THEME BY AILEEN AKA LUSTINGLOU
  6. FOLLOW THE RULES AND STAY GUCCI
  7.  
  8. disclaimer:
  9. ~my own base
  10. ~ofcuteboys helped with the notes
  11. ~friends on advice of how things look :)
  12. -->
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <meta name="color:Text" content="#bbbbbb"/>
  25. <meta name="color:selection" content="#000"/>
  26. <meta name="color:Link" content="#aaaaaa"/>
  27. <meta name="color:Tags" content="#fff"/>
  28. <meta name="color:Hover" content="#f1f1f1"/>
  29. <meta name="color:scrollbarbg" content="ffffff"/>
  30. <meta name="color:SBLink" content="#bbb"/>
  31. <meta name="color:title" content="#f2f2f2"/>
  32. <meta name="color:ask" content="#000"/>
  33. <meta name="color:asklink" content="#000000"/>
  34. <meta name="color:askbg" content="#fff"/>
  35.  
  36.  
  37.  
  38. <meta name="image:sidebar" content=""/>
  39.  
  40. <meta name="text:sidetitle" content="text here">
  41.  
  42. <meta name="text:linkA" content="">
  43. <meta name="text:linkA url" content="/">
  44. <meta name="text:linkB" content="">
  45. <meta name="text:linkB url" content="/">
  46. <meta name="text:linkC" content="">
  47. <meta name="text:linkC url" content="/">
  48. <meta name="text:linkD" content="">
  49. <meta name="text:linkD url" content="/">
  50. <meta name="text:linkE" content="">
  51. <meta name="text:linkE url" content="/">
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56.  
  57. /*--scrollbar--*/
  58.  
  59. ::-webkit-scrollbar-thumb:vertical {border:4px solid #fff;height:12px; background-color:{color:scrollbarbg};}
  60. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  61. ::-webkit-scrollbar {background-color:white;height:7px;width:12px;border:5px solid #fff;}
  62. }
  63.  
  64.  
  65. body {
  66. background:{color:background};
  67. margin:0px;
  68. color:{color:text};
  69. font-family:helvetica;
  70. font-size:9px;
  71. line-height:100%;
  72.  
  73. }
  74.  
  75. a {
  76. text-decoration:none;
  77. -moz-outline-style:none;
  78. color:{color:link};
  79. -webkit-transition-duration:0.6s;
  80.  
  81. }
  82.  
  83. img {
  84. border:none;
  85. }
  86.  
  87.  
  88. h1 {
  89. font-family:helvetica;
  90. font-size:12px;
  91. text-transform:uppercase;
  92. }
  93.  
  94. h2 {
  95. font-family:helvetica;
  96. text-transform:uppercase;
  97. padding:5px;
  98. color:{color:Link};
  99. }
  100.  
  101. blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. }
  105.  
  106. blockquote blockquote {
  107. padding-left:5px;
  108. border-left:2px solid;
  109. }
  110.  
  111.  
  112. a:hover {
  113. color:{color:hover};
  114. }
  115.  
  116. #post p{
  117. font-family:helvetica;
  118. }
  119.  
  120. #title {
  121. margin-top:-10px;
  122. margin-left:0px;
  123. top:210px;
  124. padding-right:5px;
  125. position:fixed;
  126. font-size:20px;
  127. color:white;
  128. background:{color:title};
  129. width:215px;
  130. text-align:right;
  131. font-family:helvetica;
  132. text-transform:lowercase;
  133. font-weight:700;
  134. letter-spacing:0px;
  135. z-index:9999999999999999;
  136. -moz-transition-duration:1.8s;
  137. -webkit-transition-duration:1.8s;
  138. -o-transition-duration:1.8s;
  139. }
  140.  
  141. #title:hover{
  142. color:white;
  143. -moz-transition-duration:1.5s;
  144. -webkit-transition-duration:1.5s;
  145. -o-transition-duration:1.5s;
  146. }
  147.  
  148. #sidebar {
  149. position:fixed;
  150. height:100px;
  151. width:100px;
  152. margin-left:140px;
  153. margin-top:180px;
  154. opacity:1;
  155. -moz-transition-duration:0.6s;
  156. -webkit-transition-duration:0.6s;
  157. -o-transition-duration:0.6s;
  158.  
  159. }
  160.  
  161.  
  162.  
  163. #sidebarimage img {
  164. width:220px;
  165. -moz-transition-duration:1s;
  166. -webkit-transition-duration:1s;
  167. -o-transition-duration:1s;
  168. }
  169.  
  170.  
  171.  
  172. .desc {
  173. position:fixed;
  174. margin-top: 20px;
  175. margin-left:0px;
  176. font-family:helvetica;
  177. line-height:140%;
  178. font-size:10px;
  179. font-style:normal;
  180. width:218px;
  181. height:30px;
  182. padding:0px;
  183. text-align:justify;
  184. color:{color:text};
  185. overflow-y:auto;
  186. opacity:1;
  187.  
  188.  
  189. }
  190.  
  191. .desc a
  192. {color:{color:links};
  193. }
  194.  
  195.  
  196.  
  197. .links {
  198. position:fixed;
  199. margin-top:-2px;
  200. margin-left:0px;
  201. width:218px;
  202. font-family:helvetica ;
  203. text-align:center;
  204. text-transform:lowercase;
  205. padding:1px;
  206. font-weight:bold;
  207. word-spacing:0px;
  208. z-index:2;
  209. -moz-transition-duration:1s;
  210. -webkit-transition-duration:1s;
  211. -o-transition-duration:1s;
  212.  
  213.  
  214. }
  215.  
  216.  
  217. .links a {
  218. word-spacing:0px;
  219. text-align:justify;
  220. color:{color:sblink};
  221. padding:5px;
  222. font-size:11px;
  223. -moz-transition-duration:0.5s;
  224. -webkit-transition-duration:0.5s;
  225. -o-transition-duration:0.5s;
  226. }
  227.  
  228. .links a:hover {
  229. text-align:justify;
  230. color:{color:hover};
  231. -moz-transition-duration:0.9s;
  232. -webkit-transition-duration:0.9s;
  233. -o-transition-duration:0.9s;
  234. text-decoration:none;
  235. }
  236.  
  237.  
  238. #pagi{
  239. line-height:30%;
  240. padding:8.5px;
  241. display:block;
  242. width:203px;
  243. font-size:10px;
  244. text-align:right;
  245. margin-left:0px;
  246. margin-top:50px;
  247. position:fixed;
  248. font-weight:bold;
  249. font-family:helvetica;
  250. word-spacing:3px;
  251. background:{color:title};
  252. -moz-transition-duration:0.5s;
  253. -webkit-transition-duration:0.5s;
  254. -o-transition-duration:0.5s;
  255.  
  256. }
  257.  
  258. #pagi a{color:white;}
  259.  
  260. #pagi a:hover{
  261. color:{color:hover};}
  262.  
  263.  
  264.  
  265. #all {
  266. padding:0px;
  267. width:400px;
  268. margin-left:450px;
  269. margin-top:50px;
  270. font-size:10px;
  271. padding-left:35px;
  272. font-family:helvetica;
  273.  
  274. }
  275.  
  276.  
  277. #posts {
  278. width:400px;
  279. padding-bottom:20px;
  280. padding:20px;
  281. margin-top:30px;
  282. background-color:{color:Post};
  283. color:{color:text};
  284. overflow:hidden;
  285. }
  286. /*POST INFO*/
  287.  
  288. #info {
  289. width:400px;
  290. text-align:center;
  291. font-family:helvetica;
  292. margin-top:3px;
  293. margin-left:px;
  294. font-size:10px;
  295. font-style:none;
  296. padding-top:5px;
  297. padding-bottom:5px;
  298. line-height:10px;
  299. text-transform:lowercase;
  300. z-index:999;
  301. color:{color:title};
  302. }
  303.  
  304. #info a {
  305. font-weight:bold;
  306. font-family:'helvetica';
  307. padding:5px;
  308. z-index:999;
  309. text-align:center;
  310. color:{color:title};
  311. }
  312.  
  313. #info a:hover {
  314. text-align:center;
  315. color:{color:hover} ;
  316. -moz-transition-duration:.8s;
  317. -webkit-transition-duration:.8s;
  318. -o-transition-duration:.8s;
  319.  
  320. }
  321.  
  322. #tags {
  323. float:center;
  324. width:389px;
  325. margin-top:-0px;
  326. margin-left:-5px;
  327. text-align:center;
  328. font-size:9px;
  329. padding:5px;
  330. font-size:8px;
  331. transition-duration: 0.5s;
  332. -moz-transition-duration: 0.5s;
  333. -webkit-transition-duration: 0.5s;
  334. -o-transition-duration: 0.5s
  335. color:#bbb;
  336. }
  337.  
  338. #tags a {
  339. text-transform:none;
  340. padding:2px;
  341. letter-spacing:0px;
  342. font-size:9px;
  343. text-align:center;
  344. font-weight:normal;
  345. font-family:'helvetica';
  346. text-decoration:none;
  347. display:inline-block;
  348. color:{color:Tags};
  349. -moz-transition-duration:0.3s;
  350. -webkit-transition-duration:0.3s;
  351. -o-transition-duration:0.3s;
  352. }
  353.  
  354. #tags a:hover {
  355. -moz-transition-duration:0.5s;
  356. -webkit-transition-duration:0.5s;
  357. -o-transition-duration:0.5s;
  358. color:{color:Hover};
  359. }
  360.  
  361. #question {
  362. font-size:10px;
  363. padding-top:15px;
  364. padding-bottom:15px;
  365. padding:10px;
  366. padding-right:5px;
  367. padding-left:5px;
  368. font-family:helvetica;
  369. letter-spacing:0px;
  370. text-align:right;
  371. font-style:none;
  372. background: {color:askbg} ;
  373. color:{color:ask} ;
  374. -moz-transition-duration:0.5s;
  375. -webkit-transition-duration:0.5s;
  376. -o-transition-duration:0.5s;
  377. }
  378.  
  379.  
  380.  
  381. #questionlink {
  382. font-family:helvetica;
  383. text-align:right;
  384. font-style:normal;
  385. font-size:12px;
  386. color:{color:asklink};
  387. text-transform:uppercase;
  388. letter-spacing:1px;
  389.  
  390. }
  391.  
  392.  
  393. #questionlink a {
  394. font-family:helvetica;
  395. text-align:right;
  396. font-style:normal;
  397. font-size:10px;
  398. color:{color:asklink};
  399. text-transform:uppercase;
  400.  
  401.  
  402. }
  403.  
  404. .audio-post {
  405. text-align: center;
  406. color:#fff;
  407. font-family:helvetica;
  408. }
  409.  
  410. .audiop {
  411. background:{color:title};
  412. height:30px;
  413. font-size:8px;
  414. letter-spacing:1px;
  415. text-transform:uppercase;
  416. line-height:13px;
  417. text-align:center;
  418. padding:10px;
  419. -moz-transition-duration:0.5s;
  420. -webkit-transition-duration:0.5s;
  421. -o-transition-duration:0.5s;
  422. }
  423.  
  424. .audiop:hover{
  425. -moz-transition-duration:0.5s;
  426. -webkit-transition-duration:0.5s;
  427. -o-transition-duration:0.5s;
  428. }
  429.  
  430. #postnotes {
  431. display:block;
  432. margin-top:-200;
  433. margin-left:461px;
  434. color:black;
  435. width:440px;
  436. font-family:helvetica;
  437. font-size:10px;
  438. }
  439.  
  440. #postnotes ol {
  441. line-height:110%;
  442. color:black;
  443. list-style-type: none;
  444.  
  445. }
  446.  
  447. #postnotes li {
  448. padding:5px;
  449. letter-spacing:2px;
  450. display:block;
  451. margin-top:5px;
  452. color:black;
  453. -webkit-transition-duration:.4s;
  454. -moz-transition-duration:.4s;
  455. -o-transition-duration:.4s;
  456. -ms-transition-duration:.4s;
  457. }
  458.  
  459. #postnotes li:hover {
  460. color:{color:hover};
  461.  
  462. }
  463.  
  464. #postnotes li:hover a {
  465. color:{color:title};
  466. }
  467.  
  468. #postnotes img {
  469. padding-right:5px;
  470. }
  471.  
  472. /*--credit--*/
  473.  
  474.  
  475. #credit {
  476. padding:2px;
  477. color:#000;
  478. position:fixed;
  479. bottom:5px;
  480. right:0px;
  481. font-size:19px;
  482. letter-spacing:-1px;
  483. font-family:arial;
  484. -moz-transition-duration: .6s;
  485. -webkit-transition-duration: .6s;
  486. -o-transition-duration: .6s;
  487. }
  488.  
  489. #credit a {
  490. font-weight:bold;
  491. text-transform:lowercase;
  492. color:#000;
  493. padding:3px;
  494. padding-right:5px;
  495. -moz-transition-duration: .6s;
  496. -webkit-transition-duration: .6s;
  497. -o-transition-duration: .6s;
  498. }
  499.  
  500.  
  501. #credit a:hover{
  502. background: black;
  503. color: white;
  504. -moz-transition-duration:0.3s;
  505. -webkit-transition-duration:0.3s;
  506. -o-transition-duration:0.3s;
  507. }
  508.  
  509.  
  510. #credit a:hover { color: {color:linkhover};}
  511.  
  512. {CustomCSS}
  513. iframe#tumblr_controls { right:3px !important; position: fixed !important; z-index:999999999999999999999999999999999999999999999 !important; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-filter: invert(100%);}
  514. ::-moz-selection {background: {color:selection}; color:#fff;}
  515.  
  516. ::selection {background:{color:selection}; color:#fff; }
  517.  
  518.  
  519.  
  520. #s-m-t-tooltip {
  521.  
  522. max-width:300px;
  523.  
  524. padding:3px 4px 5px 4px;
  525.  
  526. margin:20px 0px 0px 20px;
  527.  
  528. background-color:#fff; /* change the background color */
  529.  
  530. font-family:helvetica; /* change the font */
  531.  
  532. font-size:9px; /* change the font size */
  533.  
  534. letter-spacing:2px; /* change the letter spacing */
  535.  
  536. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  537.  
  538. color:#000; /* change the text color */
  539.  
  540. z-index:999999999999999999999999999999999999;
  541.  
  542. }
  543.  
  544. </style>
  545.  
  546.  
  547.  
  548. </head>
  549.  
  550. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  551.  
  552. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  553.  
  554. <script>
  555.  
  556. (function($){
  557.  
  558. $(document).ready(function(){
  559.  
  560. $("a[title]").style_my_tooltips({
  561.  
  562. tip_follows_cursor:true,
  563.  
  564. tip_delay_time:90,
  565.  
  566. tip_fade_speed:600,
  567.  
  568. attribute:"title"
  569.  
  570. });
  571.  
  572. });
  573.  
  574. })(jQuery);
  575.  
  576. </script>
  577.  
  578. <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'><body>
  579.  
  580.  
  581. <div id="sidebar">
  582. <div id="title">{text:sidetitle}</div>
  583. <div id="sidebarimage"><a href="/"> <img src="{image:sidebar}"></a></div>
  584.  
  585.  
  586.  
  587. <div class="desc">
  588. {Description}
  589. </div>
  590. <div class="links">
  591. {block:IfLinkA}
  592. <a href="{text:linkA url}"style="color:{color:title}">{text:linkA}</a>
  593. {/block:IfLinkA}
  594. {block:IfLinkB}
  595. <a href="{text:linkB url}">{text:linkB}</a>
  596. {/block:IfLinkB}
  597. {block:IfLinkC}
  598. <a href="{text:linkC url}">{text:linkC}</a>
  599. {/block:IfLinkC}
  600. {block:IfLinkD}
  601. <a href="{text:linkD url}">{text:linkD}</a>
  602. {/block:IfLinkD}
  603. {block:IfLinkE}
  604. <a href="{text:linkE url}">{text:linkE}</a>
  605. {/block:IfLinkE}
  606.  
  607.  
  608.  
  609. </div>
  610.  
  611.  
  612. {block:Pagination}
  613. <div id="pagi">
  614. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  615. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  616. </div>
  617. {/block:Pagination}
  618. </div></div>
  619. </div>
  620.  
  621.  
  622.  
  623.  
  624.  
  625. <div id="all">{block:Posts}<div id="posts">
  626.  
  627. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  628.  
  629. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  630.  
  631.  
  632. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  633. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  634.  
  635. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  636.  
  637. {block:Quote}<h3>"{Quote}" </h3>
  638. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  639.  
  640. {block:AudioPlayer}
  641. <div class="audio-post"> <div style="padding: 6px 0px 6px 5px;width:inherit;background:#fff; width:30px;overflow:hidden; position:absolute;border:4px solid {color:selection}"> {AudioPlayer}</div><div class="audiop">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}</div></div>{/block:AudioPlayer}
  642.  
  643. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  644.  
  645. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  646.  
  647.  
  648. {block:Answer}<div id="questionlink"><span style="font-family:helvetica;text-transform:uppercase;font-size:10px;font-style:none;"><font face="helvetica">{Asker}</font></div> <div id="question"></span>{Question}</div><left> <span style="text-transform:none;font-size:10px;"><font face="helvetica">{Answer}</font> {/block:Answer}
  649.  
  650. <div id="info">
  651. {NoteCount} ♥<a href="{Permalink}">{TimeAgo}</a> // {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  652. {block:ContentSource} // <a href="{SourceURL}">source</a>{/block:ContentSource} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} </a>
  653. {block:HasTags}<div id="tags">
  654.  
  655. {block:Tags}<a href="/tagged/{Tag}">{Tag}, </a>&nbsp;{/block:Tags}
  656. </div>{block:HasTags}
  657. </div>
  658. </div>
  659. {/block:Posts}
  660. <br><br></div><div id="postnotes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  661. {/block:Posts}</div></div></div>
  662.  
  663.  
  664.  
  665. <div id="credit"><a title="theme by aileen" href="http://perriestitties.tumblr.com/">AJ</a></center></div>
  666. </div></div>
  667. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!