API tools faq
paste
Advertisement
teenageblog

Runaway Theme

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