API tools faq
paste
Advertisement
teenageblog

Klaroline Theme

teenageblog
Sep 26th, 2013
850
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.39 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. credit to fantasizinq for idea
  11. ----------------------------------------------->
  12.  
  13. <html lang="en">
  14. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <head>
  20. <!-- DEFAULT VARIABLES -->
  21. <title>{Title}</title>
  22. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  23. <meta name="color:Background" content="#fff"/>
  24. <meta name="color:Text" content="#000"/>
  25. <meta name="color:Title" content="#000"/>
  26. <meta name="color:Link" content="#999"/>
  27. <meta name="color:Hover" content="#000"/>
  28. <meta name="color:Scrollbar" content="#ccc"/>
  29. <meta name="color:Blogtitle" content="#ccc"/>
  30. <meta name="color:SidebarBackground" content="#ccc"/>
  31. <meta name="color:Line1" content="#b5c2f0"/>
  32. <meta name="color:Line2" content="#b6d8e6"/>
  33. <meta name="color:Line3" content="#999"/>
  34.  
  35. <meta name="image:Sidebar" content="http://images6.fanpop.com/image/photos/32900000/4x08-caroline-forbes-32984108-250-250.jpg"/>
  36. <meta name="image:Sidebar Two" content="http://images6.fanpop.com/image/photos/32900000/4x08-caroline-forbes-32984109-250-250.jpg"/>
  37. <meta name="image:Background" content="0"/>
  38.  
  39. <meta name="if:Black and White Sidebars" content="1"/>
  40.  
  41. <meta name="text:link one" content="" />
  42. <meta name="text:link one title" content="link" />
  43. <meta name="text:link two" content="" />
  44. <meta name="text:link two title" content="link" />
  45. <meta name="text:link three" content="" />
  46. <meta name="text:link three title" content="link" />
  47. <meta name="text:link four" content="" />
  48. <meta name="text:link four title" content="link" />
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53.  
  54. 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;}
  55.  
  56. 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;}
  57.  
  58.  
  59.  
  60. .wrapper{
  61. margin: 0px auto;
  62. margin-left: 60px;
  63. width: 1045px;
  64. }
  65.  
  66. .header{
  67. float: left;
  68. width: 100%;
  69. }
  70.  
  71. .left{
  72. float: left;
  73. margin-right: 20px;
  74. width:1045;
  75. }
  76.  
  77. .right{
  78. float: right;
  79. width: 200px;
  80. background-color: #fff;
  81. }
  82.  
  83. body {
  84. margin:0px;
  85. background-color: {color:Background};
  86. background-image:url({image:Background});
  87. background-attachment: fixed;
  88. background-repeat: repeat;}
  89. body, div, p, textarea, submit, input{
  90. font-family: 'Ubuntu', sans-serif;
  91. font-size: 11px;
  92. line-height:14px;
  93. letter-spacing:1px;
  94. color:{color:Text};
  95. }
  96. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  97.  
  98. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  99. #eee; border-right: 1px solid #eee; }
  100.  
  101.  
  102. p {
  103. margin:0px;
  104. margin-top:0px;
  105. }
  106.  
  107. a:link, a:active, a:visited{
  108. text-decoration: none;
  109. -webkit-transition: color 0.3s ease-out;
  110. -moz-transition: color 0.3s ease-out;
  111. transition: color 0.3s ease-out;
  112. color: {color:Link};
  113. }
  114.  
  115. a:hover {
  116. : -webkit-transition-duration: 1.0s;
  117. color:{color:Hover};
  118. }
  119.  
  120.  
  121.  
  122.  
  123. div#center{
  124. margin:auto;
  125. margin-top:0px;
  126. position:relative;
  127. width:1045px;
  128. background-color:;
  129. overflow:auto;
  130. overflow-y:hidden;
  131. }
  132. div#side2{
  133. opacity: 1;
  134. width:10px;
  135. position:fixed !important;
  136. text-align:center;
  137. top:-2px;
  138. height:1025px;
  139. margin-left:990px;
  140. background: {color:line2};
  141. -webkit-animation:fadeInDownBig 5s;
  142. -moz-animation:fadeInDownBig 5s;
  143. -ms-animation:fadeInDownBig 5s;
  144. -webkit-transition: all 0.5s ease;
  145. -moz-transition: all 0.5s ease;
  146. -o-transition: all 0.5s ease;
  147. }
  148. div#side{
  149. opacity: 1;
  150. width:20px;
  151. position:fixed !important;
  152. text-align:center;
  153. top:-2px;
  154. height:1025px;
  155. margin-left:1008px;
  156. background: {color:line3};
  157. -webkit-animation:fadeInUpBig ease-in-out 3.5s;
  158. -moz-animation:fadeInUpBig ease-in-out 3.5s;
  159. -ms-animation:fadeInUpig ease-in-out 3.5s;
  160. -webkit-transition: all 0.5s ease;
  161. -moz-transition: all 0.5s ease;
  162. -o-transition: all 0.5s ease;
  163. }
  164.  
  165. div#side3{
  166. opacity: 1;
  167. width:435px;
  168. position:fixed !important;
  169. text-align:center;
  170. top:-2px;
  171. height:1025px;
  172. margin-left:-10px;
  173. background: {color:SidebarBackground};
  174. -webkit-animation:fadeInDownBig 3s;
  175. -moz-animation:fadeInDownBig 3s;
  176. -ms-animation:fadeInDownBig 3s;
  177. -webkit-transition: all 0.5s ease;
  178. -moz-transition: all 0.5s ease;
  179. -o-transition: all 0.5s ease;
  180. }
  181. div#side4{
  182. opacity: 1;
  183. width:10px;
  184. position:fixed !important;
  185. text-align:center;
  186. top:-2px;
  187. height:1025px;
  188. margin-left:435px;
  189. background: {color:line1};
  190. -webkit-animation:fadeInUpBig ease-in-out 2s;
  191. -moz-animation:fadeInUpBig ease-in-out 2s;
  192. -ms-animation:fadeInUpig ease-in-out 2s;
  193. -webkit-transition: all 0.5s ease;
  194. -moz-transition: all 0.5s ease;
  195. -o-transition: all 0.5s ease;
  196. }
  197. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  198.  
  199. div#titlebar{
  200. position: fixed !important;
  201. width:267px;
  202. margin-left:80px;
  203. margin-top:130px;
  204. font-family: sunshine;
  205. font-size: 60px;
  206. background:transparent;
  207. text-align:center;
  208. text-transform: normal;
  209. color: {color:blogtitle};
  210. text-shadow:0px 0px 5px #fff;
  211. z-index: 2;
  212. -webkit-transition: all 0.9s ease-in-out;
  213. -moz-transition: all 0.9s ease-in-out;
  214. -o-transition: all 0.9s ease-in-out;
  215. -ms-transition: all 0.9s ease-in-out;
  216. transition: all 0.9s ease-in-out; ;
  217. }
  218.  
  219. #titlebar:hover{
  220. opacity:1;
  221. -webkit-transition: all 0.9s ease-in-out;
  222. -moz-transition: all 0.9s ease-in-out;
  223. -o-transition: all 0.9s ease-in-out;
  224. -ms-transition: all 0.9s ease-in-out;
  225. transition: all 0.9s ease-in-out;
  226. }
  227.  
  228.  
  229. #sidebar{
  230. height:295px;
  231. width:335px;
  232. background:transparent;
  233. position:fixed;
  234. margin-left:50px;
  235. margin-top:250px;
  236. padding:7px;
  237.  
  238. }
  239. @font-face { font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');}
  240.  
  241. #links:hover{
  242. opacity:0.9;
  243. -webkit-transition: all .7s ease;
  244. -moz-transition: all .7s ease;
  245. -o-transition: all .7s ease;
  246. transition: all .7s ease;
  247. }
  248.  
  249. #links{
  250. z-index:9999999;
  251. opacity:0;
  252. position:fixed;
  253. font-family:Hasteristico;
  254. font-size:28px;
  255. line-height:55px;
  256. text-transform:uppercase;
  257. color: #aaa;
  258. text-align:center;
  259. letter-spacing:2px;
  260. background:white;
  261. padding:10px;
  262. height:215px;
  263. width:150px;
  264. -webkit-transition: all .7s ease;
  265. -moz-transition: all .7s ease;
  266. -o-transition: all .7s ease;
  267. transition: all .7s ease;
  268. margin-top:-81px;
  269. margin-left:179px;
  270. }
  271.  
  272.  
  273. #klaus:hover{
  274. opacity:0.9;
  275. -webkit-transition: all .7s ease;
  276. -moz-transition: all .7s ease;
  277. -o-transition: all .7s ease;
  278. transition: all .7s ease;
  279. }
  280.  
  281. #klaus{
  282. z-index:9999999;
  283. opacity:0;
  284. position:fixed;
  285. font-family:calibri;
  286. font-size:12px;
  287. font-style:italic;
  288. line-height:13px;
  289. color: #aaa;
  290. text-align:center;
  291. background:white;
  292. padding:10px;
  293. height:215px;
  294. width:150px;
  295. -webkit-transition: all .7s ease;
  296. -moz-transition: all .7s ease;
  297. -o-transition: all .7s ease;
  298. transition: all .7s ease;
  299. margin-top:-81px;
  300. margin-left:-16px;
  301. }
  302.  
  303. .img_one img{
  304. height:235px;
  305. width:170px;
  306. padding:6px;
  307. background:Transparent;
  308. position:fixed;
  309. border:3px solid #FFF;
  310. z-index: 999999;
  311. margin-left:-25px;
  312. margin-top:-90px;
  313. {block:ifblackandwhitesidebars}
  314. filter: grayscale(100%);
  315. -webkit-filter: grayscale(100%);
  316. -moz-filter: grayscale(100%);
  317. -ms-filter: grayscale(100%);
  318. -o-filter: grayscale(100%);
  319. {/block:ifblackandwhitesidebars}
  320.  
  321. }
  322. .img_two img{
  323. height:235px;
  324. width:170px;
  325. padding:6px;
  326. background:TRANSPARENT;
  327. position:fixed;
  328. border:3px solid #FFF;
  329. z-index: 999999;
  330. margin-left:170px;
  331. margin-top:-90px;
  332. {block:ifblackandwhitesidebars}
  333. filter: grayscale(100%);
  334. -webkit-filter: grayscale(100%);
  335. -moz-filter: grayscale(100%);
  336. -ms-filter: grayscale(100%);
  337. -o-filter: grayscale(100%);
  338. {/block:ifblackandwhitesidebars}
  339.  
  340. }
  341. .entry {
  342. float:left;
  343. display: block;
  344. overflow:hidden;
  345. width:240px;
  346. padding:15px;
  347. border: 1px solid #eee;
  348. margin:4px;
  349. background-color: white;
  350. padding:4px;
  351. padding-bottom:2px;
  352. transition: all 0.5s ease-out;
  353. -o-transition-transition: all 0.5s ease-out;
  354. -webkit-transition: all 0.5s ease-out;
  355. -moz-transition: all 0.5s ease-out;
  356. {block:PermalinkPage}
  357. width:520px;
  358. margin-left:0px;
  359. text-align:center;
  360. {/block:PermalinkPage}
  361. }
  362. .entry .caroline a{
  363. color: #aaa;
  364. }
  365.  
  366. .entry .caroline a{
  367. color:#aaa;
  368. }
  369.  
  370. .entry .caroline{
  371. position:absolute;
  372. bottom: 0px;
  373. margin-left:0px;
  374. width:230px;
  375. height:0px;
  376. text-transform:uppercase;
  377. background-color:white;
  378. padding:5px;
  379. overflow:hidden;
  380. font-family:calibri;
  381. letter-spacing:1px;
  382. font-size: 10px;
  383. line-height:15px;
  384. text-align:center;
  385. opacity:0.0;
  386. color:#aaa;
  387. border-top: 4px solid {color:line1};
  388. transition: all 0.9s ease;
  389. -o-transition-transition: all 0.9s ease;
  390. -webkit-transition: all 0.9s ease;
  391. -moz-transition: all 0.9s ease;
  392. }
  393.  
  394. .entry:hover .caroline{
  395. height:15px;
  396. overflow:visible;
  397. opacity:1;
  398. transition: all 0.9s ease;
  399. -o-transition-transition: all 0.9s ease;
  400. -webkit-transition: all 0.9s ease;
  401. -moz-transition: all 0.9s ease;
  402. }
  403.  
  404. .entry:hover{
  405. opacity:1;
  406. -webkit-transition: all .7s ease;
  407. -moz-transition: all .7s ease;
  408. -o-transition: all .7s ease;
  409. transition: all .7s ease;
  410. }
  411. .permatext{
  412. height:auto;
  413. line-height:100%;
  414. position:absolute;
  415. right:4px;
  416. bottom:0px;
  417. {block:IfPermalinkMovement}
  418. bottom:-5px;
  419. {block:IfPermalinkMovement}
  420. opacity:0;
  421. padding:0;
  422. background:#transparent;
  423. box-shadow:0 0 15px 10px #transparent;
  424. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  425. }
  426. .entry:hover .permatext{
  427. right:4px; bottom:0px;
  428. opacity:1;
  429. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  430. }
  431. .entry:hover .permatext:hover{
  432. opacity:1;
  433. }
  434.  
  435. .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;}
  436. .bubble p {margin:1px 0px;}
  437. .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;}
  438. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  439.  
  440. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  441.  
  442.  
  443. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  444. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  445. .cover img {float:left; width:60px; height:60px;}
  446. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  447. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  448.  
  449. .title{
  450. font-family: "cedarville cursive";
  451. font-size: 22px;
  452. line-height: 20px;
  453. color: {color:Title};
  454. text-shadow:1px 2px 2px #aaa;
  455. letter-spacing: 1px;
  456. font-weight: normal;
  457. }
  458.  
  459. .cred {
  460. color: #000;
  461. font-family: Calibri;
  462. font-size:14px;
  463. z-index: 99999999999999px;
  464. line-height:14px;
  465. background:#fff;
  466. border: 1px #eee solid;
  467. background-repeat:repeat;
  468. padding:2px;
  469. -webkit-border-radius:2px;
  470. moz-border-radius:2px;
  471. -o-border-radius:2px;
  472. border-radius:2px;
  473. }
  474.  
  475. .cred a { color: #000; }
  476.  
  477.  
  478. #posts {
  479. width:700px;
  480. margin-top: 5px;
  481. margin-left: 395px;
  482. margin-right: auto;
  483. position:relative;
  484. overflow-y: hidden;
  485. }
  486.  
  487.  
  488. #infscr-loading{
  489. bottom: -70px;
  490. position: absolute;
  491. left: 50%;
  492. margin-left:-8px;
  493. width:16px;
  494. height:11px;
  495. overflow:hidden;
  496. margin-bottom: 50px;
  497. }
  498.  
  499. #postnotes{
  500. text-align: justify;
  501. }
  502.  
  503. #postnotes blockquote{
  504. border: 0px;
  505. }
  506.  
  507. blockquote{
  508. padding:0px 0px 2px 5px;
  509. margin:0px 0px 2px 1px;
  510. border-left: 1px dotted {color:Text};
  511. }
  512.  
  513. blockquote p, ul{
  514. margin:0px;
  515. padding:0px;
  516. }
  517.  
  518. a img{border: 0px;}
  519. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  520. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  521. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  522. .notes img{width:10px; position:relative; top:3px;
  523. }
  524.  
  525. small{font-size: 90%;}
  526.  
  527. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  528. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  529.  
  530. @-webkit-keyframes fadeInUpBig {
  531. 0% {
  532. opacity: 0;
  533. -webkit-transform: translateY(2000px);
  534. }
  535.  
  536. 100% {
  537. opacity: 1;
  538. -webkit-transform: translateY(0);
  539. }
  540. }
  541.  
  542. @-moz-keyframes fadeInUpBig {
  543. 0% {
  544. opacity: 0;
  545. -moz-transform: translateY(2000px);
  546. }
  547.  
  548. 100% {
  549. opacity: 1;
  550. -moz-transform: translateY(0);
  551. }
  552. }
  553.  
  554. @-o-keyframes fadeInUpBig {
  555. 0% {
  556. opacity: 0;
  557. -o-transform: translateY(2000px);
  558. }
  559.  
  560. 100% {
  561. opacity: 1;
  562. -o-transform: translateY(0);
  563. }
  564. }
  565.  
  566. @keyframes fadeInUpBig {
  567. 0% {
  568. opacity: 0;
  569. transform: translateY(2000px);
  570. }
  571.  
  572. 100% {
  573. opacity: 1;
  574. transform: translateY(0);
  575. }
  576. }
  577.  
  578. .fadeInUpBig {
  579. -webkit-animation-name: fadeInUpBig;
  580. -moz-animation-name: fadeInUpBig;
  581. -o-animation-name: fadeInUpBig;
  582. animation-name: fadeInUpBig;
  583. }
  584.  
  585.  
  586. @-webkit-keyframes fadeInDownBig {
  587. 0% {
  588. opacity: 0;
  589. -webkit-transform: translateY(-2000px);
  590. }
  591. 100% {
  592. opacity: 1;
  593. -webkit-transform: translateY(0);
  594. }
  595. }
  596. @-moz-keyframes fadeInDownBig {
  597. 0% {
  598. opacity: 0;
  599. -moz-transform: translateY(-2000px);
  600. }
  601. 100% {
  602. opacity: 1;
  603. -moz-transform: translateY(0);
  604. }
  605. }
  606. @-ms-keyframes fadeInDownBig {
  607. 0% {
  608. opacity: 0;
  609. -ms-transform: translateY(-2000px);
  610. }
  611. 100% {
  612. opacity: 1;
  613. -ms-transform: translateY(0);
  614. }
  615. }
  616. @-o-keyframes fadeInDownBig {
  617. 0% {
  618. opacity: 0;
  619. -o-transform: translateY(-2000px);
  620. }
  621. 100% {
  622. opacity: 1;
  623. -o-transform: translateY(0);
  624. }
  625. }
  626. @keyframes fadeInDownBig {
  627. 0% {
  628. opacity: 0;
  629. transform: translateY(-2000px);
  630. }
  631. 100% {
  632. opacity: 1;
  633. transform: translateY(0);
  634. }
  635. }
  636. .fadeInDownBig {
  637. -webkit-animation-name: fadeInDownBig;
  638. -moz-animation-name: fadeInDownBig;
  639. -ms-animation-name: fadeInDownBig;
  640. -o-animation-name: fadeInDownBig;
  641. animation-name: fadeInDownBig;
  642. }
  643. {CustomCSS}
  644.  
  645. </style>
  646.  
  647. {block:IndexPage}
  648.  
  649.  
  650. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  651. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  652. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  653.  
  654. <script type="text/javascript">
  655. $(window).load(function () {
  656. var $content = $('#posts');
  657. $content.masonry({itemSelector: '.entry'}),
  658. $content.infinitescroll({
  659. navSelector : 'div#pagination',
  660. nextSelector : 'div#pagination a#nextPage',
  661. itemSelector : '.entry',
  662. loading: {
  663. finishedMsg: '',
  664. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  665. },
  666. bufferPx : 600,
  667. debug : false,
  668. },
  669. // call masonry as a callback.
  670. function( newElements ) {
  671. var $newElems = $( newElements );
  672. $newElems.hide();
  673. // ensure that images load before adding to masonry layout
  674. $newElems.imagesLoaded(function(){
  675. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  676.  
  677.  
  678. });
  679. });
  680. });
  681. </script>
  682. {/block:IndexPage}
  683.  
  684.  
  685. <title>{Title}</title>
  686. <link rel="shortcut icon" href="{favicon}">
  687. <meta name="viewport" content="width=720" />
  688. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  689. </head>
  690.  
  691. <body>
  692. <div id="titlebar"><center>{title}</center></div>
  693. <div id="side">
  694. </div>
  695. <div id="side2">
  696. </div>
  697.  
  698. <div id="side3">
  699. </div>
  700.  
  701. <div id="side4">
  702. </div>
  703.  
  704. <div id="sidebar">
  705.  
  706. <div class="img_one">
  707.  
  708. <a href=""><img src="{image:Sidebar}" /></a>
  709. </div>
  710. <div class="img_two">
  711.  
  712. <a href=""><img src="{image:Sidebar Two}" /></a>
  713. </div>
  714.  
  715. <div id="links">
  716. <a href="/">refresh</a><br>
  717. <a href="{text:Link One}">{text:Link One Title}</a><br><a href="{text:Link Two}">{text:Link Two Title}</a><br><a href="{text:Link Three}">{text:Link Three Title}</a></div>
  718.  
  719. <div id="klaus"><font color="#aaa">{Description}</font></div>
  720. </div>
  721. </div></div>
  722.  
  723. <div class="wrapper">
  724. <div class="header">
  725. </div>
  726.  
  727.  
  728.  
  729. <div class="left">
  730. <div id="posts">
  731. {block:Posts}
  732. <div class="entry">
  733.  
  734. {block:Answer}
  735. <div class="post"><div class="askborder">
  736. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  737. {Answer}
  738. </div><br>
  739. {/block:Answer}
  740.  
  741.  
  742. {block:Text}
  743. {block:Title}<left><span class="title">{Title}</span></left>{/block:Title}
  744. <div style="margin-left:3px;">{Body}</div>
  745. {block:IndexPage}
  746.  
  747. {/block:IndexPage}
  748. {/block:Text}
  749.  
  750.  
  751. {block:Link}
  752. <left><a href="{URL}"><span class="title">{Name}</span></a></left>
  753. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  754. {block:IndexPage}
  755. {/block:IndexPage}
  756. {block:Link}
  757.  
  758.  
  759. {block:Photo}{block:IndexPage}
  760.  
  761. <div class="caroline">
  762. <a href="{permalink}">{NoteCountWithLabel}</a> &middot <a href="{ReblogURL}" target="_blank"> Reblog </a></span></div>
  763.  
  764. {/block:IndexPage}
  765. {block:IndexPage}
  766. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=240px/></a>
  767. {/block:IndexPage}
  768. {block:permalinkpage}{LinkOpenTag}
  769. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  770. {/block:permalinkpage}
  771. {/block:Photo}
  772.  
  773. {block:Photoset}
  774. <center>
  775. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  776. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  777. </center>
  778.  
  779. {block:IndexPage}
  780.  
  781. {/block:IndexPage}
  782. {/block:Photoset}
  783.  
  784.  
  785. {block:Quote}
  786. <div style="margin-left:3px;">
  787. {Quote}</span>
  788. {block:Source}<strong>{Source}</strong>{/block:Source}
  789. </div>
  790.  
  791. {block:IndexPage}
  792. {/block:IndexPage}
  793. {/block:Quote}
  794.  
  795. {block:Chat}
  796. <div style="margin-left:3px;">
  797. {block:Title}<span class="title">{Title}</span>{/block:Title}
  798. <ul class="chat">
  799. {block:Lines}
  800. <li class="user_{UserNumber}">
  801. {block:Label}
  802. <span class="label">{Label}</span>
  803. {/block:Label}
  804. {Line}
  805. </li>
  806. {/block:Lines}
  807. </ul>
  808. </div>
  809.  
  810. {block:IndexPage}
  811. {/block:IndexPage}
  812. {/block:Chat}
  813.  
  814. {block:Audio}
  815. <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>
  816. {block:IndexPage}
  817. {/block:IndexPage}
  818. {/block:Audio}
  819.  
  820. {block:Video}
  821. {block:IndexPage}
  822. <center>
  823. {Video-250}</center>
  824. {/block:IndexPage}
  825. {block:PermalinkPage}
  826. <center>
  827. {Video-500}</center>
  828. {/block:PermalinkPage}
  829.  
  830. {block:IndexPage}
  831. {/block:IndexPage}
  832. {block:Video}
  833.  
  834.  
  835.  
  836. {block:IndexPage}
  837. {block:Text}
  838. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  839. {/block:Text}
  840. {block:Photoset}
  841. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  842. {/block:Photoset}
  843. {block:Quote}
  844. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  845. {/block:Quote}
  846. {block:Link}
  847. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  848. {/block:Link}
  849. {block:Chat}
  850. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  851. {/block:Chat}
  852. {block:Audio}
  853. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  854. {/block:Audio}
  855. {block:Answer}
  856. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  857. {/block:Answer}
  858. {/block:IndexPage}
  859.  
  860. {block:PostNotes}<div align="middle">{caption}</div>
  861. <center>
  862.  
  863. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  864.  
  865. {block:HasTags}
  866. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  867. {block:RebloggedFrom}
  868. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  869. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  870.  
  871. {/block:RebloggedFrom}
  872. </center></span>
  873. <br>
  874. <div id="postnotes">{PostNotes}</div><br>
  875.  
  876. <center>{block:ContentSource}
  877. <br><a href="{SourceURL}">
  878. {lang:Source}:
  879. {block:SourceLogo}
  880. <img src="{BlackLogoURL}" width="{LogoWidth}"
  881. height="{LogoHeight}" alt="{SourceTitle}" />
  882. {/block:SourceLogo}
  883. {block:NoSourceLogo}
  884. {SourceLink}
  885. {/block:NoSourceLogo}
  886. </a>
  887. {/block:ContentSource}</center>
  888.  
  889. {/block:PostNotes}
  890. </div>
  891. {/block:Posts}
  892. </div></div>
  893.  
  894. {block:IndexPage}
  895. {block:Pagination}
  896. <div id="pagination">
  897. {block:NextPage}
  898. <a id="nextPage" href="{NextPage}"></a>
  899. {/block:NextPage}
  900. {block:PreviousPage}
  901. <a href="{PreviousPage}"></a>
  902. {/block:PreviousPage}
  903. </div>
  904. {/block:Pagination}
  905. {/block:IndexPage}
  906.  
  907.  
  908. <div style="position: fixed; right:6px;bottom:10px;">
  909. <span class="cred">
  910. <a href="http://teenageblog.tumblr.com/" target="_blank">
  911. ☾
  912. </a></span></div>
  913. </body>
  914. </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!