API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 31st, 2014
305
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.13 KB | None | 0 0
raw download clone embed print report
  1. <html><head></head><body></body></html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <head>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch' rel='stylesheet' type='text/css'>
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  11.  
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <title>{Title}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17.  
  18. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=6a17c519d68bc98ed5cdd6f4a55dbaa2"></script>
  19.  
  20. {block:ifLazyLoad}
  21. <!---------------------------LL------------------------------------>
  22. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  23. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  24. <script type="text/javascript" charset="utf-8">
  25. var $j = jQuery.noConflict();
  26. $j(function() {
  27. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  28. $j("img").lazyload({
  29. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  30. effect: "fadeIn",
  31. });
  32. });
  33. </script>
  34. {/block:ifLazyLoad}
  35.  
  36. <!----TOOLTIP------------------>
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  40. <script>
  41. (function($){
  42. $(document).ready(function(){
  43. $("[title]").style_my_tooltips({
  44. tip_follows_cursor:true,
  45. tip_delay_time:0,
  46. tip_fade_speed:400,
  47. attribute:"title"
  48. });
  49. });
  50. })(jQuery);
  51. </script>
  52.  
  53.  
  54. <!--------------------MODALWINDOW---------------------------------->
  55. <script type="text/javascript"
  56. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  57.  
  58.  
  59. <script>
  60. $(document).ready(function() {
  61. //When you click on a link with class of poplight and the href starts with a #
  62. $('a.poplight[href^=#]').click(function() {
  63. var popID = $(this).attr('rel');
  64. var popURL = $(this).attr('href');
  65. var query= popURL.split('?');
  66. var dim= query[1].split('&');
  67. var popWidth = dim[0].split('=')[1];
  68. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img class="btn_close"/></a>');
  69. var popMargTop = ($('#' + popID).height() + 80) / 2;
  70. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  71. $('#' + popID).css({
  72. 'margin-top' : -popMargTop,
  73. 'margin-left' : -popMargLeft
  74. });
  75. $('body').append('<div id="fade"></div>');
  76. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  77. return false;
  78. });
  79. $('a.close, #fade').live('click', function() {
  80. $('#fade , .popup_block').fadeOut(function() {
  81. $('#fade, a.close').remove();
  82. });
  83. return false;
  84. });
  85. });
  86. </script>
  87.  
  88. <!----IFS...........................................--->
  89.  
  90. {block:ifInfiniteScrolling}
  91. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  92. {/block:ifInfiniteScrolling}
  93.  
  94.  
  95.  
  96. <!--------------------METAS----------------------->
  97. <meta name="color:text" content="#999">
  98. <meta name="color:scroll" content="#d3d3d3">
  99. <meta name="color:links" content="#d3d3d3">
  100. <meta name="color:linkshover" content="#DDD4D7">
  101. <meta name="color:background" content="#fff">
  102. <meta name="color:lines" content="#d3d3d3">
  103. <meta name="color:title" content="#ccc">
  104. <meta name="color:description" content="#ccc">
  105. <meta name="color:tooltip" content="#fff">
  106. <meta name="color:tooltipbg" content="#ccc">
  107. <meta name="color:postinfo" content="#d3d3d3">
  108. <meta name="color:postinfo hover" content="#999">
  109. <meta name="color:popupaskbg" content="#fff" />
  110.  
  111.  
  112. <meta name="image:sidebar" content="https://31.media.tumblr.com/6f489f2e5bc19a34d74a2d6a8f61b783/tumblr_inline_n1eke3qmxT1ri0hrk.png">
  113.  
  114. <meta name="if:Lazy Load" content="0" />
  115. <meta name="if:Show Caption" content="1"/>
  116. <meta name="if:Infinite Scrolling" content="0" />
  117. <meta name="if:Pop Up Ask" content="1" />
  118. <meta name="if:400px Posts" content="0" />
  119.  
  120. <meta name="text:username" content="weeping-fallen-angel"/>
  121. <meta name="text:ask title" content="ask me anything"/>
  122. <meta name="text:Navigation Tab1" content="description" />
  123. <meta name="text:Navigation Tab2" content="about" />
  124. <meta name="text:About" content="Hello beautiful, welcome to my safe haven. The name's ana; just another small girl with dreams and an imagination bigger than reality. x " />
  125. <meta name="text:Navigation Tab3" content="links" />
  126. <meta name="text:Navigation Tab4" content="message" />
  127.  
  128. <meta name="text:Link1 URL" content="/" />
  129. <meta name="text:Link1 Name" content="link 1" />
  130. <meta name="text:Link2 URL" content="/" />
  131. <meta name="text:Link2 Name" content="link 2" />
  132. <meta name="text:Link3 URL" content="/" />
  133. <meta name="text:Link3 Name" content="link 3" />
  134. <meta name="text:Link4 URL" content="/" />
  135. <meta name="text:Link4 Name" content="link 4" />
  136. <meta name="text:Link5 URL" content="/" />
  137. <meta name="text:Link5 Name" content="link 5" />
  138.  
  139. <meta name="color:tabcolor" content="#000">
  140. <meta name="color:tabcolor2" content="#323232">
  141. <meta name="color:tabcolor3" content="#666566">
  142. <meta name="color:tabcolor4" content="#8C8C8C">
  143. <meta name="color:tabcolor5" content="#ABABAB">
  144. <meta name="color:tabcolor6" content="#CFCFCF">
  145.  
  146. <style type="text/css">
  147.  
  148. #tabcode1{
  149. margin-bottom:3px;
  150. border-left:4px solid {color:tabcolor};
  151. padding-left:4px;
  152. height:14px;
  153. text-align:left;
  154. overflow:hidden;
  155. margin-top:-1px;
  156. border-bottom:0px solid #706732;
  157. text-transform:uppercase;
  158. letter-spacing:1px;
  159. font-size:8px;
  160. line-height:10px;
  161. z-index:0;
  162. -webkit-transition: all 0.7s ease-in-out;
  163. -moz-transition: all 0.7s ease-in-out;
  164. -o-transition: all 0.7s ease-in-out;
  165. }
  166. #tabcode1:hover{
  167. height:200px;
  168. -webkit-transition: all 0.7s ease-in-out;
  169. -moz-transition: all 0.7s ease-in-out;
  170. -o-transition: all 0.7s ease-in-out;
  171. }
  172.  
  173. #tabcode2{
  174. margin-bottom:3px;
  175. height:14px;
  176. text-align:left;
  177. overflow:hidden;
  178. border-left:4px solid {color:tabcolor2};
  179. padding-left:4px;
  180. text-transform:uppercase;
  181. letter-spacing:1px;
  182. font-size;8px;
  183. line-height:13px;
  184. z-index:0;
  185. -webkit-transition: all 0.7s ease-in-out;
  186. -moz-transition: all 0.7s ease-in-out;
  187. -o-transition: all 0.7s ease-in-out;
  188. }
  189.  
  190. #tabcode2:hover{
  191. height:280px;
  192. -webkit-transition: all 0.7s ease-in-out;
  193. -moz-transition: all 0.7s ease-in-out;
  194. -o-transition: all 0.7s ease-in-out;
  195. }
  196.  
  197. #tabcode3{
  198. margin-bottom:3px;
  199. border-left:4px solid {color:tabcolor3};
  200. padding-left:4px;
  201. height:14px;
  202. text-align:left;
  203. overflow:hidden;
  204. border-bottom:0px solid #ccc;
  205. text-transform:uppercase;
  206. letter-spacing:1px;
  207. font-size;8px;
  208. line-height:13px;
  209. z-index:0;
  210. -webkit-transition: all 0.7s ease-in-out;
  211. -moz-transition: all 0.7s ease-in-out;
  212. -o-transition: all 0.7s ease-in-out;
  213. }
  214.  
  215. #tabcode3:hover{
  216. height:180px;
  217. -webkit-transition: all 0.7s ease-in-out;
  218. -moz-transition: all 0.7s ease-in-out;
  219. -o-transition: all 0.7s ease-in-out;
  220. }
  221.  
  222. #tabcode4{
  223. margin-bottom:3px;
  224. border-left:4px solid {color:tabcolor4};
  225. padding-left:4px;
  226. height:14px;
  227. text-align:left;
  228. overflow:hidden;
  229. border-bottom:0px solid #ccc;
  230. text-transform:uppercase;
  231. letter-spacing:1px;
  232. font-size;8px;
  233. line-height:13px;
  234. z-index:0;
  235. -webkit-transition: all 0.7s ease-in-out;
  236. -moz-transition: all 0.7s ease-in-out;
  237. -o-transition: all 0.7s ease-in-out;
  238. }
  239.  
  240. #tabcode4:hover{
  241. height:110px;
  242. -webkit-transition: all 0.7s ease-in-out;
  243. -moz-transition: all 0.7s ease-in-out;
  244. -o-transition: all 0.7s ease-in-out;
  245. }
  246.  
  247. #tabcode5{
  248. margin-bottom:3px;
  249. border-left:4px solid {color:tabcolor5};
  250. padding-left:4px;
  251. height:14px;
  252. text-align:left;
  253. overflow:hidden;
  254. border-bottom:0px solid #ccc;
  255. text-transform:uppercase;
  256. letter-spacing:1px;
  257. font-size;8px;
  258. line-height:13px;
  259. z-index:0;
  260. -webkit-transition: all 0.7s ease-in-out;
  261. -moz-transition: all 0.7s ease-in-out;
  262. -o-transition: all 0.7s ease-in-out;
  263. }
  264.  
  265. #tabcode5:hover{
  266. height:360px;
  267. -webkit-transition: all 0.7s ease-in-out;
  268. -moz-transition: all 0.7s ease-in-out;
  269. -o-transition: all 0.7s ease-in-out;
  270. }
  271. #tabcode6{
  272. margin-bottom:3px;
  273. border-left:4px solid {color:tabcolor6};
  274. padding-left:4px;
  275. height:14px;
  276. text-align:left;
  277. overflow:hidden;
  278. text-transform:uppercase;
  279. letter-spacing:1px;
  280. font-size;8px;
  281. line-height:13px;
  282. z-index:0;
  283. -webkit-transition: all 0.7s ease-in-out;
  284. -moz-transition: all 0.7s ease-in-out;
  285. -o-transition: all 0.7s ease-in-out;
  286. }
  287.  
  288. #tabcode6:hover{
  289. height:60px;
  290. -webkit-transition: all 0.7s ease-in-out;
  291. -moz-transition: all 0.7s ease-in-out;
  292. -o-transition: all 0.7s ease-in-out;
  293. }
  294.  
  295.  
  296. #tabcode{
  297. text-align:left;
  298. font-size:10px;
  299. opacity: .8;
  300. text-transform:uppercase;
  301. position:fixed;
  302. font-family:'calibri' sans-serif;
  303. left:0px;
  304. background-color:transparent;
  305. letter-spacing:1px;
  306. width:185px;
  307. z-index:9999;
  308. padding:4px;
  309. top:30px;
  310.  
  311. }
  312.  
  313.  
  314.  
  315. /*-------------------------SCROLL----------------------*/
  316.  
  317. ::-webkit-scrollbar-thumb:vertical {
  318. background-color: {color:scroll};
  319. height:5px;
  320. }
  321. ::-webkit-scrollbar-corner {
  322. background-color: transparent;
  323. }
  324.  
  325. ::-webkit-scrollbar {
  326. margin-left: 5px;
  327. background-color: transparent;
  328. height:2px;
  329. width:5px;
  330. }
  331. /*-------------------------CONTROLS----------------------*/
  332. iframe#tumblr_controls {
  333. right:3px !important;
  334. position: fixed !important;
  335. opacity:0.3;
  336. -webkit-transition: all 0.6s ease-out;
  337. -moz-transition: all 0.6s ease-out;
  338. -ms-transition: all 0.6s ease-out;
  339. -o-transition: all 0.6s ease-out;
  340. transition: all 0.6s ease-out;
  341. }
  342.  
  343. iframe#tumblr_controls:hover {
  344. opacity:0.8;
  345. -webkit-transition: all 0.6s ease-out;
  346. -moz-transition: all 0.6s ease-out;
  347. -ms-transition: all 0.6s ease-out;
  348. -o-transition: all 0.6s ease-out;
  349. transition: all 0.6s ease-out;
  350. }
  351. /*-------------------------BLOCKQUOTE----------------------*/
  352.  
  353.  
  354. blockquote {
  355. padding:10px;
  356. padding-left:15px;
  357. margin:10px;
  358. border-left:1px solid {color:lines};
  359. }
  360.  
  361. blockquote img {
  362. padding-left: 25px;
  363. {block:IfNot400pxPosts}max-width: 300px!important;{/block:IfNot400pxPosts}
  364. {block:If400pxPosts}max-width: 250px!important;{/block:If400pxPosts}
  365. }
  366.  
  367. blockquote blockquote {
  368. padding:10px;
  369. padding-left:15px;
  370. }
  371.  
  372. /*-------------------------BODY----------------------*/
  373. #s-m-t-tooltip{
  374. letter-spacing:1px;
  375. max-width:150px;
  376. font-size: 8px;
  377. margin:0px 10px;
  378. padding:3px;
  379. background:{color:tooltipbg};
  380. color: {color:tooltip};
  381. opacity: .8;
  382. z-index:999;
  383. text-transform:uppercase;
  384. }
  385.  
  386.  
  387. img a {
  388. border:none;
  389. width:100%;
  390. }
  391.  
  392.  
  393. body {
  394. background-color: {color:background};
  395. color: {color:text};
  396. font-family: Calibri;
  397. font-size: 10px;
  398. letter-spacing: 0.1em;
  399. }
  400.  
  401. a, a:active, a:visited{
  402. text-decoration:none;
  403. color:{color:links};
  404. -webkit-transition: all 0.6s ease-out;
  405. -moz-transition: all 0.6s ease-out;
  406. -ms-transition: all 0.6s ease-out;
  407. -o-transition: all 0.6s ease-out;
  408. transition: all 0.6s ease-out;
  409. }
  410.  
  411. a:hover {
  412. text-decoration:none;
  413. color: {color:linkshover};
  414. -webkit-transition: all 0.6s ease-out;
  415. -moz-transition: all 0.6s ease-out;
  416. -ms-transition: all 0.6s ease-out;
  417. -o-transition: all 0.6s ease-out;
  418. transition: all 0.6s ease-out;
  419. }
  420. sub {
  421. font-size:10px;
  422. }
  423.  
  424. small {font-size:10px;}
  425. big {font-size:13px;}
  426.  
  427. /*----------------------------------SIDE--------------------------------*/
  428.  
  429. .sidecar {
  430. position: fixed;
  431. margin-left: 290px;
  432. margin-top: 200px;
  433. height: 260px;
  434. width: 210px;
  435. }
  436.  
  437.  
  438. .simg {
  439. padding: 10px;
  440. border-bottom: solid 1px {color:lines};
  441. width:200px;
  442. -webkit-filter: black white(0.7);
  443. -webkit-transition: all 0.6s ease-out;
  444. -moz-transition: all 0.6s ease-out;
  445. -ms-transition: all 0.6s ease-out;
  446. -o-transition: all 0.6s ease-out;
  447. transition: all 0.6s ease-out;
  448. }
  449.  
  450. .nothing {
  451. height: 14px;
  452. font-size: 9px;
  453. font-weight: bold;
  454. color: {color:title};
  455. z-index: 9999999999999999;
  456. padding: 10px;
  457. width: 200px;
  458. font-family: Century Gothic, calibri;
  459. text-transform: uppercase;
  460. text-align: center;
  461. letter-spacing: 0.4em;
  462. -webkit-transition: all 0.6s ease-out;
  463. -moz-transition: all 0.6s ease-out;
  464. -ms-transition: all 0.6s ease-out;
  465. -o-transition: all 0.6s ease-out;
  466. transition: all 0.6s ease-out;
  467. }
  468.  
  469. .sidecar:hover .nothing {
  470. opacity: 0;
  471. }
  472.  
  473. .sidecar:hover .enlaces {
  474. opacity: 1;
  475. }
  476.  
  477. .sidecar:hover .simg{
  478. -webkit-filter: brightness(1);
  479. }
  480.  
  481. .enlaces {
  482. font-family: calibri;
  483. position: absolute;
  484. margin-top: -30px;
  485. margin-left: 5px;
  486. opacity: 0;
  487. -webkit-transition: all 0.6s ease-out;
  488. -moz-transition: all 0.6s ease-out;
  489. -ms-transition: all 0.6s ease-out;
  490. -o-transition: all 0.6s ease-out;
  491. transition: all 0.6s ease-out;
  492. }
  493.  
  494.  
  495. .link label img{
  496. width: 10px;
  497. height: 10px;
  498. padding: 5px;
  499. text-align: center;
  500. cursor: pointer;
  501. display: block;
  502. opacity: 0.3;
  503. -webkit-transition: all 0.6s ease-out;
  504. -moz-transition: all 0.6s ease-out;
  505. -ms-transition: all 0.6s ease-out;
  506. -o-transition: all 0.6s ease-out;
  507. transition: all 0.6s ease-out;
  508. }
  509.  
  510. .link label img:hover {
  511. opacity: 0.6;
  512. }
  513.  
  514.  
  515. .link [type=radio] {
  516. display: none;
  517. }
  518.  
  519. .contenido {
  520. border-left: solid 1px {color:lines};
  521. letter-spacing: 0.1em;
  522. font-size:10px;
  523. color: {color:description};
  524. background-color: {color:background};
  525. width: 165px;
  526. height: 70px;
  527. padding: 10px;
  528. overflow: scroll;
  529. text-align: justify;
  530. position: absolute;
  531. top:-5px;
  532. left:25px;
  533. }
  534.  
  535. .contenido img {
  536. max-width: 80px;
  537. max-height: 80px;
  538. }
  539.  
  540. .sidebarlink {
  541. font-size: 8px;
  542. background-color: {color:background};
  543. padding: 2px;
  544. color: {color:links};
  545. text-transform:uppercase;
  546. }
  547.  
  548. .sidebarlink:hover {
  549. text-decoration:none!important;
  550. margin-left: 10px;
  551. color: {color:linkshover};
  552. }
  553.  
  554. .linkline {
  555. margin-bottom: -7px;
  556. width: 20px;
  557. height: 1px;
  558. margin-top: 5px;
  559. background-color: {color:linkshover};
  560. z-index: -1;}
  561.  
  562. [type=radio]:checked ~ label {
  563. z-index: 2;
  564. }
  565.  
  566. [type=radio]:checked ~ label ~ .contenido {
  567. z-index: 999999;
  568. }
  569.  
  570. /*------------------------PAGINATION---------------------------------*/
  571.  
  572. .paginas {
  573. position: absolute;
  574. left: 180px;
  575. top: -150px;
  576. width: 50px;
  577. }
  578.  
  579.  
  580. /*POSTS---------------------------------------------------------------*/
  581.  
  582. .todo {
  583. height: 100%;
  584. margin:-30px 510px;
  585. width: 600px;
  586. border-left: solid 1px {color:lines};
  587. padding: 50px
  588. }
  589.  
  590. .post {
  591. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  592. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  593. margin-top: 30px;
  594. }
  595.  
  596. .post img {
  597. {block:IfNot400pxPosts}max-width: 500px;{/block:IfNot400pxPosts}
  598. {block:If400pxPosts}max-width: 400px;{/block:If400pxPosts}
  599. border:0px;
  600. text-align:center;
  601. }
  602.  
  603. h1 {
  604. font-size: 10px;
  605. font-weight: bold;
  606. color: {color:title};
  607. z-index: 9999999999999999;
  608. padding: 10px;
  609. font-family: Century Gothic, calibri;
  610. text-transform: uppercase;
  611. text-align: center;
  612. letter-spacing: 0.4em;
  613. {block:IfNot400pxPosts}max-width: 500px;{/block:IfNot400pxPosts}
  614. {block:If400pxPosts}max-width: 400px;{/block:If400pxPosts}
  615. line-height:12px;
  616. margin-top:7px;
  617. padding:5px;
  618. margin-bottom: 7px;
  619. }
  620.  
  621. .caption {
  622. {block:IfNot400pxPosts}max-width: 500px;{/block:IfNot400pxPosts}
  623. {block:If400pxPosts}max-width: 400px;{/block:If400pxPosts}
  624. }
  625.  
  626. pre {
  627. overflow: auto;
  628. }
  629. /*------------------------------INFO-------------------------*/
  630.  
  631.  
  632. .info {
  633. letter-spacing: 0.2em;
  634. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  635. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  636. font-size: 8px;
  637. font-family:Consolas;
  638. text-transform:uppercase;
  639. text-align: left;
  640. margin-left: -10px;
  641. margin-top: -15px;
  642. padding: 5px;
  643. -webkit-transition: all 0,6s linear;
  644. -moz-transition: all 0.6s linear;
  645. -ms-transition: all 0.6s linear;
  646. -o-transition: all 0.6s linear;
  647. transition: all 0.6s linear;
  648. }
  649.  
  650.  
  651.  
  652. .info a {
  653. color: {color:postinfo};
  654. background-color: {color:background};
  655. display: inline-block;
  656. padding: 5px;
  657. }
  658.  
  659.  
  660. .info a:hover {
  661. text-decoration: none!important;
  662. color: {color:postinfo hover};
  663. }
  664.  
  665. .post .linkline {
  666. background-color: {color:lines}!important;
  667. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  668. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  669. }
  670.  
  671. /*-------------------------------TAGS-------------------------*/
  672.  
  673. .tags {
  674. color: {color:postinfo};
  675. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  676. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  677. text-align: left;
  678. font-size:8px;
  679. text-transform:uppercase;
  680. letter-spacing:1px;
  681. font-family: Consolas;
  682. margin-top: 5px;
  683. display: inline-block;}
  684.  
  685. .tags a:hover {
  686. text-decoration: none!important;
  687. color: {color:postinfo hover};}
  688.  
  689. /*--------------------------------ASK-----------------------------*/
  690.  
  691. #ask {
  692. padding: 5px;
  693. }
  694.  
  695.  
  696.  
  697. .pregunta {
  698. font-size: 10px;
  699. {block:IfNot400pxPosts}max-width: 500px;{/block:IfNot400pxPosts}
  700. {block:If400pxPosts}max-width: 400px;{/block:If400pxPosts}
  701. letter-spacing: 1px;
  702. padding: 5px;
  703. font-style: italic;
  704.  
  705. }
  706.  
  707.  
  708. .curioso {
  709. padding: 2px;
  710. max-width:200px;
  711. background-color: {color:background};
  712. color: {color:links};
  713. margin-left: 5px;
  714. font-size: 8px;
  715. font-weight: bold;
  716. text-transform: uppercase;
  717. letter-spacing:1px;
  718. -webkit-transition: all 0.6s ease-out;
  719. -moz-transition: all 0.6s ease-out;
  720. -ms-transition: all 0.6s ease-out;
  721. -o-transition: all 0.6s ease-out;
  722. transition: all 0.6s ease-out;
  723.  
  724. }
  725.  
  726. .curioso:hover {
  727. color: {color:linkshover};
  728. text-decoration:none!important;
  729. margin-left: 15px;
  730.  
  731. }
  732.  
  733.  
  734. .respuesta {
  735. margin-top: 5px;
  736. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  737. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  738. padding: 10px;
  739. margin-left: 5px;
  740. font-size: 10px;
  741. text-align: justify;
  742. border-left: solid 1px {color:lines};
  743. }
  744.  
  745. #ask .linkline {
  746. width: 20px!important;
  747. z-index: -1;
  748. margin-left: 5px;
  749. background-color: {color:linkshover}!important;}
  750.  
  751.  
  752.  
  753.  
  754. /*-------------------------------AUDIO------------------------------*/
  755.  
  756. #audio {
  757. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  758. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  759. display:block;
  760. margin:0px;
  761. padding: 10px;
  762. height: 40px;
  763. }
  764.  
  765. .artcover {
  766. width:50px;
  767. height:50px;
  768. position: absolute;
  769. margin-left: 10px;
  770. }
  771.  
  772. .artcover img {
  773. width:50px !important;
  774. height:50px;
  775. float:left;
  776. padding-right: 5px;
  777. }
  778.  
  779. .player {
  780. position:absolute;
  781. z-index:1;
  782. width:50px;
  783. height:50px;
  784. margin-top:0px;
  785. margin-left:10px;
  786. display:block;
  787. opacity:0.6;
  788. -webkit-transition:all 0.6s;
  789. -moz-transition:all 0.6s;
  790. -o-transition:all 0.6s;
  791. -ms-transition: all 0.6s;
  792. transition:all 0.6s;
  793. background:#fff;
  794. }
  795.  
  796. .player:hover {
  797. -webkit-transition:all 0.6s;
  798. -moz-transition:all 0.6s;
  799. -o-transition:all 0.6s;
  800. -ms-transition: all 0.6s;
  801. transition:all 0.6s;
  802. opacity:0.3;
  803. }
  804.  
  805. .audioplayer {
  806. width:20px;
  807. height:20px;
  808. margin-top:8px;
  809. margin-left:8px;
  810. padding:4px;
  811. overflow: hidden;
  812. }
  813.  
  814. .audioinfo {
  815. text-transform: uppercase;
  816. width:310px;
  817. display:block;
  818. margin-left: 70px;
  819. font-size:10px;
  820. letter-spacing:0.1em;
  821. text-align:left;
  822. overflow: hidden;
  823. }
  824.  
  825. /*------------------------------------CHAT-------------------------*/
  826. .user .label:nth-of-type(odd) {color:{color:links}; font-weight:bold; text-transform:uppercase;}
  827. .user .label:nth-of-type(even) {color:{color:linkshover}; font-weight:bold;text-transform:uppercase;}
  828.  
  829. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:10px}
  830.  
  831. /*-----------------------------------QUOTE----------------------*/
  832. .quote {
  833. {block:IfNot400pxPosts}width: 400px;{/block:IfNot400pxPosts}
  834. {block:If400pxPosts}width: 300px;{/block:If400pxPosts}
  835. margin-left: 50px;
  836. padding: 10px;
  837. text-indent: 0px;
  838. text-align: center;
  839. font-family: Century Gothic, Calibri;
  840. font-size: 14px;
  841. font-style: none;
  842. font-weight: lighter;
  843. line-height: 150%;
  844. }
  845.  
  846. .quote:first-letter {
  847. padding-right: 0;
  848. font-size: 20px;
  849. font-weight: bold;
  850. }
  851.  
  852. h2 {
  853. text-transform: uppercase;
  854. font-weight: 300;
  855. font-size: 10px;
  856. text-align: right;
  857. max-width: 475px;
  858. }
  859. /*-----------------------------------NOTAS----------------------*/
  860.  
  861. .notas {
  862. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  863. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  864. margin-left:-30px;
  865. margin-top:20px;
  866. text-transform: uppercase;
  867. list-style-type: none;
  868. font-size: 8px;
  869. letter-spacing: 0.2em;}
  870.  
  871. ol.notes li.note {
  872. padding-bottom:5px;
  873. margin-bottom:8px;
  874. list-style-type:none;
  875. }
  876. ol.notes li.note img.avatar {
  877. margin-bottom: -5px;
  878. padding-right: 4px;
  879. opacity: 0.9;
  880. }
  881. ol.notes li.note img {
  882. padding:0px;
  883. }
  884. ol.notes li.note blockquote {
  885. padding-left:15px;
  886. margin-left:30px;
  887. }
  888.  
  889. /*--------------------------------------------*/
  890.  
  891. .credito {
  892. width: 20px;
  893. height: 20px;
  894. position: fixed;
  895. bottom: 10px;
  896. right: 10px;
  897.  
  898.  
  899. }
  900.  
  901. .credito img {
  902. height: 12px;
  903. width: 12px;
  904. opacity: 0.4;
  905. -webkit-transition: all 0.6s ease-out;
  906. -moz-transition: all 0.6s ease-out;
  907. -ms-transition: all 0.6s ease-out;
  908. -o-transition: all 0.6s ease-out;
  909. transition: all 0.6s ease-out;
  910. }
  911.  
  912. .credito img:hover {
  913. opacity: 0.8;
  914. -webkit-transition: all 0.6s ease-out;
  915. -moz-transition: all 0.6s ease-out;
  916. -ms-transition: all 0.6s ease-out;
  917. -o-transition: all 0.6s ease-out;
  918. transition: all 0.6s ease-out;
  919. }
  920.  
  921.  
  922. /* MODAL WINDOW -------------------------------------------------*/
  923. #fade {
  924. display: none;
  925. background: {color:popupaskbg};
  926. position: fixed; left: 0; top: 0;
  927. width: 100%; height: 100%;
  928. opacity: .8;
  929. z-index: 9999;
  930. }
  931. .popup_block{
  932. float: left;
  933. display: none;
  934. padding: 20px;
  935. position: fixed;
  936. overflow:scroll;
  937. max-width: 500px;
  938. max-height: 500px;
  939. top: 50%;
  940. left: 50%;
  941. z-index: 99999999999999999;
  942. }
  943. img.btn_close {
  944. float: right;
  945. margin: -5px -5px 0 0;
  946. }
  947. *html #fade {
  948. position: absolute;
  949. }
  950. *html .popup_block {
  951. position: absolute;
  952. }
  953.  
  954.  
  955. /*-----------------------UPDATES TABS -------------------*/
  956.  
  957.  
  958.  
  959. #picture1 img{
  960. position:fixed;
  961. width:80px;
  962. left: 60px;
  963. bottom: 0px;
  964. z-index: 9999;
  965. }
  966.  
  967. #text1 {
  968. width:190px;
  969. left: 10px;
  970. bottom:150px;
  971. font-family:calibri;
  972. font-size:10px;
  973. text-align:center;
  974. position:fixed;
  975. background:;
  976. z-index:9999;
  977. opacity: 0;
  978. -webkit-transition: all .7s ease-in-out;
  979. -moz-transition: all .7s ease-in-out;
  980. -o-transition: all .7s ease-in-out;
  981. transition: all .7s ease-in-out;
  982. }
  983.  
  984. #box1 {
  985. position: relative;
  986. width: 500px;
  987. text-decoration: none !important;
  988. text-align: center;
  989. }
  990.  
  991. #box1:hover #text1{
  992. -webkit-transition: all .7s ease-in-out;
  993. -moz-transition: all .7s ease-in-out;
  994. -o-transition: all .7s ease-in-out;
  995. transition: all .7s ease-in-out;
  996. opacity:1;
  997. }
  998.  
  999.  
  1000.  
  1001. #picture2 img{
  1002. position:fixed;
  1003. width:100px;
  1004. right: 15px;
  1005. top: 40px;
  1006. z-index: 9999;
  1007. }
  1008.  
  1009. #text2 {
  1010. width:100px;
  1011. right: 15px;
  1012. top:150px;
  1013. font-family:calibri;
  1014. font-size:10px;
  1015. text-align:center;
  1016. position:fixed;
  1017. background:;
  1018. z-index:9999;
  1019. opacity: 0;
  1020. -webkit-transition: all .7s ease-in-out;
  1021. -moz-transition: all .7s ease-in-out;
  1022. -o-transition: all .7s ease-in-out;
  1023. transition: all .7s ease-in-out;
  1024. }
  1025.  
  1026. #box2 {
  1027. position: relative;
  1028. width: 500px;
  1029. text-decoration: none !important;
  1030. text-align: center;
  1031. }
  1032.  
  1033. #box2:hover #text2{
  1034. -webkit-transition: all .7s ease-in-out;
  1035. -moz-transition: all .7s ease-in-out;
  1036. -o-transition: all .7s ease-in-out;
  1037. transition: all .7s ease-in-out;
  1038. opacity:1;
  1039. }
  1040.  
  1041.  
  1042.  
  1043. #picture3 img{
  1044. position:fixed;
  1045. width:120px;
  1046. right: 10px;
  1047. bottom: 10px;
  1048. z-index: 9999;
  1049. }
  1050.  
  1051. #text3 {
  1052. width:100px;
  1053. right: 20px;
  1054. bottom:150px;
  1055. font-family:calibri;
  1056. font-size:10px;
  1057. text-align:center;
  1058. position:fixed;
  1059. background:;
  1060. z-index:9999;
  1061. opacity: 0;
  1062. -webkit-transition: all .7s ease-in-out;
  1063. -moz-transition: all .7s ease-in-out;
  1064. -o-transition: all .7s ease-in-out;
  1065. transition: all .7s ease-in-out;
  1066. }
  1067.  
  1068. #box3 {
  1069. position: relative;
  1070. width: 500px;
  1071. text-decoration: none !important;
  1072. text-align: center;
  1073. }
  1074.  
  1075. #box3:hover #text3{
  1076. -webkit-transition: all .7s ease-in-out;
  1077. -moz-transition: all .7s ease-in-out;
  1078. -o-transition: all .7s ease-in-out;
  1079. transition: all .7s ease-in-out;
  1080. opacity:1;
  1081. }
  1082.  
  1083.  
  1084.  
  1085. #picture4 img{
  1086. position:fixed;
  1087. width:180px;
  1088. left: 30px;
  1089. top: 0px;
  1090. z-index: 9999;
  1091. }
  1092.  
  1093. #text4 {
  1094. width:100px;
  1095. left: 35px;
  1096. top:150px;
  1097. font-family:calibri;
  1098. font-size:10px;
  1099. text-align:center;
  1100. position:fixed;
  1101. background:;
  1102. z-index:9999;
  1103. opacity: 0;
  1104. -webkit-transition: all .7s ease-in-out;
  1105. -moz-transition: all .7s ease-in-out;
  1106. -o-transition: all .7s ease-in-out;
  1107. transition: all .7s ease-in-out;
  1108. }
  1109.  
  1110. #box4 {
  1111. position: relative;
  1112. width: 500px;
  1113. text-decoration: none !important;
  1114. text-align: center;
  1115. }
  1116.  
  1117. #box4:hover #text4{
  1118. -webkit-transition: all .7s ease-in-out;
  1119. -moz-transition: all .7s ease-in-out;
  1120. -o-transition: all .7s ease-in-out;
  1121. transition: all .7s ease-in-out;
  1122. opacity:1;
  1123. }
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129. </style>
  1130. </head>
  1131. <body>
  1132.  
  1133.  
  1134. <div id="box1">
  1135. <div id="picture1"><img src="http://media.tumblr.com/d8bcd85d9951a1ac7a5bc700c173fc36/tumblr_inline_mqsbxwXieL1qz4rgp.png" /></div>
  1136. <div id="text1">
  1137. <span style="color: #fad6ab; font-family: Amatic+SC:700; font-size: 18px"> Remember </span><br><br>
  1138. Sometimes storms come without warning but after every storm comes a rainbow and you are never alone. I am here and I will always be.
  1139. <br><br>
  1140. <span style=”font-family: Courgette ;”> Check out </span>
  1141. <div style="color:#FFFFFF; background-color:#fad6ab; padding:1px;">Check out<br></div><br>
  1142. <a href="http://weeping-fallen-angel.tumblr.com/post/99314008063/after-many-months-of-deliberation-here-are-my-5"title="My 5 tips to happiness">❤</a>
  1143. <a href="http://weeping-fallen-angel.tumblr.com/tagged/happy"title="My happy tag">❤</a>
  1144. <a href="http://emotionalbaggagecheck.com/"title="Emotional Baggage Check">❤</a>
  1145. <a href="http://thequietplaceproject.com/thequietplace"title="The Quiet Place">❤</a>
  1146. <a href="http://never-to-be-homeless.tumblr.com/"title="talk to the boys or any other SPN characters">❤</a>
  1147. <a href="http://67tardisimpala.tumblr.com/post/89078208974/dont-ever-hesitate-reblog-this-tumblr-rule-when-you"title="hotlines and help centres">❤</a>
  1148.  
  1149. <br><br>
  1150. <div style="color:#FFFFFF; background-color:#fad6ab; padding:1px;">No matter what<br></div><br>
  1151. My inbox is always open, remember put a smile on that beautiful face. Yes, you! Smile! That's right, you look gorgeous!
  1152. </div>
  1153. </div>
  1154.  
  1155.  
  1156.  
  1157. <div id="box2">
  1158. <div id="picture2"><img src="http://media.tumblr.com/3462169db777707188287e37caa197c7/tumblr_inline_mr6qdy1WKd1qz4rgp.png" /></div>
  1159. <div id="text2">
  1160. TEXT HERE<br>
  1161. TEXT HERE<br>
  1162. TEXT HERE<br>
  1163. </div>
  1164. </div>
  1165.  
  1166.  
  1167.  
  1168. <div id="box3">
  1169. <div id="picture3"><img src="http://th09.deviantart.net/fs71/PRE/i/2012/346/6/e/a_very_supernatural_christmas__by_maximum_delusion-d5nto1h.png" /></div>
  1170. <div id="text3">
  1171. TEXT HERE<br>
  1172. TEXT HERE<br>
  1173. TEXT HERE<br>
  1174. </div>
  1175. </div>
  1176.  
  1177.  
  1178.  
  1179. <div id="box4">
  1180. <div id="picture4"><img src="http://media.tumblr.com/06448cb1d7b1b99ca92bea1ae9f670b9/tumblr_mkz6kprfFd1rgpyeqo1_500.png" /></div>
  1181. <div id="text4">
  1182. </div>
  1183. </div>
  1184.  
  1185.  
  1186.  
  1187. <div id="tabholder">
  1188. <div id="tabcode">
  1189. <div id="tabcode1">
  1190. <div style="font-size:8px;color:#453220;">About</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:9px; text-align:center; color:#b9b9b9;"><br>
  1191. <span style="color: #c27a25; font-family: Cabin+Sketch; font-size: 15px"> ANA • 17 • UK </span><br><br>
  1192. <marquee scrollamount=5> British, ENFP, Superwholockian, Dean!Girl </marquee>
  1193. <br><br>
  1194. Part writer, part runner, part fangirl and totally hoping to make your day.
  1195. <br><br>
  1196. <span style="color: #c27a25; font-family: Cabin+Sketch; font-size: 15px"> Tracks </span><br><br>
  1197. comealongjohn
  1198. <br>
  1199. weeping-fallen-angel
  1200. <br>
  1201. network tags
  1202. <br><br>
  1203. <span style="color: #c27a25; font-family: Cabin+Sketch; font-size: 15px"> Saved URLs</span><br><br>
  1204. <a href="http://weeping-fallen-angel.tumblr.com/savedurls"title="saved urls woah">HERE</a>
  1205. <br><br>
  1206. <span style="color: #c27a25; font-family: Amatic+SC; font-size: 15px"> Find me here</span><br><br>
  1207. <a href="http://www.ask.fm/AngmohgirlAna">Askfm</a>
  1208. <a href="http://www.twitter.com/AngmohgirlAna">Twitter</a>
  1209. <a href="http://www.instagram.com/AngmohgirlAna">Instagram</a>
  1210. <a href="http://www.ask.fm/AngmohgirlAna">Ask Fm</a><br>
  1211. OR
  1212. write on our <a href="http://www.jotleaf.com/AngmohgirlAna/make-me-happy-honey-x/">wall</a>
  1213. </div>
  1214. </div>
  1215.  
  1216. <div id="tabcode2">
  1217. <div style="font-size:8px;color:#453220;">Currently</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;"><br>
  1218. <div style="color:#FFFFFF; background-color:#f2992e; padding:1px;">OFF HIATUS<br></div>
  1219. <br>
  1220. YAY NO MORE EXAMS WOOHOO
  1221. <br><br>
  1222. <div style="color:#FFFFFF; background-color:#f2992e; padding:1px;">READING<br></div>
  1223. <br>
  1224. Lots of pyschology texts
  1225. <br><br>
  1226. <div style="color:#FFFFFF; background-color:#f2992e; padding:1px;">WATCHING<br></div>
  1227. <br>
  1228. DW S8
  1229. <br>
  1230. SPN S10
  1231. <br><br>
  1232. <div style="color:#FFFFFF; background-color:#f2992e; padding:1px;">MONTHLY RECS<br></div>
  1233. <br>
  1234. <a href="http://weeping-fallen-angel.tumblr.com/tagged/movie-rec"title="movie of the month!">MOTM</a>,
  1235. <a href="http://weeping-fallen-angel.tumblr.com/tagged/song-rec"title="song of the month!">SOTM</a>,
  1236. <a href="http://weeping-fallen-angel.tumblr.com/tagged/book-rec"title="book of the month!">BOTM</a>
  1237. <br><br>
  1238. <div style="color:#FFFFFF; background-color:#f2992e; padding:1px;">MY TIME<br></div>
  1239. <br>
  1240. <iframe src="http://free.timeanddate.com/clock/i49fs98u/n236/tluk/fn9/fs10/fcb6b6b4/tt0/tw1/tm1/td1/th1/tb4" frameborder="0" width="91" height="28"></iframe>
  1241. <br><br>
  1242. <div style="color:#FFFFFF; background-color:#f2992e; padding:1px;">PROMO PARTY YAY<br></div>
  1243. <br>
  1244. <a href="http://weeping-fallen-angel.tumblr.com/post/99023018123/massive-thank-you-to-jo-for-the-brilliant"title="p.s. we have cake">COME JOIN!</a>
  1245. <br><br>
  1246. </div>
  1247. </div>
  1248.  
  1249. <div id="tabcode3">
  1250. <div style="font-size:8px;color:#453220;">HONEYBUTTS</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;"><br>
  1251. <div style="color:#FFFFFF; background-color:#f5ad58; padding:1px;">FRIENDS<br></div>
  1252. <br>
  1253. <a href="http://hiddlespebble.tumblr.com/"title="NO TOUCHING SHE IS MINE NOT YOUR PROPERTY GO AWAY">QUEEN HONEYBUTT</a><br><br>
  1254. <a href="http://assbuttcommander.tumblr.com/"title="NATALIA/MISHA/LEFT BOOB">♡</a>
  1255. <a href="http://whaddacraic.tumblr.com/"title="PAI">♡</a>
  1256. <a href="http://anangelandhistractor.tumblr.com/"title="ROISIN/MY ANGEL NO TOUCHIE">♡</a>
  1257. <a href="http://letoutebeast.tumblr.com/"title="BAO LEEEEEE">♡</a>
  1258. <a href="http://dracno.tumblr.com/"title="JILL AND I AM HER JACK OKEY">♡</a>
  1259. <a href="http://ohblowmecas.tumblr.com/"title="FRANKIE BUBZ">♡</a>
  1260. <a href="http://cvptainrogers.tumblr.com/"title="ALICIA DARLING">♡</a>
  1261. <a href="http://deanwinchesterjpg.tumblr.com/"title="RACH YEAH">♡</a>
  1262. <br><br>
  1263. <div style="color:#FFFFFF; background-color:#f5ad58; padding:1px;">NETWORKS<br></div>
  1264. <br>
  1265. <a href="http://ninadobrev.co.vu/supernaturalsociety#_=_/"title="SPN SOCIETY">♔</a>
  1266. <a href="http://leagueofvillainsnet.tumblr.com/"title="LEAGUE OF VILLAINS NETWORK">♔</a>
  1267. <a href="http://destiellovechildmemberpage.tumblr.com/"title="DESTIEL LOVE CHILD NETWORK">♔</a>
  1268. <a href="http://cardsagainstdeanmembers.tumblr.com/"title="CARDS AGAINST DEAN NETWORK">♔</a>
  1269. <a href="http://fabprattnetwork.tumblr.com/"title="FAB PRATT NETWORK">♔</a>
  1270. <a href="http://inflatablehorsenetwork.tumblr.com/"title="INFLATABLE HORSE NETWORK">♔</a>
  1271. <a href="http://tsrecoverynetwork.tumblr.com/"title="TWIST AND SHOUT RECOVERY NETWORK">♔</a>
  1272. <a href="http://angelsandmortals.tumblr.com/"title="Angels & Mortals Network">♔<</a>
  1273. <br><br>
  1274. <div style="color:#FFFFFF; background-color:#f5ad58; padding:1px;">FAMILIES<br></div><br>
  1275. <a href="http://capnroger.tumblr.com/family/"title="MULTIFANDOM FAMILY">▲</a>
  1276. <a href="http://icandigelvis.com/supernaturalfamily/"title="SPN FANDOM FAMILY">▼</a>
  1277. <a href="http://secumsempra.tumblr.com/fandomfamily"title="FANDOM FAMILY">▲</a>
  1278. <a href="http://precioushunters.tumblr.com/dw"title="DOCTOR WHO FAMILY">▼</a>
  1279. <a href="http://precioushunters.tumblr.com/sherlock"title="SHERLOCK FAMILY">▲</a>
  1280. <a href="http://precioushunters.tumblr.com/spn"title="SUPERNATURAL FAMILY (ERIN'S)">▼</a>
  1281. <a href="http://wintersoldierofcastiel.tumblr.com/family"title="FANDOM FAMILY">▲</a>
  1282. <a href="http://theangelanddean.tumblr.com/myspnfamily"title="SUPERNATURAL FAMILY (ISHA'S)">▼</a>
  1283. </div>
  1284. </div>
  1285.  
  1286.  
  1287. <div id="tabcode4">
  1288. <div style="font-size:8px;color:#453220;">I'm proud of us</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;"><br>
  1289. <div style="color:#FFFFFF; background-color:#f7c282; padding:1px;">STUFF I'VE WON<br></div>
  1290. <br>
  1291. <a href="http://icandigelvis.com/post/93350216646/the-hunter-award-best-supernatural"title="The Indecisive Award">✽</a>
  1292. <a href="http://an-abundance-of-jensens.tumblr.com/post/95392086216/u-a"title="Best Newbie">✽</a>
  1293. <br><br>
  1294. <div style="color:#FFFFFF; background-color:#f7c282; padding:1px;">RUNNER-UP<br></div>
  1295. <br>
  1296. <a href="http://hufflephuff.tumblr.com/post/94610313662/i-finally-picked-the-winners-for-my-tumblr-awards"title="Friendliest Blogger">✹</a>
  1297. <a href="http://becausemisha.tumblr.com/post/95520333491/congrats-to-deanftcastiel-for-best-sidebar-and"title="Best Sidebar">✹</a>
  1298. <a href="http://fluffydean.co.vu/post/96391157340/under-the-cut-bc-so-long-more-before-the"title="Nicest Blogger">✹</a>
  1299. </div>
  1300. </div>
  1301.  
  1302. <div id="tabcode5">
  1303. <div style="font-size:8px;color:#453220;">Music Player</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
  1304. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k007.kiwi6.com/hotlink/mdi2287i37/I_Dont_Wanna_Lose_Your_Love_Tonight_-_The_Police_Lyrics.mp3&t0=we'll be vibing all day&f1=http://k007.kiwi6.com/hotlink/2nc9tm05wn/The_Beatles_-_Your_Mother_Should_Know.mp3&t1=we'll be vibing all day&f2=http://k007.kiwi6.com/hotlink/67496ruoxr/Jensen_Ackles_-_Angeles_Lyrics_Video_.mp3&t2=we'll be vibing all day&f3=http://k007.kiwi6.com/hotlink/7vyi4sc88s/Beyonc_Ring_The_Alarm_-_Lyrics_PROPER_ONE.mp3&t3=we'll be vibing all day&f4=http://k007.kiwi6.com/hotlink/pch70584fg/Hoodie_Allen_-_Numbers_Official_Audio_.mp3&t4=we'll be vibing all day&total=5" quality="high" wmode="transparent" width="185" height="10" name="billy" align="left" type="application/x-shockwave-flash" /><br />
  1305. 1. I Don't Wanna Lose Your Love Tonight - Police<br>
  1306. 2. Your Mother Should Know - The Beatles<br>
  1307. 3. Angeles (cover) - Jensen Ackles<br>
  1308. 4. Ring The Alarm - Beyoncé<br>
  1309. 5. Numbers - Hoodie Allen<br>
  1310. </div>
  1311. </div>
  1312.  
  1313. <div id="tabcode6">
  1314. <div style="font-size:8px;color:#453220;">Extras</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;"><br>
  1315. <div style="color:#FFFFFF; background-color:#fad6ab; padding:1px;">Credit<br></div><br>
  1316. <a href="http://robbarya.tumblr.com/"title="theme">❖</a>
  1317. <a href="http://othello.co.vu/"title="left corner sidebar">❖</a>
  1318. <a href="http://theangelanddean.tumblr.com/myspnfamily"title="right top corner sidebar">❖</a><br>
  1319. <a href="http://theangelanddean.tumblr.com/myspnfamily"title="christmas sidebar">❖</a><br>
  1320. <a href="http://theangelanddean.tumblr.com/myspnfamily"title="sidebar image">❖</a><br>
  1321. <div style="color:#FFFFFF; background-color:#fad6ab; padding:1px;">For the family<br>
  1322. <a href="http://www.supernaturalwiki.com/index.php?title=Convention_Calendar"title="Never miss a convention!">ϟ</a><br>
  1323.  
  1324. </div>
  1325. <br>
  1326.  
  1327.  
  1328. </div></div></div></div>
  1329.  
  1330. <div class="sidecar">
  1331.  
  1332. {block:IfNotInfiniteScrolling}
  1333. {block:Pagination}
  1334. <div class="paginas">
  1335. {block:PreviousPage}<a href="{PreviousPage}">&#8212;prev</a>{/block:PreviousPage}
  1336. {block:NextPage}<a href="{NextPage}">next&#8212;</a>{/block:NextPage}
  1337. </div>
  1338. {/block:Pagination}
  1339. {/block:IfNotInfiniteScrolling}
  1340.  
  1341. <a href="/"><img class="simg" src="{image:sidebar}"></a>
  1342. <div class="nothing">{Title}</div>
  1343.  
  1344.  
  1345. <div class="enlaces">
  1346.  
  1347. {block:IfNavigationTab1}
  1348. <div class="link">
  1349. <input type="radio" id="tab-2" name="tab-group-1" checked>
  1350. <label for="tab-2" title="{text:Navigation Tab1}"><img src="http://static.tumblr.com/d4tdea8/L0Xn2anc6/iconmonstr-pen-12-icon-48.png"></label>
  1351.  
  1352. <div class="contenido">
  1353. {Description}
  1354. </div>
  1355. </div>
  1356. {/block:IfNavigationTab1}
  1357.  
  1358.  
  1359. {block:IfNavigationTab2}
  1360. <div class="link">
  1361. <input type="radio" id="tab-3" name="tab-group-1">
  1362. <label for="tab-3" title="{text:Navigation Tab2}"><img src="http://static.tumblr.com/d4tdea8/n6Zn2ancr/iconmonstr-user-6-icon-48.png"></label>
  1363.  
  1364. <div class="contenido">
  1365. {text:About}
  1366. </div>
  1367. </div>
  1368. {/block:IfNavigationTab2}
  1369.  
  1370. {block:IfNavigationTab3}
  1371. <div class="link">
  1372. <input type="radio" id="tab-4" name="tab-group-1">
  1373. <label for="tab-4" title="{text:Navigation Tab3}"><img src="http://static.tumblr.com/d4tdea8/U47n2anch/iconmonstr-share-icon-48.png"></label>
  1374.  
  1375. <div class="contenido">
  1376. <div class="linkline"> </div>
  1377. {block:IfLink1Name}
  1378. <a href="{text:Link1 URL}" class="sidebarlink">{text:Link1 Name}</a>
  1379. {/block:IfLink1Name}
  1380. <div class="linkline"> </div>
  1381. {block:IfLink2Name}
  1382. <a href="{text:Link2 URL}" class="sidebarlink">{text:Link2 Name}</a>
  1383. {/block:IfLink2Name}
  1384. <div class="linkline"> </div>
  1385. {block:IfLink3Name}
  1386. <a href="{text:Link3 URL}" class="sidebarlink">{text:Link3 Name}</a>
  1387. {/block:IfLink3Name}
  1388. <div class="linkline"> </div>
  1389. {block:IfLink4Name}
  1390. <a href="{text:Link4 URL}" class="sidebarlink">{text:Link4 Name}</a>
  1391. {/block:IfLink4Name}
  1392.  
  1393. <div class="linkline"> </div>
  1394. {block:IfLink5Name}
  1395. <a href="{text:Link5 URL}" class="sidebarlink">{text:Link5 Name}</a>
  1396. {/block:IfLink5Name}
  1397. <br>
  1398. </div>
  1399. </div>
  1400. {/block:IfNavigationTab3}
  1401.  
  1402. {block:IfNavigationTab4}
  1403. {block:IfNotPopUpAsk}
  1404. <div class="link">
  1405. <input type="radio" id="tab-5" name="tab-group-1">
  1406. <label for="tab-5" title="{text:Navigation Tab4}">
  1407. <a href="/ask">
  1408. <img src="http://static.tumblr.com/d4tdea8/kxNn2anb6/iconmonstr-email-icon-48.png"></a></label></div>
  1409. {/block:IfNotPopUpAsk}
  1410.  
  1411.  
  1412. {block:IfPopUpAsk}
  1413. <a href="#?w=500" rel="01" class="poplight" style="text-decoration: none!important;">
  1414. <div class="link">
  1415. <input type="radio" id="tab-5" name="tab-group-1">
  1416. <label for="tab-5" title="{text:Navigation Tab4}"><img src="http://static.tumblr.com/d4tdea8/kxNn2anb6/iconmonstr-email-icon-48.png"></label></div></a>
  1417. {/block:IfPopUpAsk}
  1418. {/block:IfNavigationTab4}
  1419.  
  1420. </div><!----end contenido--->
  1421. </div><!----end sidecar--->
  1422.  
  1423.  
  1424.  
  1425. <div class="todo">
  1426. {block:Posts}
  1427.  
  1428.  
  1429. <div class="post">
  1430.  
  1431. <!---------HIDESOURCE---------------------------->
  1432.  
  1433. {block:ContentSource}
  1434.  
  1435. <!--- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1436.  
  1437. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1438.  
  1439. {/block:SourceLogo}
  1440.  
  1441. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1442.  
  1443. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1444.  
  1445. <!---------------------------------------------------------->
  1446. <!----INFO---->
  1447. <div class="linkline"></div><div class="info">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date} {block:NoteCount} - {NoteCountWithLabel} {/block:NoteCount}</a>
  1448. {block:RebloggedFrom} <a href="{ReblogRootURL}" title="{ReblogRootName}"> &nbsp;source</a><a href="{ReblogURL}"> &nbsp;reblog</a>{/block:RebloggedFrom}</div>
  1449. <!----INFO---------->
  1450.  
  1451. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  1452. {/block:Text}
  1453.  
  1454.  
  1455. {block:Quote}
  1456. <div class="quote">"{Quote}”</div><h2> — {Source}</h2>
  1457. {/block:Quote}
  1458.  
  1459. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1460. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1461.  
  1462. {block:Photo}<div>
  1463. {block:IfNot400pxPosts} <img alt="{PhotoAlt}" src="{PhotoURL-500}" border="0"></div>{/block:IfNot400pxPosts}
  1464. {block:If400pxPosts}<img alt="{PhotoAlt}" src="{PhotoURL-400}" border="0"></div>{/block:If400pxPosts}</div>
  1465. {/block:Photo}
  1466.  
  1467. {block:Photoset}
  1468. <div>{block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}
  1469. {block:If400pxPosts} {Photoset-400}{/block:If400pxPosts}</div>
  1470. {/block:Photoset}
  1471.  
  1472. {block:Chat}<ul class="chat">{block:Lines}<li class="user">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1473. {/block:Chat}
  1474.  
  1475. {block:Video}
  1476. {block:IfNot400pxPosts}{Video-500} {/block:IfNot400pxPosts}
  1477. {block:If400pxPosts} {Video-400} {/block:If400pxPosts}
  1478. {/block:Video}
  1479.  
  1480.  
  1481. {block:Answer}
  1482. <div id="ask">
  1483. <div class="linkline"></div><div class="curioso">{Asker}&nbsp;SAID:</div>
  1484. <div class="pregunta"> {Question}</div>
  1485. <div class="respuesta">{Answer}</div>
  1486. </div>
  1487. {/block:Answer}
  1488.  
  1489.  
  1490. {block:Audio}
  1491. <div id="audio">
  1492. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1493.  
  1494. <div class="player">
  1495. <div class="audioplayer">{AudioPlayerWhite}</div>
  1496. </div>
  1497.  
  1498. <div class="audioinfo">
  1499. <div class="cancion">{block:TrackName}{TrackName}{/block:TrackName}
  1500. - {block:Artist}{Artist}{/block:Artist} </div>
  1501. <div style="font-size:8px;">
  1502. Played {FormattedPlayCount} times
  1503. </div></div>
  1504.  
  1505. </div>
  1506. {/block:Audio}
  1507.  
  1508. {block:HasTags}<div class="tags">{block:Tags} &nbsp;<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1509.  
  1510.  
  1511. {block:IfShowCaption}
  1512. {block:Caption}{Caption}{/block:Caption}
  1513. {/block:IfShowCaption}
  1514.  
  1515. {block:IfNotShowCaption}
  1516. {block:PermalinkPage}
  1517. {block:Caption}{Caption}{/block:Caption}
  1518. {/block:PermalinkPage}
  1519. {/block:IfNotShowCaption}
  1520.  
  1521.  
  1522.  
  1523.  
  1524. {block:PostNotes}
  1525. <div class="notas">{PostNotes}</div>
  1526. {/block:PostNotes}
  1527.  
  1528. {/block:Posts}
  1529.  
  1530.  
  1531. </div><!---end post-->
  1532.  
  1533.  
  1534. </div></div></div></div></div></div><!---end todo-->
  1535.  
  1536. <div class="credito"> <a href="http://robbarya.tumblr.com"><img src="http://static.tumblr.com/d4tdea8/Uwan2gowr/iconmonstr-copyright-3-icon-16.png"></a></div>
  1537.  
  1538. <!----- POPUP ----->
  1539. <div id="01"class="popup_block">
  1540.  
  1541. <h1>{text:ask title}</h1>
  1542. <br>
  1543. <iframe frameborder="0" border="0" scrolling="no" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com"></iframe></iframe>
  1544. </div></div></div></div></div></div>
  1545.  
  1546. </body>
  1547. </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!