API tools faq
paste
Advertisement
teenageblog

Winter Wonderland Theme

teenageblog
Nov 16th, 2013
1,834
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.59 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="#ccc"/>
  29. <meta name="color:Permalink Bg" content="#aaa"/>
  30.  
  31. <meta name="image:Sidebar icon" content=""/>
  32. <meta name="image:Sidebar" content=""/>
  33. <meta name="image:Background" content="0"/>
  34. <meta name="image:Post Border" content="http://static.tumblr.com/5uvtpxx/txdmplak0/vintage__1_.gif"/>
  35.  
  36. <meta name="text:description 2" content=""/>
  37. <meta name="text:Blogtitle 2" content="Walking in a " />
  38. <meta name="text:Link One Title" content="link 1" />
  39. <meta name="text:Link One" content="" />
  40. <meta name="text:Link Two Title" content="link 2" />
  41. <meta name="text:Link Two" content="" />
  42. <meta name="text:Link Three Title" content="link 3" />
  43. <meta name="text:Link Three" content="" />
  44. <meta name="text:Link Four Title" content="link 4" />
  45. <meta name="text:Link Four" content="" />
  46.  
  47.  
  48. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  49. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:200,
  56. tip_fade_speed:300
  57. }
  58. );
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63. <style type="text/css">
  64. #s-m-t-tooltip{
  65. max-width:300px;
  66. margin:15px;
  67. padding:2px 8px;
  68. border:1px solid #DDD;
  69. border-radius:4px;
  70. background:#FFF;
  71. color:#AAA;
  72. z-index:999999;
  73. font-size:10px;
  74. font-style:italic;
  75. text-transform:lowercase;
  76. letter-spacing:1px;
  77. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  78.  
  79. ::-webkit-scrollbar {width: 8px; height: 4px; background: {color:background}; border-left: 1px solid #eee; }
  80.  
  81. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  82. #eee; border-right: 1px solid #eee; }
  83.  
  84. 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;}
  85.  
  86. 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;}
  87.  
  88.  
  89.  
  90. .wrapper{
  91. margin: 0px auto;
  92. margin-left: 60px;
  93. width: 1045px;
  94. }
  95.  
  96. .header{
  97. float: left;
  98. width: 100%;
  99. }
  100.  
  101. .left{
  102. float: left;
  103. margin-right: 20px;
  104. width:1045;
  105. }
  106.  
  107. .right{
  108. float: right;
  109. width: 200px;
  110. background-color: #fff;
  111. }
  112.  
  113.  
  114. body {
  115. margin:0px;
  116. background-color: {color:Background};
  117. background-image:url({image:Background});
  118. background-attachment: fixed;
  119. background-repeat: repeat;}
  120. body, div, p, textarea, submit, input{
  121. font-family: 'Ubuntu', sans-serif;
  122. font-size: 11px;
  123. line-height:14px;
  124. letter-spacing:1px;
  125. color:{color:Text};
  126. }
  127.  
  128.  
  129.  
  130. p {
  131. margin:0px;
  132. margin-top:0px;
  133. }
  134.  
  135. a:link, a:active, a:visited{
  136. text-decoration: none;
  137. -webkit-transition: color 0.3s ease-out;
  138. -moz-transition: color 0.3s ease-out;
  139. transition: color 0.3s ease-out;
  140. color: {color:Link};
  141. }
  142.  
  143. a:hover {
  144. : -webkit-transition-duration: 1.0s;
  145. color:{color:Hover};
  146. }
  147.  
  148.  
  149.  
  150.  
  151. div#center{
  152. margin:auto;
  153. margin-top:0px;
  154. position:relative;
  155. width:1000px;
  156. background-color:;
  157. overflow:auto;
  158. overflow-y:hidden;
  159. }
  160. .side1{
  161. position:fixed;
  162. margin-left:80px;
  163. top: 385px;
  164. background: #ccc;
  165. height:120px;
  166. opacity:0.8;
  167. width:5px;
  168.  
  169.  
  170. }
  171. #img1{
  172. position:fixed !important;
  173. opacity: 1;
  174. width: 130px;
  175. z-index:9999999;
  176. padding:2px;
  177. height: 130px;
  178. margin-top: 450px;
  179. margin-left:40px;
  180. -webkit-border-radius: 220px;
  181. -moz-border-radius: 220px;
  182. border-radius: 220px;
  183. -webkit-transform: rotate(0deg);
  184. -moz-transform: rotate(0deg);
  185. font-size: 8px;
  186. letter-spacing: 0px;
  187. -webkit-animation:bounceIn 2s;
  188. -moz-animation:bounceIn 2s;
  189. -ms-animation:bounceIn 2s;
  190.  
  191.  
  192.  
  193. }
  194.  
  195. .side2{
  196. position:fixed;
  197. margin-left:165px;
  198. top: 350px;
  199. background: #ccc;
  200. height:210px;
  201. opacity:0.8;
  202. width:5px;
  203. }
  204. #img2{
  205. position:fixed !important;
  206. opacity: 1;
  207. width: 130px;
  208. z-index:9999999;
  209. padding:2px;
  210. height: 130px;
  211. margin-top: 495px;
  212. margin-left:114px;
  213. -webkit-border-radius: 220px;
  214. -moz-border-radius: 220px;
  215. border-radius: 220px;
  216. -webkit-transform: rotate(0deg);
  217. -moz-transform: rotate(0deg);
  218. font-size: 8px;
  219. letter-spacing: 0px;
  220. -webkit-animation:bounceIn 2s;
  221. -moz-animation:bounceIn 2s;
  222. -ms-animation:bounceIn 2s;
  223. }
  224. .side3{
  225. position:fixed;
  226. margin-left:250px;
  227. top: 350px;
  228. background: #ccc;
  229. height:170px;
  230. opacity:0.8;
  231. width:5px;
  232. }
  233. #img3{
  234. position:fixed !important;
  235. opacity: 1;
  236. width: 130px;
  237. padding:2px;
  238. z-index:99999999999;
  239. height: 130px;
  240. margin-left:210px;
  241. margin-top: 465px;
  242. -webkit-border-radius: 220px;
  243. -moz-border-radius: 220px;
  244. border-radius: 220px;
  245. -webkit-transform: rotate(0deg);
  246. -moz-transform: rotate(0deg);
  247. font-size: 8px;
  248. letter-spacing: 0px;
  249. transition: all 0.7s ease;
  250. -webkit-animation:bounceIn 2s;
  251. -moz-animation:bounceIn 2s;
  252. -ms-animation:bounceIn 2s;}
  253. .side4{
  254. position:fixed;
  255. margin-left:325px;
  256. top:360px;
  257. background:#ccc;
  258. height:220px;
  259. opacity:0.8;
  260. width:5px;
  261. }
  262. #img4{
  263. position:fixed !important;
  264. opacity: 1;
  265. width: 130px;
  266. padding:2px;
  267. height: 130px;
  268. z-index:999999999;
  269. margin-top: 510px;
  270. margin-left:277px;
  271. -webkit-border-radius: 220px;
  272. -moz-border-radius: 220px;
  273. border-radius: 220px;
  274. -webkit-transform: rotate(0deg);
  275. -moz-transform: rotate(0deg);
  276. font-size: 8px;
  277. letter-spacing: 0px;
  278. -webkit-animation:bounceIn 2s;
  279. -moz-animation:bounceIn 2s;
  280. -ms-animation:bounceIn 2s;
  281. }
  282.  
  283.  
  284. #leftstripe{
  285. background-image: url({image:Post Border});
  286. position:fixed;
  287. top:0px;
  288. left:400px;
  289. width:40px;
  290. height:100%}
  291.  
  292. #rightstripe{
  293. background-image: url({image:Post Border});
  294. position:fixed;
  295. top:0px;
  296. left:986px;
  297. width:40px;
  298. height:100%}
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308. #border {
  309. position:fixed !important;
  310. width:400px;
  311. opacity:1;
  312. padding:0px;
  313. font-family: arma;
  314. height:100%;
  315. background-color:transparent;
  316. margin-left:-20px;
  317. margin-top:-10px;
  318. background-image:url();
  319. z-index: 9;
  320. }
  321.  
  322. #icon {
  323. position:fixed !important;
  324. width:75px;
  325. opacity:0.0;
  326. padding:3px;
  327. height:auto;
  328. background-color:#fff;
  329. margin-left:45px;
  330. margin-top:45px;
  331. z-index: 9999;
  332. box-shadow: 0px 0px 2px #aaa;
  333. transition: all 0.9s ease-out;
  334. -o-transition-transition: all 0.9s ease-out;
  335. -webkit-transition: all 0.9s ease-out;
  336. -moz-
  337. }
  338. #border:hover #icon{
  339. opacity:0.9;
  340. transition: all 0.9s ease-out;
  341. -o-transition-transition: all 0.9s ease-out;
  342. -webkit-transition: all 0.9s ease-out;
  343. -moz-}
  344.  
  345. #iconbg {
  346. position:fixed !important;
  347. width:260px;
  348. opacity:0.0;
  349. padding:3px;
  350. font-family: arma;
  351. height:255px;
  352. background-color:#fff;
  353. margin-top:15px;
  354. margin-left:15px;
  355. z-index: 999;
  356. box-shadow: 0px 0px 20px #ddd;
  357. -o-transition-transition: all 0.9s ease-out;
  358. -webkit-transition: all 0.9s ease-out;
  359. -moz-transition: all 0.9s ease-out;
  360. }
  361. #border:hover #iconbg{
  362. position:fixed !important;
  363. opacity:0.8;
  364. margin-top:15px;
  365. margin-left:15px;
  366. -o-transition-transition: all 0.9s ease-out;
  367. -webkit-transition: all 0.9s ease-out;
  368. -moz-transition: all 0.9s ease-out;
  369. }
  370.  
  371.  
  372. .description2{
  373. opacity:0.0;
  374. margin-top:126px;
  375. margin-left:35px;
  376. width:200px;
  377. padding-top:5px;
  378. padding-left:7px;
  379. padding-right:7px;
  380. padding-bottom:7px;
  381. height:auto;
  382. float:left;
  383. font-family:"Courier New", Courier, monospace;
  384. font-size:9px;
  385. letter-spacing:1px;
  386. text-align:justify;
  387. font-style:italic;
  388. line-height:12px;
  389. word-wrap:break-word;
  390. text-transform:none;
  391. background-color:transparent;
  392. color:black;
  393. z-index:99999;
  394. position:fixed;
  395. -webkit-transition: all 0.9s ease-in-out;
  396. -moz-transition: all 0.9s ease-in-out;
  397. -o-transition: all 0.9s ease-in-out;}
  398. #border:hover .description2{
  399. opacity:0.65;
  400. transition: all 0.9s ease-out;
  401. -o-transition-transition: all 0.9s ease-out;
  402. -webkit-transition: all 0.9s ease-out;
  403. -moz-}
  404.  
  405. .description{
  406. opacity:0.0;
  407. margin-top:40px;
  408. margin-left:128px;
  409. width:110px;
  410. padding-top:5px;
  411. padding-left:7px;
  412. padding-right:7px;
  413. padding-bottom:7px;
  414. height:auto;
  415. float:left;
  416. font-family:"Courier New", Courier, monospace;
  417. font-size:9px;
  418. letter-spacing:1px;
  419. text-align:justify;
  420. font-style:italic;
  421. line-height:12px;
  422. word-wrap:break-word;
  423. text-transform:none;
  424. background-color:transparent;
  425. color:black;
  426. z-index:99999;
  427. position:fixed;
  428. -webkit-transition: all 0.9s ease-in-out;
  429. -moz-transition: all 0.9s ease-in-out;
  430. -o-transition: all 0.9s ease-in-out;}
  431.  
  432. #border:hover .description{
  433. opacity:0.65;
  434. transition: all 0.9s ease-out;
  435. -o-transition-transition: all 0.9s ease-out;
  436. -webkit-transition: all 0.9s ease-out;
  437. -moz-}
  438.  
  439.  
  440. #sidebar {
  441. position:fixed !important;
  442. width:auto;
  443. opacity:1;
  444. padding:3px;
  445. font-family: arma;
  446. height:auto;
  447. background-color:#fff;
  448. margin-left:70px;
  449. border:1px solid #fafafa;
  450. margin-top:100px;
  451. background-image:url();
  452. z-index: 99;
  453. box-shadow: 0px 0px 4px #ddd;
  454. }
  455.  
  456.  
  457. #sidebarpic img{
  458. width:300px;
  459. height:290px;
  460. opacity:1;
  461. transition: all 0.9s ease-out;
  462. -o-transition-transition: all 0.9s ease-out;
  463. -webkit-transition: all 0.9s ease-out;
  464. -moz-transition: all 0.9s ease-out;
  465. }
  466.  
  467. #border:hover #sidebarpic img{
  468. -webkit-filter:blur(4px);
  469. transition: all 0.5s ease-out;
  470. -o-transition-transition: all 0.5s ease-out;
  471. -webkit-transition: all 0.5s ease-out;
  472. -moz-}
  473.  
  474. @font-face{font-family:Hasteristico; src: url(http://slutpark-resources.webs.com/Hasteristico.ttf);}
  475. div#blogtitle{
  476. z-index: 9999999;
  477. opacity:1;
  478. background-color:transparent;
  479. color:{color:blogtitle};
  480. text-shadow: 0px 0px 8px #aaa;
  481. position:fixed !important;
  482. font-size:36px;
  483. text-transform:uppercase;
  484. font-family:hasteristico;
  485. letter-spacing:0px;
  486. line-height: 50px;
  487. width:auto;
  488. padding-top:3px;
  489. padding-bottom:10px;
  490. margin:-60px 0px 0px 8px;
  491. -webkit-transform: rotate(0deg);
  492. -moz-transform: rotate(0deg);
  493. -webkit-animation: fadeInUp 2s;
  494. -moz-animation: fadeInUp 2s;
  495. -ms-animation: fadeInUp 2s;
  496. }
  497. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  498.  
  499. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  500. div#blogtitle1{
  501. z-index: 9999999;
  502. opacity:0;
  503. color:{color:blogtitle};
  504. text-shadow: 0px 0px 8px #aaa;
  505. position:fixed !important;
  506. font-size:45px;
  507. text-transform:none;
  508. font-family: lovenote;
  509. letter-spacing:0px;
  510. line-height: 50px;
  511. width:auto;
  512. padding-top:3px;
  513. padding-bottom:10px;
  514. margin:-90px 0px 0px -25px;
  515. -webkit-transform: rotate(0deg);
  516. -moz-transform: rotate(0deg);transition: all 0.4s ease-out;
  517. -o-transition-transition: all 0.4s ease-out;
  518. -webkit-transition: all 0.4s ease-out;}
  519. #border:hover #blogtitle1{
  520. opacity:1;
  521. margin:-100px 0px 0px -25px;
  522. transition: all 0.9s ease-out;
  523. -o-transition-transition: all 0.9s ease-out;
  524. -webkit-transition: all 0.9s ease-out;
  525. -moz-}
  526.  
  527. @font-face{font-family:Jane;src:url(http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf);}
  528.  
  529.  
  530.  
  531. .entry {
  532. float:left;
  533. display: block;
  534. overflow:hidden;
  535. width:250px;
  536. border: 4px double #eee;
  537. margin:3px;
  538. background-color: white;
  539. padding:4px;
  540. padding-bottom:4px;
  541. transition: all 0.5s ease-out;
  542. -o-transition-transition: all 0.5s ease-out;
  543. -webkit-transition: all 0.5s ease-out;
  544. -moz-transition: all 0.5s ease-out;
  545. {block:PermalinkPage}
  546. width:420px;
  547. margin-left:0px;
  548. text-align:center;
  549. {/block:PermalinkPage}
  550. }
  551. .entry .perma{
  552. width:40px;
  553. height: 40px;
  554. font-family: calibri;
  555. text-transform:;
  556. position: absolute;
  557. font-size: 11px;
  558. line-height: 20px;
  559. text-align: center;
  560. overflow:hidden;
  561. background-color:{color:permalink bg};
  562. letter-spacing:0px;
  563. margin-top:-15px;
  564. margin-left: 7px;
  565. border-radius:90px;
  566. padding:5px;
  567. color:white;
  568. font-style:italic;
  569. border: 3px solid #fff;
  570. -webkit-transition: opacity 0.4s linear; opacity: 0.0;
  571. -webkit-transition: all 0.4s linear;
  572. -moz-transition: all 0.4s linear;
  573. transition: all 0.4s linear;
  574.  
  575. }
  576.  
  577. .entry:hover .perma{
  578. overflow:visible;
  579. opacity:0.95;
  580. margin-top:10px;
  581. -ms-transform: rotate(360deg);
  582. -webkit-transform: rotate(360deg);
  583. -o-transform: rotate(360deg);
  584. -moz-transform: rotate(360deg);
  585. }
  586.  
  587.  
  588. @font-face {font-family: kk; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf');}
  589.  
  590.  
  591. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  592. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  593. .cover img {float:left; width:60px; height:60px;}
  594. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  595. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  596.  
  597. .title{
  598. font-family: "kk";
  599. font-size: 24px;
  600. line-height: 25px;
  601. color: {color:link};
  602. letter-spacing: 1px;
  603. font-weight: normal;
  604. }
  605.  
  606.  
  607. .cred {
  608. color: #000;
  609. font-family: Calibri;
  610. font-size:14px;
  611. z-index: 99999999999999px;
  612. line-height:14px;
  613. background:#fff;
  614. border: 1px #eee solid;
  615. background-repeat:repeat;
  616. padding:2px;
  617. -webkit-border-radius:2px;
  618. moz-border-radius:2px;
  619. -o-border-radius:2px;
  620. border-radius:2px;
  621. }
  622.  
  623. .cred a { color: #000; }
  624.  
  625. .permalinktext {
  626. display: block;
  627. padding: 1px;
  628. margin: 0px 0px 0px 8px;
  629. font-family: calibri;
  630. letter-spacing: 0px;
  631. font-size: 10px;
  632. color: #424242;
  633. line-height: 11px;
  634. text-align: right;
  635. text-decoration: none;
  636. -webkit-transition: color 0.5s ease-out;
  637. -moz-transition: color 0.5s ease-out;
  638. border-top: 1px solid #dcdcdc;
  639. }
  640. .bubble {align:right;background:#eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  641. .bubble p {margin:1px 0px;}
  642. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 12;line-height: 14px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  643. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  644.  
  645. #posts {
  646. width:700px;
  647. margin-top: 5px;
  648. margin-left: 381px;
  649. margin-right: auto;
  650. position:relative;
  651. overflow-y: hidden;
  652. }
  653.  
  654.  
  655. #infscr-loading{
  656. bottom: -70px;
  657. position: absolute;
  658. left: 50%;
  659. margin-left:-8px;
  660. width:16px;
  661. height:11px;
  662. overflow:hidden;
  663. margin-bottom: 50px;
  664. }
  665.  
  666. #postnotes{
  667. text-align: justify;
  668. }
  669.  
  670. #postnotes blockquote{
  671. border: 0px;
  672. }
  673.  
  674. blockquote{
  675. padding:0px 0px 2px 5px;
  676. margin:0px 0px 2px 1px;
  677. border-left: 1px dotted {color:Text};
  678. }
  679.  
  680. blockquote p, ul{
  681. margin:0px;
  682. padding:0px;
  683. }
  684.  
  685. a img{border: 0px;}
  686. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  687. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  688. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  689. .notes img{width:10px; position:relative; top:3px;
  690. }
  691.  
  692. small{font-size: 90%;}
  693.  
  694. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  695. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  696.  
  697. @-webkit-keyframes bounceIn {
  698. 0% {
  699. opacity: 0;
  700. -webkit-transform: scale(.3);
  701. }
  702. 50% {
  703. opacity: 1;
  704. -webkit-transform: scale(1.05);
  705. }
  706. 70% {
  707. -webkit-transform: scale(.9);
  708. }
  709. 100% {
  710. -webkit-transform: scale(1);
  711. }
  712. }
  713. @-moz-keyframes bounceIn {
  714. 0% {
  715. opacity: 0;
  716. -moz-transform: scale(.3);
  717. }
  718. 50% {
  719. opacity: 1;
  720. -moz-transform: scale(1.05);
  721. }
  722. 70% {
  723. -moz-transform: scale(.9);
  724. }
  725. 100% {
  726. -moz-transform: scale(1);
  727. }
  728. }
  729. @-ms-keyframes bounceIn {
  730. 0% {
  731. opacity: 0;
  732. -ms-transform: scale(.3);
  733. }
  734. 50% {
  735. opacity: 1;
  736. -ms-transform: scale(1.05);
  737. }
  738. 70% {
  739. -ms-transform: scale(.9);
  740. }
  741. 100% {
  742. -ms-transform: scale(1);
  743. }
  744. }
  745. @-o-keyframes bounceIn {
  746. 0% {
  747. opacity: 0;
  748. -o-transform: scale(.3);
  749. }
  750. 50% {
  751. opacity: 1;
  752. -o-transform: scale(1.05);
  753. }
  754. 70% {
  755. -o-transform: scale(.9);
  756. }
  757. 100% {
  758. -o-transform: scale(1);
  759. }
  760. }
  761. @keyframes bounceIn {
  762. 0% {
  763. opacity: 0;
  764. transform: scale(.3);
  765. }
  766. 50% {
  767. opacity: 1;
  768. transform: scale(1.05);
  769. }
  770. 70% {
  771. transform: scale(.9);
  772. }
  773. 100% {
  774. transform: scale(1);
  775. }
  776. }
  777. .bounceIn {
  778. -webkit-animation-name: bounceIn;
  779. -moz-animation-name: bounceIn;
  780. -ms-animation-name: bounceIn;
  781. -o-animation-name: bounceIn;
  782. animation-name: bounceIn;
  783. }
  784.  
  785. }
  786.  
  787.  
  788. {CustomCSS}
  789.  
  790. </style>
  791.  
  792. {block:IndexPage}
  793.  
  794. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  795. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  796. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  797.  
  798. <script type="text/javascript">
  799. $(window).load(function () {
  800. var $content = $('#posts');
  801. $content.masonry({itemSelector: '.entry'}),
  802. $content.infinitescroll({
  803. navSelector : 'div#pagination',
  804. nextSelector : 'div#pagination a#nextPage',
  805. itemSelector : '.entry',
  806. loading: {
  807. finishedMsg: '',
  808. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  809. },
  810. bufferPx : 600,
  811. debug : false,
  812. },
  813. // call masonry as a callback.
  814. function( newElements ) {
  815. var $newElems = $( newElements );
  816. $newElems.hide();
  817. // ensure that images load before adding to masonry layout
  818. $newElems.imagesLoaded(function(){
  819. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  820.  
  821.  
  822. });
  823. });
  824. });
  825. </script>
  826. {/block:IndexPage}
  827.  
  828.  
  829. <title>{Title}</title>
  830. <link rel="shortcut icon" href="{favicon}">
  831. <meta name="viewport" content="width=720" />
  832. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  833. </head>
  834.  
  835. <body>
  836. <div id="leftstripe"></div>
  837. <div id="rightstripe"></div>
  838.  
  839. <div class="side1"></div>
  840. <div class="side2"></div>
  841. <div class="side3"></div>
  842. <div class="side4"></div>
  843.  
  844.  
  845.  
  846. <div id="border"><div id="sidebar">
  847. <div id="iconbg"></div>
  848. <div class="description">{description}</div>
  849. <div class="description2">{text:description 2}
  850. </div>
  851. <div id="icon">
  852. <img src="{image:sidebar icon}" style=" padding:0;background-color:white;border: 0px solid #000;border-bottom:0px solid white;opacity:0.95;" width=75px; height=auto;class="sideimg"></div>
  853.  
  854. <div id="blogtitle1">{text:blogtitle 2}</div>
  855. <div id="blogtitle"> {title}</div>
  856. <div id="sidebarpic"><a href="/"><img src="{image:sidebar}" style=" padding:0;background-color:white;border: 0px solid #000;border-bottom:0px solid white;opacity:1;" width=100px; height=auto;class="sideimg">
  857.  
  858. </div></div></div>
  859. <div id="img1"><a href="{text:Link One}" title="{text:Link One title}"><img src="http://i49.tinypic.com/359wa5i.png" border="0" width="80"></a></div>
  860.  
  861. <div id="img2"><a href="{text:Link Two}" title="{text:Link Two title}"><img src="http://i49.tinypic.com/359wa5i.png" border="0" width="105"></a></div>
  862.  
  863. <div id="img3"><a href="{text:Link Three}" title="{text:Link Three title}"><img src="http://i49.tinypic.com/359wa5i.png" border="0" width="80"></a></div>
  864.  
  865. <div id="img4"><a href="{text:Link Four}" title="{text:Link Four title}"><img src="http://i49.tinypic.com/359wa5i.png" border="0" width="95"></a></div>
  866. <div class="wrapper">
  867. <div class="header">
  868. </div>
  869.  
  870.  
  871.  
  872. <div class="left">
  873. <div id="posts">
  874. {block:Posts}
  875. <div class="entry">
  876.  
  877. {block:Answer}
  878. <div class="post"><div class="askborder">
  879. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  880. {Answer}</div>
  881. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  882. {/block:Answer}
  883.  
  884. {block:Text}
  885. {block:Title}<span class="title">{Title}</span>{/block:Title}
  886. <span class="entrytext">{Body}</span>
  887. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  888. {/block:Text}
  889.  
  890. {block:Link}
  891. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  892. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  893. {block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  894. {/block:IndexPage}
  895. {block:Link}
  896.  
  897. {block:Photo}{block:IndexPage}
  898.  
  899.  
  900. <center>
  901. <div class="perma">
  902. <a href="{permalink}"><font color="white">{NoteCount}</font></a> <br><a href="{ReblogURL}" target="_blank"><font color="white">Reblog</font></span></a> </div>
  903. </a></a></a></a></a></a>
  904.  
  905. {/block:IndexPage}
  906. {block:IndexPage}
  907. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px/></a>
  908. {/block:IndexPage}
  909. {block:permalinkpage}{LinkOpenTag}
  910. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px/>{LinkCloseTag}
  911. {/block:permalinkpage}
  912. {/block:Photo}
  913.  
  914.  
  915. {block:Photoset}
  916. {block:IndexPage}<center>
  917. <div class="perma">
  918. <a href="{permalink}"><font color="white">{NoteCount}</font></a> <br><a href="{ReblogURL}" target="_blank"><font color="white">Reblog</font></span></a> </div>
  919. </a></a></a></a></a></a>
  920. </center>{/block:IndexPage}
  921. {block:IndexPage}
  922. {block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" width="200" style="padding:3px;"/></a>
  923. {/block:Photos}
  924. {/block:permalinkpage}
  925. {/block:IndexPage}
  926.  
  927. {block:permalinkpage}
  928. {Photoset-500}
  929. {/block:permalinkpage}
  930. {/block:Photoset}
  931.  
  932.  
  933.  
  934. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  935. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  936. {/block:Quote}
  937.  
  938. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  939. <ul class="chat">
  940. {block:Lines}
  941. <li class="user_{UserNumber}">
  942. {block:Label}
  943. <span class="label">{Label}</span>
  944. {/block:Label}
  945.  
  946. {Line}
  947. </li>
  948. {/block:Lines}
  949. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  950. {/block:Chat}
  951.  
  952. {block:Audio}
  953. <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>
  954. {block:IndexPage}
  955. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  956. {/block:IndexPage}
  957. {/block:Audio}
  958.  
  959. {block:Video}
  960. {block:IndexPage}
  961. <center>
  962. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  963. {Video-250}</center>
  964. {/block:IndexPage}
  965. {block:PermalinkPage}
  966. <center>
  967. {Video-400}</center>
  968. {/block:PermalinkPage}
  969. {block:Video}
  970.  
  971. {block:PostNotes}<div align="middle">{caption}</div>
  972. <center>
  973.  
  974. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  975.  
  976. {block:HasTags}
  977. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  978. {block:RebloggedFrom}
  979. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  980. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  981.  
  982. {/block:RebloggedFrom}
  983. </center></span>
  984. <br>
  985. <div id="postnotes">{PostNotes}</div><br>
  986.  
  987. <center>{block:ContentSource}
  988. <br><a href="{SourceURL}">
  989. {lang:Source}:
  990. {block:SourceLogo}
  991. <img src="{BlackLogoURL}" width="{LogoWidth}"
  992. height="{LogoHeight}" alt="{SourceTitle}" />
  993. {/block:SourceLogo}
  994. {block:NoSourceLogo}
  995. {SourceLink}
  996. {/block:NoSourceLogo}
  997. </a>
  998. {/block:ContentSource}</center>
  999.  
  1000. {/block:PostNotes}
  1001. </div>
  1002. {/block:Posts}
  1003. </div></div>
  1004.  
  1005. {block:IndexPage}
  1006. {block:Pagination}
  1007. <div id="pagination">
  1008. {block:NextPage}
  1009. <a id="nextPage" href="{NextPage}"></a>
  1010. {/block:NextPage}
  1011. {block:PreviousPage}
  1012. <a href="{PreviousPage}"></a>
  1013. {/block:PreviousPage}
  1014. </div>
  1015. {/block:Pagination}
  1016. {/block:IndexPage}
  1017.  
  1018.  
  1019. <div style="position: fixed; right:6px;bottom:10px;">
  1020. <span class="cred">
  1021. <a href="http://teenageblog.tumblr.com/" target="_blank">
  1022. ☾
  1023. </a></span></div>
  1024. </body>
  1025. </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!