API tools faq
paste
Advertisement
teenageblog

Snowflakes Theme

teenageblog
Nov 30th, 2013
1,159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.14 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. ----------------------------------------------->
  11.  
  12. <html lang="en">
  13. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <head>
  19. <!-- DEFAULT VARIABLES -->
  20. <title>{Title}</title>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22. <meta name="color:Background" content="#fff"/>
  23. <meta name="color:Text" content="#000"/>
  24. <meta name="color:Title" content="#000"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#000"/>
  27. <meta name="color:Scrollbar" content="#ccc"/>
  28. <meta name="color:Blogtitle" content="#fff"/>
  29. <meta name="color:SidebarBorder2" content="#ddd"/>
  30.  
  31. <meta name="image:Pic 1" content=""/>
  32. <meta name="image:Pic 2" content=""/>
  33. <meta name="image:Pic 3" content=""/>
  34. <meta name="image:Sidebar" content=""/>
  35. <meta name="image:Background" content="0"/>
  36.  
  37. <meta name="text:Stats" content="stats" />
  38. <meta name="text:Music" content="music" />
  39. <meta name="text:Name" content="name goes here" />
  40. <meta name="text:Link One Title" content="link 1" />
  41. <meta name="text:Link One" content="" />
  42. <meta name="text:Link Two Title" content="link 2" />
  43. <meta name="text:Link Two" content="" />
  44. <meta name="text:Link Three Title" content="link 3" />
  45. <meta name="text:Link Three" content="" />
  46. <meta name="text:Link Four Title" content="link 4" />
  47. <meta name="text:Link Four" content="" />
  48. <meta name="text:Link Five Title" content="link 5" />
  49. <meta name="text:Link Five" content="" />
  50.  
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("a[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:90,
  60. tip_fade_speed:600,
  61. attribute:"title"
  62. });
  63. });
  64. })(jQuery);
  65. </script>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. @-webkit-keyframes bounceIn {
  71. 0% {
  72. opacity: 0;
  73. -webkit-transform: scale(.3);
  74. }
  75. 50% {
  76. opacity: 1;
  77. -webkit-transform: scale(1.05);
  78. }
  79. 70% {
  80. -webkit-transform: scale(.9);
  81. }
  82. 100% {
  83. -webkit-transform: scale(1);
  84. }
  85. }
  86. @-moz-keyframes bounceIn {
  87. 0% {
  88. opacity: 0;
  89. -moz-transform: scale(.3);
  90. }
  91. 50% {
  92. opacity: 1;
  93. -moz-transform: scale(1.05);
  94. }
  95. 70% {
  96. -moz-transform: scale(.9);
  97. }
  98. 100% {
  99. -moz-transform: scale(1);
  100. }
  101. }
  102. @-ms-keyframes bounceIn {
  103. 0% {
  104. opacity: 0;
  105. -ms-transform: scale(.3);
  106. }
  107. 50% {
  108. opacity: 1;
  109. -ms-transform: scale(1.05);
  110. }
  111. 70% {
  112. -ms-transform: scale(.9);
  113. }
  114. 100% {
  115. -ms-transform: scale(1);
  116. }
  117. }
  118. @-o-keyframes bounceIn {
  119. 0% {
  120. opacity: 0;
  121. -o-transform: scale(.3);
  122. }
  123. 50% {
  124. opacity: 1;
  125. -o-transform: scale(1.05);
  126. }
  127. 70% {
  128. -o-transform: scale(.9);
  129. }
  130. 100% {
  131. -o-transform: scale(1);
  132. }
  133. }
  134. @-webkit-keyframes fadeInDown {
  135. 0% {
  136. opacity: 0;
  137. -webkit-transform: translateY(-20px);
  138. }
  139. 100% {
  140. opacity: 1;
  141. -webkit-transform: translateY(0);
  142. }
  143. }
  144. @-moz-keyframes fadeInDown {
  145. 0% {
  146. opacity: 0;
  147. -moz-transform: translateY(-20px);
  148. }
  149. 100% {
  150. opacity: 1;
  151. -moz-transform: translateY(0);
  152. }
  153. }
  154. @-ms-keyframes fadeInDown {
  155. 0% {
  156. opacity: 0;
  157. -ms-transform: translateY(-20px);
  158. }
  159. 100% {
  160. opacity: 1;
  161. -ms-transform: translateY(0);
  162. }
  163. }
  164. @-o-keyframes fadeInDown {
  165. 0% {
  166. opacity: 0;
  167. -ms-transform: translateY(-20px);
  168. }
  169. 100% {
  170. opacity: 1;
  171. -ms-transform: translateY(0);
  172. }
  173. }
  174. @keyframes fadeInDown {
  175. 0% {
  176. opacity: 0;
  177. transform: translateY(-20px);
  178. }
  179. 100% {
  180. opacity: 1;
  181. transform: translateY(0);
  182. }
  183. }
  184. .fadeInDown {
  185. -webkit-animation-name: fadeInDown;
  186. -moz-animation-name: fadeInDown;
  187. -ms-animation-name: fadeInDown;
  188. -o-animation-name: fadeInDown;
  189. animation-name: fadeInDown;
  190. }
  191.  
  192. #s-m-t-tooltip {
  193. max-width:500px;
  194. height: 18px;
  195. line-height:17px;
  196. padding:8px;
  197. padding-bottom: 2px;
  198. padding-top: 4px;
  199. margin:20px 0px 0px 20px;
  200. background:white;
  201. border: 1px dotted {color:sidebarborder2};
  202. border-left: 3px solid {color:sidebarborder2};
  203. border-right: 3px solid {color:sidebarborder2};
  204. border-top-left-radius: 32px 8px;
  205. border-top-right-radius: 32px 8px;
  206. border-bottom-left-radius: 32px 8px;
  207. border-bottom-right-radius: 32px 8px;
  208. /* change the border color */
  209. font-family:calibri; /* change the font */
  210. font-size:12px; /* change the font size */
  211. letter-spacing:0px; /* change the letter spacing */ /* can be uppercase, lowercase, none*/
  212. color:#000; /* change the text color */
  213. z-index:999999999999999999999999999999999999;
  214. }
  215.  
  216. /* change the border color */
  217. font-family:calibri; /* change the font */
  218. font-size:15px; /* change the font size */
  219. letter-spacing:0px; /* change the letter spacing */ /* can be uppercase, lowercase, none*/
  220. color:#000; /* change the text color */
  221. z-index:999999999999999999999999999999999999;
  222. }
  223.  
  224. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes pulse {
  225. 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); }
  226. 100% { -webkit-transform: scale(1); }
  227. }
  228. @-moz-keyframes pulse {
  229. 0% { -moz-transform: scale(1); }
  230. 50% { -moz-transform: scale(1.1); }
  231. 100% { -moz-transform: scale(1); }
  232. }
  233. @-o-keyframes pulse {
  234. 0% { -o-transform: scale(1); }
  235. 50% { -o-transform: scale(1.1); }
  236. 100% { -o-transform: scale(1); }
  237. }
  238. @keyframes pulse {
  239. 0% { transform: scale(1); }
  240. 50% { transform: scale(1.1); }
  241. 100% { transform: scale(1); }
  242. }
  243.  
  244. .pulse {
  245. -webkit-animation-name: pulse;
  246. -moz-animation-name: pulse;
  247. -o-animation-name: pulse;
  248. animation-name: pulse;
  249. }
  250.  
  251. ::-webkit-scrollbar {width: 8px; height: 4px; background: {color:background}; border-left: 1px solid #eee; }
  252.  
  253. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  254. #eee; border-right: 1px solid #eee; }
  255.  
  256. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  257.  
  258. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  259.  
  260.  
  261.  
  262. .wrapper{
  263. margin: 0px auto;
  264. margin-left: 60px;
  265. width: 1045px;
  266. }
  267.  
  268. .header{
  269. float: left;
  270. width: 100%;
  271. }
  272.  
  273. .left{
  274. float: left;
  275. margin-right: 20px;
  276. width:1045;
  277. }
  278.  
  279. .right{
  280. float: right;
  281. width: 200px;
  282. background-color: #fff;
  283. }
  284.  
  285.  
  286. body {
  287. margin:0px;
  288. background-color: {color:Background};
  289. background-image:url({image:Background});
  290. background-attachment: fixed;
  291. background-repeat: repeat;}
  292. body, div, p, textarea, submit, input{
  293. font-family: 'Ubuntu', sans-serif;
  294. font-size: 11px;
  295. line-height:14px;
  296. letter-spacing:1px;
  297. color:{color:Text};
  298. }
  299.  
  300.  
  301.  
  302. p {
  303. margin:0px;
  304. margin-top:0px;
  305. }
  306.  
  307. a:link, a:active, a:visited{
  308. text-decoration: none;
  309. -webkit-transition: color 0.3s ease-out;
  310. -moz-transition: color 0.3s ease-out;
  311. transition: color 0.3s ease-out;
  312. color: {color:Link};
  313. }
  314.  
  315. a:hover {
  316. : -webkit-transition-duration: 1.0s;
  317. color:{color:Hover};
  318. }
  319.  
  320.  
  321.  
  322.  
  323. div#center{
  324. margin:auto;
  325. margin-top:0px;
  326. position:relative;
  327. width:1045px;
  328. background-color:;
  329. overflow:auto;
  330. overflow-y:hidden;
  331. }
  332.  
  333. .side6{
  334. -webkit-animation:fadeInDown 3s;
  335. -moz-animation:fadeInDown 3s;
  336. -ms-animation:fadeInDown 3s;
  337. position:fixed;
  338. z-index:3;
  339. margin-left:1180px;
  340. top: 10px;
  341. background: #dae8e8;
  342. height:250px;
  343. opacity:0.8;
  344. width:2px;
  345. }
  346. #img6{
  347. -webkit-animation:bounceIn 4.5s;
  348. -moz-animation:bounceIn 4.5s;
  349. -ms-animation:bounceIn 4.5s;
  350. position:fixed !important;
  351. opacity: 1;
  352. z-index:9999999;
  353. padding:2px;
  354. margin-top: 257px;
  355. margin-left:1163px;
  356. -webkit-border-radius: 220px;
  357. -moz-border-radius: 220px;
  358. border-radius: 220px;
  359. -webkit-transform: rotate(0deg);
  360. -moz-transform: rotate(0deg);
  361. font-size: 8px;
  362. }
  363. .side7{
  364. -webkit-animation:fadeInDown 3s;
  365. -moz-animation:fadeInDown 3s;
  366. -ms-animation:fadeInDown 3s;
  367. position:fixed;
  368. z-index:3;
  369. margin-left:1220px;
  370. top: 10px;
  371. background: #dae8e8;
  372. height:350px;
  373. opacity:0.8;
  374. width:2px;
  375. }
  376. #img7{
  377. -webkit-animation:bounceIn 4.5s;
  378. -moz-animation:bounceIn 4.5s;
  379. -ms-animation:bounceIn 4.5s;
  380. position:fixed !important;
  381. opacity: 1;
  382. z-index:9999999;
  383. padding:2px;
  384. margin-top: 358px;
  385. margin-left:1204px;
  386. -webkit-border-radius: 220px;
  387. -moz-border-radius: 220px;
  388. border-radius: 220px;
  389. -webkit-transform: rotate(0deg);
  390. -moz-transform: rotate(0deg);
  391. font-size: 8px;
  392. }
  393.  
  394. .side8{
  395. -webkit-animation:fadeInDown 3s;
  396. -moz-animation:fadeInDown 3s;
  397. -ms-animation:fadeInDown 3s;
  398. position:fixed;
  399. z-index:3;
  400. margin-left:1260px;
  401. top: 10px;
  402. background: #dae8e8;
  403. height:300px;
  404. opacity:0.8;
  405. width:2px;
  406. }
  407. #img8{
  408. -webkit-animation:bounceIn 3.5s;
  409. -moz-animation:bounceIn 3.5s;
  410. -ms-animation:bounceIn 3.5s;
  411. position:fixed !important;
  412. opacity: 1;
  413. z-index:9999999;
  414. padding:2px;
  415. margin-top: 308px;
  416. margin-left:1244px;
  417. -webkit-border-radius: 220px;
  418. -moz-border-radius: 220px;
  419. border-radius: 220px;
  420. -webkit-transform: rotate(0deg);
  421. -moz-transform: rotate(0deg);
  422. font-size: 8px;
  423. }
  424. #music {
  425. z-index:999999999;
  426. position:absolute;
  427. top:332px;
  428. opacity:0;
  429. left: 200px;
  430. width:127px;
  431. height:30px;
  432. color:#000;
  433. border-top-left-radius:20px;
  434. font-size:13px;
  435. padding-left:0px;
  436. padding-top:0px;
  437. font-family: calibri;
  438. font size: 14px;
  439. padding-bottom:0px;
  440. line-height:3px;
  441. letter-spacing:0px;
  442. border-left:1px solid #bbb;
  443. border-top:1px solid #bbb;
  444. text-align:center;
  445. background: #fff;
  446. transition: all 0.7s ease-out;
  447. -o-transition-transition: all 0.7s ease-out;
  448. -webkit-transition: all 0.7s ease-out;
  449. -moz-transition: all 0.7s ease-out;
  450. }
  451.  
  452.  
  453. #sidebar:hover #music{
  454. opacity:1;
  455. }
  456. #topbar{
  457. -webkit-animation:fadeInDown 3.5s;
  458. -moz-animation:fadeInDown 3.5s;
  459. -ms-animation:fadeInDown 3.5s;
  460. position:fixed;
  461. overflow:hidden;
  462. opacity:1;
  463. z-index:99999999;
  464. height:30px;
  465. background-image:url(http://media.tumblr.com/4004cf2fc1c4877a1ac19abae9761968/tumblr_inline_mw4gu8AxTI1r37k2u.png);
  466. width:1480px;
  467. margin-left:-100px;
  468. margin-top:-8px;
  469. }
  470.  
  471.  
  472. #img1{
  473. position:fixed !important;
  474. opacity: 1;
  475. z-index:1;
  476. padding:2px;
  477. margin-top: 100px;
  478. margin-left:20px;
  479. -webkit-border-radius: 220px;
  480. -moz-border-radius: 220px;
  481. border-radius: 220px;
  482. -webkit-transform: rotate(-20deg);
  483. -moz-transform: rotate(-20deg);
  484. font-size: 8px;
  485. }
  486.  
  487. #img2{
  488. position:fixed !important;
  489. opacity: 1;
  490. z-index:1;
  491. padding:2px;
  492. margin-top: 115px;
  493. margin-left:5px;
  494. -webkit-border-radius: 220px;
  495. -moz-border-radius: 220px;
  496. border-radius: 220px;
  497. -webkit-transform: rotate(-10deg);
  498. -moz-transform: rotate(-10deg);
  499. font-size: 8px;
  500. }
  501. #img2 img{
  502. position:fixed !important;
  503. width:100px;
  504. opacity:0.4;
  505. }
  506.  
  507. div#sidebar {
  508. position:fixed;
  509. width:294px;
  510. height:330px;
  511. padding:17px;
  512. padding-top:16px;
  513. font-size:10px;
  514. line-height:10px;
  515. margin-left:50px;
  516. margin-top:180px;
  517. z-index:9999999999;
  518. border-radius:5px;
  519. border-left: solid 1px #bbb;
  520. border-top: solid 1px #bbb;
  521. border-bottom: solid 1px #bbb;
  522. border-right: solid 1px #bbb;
  523. background-image: url('http://media.tumblr.com/01f2c4c6be985bce1aa609d41cc9d004/tumblr_inline_mvsmz6R9mj1ql5d5i.jpg');
  524. transition: all 0.7s ease-out;
  525. -o-transition-transition: all 0.7s ease-out;
  526. -webkit-transition: all 0.7s ease-out;
  527. -moz-transition: all 0.7s ease-out;
  528. }
  529.  
  530. #sidebar:hover {
  531. }
  532.  
  533. #sidebar2{
  534. overflow:hidden;
  535. position: fixed;
  536. width: 300px;
  537. height:340px;
  538. background-color:{color:sidebarborder2};
  539. padding:11px;
  540. z-index:99999;
  541. margin-left: -18px;
  542. margin-top: -20px;
  543. position:fixed !important;
  544. border-radius:5px;
  545. border: 5px double #fff;
  546. text-align:center;
  547. transition: all 0.5s ease-out;
  548. -o-transition-transition: all 0.5s ease-out;
  549. -webkit-transition: all 0.5s ease-out;
  550. -moz-transition: all 0.5s ease-out;
  551. }
  552. #sidebar:hover #sidebar2{
  553. opacity:0;
  554. }
  555. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  556. #blogtitle{
  557. position:fixed !important;
  558. width:390px;
  559. height:40px;
  560. opacity: 1;
  561. padding:3px;
  562. margin-top:-66px;
  563. margin-left:-40px;
  564. line-height:60px;
  565. text-align:center;
  566. color: {color:blogtitle};
  567. letter-spacing:0px;
  568. font-size: 70px;
  569. font-family: 'halohandletter';
  570. z-index:999999999999999;
  571. -o-transition-transition: all 0.4s ease-out;
  572. -webkit-transition: all 0.4s ease-out;
  573. -moz-transition: all 0.4s ease-out;
  574. }
  575.  
  576. #sidebar:hover #blogtitle{
  577. opacity: 0;
  578. }
  579.  
  580. #meow{
  581. z-index:99999;
  582. position:fixed !important;
  583. opacity:0;
  584. text-align:center;
  585. line-height:18px;
  586. width:324px;
  587. height:3px;
  588. margin-left:-15px;
  589. margin-top:130px;
  590. background-color:transparent;
  591. padding-top: 5px;
  592. padding-bottom:0px;
  593. border-top:4px solid #bcddf3;
  594. border-bottom:4px solid #bcddf3;
  595. transition: all 0.6s ease-out;
  596. -o-transition-transition: all 0.4s ease-out;
  597. -webkit-transition: all 0.4s ease-out;
  598. -moz-transition: all 0.4s ease-out;
  599. }
  600.  
  601. #sidebar:hover #meow{
  602. opacity:1;
  603.  
  604. }
  605.  
  606. #link1{
  607. width:10px;
  608. height:5px;
  609. line-height:5px;
  610. background:#b1d6ef;
  611. border:2px solid #fff;
  612. position:fixed;
  613. height: auto;
  614. text-align:center;
  615. letter-spacing:1px;
  616. opacity: 0;
  617. margin-left:10px;
  618. margin-top:123px;
  619. padding-top:7px;
  620. padding-left:6px;
  621. padding-right:10px;
  622. padding-bottom:5px;
  623. border-radius:5px;
  624. z-index: 696969;
  625. transition: all 0.5s ease-out;
  626. -o-transition-transition: all 0.5s ease-out;
  627. -webkit-transition: all 0.5s ease-out;
  628. -moz-transition: all 0.5s ease-out;
  629. }
  630.  
  631. #link1:hover{
  632. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  633. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  634. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  635. -webkit-transition: all 0.5s linear;
  636. -moz-transition: all 0.5s linear;
  637. transition: all 0.5s linear;
  638. transform: rotate(360deg);
  639. -ms-transform: rotate(360deg);
  640. -webkit-transform: rotate(360deg);
  641. -o-transform: rotate(360deg);
  642. -moz-transform: rotate(360deg);
  643. }
  644.  
  645. #sidebar:hover #link1{
  646. opacity:1;
  647. }
  648.  
  649.  
  650. #link3{
  651. width:10px;
  652. height:5px;
  653. line-height:5px;
  654. background:#b1d6ef;
  655. border:2px solid #fff;
  656. position:fixed;
  657. height: auto;
  658. text-align:center;
  659. letter-spacing:1px;
  660. opacity: 0;
  661. margin-left:130px;
  662. margin-top:123px;
  663. padding-top:7px;
  664. padding-left:6px;
  665. padding-right:10px;
  666. padding-bottom:5px;
  667. border-radius:5px;
  668. z-index: 696969;
  669. transition: all 0.5s ease-out;
  670. -o-transition-transition: all 0.5s ease-out;
  671. -webkit-transition: all 0.5s ease-out;
  672. -moz-transition: all 0.5s ease-out;
  673. }
  674.  
  675. #link3:hover{
  676. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  677. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  678. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  679. -webkit-transition: all 0.5s linear;
  680. -moz-transition: all 0.5s linear;
  681. transition: all 0.5s linear;
  682. transform: rotate(360deg);
  683. -ms-transform: rotate(360deg);
  684. -webkit-transform: rotate(360deg);
  685. -o-transform: rotate(360deg);
  686. -moz-transform: rotate(360deg);
  687. }
  688.  
  689. #sidebar:hover #link3{
  690. opacity:1;
  691. }
  692.  
  693. #link4{
  694. width:10px;
  695. height:5px;
  696. line-height:5px;
  697. background:#bcd8ea;
  698. border:2px solid #fff;
  699. position:fixed;
  700. height: auto;
  701. text-align:center;
  702. letter-spacing:1px;
  703. opacity: 0;
  704. margin-left:190px;
  705. margin-top:123px;
  706. padding-top:7px;
  707. padding-left:6px;
  708. padding-right:10px;
  709. padding-bottom:5px;
  710. border-radius:5px;
  711. z-index: 696969;
  712. transition: all 0.5s ease-out;
  713. -o-transition-transition: all 0.5s ease-out;
  714. -webkit-transition: all 0.5s ease-out;
  715. -moz-transition: all 0.5s ease-out;
  716. }
  717.  
  718. #link4:hover{
  719. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  720. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  721. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  722. -webkit-transition: all 0.5s linear;
  723. -moz-transition: all 0.5s linear;
  724. transition: all 0.5s linear;
  725. transform: rotate(360deg);
  726. -ms-transform: rotate(360deg);
  727. -webkit-transform: rotate(360deg);
  728. -o-transform: rotate(360deg);
  729. -moz-transform: rotate(360deg);
  730. }
  731.  
  732. #sidebar:hover #link4{
  733. opacity:1;
  734. }
  735. #link5{
  736. width:10px;
  737. height:5px;
  738. line-height:5px;
  739. background:#b1d6ef;
  740. border:2px solid #fff;
  741. position:fixed;
  742. height: auto;
  743. text-align:center;
  744. letter-spacing:1px;
  745. opacity: 0;
  746. margin-left:250px;
  747. margin-top:123px;
  748. padding-top:7px;
  749. padding-left:6px;
  750. padding-right:10px;
  751. padding-bottom:5px;
  752. border-radius:5px;
  753. z-index: 696969;
  754. transition: all 0.5s ease-out;
  755. -o-transition-transition: all 0.5s ease-out;
  756. -webkit-transition: all 0.5s ease-out;
  757. -moz-transition: all 0.5s ease-out;
  758. }
  759.  
  760. #link5:hover{
  761. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  762. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  763. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  764. -webkit-transition: all 0.5s linear;
  765. -moz-transition: all 0.5s linear;
  766. transition: all 0.5s linear;
  767. transform: rotate(360deg);
  768. -ms-transform: rotate(360deg);
  769. -webkit-transform: rotate(360deg);
  770. -o-transform: rotate(360deg);
  771. -moz-transform: rotate(360deg);
  772. }
  773.  
  774. #sidebar:hover #link5{
  775. opacity:1;
  776. }
  777.  
  778. #link2{
  779. width:10px;
  780. height:5px;
  781. line-height:5px;
  782. background:#bcd8ea;
  783. border:2px solid #fff;
  784. position:fixed;
  785. height: auto;
  786. text-align:center;
  787. letter-spacing:1px;
  788. opacity: 0;
  789. margin-left:70px;
  790. margin-top:123px;
  791. padding-top:7px;
  792. padding-left:6px;
  793. padding-right:10px;
  794. padding-bottom:5px;
  795. border-radius:5px;
  796. z-index: 696969;
  797. transition: all 0.5s ease-out;
  798. -o-transition-transition: all 0.5s ease-out;
  799. -webkit-transition: all 0.5s ease-out;
  800. -moz-transition: all 0.5s ease-out;
  801. }
  802.  
  803. #link2:hover{
  804. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  805. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  806. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  807. -webkit-transition: all 0.5s linear;
  808. -moz-transition: all 0.5s linear;
  809. transition: all 0.5s linear;
  810. transform: rotate(360deg);
  811. -ms-transform: rotate(360deg);
  812. -webkit-transform: rotate(360deg);
  813. -o-transform: rotate(360deg);
  814. -moz-transform: rotate(360deg);
  815. }
  816.  
  817. #sidebar:hover #link2{
  818. opacity:1;
  819. }
  820.  
  821.  
  822.  
  823.  
  824. #picture{
  825. position:fixed;
  826. width:70px;
  827. height:70px;
  828. margin-top:10px;
  829. margin-left:110px;
  830. opacity:0;
  831. padding:5px;
  832. padding-bottom:14px;
  833. background:#fff;
  834. -webkit-filter:grayscale(100%);
  835. border:1px solid #bbb;
  836. z-index:1;
  837. -webkit-transform: rotate(-5deg);
  838. transition: all 0.5s ease-out;
  839. -o-transition-transition: all 0.5s ease-out;
  840. -webkit-transition: all 0.5s ease-out;
  841. -moz-transition: all 0.5s ease-out;
  842. }
  843.  
  844. #sidebar:hover #picture{
  845. opacity:1;
  846. }
  847.  
  848. #picture2{
  849. position:fixed;
  850. width:70px;
  851. height:70px;
  852. margin-top:10px;
  853. margin-left:25px;
  854. opacity:0;
  855. padding:5px;
  856. padding-bottom:14px;
  857. background:#fff;
  858. -webkit-filter:grayscale(100%);
  859. border:1px solid #bbb;
  860. z-index:1;
  861. -webkit-transform: rotate(-15deg);
  862. transition: all 0.5s ease-out;
  863. -o-transition-transition: all 0.5s ease-out;
  864. -webkit-transition: all 0.5s ease-out;
  865. -moz-transition: all 0.5s ease-out;
  866. }
  867.  
  868. #sidebar:hover #picture2{
  869. opacity:1;
  870. }
  871.  
  872. #picture3{
  873. position:fixed;
  874. width:70px;
  875. height:70px;
  876. margin-top:10px;
  877. margin-left:190px;
  878. opacity:0;
  879. padding:5px;
  880. padding-bottom:14px;
  881. background:#fff;
  882. -webkit-filter:grayscale(100%);
  883. border:1px solid #bbb;
  884. z-index:1;
  885. -webkit-transform: rotate(15deg);
  886. transition: all 0.5s ease-out;
  887. -o-transition-transition: all 0.5s ease-out;
  888. -webkit-transition: all 0.5s ease-out;
  889. -moz-transition: all 0.5s ease-out;
  890. }
  891.  
  892. #sidebar:hover #picture3{
  893. opacity:1;
  894. }
  895. #snowy{
  896. position:fixed !important;
  897. opacity:0;
  898. z-index:3;
  899. margin-left:-10px;
  900. margin-top:120px;
  901. transition: all 0.6s ease-out;
  902. -o-transition-transition: all 0.4s ease-out;
  903. -webkit-transition: all 0.4s ease-out;
  904. -moz-transition: all 0.4s ease-out;
  905. }
  906. #snowy img{
  907. width:130px;
  908. height:130px;
  909. }
  910.  
  911. #sidebar:hover #snowy{
  912. opacity:1;
  913. transition: all .7s ease-out;
  914. -o-transition-transition: all .7s ease-out;
  915. -webkit-transition: all .7s ease-out;
  916. -moz-transition: all .7s ease-out;
  917. }
  918. #desc:first-letter{
  919. background-color:#bcd8ea;
  920. padding:4px;
  921. color:#fff;
  922. float:left;
  923. margin-top:1px;
  924. border: 3px double #e1e1e1;
  925. margin-right:5px;
  926. font-size:16px;
  927. font-family:formal;
  928. }
  929. @font-face {font-family:formal; src: url(http://static.tumblr.com/2poobra/pspmrjf1f/petitformalscript-regular.ttf); }
  930. #desc{
  931. position:absolute;
  932. border:1px solid #ddd;
  933. top:190px;
  934. left:70px;
  935. width:210px; height:70px;
  936. line-height:1;
  937. overflow:auto;
  938. padding:10px;
  939. font-family:"calibri";
  940. font-size:12px;
  941. background:white;
  942. opacity:0;
  943. z-index:99999999;
  944. -webkit-transition:All 0.5s ease;
  945. -moz-transition:All 0.5s ease;
  946. -o-transition:All 0.5s ease;
  947. }
  948.  
  949. #sidebar:hover #desc{
  950. opacity:1;
  951. }
  952. #stats {
  953. z-index:999999999;
  954. position:absolute;
  955. top:332px;
  956. opacity:0;
  957. left: -1px;
  958. width:70px;
  959. height:18px;
  960. color:#000;
  961. border-top-right-radius:20px;
  962. font-size:14px;
  963. padding:6px;
  964. font-family: calibri;
  965. font size: 14px;
  966. line-height:17px;
  967. letter-spacing:0px;
  968. border-left:1px solid #bbb;
  969. border-top:1px solid #bbb;
  970. border-right:1px solid #bbb;
  971. text-align:center;
  972. background: #fff;
  973. transition: all 0.7s ease-out;
  974. -o-transition-transition: all 0.7s ease-out;
  975. -webkit-transition: all 0.7s ease-out;
  976. -moz-transition: all 0.7s ease-out;
  977. }
  978.  
  979.  
  980. #sidebar:hover #stats{
  981. opacity:1;
  982. }
  983. #bigimgg{
  984. position:fixed !important;
  985. z-index: 0;
  986. margin-left: 434px;
  987. margin-top: 0px;
  988. opacity: 1;
  989. padding: 4px;
  990. width: 670px;
  991. background:white;
  992. height: 100%;
  993. font-family: cambria;
  994. font-size: 11px;
  995. line-height: 12px;
  996. transition: all 0.6s ease-in-out;
  997. -o-transition-transition: all 0.6s ease-in-out;
  998. -webkit-transition: all 0.6s ease-in-out;
  999. -moz-transition: all 0.6s ease-in-out;
  1000. }
  1001. #wave2 {
  1002. background-image:url('http://31.media.tumblr.com/2b68fe9d6a96763363e96b6914f782f0/tumblr_msgi6d9OEG1sbgxdlo1_100.png');
  1003. repeat:repeat-x;
  1004. margin-left:1112px;
  1005. width:100%;
  1006. margin-top: 1px;
  1007. width: 15px;
  1008. height:100%;
  1009. position: fixed;
  1010. z-index: 3;
  1011. opacity:1;
  1012. }
  1013. .sideback{
  1014. position:fixed;
  1015. margin-left:440px;
  1016. margin-top: -13px;
  1017. z-index:999;
  1018. background: #dae8e8 ;
  1019. height:10000px;
  1020. opacity:1;
  1021. width:4px;
  1022. -webkit-transition: opacity .4s linear;
  1023. -webkit-transition: all .4s ease-in-out;
  1024. -moz-transition: all .4s ease-in-out;
  1025. -o-transition: all .4s ease-in-out;
  1026. border: 3px double white;
  1027. border-bottom: 0px;
  1028. border-top: 0px;
  1029. border-right: 0px;
  1030. }
  1031. .sideback2{
  1032. position:fixed;
  1033. margin-left:1100px;
  1034. margin-top: -13px;
  1035. z-index:999;
  1036. background: #dae8e8 ;
  1037. height:10000px;
  1038. opacity:1;
  1039. width:4px;
  1040. -webkit-transition: opacity .4s linear;
  1041. -webkit-transition: all .4s ease-in-out;
  1042. -moz-transition: all .4s ease-in-out;
  1043. -o-transition: all .4s ease-in-out;
  1044. border: 3px double white;
  1045. border-bottom: 0px;
  1046. border-top: 0px;
  1047. border-right: 0px;
  1048. }
  1049.  
  1050.  
  1051.  
  1052. #wave1 {
  1053. background-image:url('http://31.media.tumblr.com/2b68fe9d6a96763363e96b6914f782f0/tumblr_msgi6d9OEG1sbgxdlo1_100.png');
  1054. repeat:repeat-x;
  1055. margin-left:420px;
  1056. width:100%;
  1057. margin-top: -13px;
  1058. width: 15px;
  1059. height:100%;
  1060. position: fixed;
  1061. z-index: 3;
  1062. opacity:1;
  1063. -webkit-transform: rotate(180deg);
  1064. }
  1065.  
  1066.  
  1067. .entry img{
  1068. border:6px solid #eee;
  1069. border-radius: 3px;
  1070. box-shadow:0px 0px 1px #919191;
  1071. }
  1072.  
  1073. .entry {
  1074. float:left;
  1075. display: block;
  1076. overflow:hidden;
  1077. width:270px;
  1078. margin:5px;
  1079. overflow:hidden;
  1080. padding:8px;
  1081. padding-right:20px;
  1082. padding-bottom:6px;
  1083. background:white;
  1084. border:1px double #c9c9c9;
  1085. box-shadow:0px 0px 0px #ccc;
  1086. font-family:calibri;
  1087. font-size:13px;
  1088. line-height:18px;
  1089. {block:PermalinkPage}
  1090. width:420px;
  1091. margin-left:0px;
  1092. text-align:center;
  1093. {/block:PermalinkPage}
  1094. }
  1095. .entry .perma{
  1096. width:180px;
  1097. height:40px;
  1098. padding:5px;
  1099. margin-left:50px;
  1100. position: absolute;
  1101. line-height: 18px;
  1102. overflow:hidden;
  1103. text-align:center;
  1104. font-family: "calibri";
  1105. font-size: 12px;
  1106. border-left:5px solid #dae8e8 ;
  1107. border-right:5px solid #dae8e8 ;
  1108. border-radius: 2px;
  1109. top:70px;
  1110. text-transform:uppercase;
  1111. background:white;
  1112. letter-spacing:1px;
  1113. opacity: 0;
  1114. -webkit-transition: all .7s ease;
  1115. -moz-transition: all .7s ease;
  1116. -o-transition: all .7s ease;
  1117. transition: all .7s ease;
  1118. }
  1119.  
  1120. .entry:hover .perma{
  1121. overflow:visible;
  1122. -webkit-animation: pulse 1s; opacity:1;
  1123. -moz-animation: pulse 1s;
  1124. -ms-animation: pulse 1s;
  1125. }
  1126.  
  1127.  
  1128. @font-face {font-family: kk; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf');}
  1129.  
  1130.  
  1131. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  1132. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  1133. .cover img {float:left; width:60px; height:60px;}
  1134. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  1135. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  1136.  
  1137. .title{
  1138. font-family: "kk";
  1139. font-size: 24px;
  1140. line-height: 25px;
  1141. color: {color:link};
  1142. letter-spacing: 1px;
  1143. font-weight: normal;
  1144. }
  1145.  
  1146.  
  1147. .cred {
  1148. color: #000;
  1149. font-family: Calibri;
  1150. font-size:14px;
  1151. z-index: 99999999999999px;
  1152. line-height:14px;
  1153. background:#fff;
  1154. border: 1px #eee solid;
  1155. background-repeat:repeat;
  1156. padding:2px;
  1157. -webkit-border-radius:2px;
  1158. moz-border-radius:2px;
  1159. -o-border-radius:2px;
  1160. border-radius:2px;
  1161. }
  1162.  
  1163. .cred a { color: #000; }
  1164.  
  1165. .permalinktext {
  1166. display: block;
  1167. padding: 1px;
  1168. margin: 0px 0px 0px 8px;
  1169. font-family: calibri;
  1170. letter-spacing: 0px;
  1171. font-size: 10px;
  1172. color: #424242;
  1173. line-height: 11px;
  1174. text-align: right;
  1175. text-decoration: none;
  1176. -webkit-transition: color 0.5s ease-out;
  1177. -moz-transition: color 0.5s ease-out;
  1178. border-top: 1px solid #dcdcdc;
  1179. }
  1180.  
  1181. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  1182.  
  1183. asker{
  1184. font-family: 'halohandletter';
  1185. text-align: right;
  1186. margin-top: 25px;
  1187. margin-left: 5px;
  1188. font-size:30px;
  1189. color: #ddd;
  1190. line-height: 31px;
  1191. }
  1192.  
  1193. ask{
  1194. font-family: 'halohandletter';
  1195. text-align: right;
  1196. margin-top:10px;
  1197. font-size:30px;
  1198. color: {color:title};
  1199. }
  1200.  
  1201. #mypic img{
  1202. width:40px;
  1203. border-radius:100px;
  1204. border:0px;
  1205.  
  1206. padding:0px;
  1207. }
  1208.  
  1209. #asker img{
  1210. width:40px;
  1211. border-radius:100px;
  1212. padding:0px;
  1213. border:0px;
  1214.  
  1215. }
  1216. #posts {
  1217. width:800px;
  1218. margin-top: 40px;
  1219. margin-left: 406px;
  1220. margin-right: auto;
  1221. position:relative;
  1222. overflow-y: hidden;
  1223. }
  1224.  
  1225.  
  1226. #infscr-loading{
  1227. bottom: -70px;
  1228. position: absolute;
  1229. left: 50%;
  1230. margin-left:-8px;
  1231. width:16px;
  1232. height:11px;
  1233. overflow:hidden;
  1234. margin-bottom: 50px;
  1235. }
  1236.  
  1237. #postnotes{
  1238. text-align: justify;
  1239. }
  1240.  
  1241. #postnotes blockquote{
  1242. border: 0px;
  1243. }
  1244.  
  1245. blockquote{
  1246. padding:0px 0px 2px 5px;
  1247. margin:0px 0px 2px 1px;
  1248. border-left: 1px dotted {color:Text};
  1249. }
  1250.  
  1251. blockquote p, ul{
  1252. margin:0px;
  1253. padding:0px;
  1254. }
  1255.  
  1256.  
  1257. a img{border: 0px;}
  1258. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1259. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1260. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  1261. .notes img{width:10px; position:relative; top:3px;
  1262. }
  1263.  
  1264. small{font-size: 90%;}
  1265.  
  1266. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  1267. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  1268.  
  1269. {CustomCSS}
  1270.  
  1271. </style>
  1272.  
  1273. {block:IndexPage}
  1274.  
  1275. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  1276. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1277. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1278.  
  1279. <script type="text/javascript">
  1280. $(window).load(function () {
  1281. var $content = $('#posts');
  1282. $content.masonry({itemSelector: '.entry'}),
  1283. $content.infinitescroll({
  1284. navSelector : 'div#pagination',
  1285. nextSelector : 'div#pagination a#nextPage',
  1286. itemSelector : '.entry',
  1287. loading: {
  1288. finishedMsg: '',
  1289. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1290. },
  1291. bufferPx : 600,
  1292. debug : false,
  1293. },
  1294. // call masonry as a callback.
  1295. function( newElements ) {
  1296. var $newElems = $( newElements );
  1297. $newElems.hide();
  1298. // ensure that images load before adding to masonry layout
  1299. $newElems.imagesLoaded(function(){
  1300. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  1301.  
  1302.  
  1303. });
  1304. });
  1305. });
  1306. </script>
  1307. {/block:IndexPage}
  1308.  
  1309.  
  1310. <title>{Title}</title>
  1311. <link rel="shortcut icon" href="{favicon}">
  1312. <meta name="viewport" content="width=720" />
  1313. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  1314. </head>
  1315.  
  1316. <body>
  1317. <div id="bigimgg"></div>
  1318. <div class="sideback"></div>
  1319. <div class="sideback2"></div>
  1320. <div id="wave1"></div>
  1321. <div id="wave2"></div>
  1322. <div id="img1"><img style="position:fixed; opacity:0.4;" src="http://i49.tinypic.com/2dtwy6c.png"></a></div>
  1323. <div id="img2"><img src="http://i49.tinypic.com/x5w39k.png" border="0" width="30"></a></div>
  1324.  
  1325. <div class="side6"></div>
  1326. <div id="img6"><img src="http://i49.tinypic.com/2dtwy6c.png" border="0" width="30"></a></div>
  1327.  
  1328. <div class="side7"></div>
  1329. <div id="img7"><img src="http://i49.tinypic.com/2dtwy6c.png" border="0" width="30"></a></div>
  1330. <div class="side8"></div>
  1331. <div id="img8"><img src="http://i49.tinypic.com/2dtwy6c.png" border="0" width="30"></a></div>
  1332.  
  1333. <div id="topbar">{text:quote}</div>
  1334. <div id="sidebar">
  1335. <div id="blogtitle">{title}</center></div>
  1336.  
  1337. <div id="snowy"><img style="position:fixed; opacity:0.3;" src="http://i49.tinypic.com/x5w39k.png"></a> </div>
  1338. <div id="meow"></div>
  1339. <div id="picture"><img src="{image:pic 2}" margin-top:-25px; width=100% height=100%></a></div>
  1340. <div id="picture2"><img src="{image:pic 1}" margin-top:-25px; width=100% height=100%></a></div>
  1341. <div id="picture3"><img src="{image:pic 3}" margin-top:-25px; width=100% height=100%></a></div>
  1342.  
  1343. <div id="link1"><a href="{text:link one}" title="{text:link one title}"><img src="http://static.tumblr.com/qglwiwx/skNmso5n2/sin_t__tulo.png"style="width:16px; margin-left:-1px; margin-top:-2px;"/></a> </div>
  1344.  
  1345. <div id="link2"><a href="{text:link two}" title="{text:link two title}"><img src="http://static.tumblr.com/qglwiwx/2Xsmso5nv/2.png"style="width:16px; margin-left:-1px; margin-top:-2px;"/></a> </div>
  1346.  
  1347. <div id="link3"><a href="{text:link three}" title="{text:link three title}"><img src="http://static.tumblr.com/qglwiwx/pUvmtdyvn/sin_t__tulo.png"style="width:16px; margin-left:-1px; margin-top:-2px;"/></a> </div>
  1348.  
  1349. <div id="link4"><a href="{text:link four}" title="{text:link four title}"><img src="http://static.tumblr.com/qglwiwx/TeQmso5pl/4.png"style="width:16px; margin-left:-1px; margin-top:-2px;"/></a> </div>
  1350.  
  1351.  
  1352. <div id="link5"><a href="{text:link five}" title="{text:link five title}"><img src="http://static.tumblr.com/qglwiwx/wVsmso5op/3.png"style="width:16px; margin-left:-1px; margin-top:-2px;"/></a> </div>
  1353.  
  1354. <div id="desc">{description}</div>
  1355. <div id="stats">{text:stats}</div>
  1356. <div id="music">{text:music}</div>
  1357. <div id="sidebar2"><img src="{image:sidebar}" width=100% height=100%></a></div>
  1358.  
  1359. </center>
  1360. </div>
  1361. <div class="wrapper">
  1362. <div class="header">
  1363. </div>
  1364.  
  1365.  
  1366.  
  1367. <div class="left">
  1368. <div id="posts">
  1369. {block:Posts}
  1370. <div class="entry">
  1371.  
  1372. {block:Answer}<br>
  1373. <div id="asker"><img src="{AskerPortraitURL-30}" width="35" align="left" style="margin-right: 0px; margin-top: -15px; border:2px solid {color:sidebarborder2}; padding:2px; -moz-border-radius:100px; border-radius:100px; text-align:left;"/></div>
  1374.  
  1375. <div style="margin-top: -7px;
  1376. margin-left:0px;
  1377. text-align: left;
  1378. line-height:14px;
  1379. min-height:45px;
  1380. padding-left: 8px;
  1381. padding-top: 5px;
  1382. padding-right: 4px;
  1383. padding-bottom: 2px;
  1384. background: #f8f7f7;
  1385. border-radius:5px;
  1386. z-index: 0;">
  1387. &nbsp;<asker>{Asker}</asker>: </br><div style="padding-bottom:5px;">{Question}</div></div>
  1388.  
  1389. <div style="padding:15px;"></div>
  1390.  
  1391. <div id="mypic"><img src="{PostAuthorPortraitURL-30}" width="35" align="right" style="margin-right: 0px; margin-top: -15px; border:2px solid {color:sidebarborder2}; padding:2px; -moz-border-radius:100px; border-radius:100px; text-align:left; "/></div>
  1392.  
  1393. <div style="margin-top: 2px;
  1394. margin-left: 0px;
  1395. border-radius:5px;
  1396. min-height:45px;
  1397. width:250px;
  1398. line-height: 14px;
  1399. padding-left: 8px;
  1400. padding-top: 5px;
  1401. padding-right: 4px;
  1402. padding-bottom: 2px;
  1403. background: #f8f7f7;
  1404. z-index: 0;
  1405. text-align: left;
  1406. {block:permalinkpage}width:437px;{/block:permalinkpage}">
  1407. &nbsp;<div style="margin-top:0px; padding-bottom:5px;"><ask>{text:name}:</ask></div><div style="padding-bottom:5px;">{Answer}</div></div>
  1408.  
  1409.  
  1410. <div style="padding:10px;"></div>
  1411.  
  1412. <div style="align: right;
  1413. border-top: 1px solid #ccc;
  1414. margin-top:5px;
  1415. padding:6px;
  1416. text-align: right;
  1417. font-size:11px;">
  1418. <a href="{Permalink}"> {NoteCount} </a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>
  1419. {/block:Answer}
  1420.  
  1421. {block:Text}
  1422. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1423. <span class="entrytext">{Body}</span>
  1424. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1425. {/block:Text}
  1426.  
  1427. {block:Link}
  1428. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  1429. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  1430. {block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1431. {/block:IndexPage}
  1432. {block:Link}
  1433.  
  1434. {block:Photo}{block:IndexPage}
  1435.  
  1436.  
  1437. <center>
  1438. <div class="perma">
  1439. <a href="{reblogurl}" target="_blank">reblog</a> &middot {notecount} notes<br>
  1440. <a href="{Permalink}">{timeago}</a>
  1441. </div>
  1442.  
  1443. {/block:IndexPage}
  1444. {block:IndexPage}
  1445. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=270px/></a>
  1446. {/block:IndexPage}
  1447. {block:permalinkpage}{LinkOpenTag}
  1448. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=420px/>{LinkCloseTag}
  1449. {/block:permalinkpage}
  1450. {/block:Photo}
  1451.  
  1452.  
  1453. {block:Photoset}
  1454. {block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1455. </center>{/block:IndexPage}
  1456. {block:IndexPage}
  1457. {block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" width="205" style="padding:3px;"/></a>
  1458. {/block:Photos}
  1459. {/block:permalinkpage}
  1460. {/block:IndexPage}
  1461.  
  1462. {block:permalinkpage}
  1463. {Photoset-500}
  1464. {/block:permalinkpage}
  1465. {/block:Photoset}
  1466.  
  1467.  
  1468.  
  1469. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  1470. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1471. {/block:Quote}
  1472.  
  1473. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1474. <ul class="chat">
  1475. {block:Lines}
  1476. <li class="user_{UserNumber}">
  1477. {block:Label}
  1478. <span class="label">{Label}</span>
  1479. {/block:Label}
  1480.  
  1481. {Line}
  1482. </li>
  1483. {/block:Lines}
  1484. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1485. {/block:Chat}
  1486.  
  1487. {block:Audio}
  1488. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  1489. {block:IndexPage}
  1490. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1491. {/block:IndexPage}
  1492. {/block:Audio}
  1493.  
  1494. {block:Video}
  1495. {block:IndexPage}
  1496. <center>
  1497. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  1498. {Video-250}</center>
  1499. {/block:IndexPage}
  1500. {block:PermalinkPage}
  1501. <center>
  1502. {Video-400}</center>
  1503. {/block:PermalinkPage}
  1504. {block:Video}
  1505.  
  1506. {block:PostNotes}<div align="middle">{caption}</div>
  1507. <center>
  1508.  
  1509. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1510.  
  1511. {block:HasTags}
  1512. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1513. {block:RebloggedFrom}
  1514. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1515. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1516.  
  1517. {/block:RebloggedFrom}
  1518. </center></span>
  1519. <br>
  1520. <div id="postnotes">{PostNotes}</div><br>
  1521.  
  1522. <center>{block:ContentSource}
  1523. <br><a href="{SourceURL}">
  1524. {lang:Source}:
  1525. {block:SourceLogo}
  1526. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1527. height="{LogoHeight}" alt="{SourceTitle}" />
  1528. {/block:SourceLogo}
  1529. {block:NoSourceLogo}
  1530. {SourceLink}
  1531. {/block:NoSourceLogo}
  1532. </a>
  1533. {/block:ContentSource}</center>
  1534.  
  1535. {/block:PostNotes}
  1536. </div>
  1537. {/block:Posts}
  1538. </div></div>
  1539.  
  1540. {block:IndexPage}
  1541. {block:Pagination}
  1542. <div id="pagination">
  1543. {block:NextPage}
  1544. <a id="nextPage" href="{NextPage}"></a>
  1545. {/block:NextPage}
  1546. {block:PreviousPage}
  1547. <a href="{PreviousPage}"></a>
  1548. {/block:PreviousPage}
  1549. </div>
  1550. {/block:Pagination}
  1551. {/block:IndexPage}
  1552.  
  1553.  
  1554. <div style="position: fixed; right:6px;bottom:10px;">
  1555. <span class="cred">
  1556. <a href="http://teenageblog.tumblr.com/" target="_blank">
  1557. ☾
  1558. </a></span></div>
  1559. </body>
  1560. </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!