API tools faq
paste
Advertisement
briqhter

theme 12

briqhter
Sep 26th, 2014
433
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.59 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 12 by Sabina (briqhter/cutiephil)
  3. please do not remove the credit
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/j67pgdq/a0gmqh0bn/hover.js"></script>
  15.  
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  18. <script>
  19. (function($){
  20. $(document).ready(function(){
  21. $("a[title]").style_my_tooltips({
  22. tip_follows_cursor:true,
  23. tip_delay_time:90,
  24. tip_fade_speed:600,
  25. attribute:"title"
  26. });
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. <script type="text/javascript">
  32. <!--
  33.  
  34. // Disable Right Click Script
  35.  
  36. function IE(e)
  37. {
  38. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  39. {
  40. return false;
  41. }
  42. }
  43. function NS(e)
  44. {
  45. if (document.layers || (document.getElementById && !document.all))
  46. {
  47. if (e.which == "2" || e.which == "3")
  48. {
  49. return false;
  50. }
  51. }
  52. }
  53. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  54.  
  55. //-->
  56. </script>
  57.  
  58. <script type="text/javascript"
  59. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60.  
  61. <!--DEFAULT VARIABLES-->
  62. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  63. <meta name="color:background" content="#fbfbfb"/>
  64. <meta name="color:link" content="#777"/>
  65. <meta name="color:text" content="#777"/>
  66. <meta name="color:title" content="#333"/>
  67. <meta name="color:hover" content="#000"/>
  68. <meta name="color:hover msg" content="#cdbfe8"/>
  69. <meta name="color:borders" content="#D8D8D8"/>
  70. <meta name="color:permalink" content="#cdbfe8"/>
  71. <meta name="color:sidebar borders" content="#eee"/>
  72. <meta name="color:topbar" content="#ebe5f6"/>
  73. <meta name="color:link one" content="#dcd2ef"/>
  74. <meta name="color:link two" content="#ebe5f6"/>
  75. <meta name="color:link three" content="#dcd2ef"/>
  76. <meta name="color:link four" content="#ebe5f6"/>
  77. <meta name="color:link five" content="#dcd2ef"/>
  78. <meta name="color:link one hover" content="#fff"/>
  79. <meta name="color:link two hover" content="#fff"/>
  80. <meta name="color:link three hover" content="#fff"/>
  81. <meta name="color:link four hover" content="#fff"/>
  82. <meta name="color:link five hover" content="#fff"/>
  83. <meta name="color:heart" content="#e0d6f1"/>
  84. <meta name="color:heart border" content="#fff"/>
  85. <meta name="color:stats" content="#dcd2ef"/>
  86. <meta name="color:blogtitle" content="#cdbfe8"/>
  87.  
  88. <meta name="image:sidebar1" content="http://static.tumblr.com/bgzjy3u/K9Un4fi46/img1.png"/>
  89. <meta name="image:sidebar2" content="http://static.tumblr.com/bgzjy3u/K9Un4fi46/img1.png"/>
  90. <meta name="image:background" content="1"/>
  91.  
  92. <meta name="text:blogtitle1" content="title one"/>
  93. <meta name="text:blogtitle2" content="title two"/>
  94. <meta name="text:description title" content="name or title"/>
  95. <meta name="text:link 1" content="/"/>
  96. <meta name="text:link 1 title" content="home"/>
  97. <meta name="text:link 2" content="/"/>
  98. <meta name="text:link 2 title" content="ask"/>
  99. <meta name="text:link 3" content="/"/>
  100. <meta name="text:link 3 title" content="links"/>
  101. <meta name="text:link 4" content="/"/>
  102. <meta name="text:link 4 title" content="other"/>
  103. <meta name="text:link 5" content="http://briqhter.tumblr.com"/>
  104. <meta name="text:link 5 title" content="credit"/>
  105. <meta name="text:heart link1" content="/"/>
  106. <meta name="text:heart link1 msg" content="this heart is a link"/>
  107. <meta name="text:heart link2" content="/"/>
  108. <meta name="text:heart link2 msg" content="woah so is this one"/>
  109. <meta name="text:stat1" content="stats yo"/>
  110. <meta name="text:stat2" content="stats bro"/>
  111.  
  112. <meta name="if:faded posts" content="0"/>
  113. <meta name="if:hearts" content="1"/>
  114.  
  115. <style type="text/css">
  116.  
  117.  
  118. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  119.  
  120. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  121.  
  122. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  123.  
  124. #s-m-t-tooltip {
  125. max-width:300px;
  126. padding:2px;
  127. padding-left:5px;
  128. padding-right:5px;
  129. margin:20px 0px 0px 20px;
  130. background: white; /* change the background color */
  131. border:1px solid {color:hover msg}; /* change the border color */
  132. border-radius:2px;
  133. color: {color:hover msg};
  134. font-size:10px; /* change the font size */
  135. letter-spacing:0px; /* change the letter spacing */
  136. z-index:999999999999999999999999999999999999;
  137. }
  138.  
  139. p {
  140. margin:0px;
  141. margin-top:0px;
  142. }
  143.  
  144.  
  145. body {
  146. padding: 0px;
  147. margin: 0px;
  148. color:{color:text};
  149. font-family: calibri;
  150. line-height:15px;
  151. font-size:11px;
  152. background-color: {color:Background};
  153. background-image:url({image:Background});
  154. background-attachment: fixed;
  155. background-repeat: repeat;
  156. }
  157.  
  158.  
  159. a:link, a:active, a:visited{
  160. text-decoration: none;
  161. -webkit-transition: color 0.3s ease-out;
  162. -moz-transition: color 0.3s ease-out;
  163. transition: color 0.3s ease-out;
  164. color:{color:link};
  165. }
  166.  
  167. a:hover {
  168. text-decoration: none;
  169. font-style:;
  170. color: {color:Hover};
  171. }
  172.  
  173. ask{
  174. text-align: right;
  175. font-style:italic;
  176. margin-top: 20px;
  177. font-size:14px;
  178. line-height: 16px;
  179. }
  180.  
  181. #ask img{
  182. width:30px;
  183. border-radius:20px;
  184. }
  185.  
  186. #wrap{
  187. width:1250px;
  188. margin:auto;
  189. }
  190.  
  191. /*FONTS*/
  192.  
  193. @font-face {font-family: "toe"; src: url('https://dl.dropboxusercontent.com/s/c56kx4iogh8tom2/TheOnlyException.ttf');}
  194. @font-face { font-family: "sig"; src: url('https://dl.dropboxusercontent.com/s/6szbmbtmdmplvay/Signerica_Medium.ttf'); }
  195.  
  196.  
  197. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  198. .entry {
  199. float:left;
  200. display: block;
  201. margin:10px;
  202. overflow:hidden;
  203. border: 1px solid {color:borders};
  204. width:250px;
  205. padding:15px;
  206. {block:PermalinkPage}
  207. width:450px;
  208. text-align:left;
  209. line-height:10px;
  210. {/block:PermalinkPage}
  211. background:white;
  212. background-image:URL();
  213. }
  214.  
  215. {block:ifFadedPosts}
  216. .entry img{
  217. opacity:0.7;
  218. -webkit-transition: all 1s ease;
  219. -moz-transition: all 1s ease;
  220. -o-transition: all 1s ease;
  221. transition: all 1s ease;
  222. }
  223.  
  224. .entry:hover img{
  225. opacity:1;
  226. }
  227. {/block:ifFadedPosts}
  228.  
  229. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  230. .entry .perma{
  231. z-index: 2;
  232. opacity: 0;
  233. position: absolute;
  234. overflow:hidden;
  235. margin-left:10px;
  236. width:190px;
  237. height:auto;
  238. padding-top:5px;
  239. padding-bottom:5px;
  240. border:1px solid {color:permalink};
  241. text-align:center;
  242. margin-top:-30px;
  243. background:white;
  244. word-spacing:2px;
  245. letter-spacing:1px;
  246. font-family:calibri;
  247. font-size:11px;
  248. line-height:12px;
  249. -webkit-transition: all 1s ease;
  250. -moz-transition: all 1s ease;
  251. -o-transition: all 1s ease;
  252. transition: all 1s ease;
  253. }
  254.  
  255. .entry:hover .perma{
  256. overflow:visible;
  257. opacity:0.95;
  258. margin-top:-45px;
  259. }
  260.  
  261. .entry .rb{
  262. z-index: 2;
  263. opacity: 0;
  264. position: absolute;
  265. overflow:hidden;
  266. margin-left:206px;
  267. width:auto;
  268. height:auto;
  269. padding:7px;
  270. border:1px solid {color:permalink};
  271. text-align:center;
  272. margin-top:-30px;
  273. background:white;
  274. word-spacing:2px;
  275. letter-spacing:1px;
  276. font-family:calibri;
  277. font-size:11px;
  278. line-height:12px;
  279. -webkit-transition: all 1s ease;
  280. -moz-transition: all 1s ease;
  281. -o-transition: all 1s ease;
  282. transition: all 1s ease;
  283. }
  284.  
  285. .entry:hover .rb{
  286. overflow:visible;
  287. opacity:0.95;
  288. margin-top:-45px;
  289. }
  290.  
  291. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  292. #posts{
  293. width:800px;
  294. margin-top:30px;
  295. z-index:99;
  296. margin-left:570px;
  297. right:auto;
  298. background:transparent;
  299. margin-right:auto;
  300. position:relative;
  301. overflow-y: hidden;
  302. }
  303.  
  304.  
  305. /*CUSTOMIZE SIDEBAR HERE*/
  306. #sidebar{
  307. position:fixed !important;
  308. background:transparent;
  309. height:200px;
  310. width:300px;
  311. padding:10px;
  312. margin-top:100px;
  313. margin-left:120px;
  314. text-align:center;
  315. }
  316.  
  317. #img{
  318. z-index:7;
  319. position:fixed;
  320. padding:5px;
  321. padding-bottom:40px;
  322. background-color:white;
  323. border: 1px solid {color:sidebar borders};
  324. width:auto;
  325. height:auto;
  326. margin-top:0px;
  327. margin-left:0px;
  328. overflow:hidden;
  329. border-radius:2px;
  330. -webkit-transition: all 1s ease;
  331. -moz-transition: all 1s ease;
  332. -o-transition: all 1s ease;
  333. transition: all 1s ease;
  334. transform:rotate(-3deg);
  335. -ms-transform:rotate(-3deg); /* IE 9 */
  336. -webkit-transform:rotate(-3deg);
  337. }
  338.  
  339. #img img{
  340. border: 1px solid #FAFAFA;
  341. width:150px;
  342. height:150px;
  343. -webkit-transition: all 1s ease;
  344. -moz-transition: all 1s ease;
  345. -o-transition: all 1s ease;
  346. transition: all 1s ease;
  347. }
  348.  
  349. #sidebar:hover #img{
  350. padding:3px;
  351. padding-bottom:21px;
  352. margin-top:-10px;
  353. margin-left:-40px;
  354. }
  355.  
  356. #sidebar:hover #img img{
  357. width:100px;
  358. height:100px;
  359. }
  360.  
  361. #img2{
  362. z-index:7;
  363. position:fixed;
  364. padding:5px;
  365. padding-bottom:40px;
  366. background-color:white;
  367. border: 1px solid {color:sidebar borders};
  368. width:auto;
  369. height:auto;
  370. margin-top:20px;
  371. margin-left:145px;
  372. overflow:hidden;
  373. border-radius:2px;
  374. -webkit-transition: all 1s ease;
  375. -moz-transition: all 1s ease;
  376. -o-transition: all 1s ease;
  377. transition: all 1s ease;
  378. transform:rotate(5deg);
  379. -ms-transform:rotate(5deg); /* IE 9 */
  380. -webkit-transform:rotate(5deg);
  381. }
  382.  
  383. #img2 img{
  384. border: 1px solid #FAFAFA;
  385. width:150px;
  386. height:150px;
  387. -webkit-transition: all 1s ease;
  388. -moz-transition: all 1s ease;
  389. -o-transition: all 1s ease;
  390. transition: all 1s ease;
  391. }
  392.  
  393. #sidebar:hover #img2{
  394. opacity:1;
  395. }
  396.  
  397. #sidebar:hover #img2{
  398. padding:3px;
  399. padding-bottom:21px;
  400. margin-top:110px;
  401. margin-left:-30px;
  402. }
  403.  
  404. #sidebar:hover #img2 img{
  405. width:100px;
  406. height:100px;
  407. }
  408.  
  409. #blogtitle1{
  410. z-index:8;
  411. opacity:1;
  412. position:fixed !important;
  413. width:500px;
  414. margin-top:220px;
  415. margin-left:-100px;
  416. font-size:40px;
  417. line-height:35px;
  418. color:{color:blogtitle};
  419. font-family: sig;
  420. text-align:center;
  421. -webkit-transition: all 1s ease;
  422. -moz-transition: all 1s ease;
  423. -o-transition: all 1s ease;
  424. transition: all 1s ease;
  425. text-shadow: 5px 5px 1px #eee;
  426. }
  427.  
  428. #sidebar:hover #blogtitle1{
  429. opacity:0;
  430. margin-top:245px;
  431. margin-left:-50px;
  432. }
  433.  
  434. #blogtitle2{
  435. z-index:8;
  436. opacity:0;
  437. position:fixed !important;
  438. width:500px;
  439. margin-top:220px;
  440. margin-left:-100px;
  441. font-size:40px;
  442. line-height:35px;
  443. color:{color:blogtitle};
  444. font-family: sig;
  445. text-align:center;
  446. -webkit-transition: all 1s ease;
  447. -moz-transition: all 1s ease;
  448. -o-transition: all 1s ease;
  449. transition: all 1s ease;
  450. text-shadow: 5px 5px 1px #eee;
  451. }
  452.  
  453. #sidebar:hover #blogtitle2{
  454. opacity:1;
  455. margin-top:245px;
  456. margin-left:-50px;
  457. }
  458.  
  459. #blogtitle3{
  460. z-index:7;
  461. opacity:0;
  462. position:fixed !important;
  463. width:200px;
  464. margin-top:-5px;
  465. margin-left:140px;
  466. font-size:20px;
  467. line-height:35px;
  468. color:{color:blogtitle};
  469. font-family: toe;
  470. text-align:right;
  471. -webkit-transition: all 1s ease;
  472. -moz-transition: all 1s ease;
  473. -o-transition: all 1s ease;
  474. transition: all 1s ease;
  475. }
  476.  
  477. #sidebar:hover #blogtitle3{
  478. opacity:1;
  479. margin-left:110px;
  480. }
  481.  
  482. #desc{
  483. z-index:5;
  484. opacity:0;
  485. position:fixed;
  486. padding:5px;
  487. background-color:white;
  488. border: 1px solid {color:sidebar borders};
  489. width:180px;
  490. height:70px;
  491. font-family:consolas;
  492. overflow:scroll;
  493. font-size:10px;
  494. line-height:12px;
  495. margin-top:20px;
  496. margin-left:90px;
  497. border-radius:2px;
  498. -webkit-transition: all 1s ease;
  499. -moz-transition: all 1s ease;
  500. -o-transition: all 1s ease;
  501. transition: all 1s ease;
  502. }
  503.  
  504. #sidebar:hover #desc{
  505. opacity:1;
  506. margin-top:20px;
  507. margin-left:120px;
  508. }
  509.  
  510. #triangle{
  511. z-index:5;
  512. opacity:0;
  513. position:fixed;
  514. width: 0px;
  515. height: 0px;
  516. margin-left:89px;
  517. margin-top:30px;
  518. border-top: 12px solid transparent;
  519. border-bottom: 12px solid transparent;
  520. border-right: 12px solid white;
  521. -webkit-transition: all 1s ease;
  522. -moz-transition: all 1s ease;
  523. -o-transition: all 1s ease;
  524. transition: all 1s ease;
  525. }
  526.  
  527. #sidebar:hover #triangle{
  528. opacity:1;
  529. margin-left:109px;
  530. margin-top:30px;
  531. }
  532.  
  533. #triangleborder{
  534. z-index:4;
  535. position:fixed;
  536. width: 0px;
  537. height: 0px;
  538. margin-left:88px;
  539. margin-top:28px;
  540. border-top: 14px solid transparent;
  541. border-bottom: 14px solid transparent;
  542. border-right: 14px solid #fff;
  543. -webkit-transition: all 1s ease;
  544. -moz-transition: all 1s ease;
  545. -o-transition: all 1s ease;
  546. transition: all 1s ease;
  547. }
  548.  
  549. #sidebar:hover #triangleborder{
  550. opacity:1;
  551. margin-left:108px;
  552. margin-top:28px;
  553. border-right: 14px solid #eee;
  554. }
  555.  
  556. #extras{
  557. z-index:4;
  558. opacity:0;
  559. position:fixed !important;
  560. width:40px;
  561. height:20px;
  562. margin-top:105px;
  563. margin-left:120px;
  564. background:transparent;
  565. -webkit-transition: all 1s ease;
  566. -moz-transition: all 1s ease;
  567. -o-transition: all 1s ease;
  568. transition: all 1s ease;
  569. }
  570.  
  571. #sidebar:hover #extras{
  572. opacity:1;
  573. }
  574.  
  575. #extras:hover{
  576. width:195px;
  577. }
  578.  
  579. .circle2{
  580. z-index:1;
  581. opacity:0;
  582. position:fixed !important;
  583. width:12px;
  584. height:12px;
  585. margin-top:2px;
  586. margin-left:3px;
  587. background:white;
  588. border-radius:10px;
  589. border:1px solid {color:stats};
  590. -webkit-transition: all 1s ease;
  591. -moz-transition: all 1s ease;
  592. -o-transition: all 1s ease;
  593. transition: all 1s ease;
  594. }
  595.  
  596. #sidebar:hover .circle2{
  597. opacity:1;
  598. }
  599.  
  600. .stats1{
  601. z-index:1;
  602. opacity:0;
  603. position:fixed !important;
  604. width:65px;
  605. height:12px;
  606. margin-top:2px;
  607. margin-left:-100px;
  608. background:transparent;
  609. font-family: calibri;
  610. text-align:left;
  611. -webkit-transition: all 1s ease;
  612. -moz-transition: all 1s ease;
  613. -o-transition: all 1s ease;
  614. transition: all 1s ease;
  615. }
  616.  
  617. #extras:hover .stats1{
  618. opacity:1;
  619. margin-left:18px;
  620. }
  621.  
  622. .circle3{
  623. z-index:1;
  624. opacity:0;
  625. position:fixed !important;
  626. width:12px;
  627. height:12px;
  628. margin-top:2px;
  629. margin-left:21px;
  630. background:white;
  631. border-radius:10px;
  632. border:1px solid {color:stats};
  633. -webkit-transition: all 1s ease;
  634. -moz-transition: all 1s ease;
  635. -o-transition: all 1s ease;
  636. transition: all 1s ease;
  637. }
  638.  
  639. #sidebar:hover .circle3{
  640. opacity:1;
  641. }
  642.  
  643. #extras:hover .circle3{
  644. margin-left:85px
  645. }
  646.  
  647. .stats2{
  648. z-index:1;
  649. opacity:0;
  650. position:fixed !important;
  651. width:90px;
  652. height:12px;
  653. margin-top:2px;
  654. margin-left:-100px;
  655. background:transparent;
  656. font-family: calibri;
  657. text-align:left;
  658. -webkit-transition: all 1s ease;
  659. -moz-transition: all 1s ease;
  660. -o-transition: all 1s ease;
  661. transition: all 1s ease;
  662. }
  663.  
  664. #extras:hover .stats2{
  665. opacity:1;
  666. margin-left:100px;
  667. }
  668.  
  669. #heart {
  670. z-index:4;
  671. margin-top:5px;
  672. margin-left:10px;
  673. position: fixed;
  674. width: auto;
  675. height: auto;
  676. -webkit-transform: rotate(-10deg);
  677. -moz-transform: rotate(-10deg);
  678. -ms-transform: rotate(-10deg);
  679. -o-transform: rotate(-10deg);
  680. -webkit-transition: all 1s ease;
  681. -moz-transition: all 1s ease;
  682. -o-transition: all 1s ease;
  683. transition: all 1s ease;
  684. }
  685.  
  686. #heart:before,
  687. #heart:after {
  688. position: absolute;
  689. content: "";
  690. left: -5px;
  691. top: 0;
  692. width: 15px;
  693. height: 15px;
  694. background: transparent;
  695. border: 5px solid {color:heart border};
  696. border-bottom:0px;
  697. -moz-border-radius: 50px 50px 0 0;
  698. border-radius: 50px 50px 0 0;
  699. -webkit-transform: rotate(-45deg);
  700. -moz-transform: rotate(-45deg);
  701. -ms-transform: rotate(-45deg);
  702. -o-transform: rotate(-45deg);
  703. transform: rotate(-45deg);
  704. -webkit-transform-origin: 0 100%;
  705. -moz-transform-origin: 0 100%;
  706. -ms-transform-origin: 0 100%;
  707. -o-transform-origin: 0 100%;
  708. transform-origin: 0 100%;
  709. -webkit-transition: all 1s ease;
  710. -moz-transition: all 1s ease;
  711. -o-transition: all 1s ease;
  712. transition: all 1s ease;
  713. }
  714. #heart:after {
  715. left: 0;
  716. -webkit-transform: rotate(45deg);
  717. -moz-transform: rotate(45deg);
  718. -ms-transform: rotate(45deg);
  719. -o-transform: rotate(45deg);
  720. transform: rotate(45deg);
  721. -webkit-transform-origin: 100% 100%;
  722. -moz-transform-origin: 100% 100%;
  723. -ms-transform-origin: 100% 100%;
  724. -o-transform-origin: 100% 100%;
  725. transform-origin :100% 100%;
  726. -webkit-transition: all 1s ease;
  727. -moz-transition: all 1s ease;
  728. -o-transition: all 1s ease;
  729. transition: all 1s ease;
  730. }
  731.  
  732. #heartbottom{
  733. opacity:1;
  734. position:fixed;
  735. margin-top:8px;
  736. margin-left:-1px;
  737. border: 5px solid {color:heart border};
  738. border-top:0px;
  739. border-right:0px;
  740. width:17px;
  741. height:17px;
  742. font-size:10px;
  743. -webkit-transform: rotate(-45deg);
  744. -moz-transform: rotate(-45deg);
  745. -ms-transform: rotate(-45deg);
  746. -o-transform: rotate(-45deg);
  747. -webkit-transition: all 1s ease;
  748. -moz-transition: all 1s ease;
  749. -o-transition: all 1s ease;
  750. transition: all 1s ease;
  751. }
  752.  
  753. #heart2 {
  754. z-index:4;
  755. margin-top:5px;
  756. margin-left:13px;
  757. position: fixed;
  758. width: auto;
  759. height: auto;
  760. -webkit-transform: rotate(-10deg);
  761. -moz-transform: rotate(-10deg);
  762. -ms-transform: rotate(-10deg);
  763. -o-transform: rotate(-10deg);
  764. -webkit-transition: all 1s ease;
  765. -moz-transition: all 1s ease;
  766. -o-transition: all 1s ease;
  767. transition: all 1s ease;
  768. }
  769.  
  770. #heart2:before,
  771. #heart2:after {
  772. position: absolute;
  773. content: "";
  774. left: -5px;
  775. top: 0;
  776. width: 15px;
  777. height: 15px;
  778. background: transparent;
  779. border: 5px solid {color:heart};
  780. border-bottom:0px;
  781. -moz-border-radius: 50px 50px 0 0;
  782. border-radius: 50px 50px 0 0;
  783. -webkit-transform: rotate(-45deg);
  784. -moz-transform: rotate(-45deg);
  785. -ms-transform: rotate(-45deg);
  786. -o-transform: rotate(-45deg);
  787. transform: rotate(-45deg);
  788. -webkit-transform-origin: 0 100%;
  789. -moz-transform-origin: 0 100%;
  790. -ms-transform-origin: 0 100%;
  791. -o-transform-origin: 0 100%;
  792. transform-origin: 0 100%;
  793. -webkit-transition: all 1s ease;
  794. -moz-transition: all 1s ease;
  795. -o-transition: all 1s ease;
  796. transition: all 1s ease;
  797. }
  798.  
  799. #heart2:after {
  800. left: 0;
  801. -webkit-transform: rotate(45deg);
  802. -moz-transform: rotate(45deg);
  803. -ms-transform: rotate(45deg);
  804. -o-transform: rotate(45deg);
  805. transform: rotate(45deg);
  806. -webkit-transform-origin: 100% 100%;
  807. -moz-transform-origin: 100% 100%;
  808. -ms-transform-origin: 100% 100%;
  809. -o-transform-origin: 100% 100%;
  810. transform-origin :100% 100%;
  811. -webkit-transition: all 1s ease;
  812. -moz-transition: all 1s ease;
  813. -o-transition: all 1s ease;
  814. transition: all 1s ease;
  815. }
  816.  
  817. #heartbottom2{
  818. position:fixed;
  819. margin-top:9px;
  820. margin-left:-1px;
  821. border: 5px solid {color:heart};
  822. border-top:0px;
  823. border-right:0px;
  824. width:17px;
  825. height:17px;
  826. font-size:10px;
  827. -webkit-transform: rotate(-45deg);
  828. -moz-transform: rotate(-45deg);
  829. -ms-transform: rotate(-45deg);
  830. -o-transform: rotate(-45deg);
  831. -webkit-transition: all 1s ease;
  832. -moz-transition: all 1s ease;
  833. -o-transition: all 1s ease;
  834. transition: all 1s ease;
  835. }
  836.  
  837. #extras2{
  838. z-index:5;
  839. opacity:0;
  840. position:fixed !important;
  841. margin-top:135px;
  842. margin-left:95px;
  843. background:black;
  844. -webkit-transition: all 1s ease;
  845. -moz-transition: all 1s ease;
  846. -o-transition: all 1s ease;
  847. transition: all 1s ease;
  848. }
  849.  
  850. #sidebar:hover #extras2{
  851. opacity:1;
  852. }
  853.  
  854. #heart3 {
  855. z-index:4;
  856. margin-top:5px;
  857. margin-left:10px;
  858. position: fixed;
  859. width: auto;
  860. height: auto;
  861. -webkit-transform: rotate(5deg);
  862. -moz-transform: rotate(5deg);
  863. -ms-transform: rotate(5deg);
  864. -o-transform: rotate(5deg);
  865. -webkit-transition: all 1s ease;
  866. -moz-transition: all 1s ease;
  867. -o-transition: all 1s ease;
  868. transition: all 1s ease;
  869. }
  870.  
  871. #heart3:before,
  872. #heart3:after {
  873. position: absolute;
  874. content: "";
  875. left: -5px;
  876. top: 0;
  877. width: 15px;
  878. height: 15px;
  879. background: transparent;
  880. border: 5px solid {color:heart border};
  881. border-bottom:0px;
  882. -moz-border-radius: 50px 50px 0 0;
  883. border-radius: 50px 50px 0 0;
  884. -webkit-transform: rotate(-45deg);
  885. -moz-transform: rotate(-45deg);
  886. -ms-transform: rotate(-45deg);
  887. -o-transform: rotate(-45deg);
  888. transform: rotate(-45deg);
  889. -webkit-transform-origin: 0 100%;
  890. -moz-transform-origin: 0 100%;
  891. -ms-transform-origin: 0 100%;
  892. -o-transform-origin: 0 100%;
  893. transform-origin: 0 100%;
  894. -webkit-transition: all 1s ease;
  895. -moz-transition: all 1s ease;
  896. -o-transition: all 1s ease;
  897. transition: all 1s ease;
  898. }
  899.  
  900. #heart3:after {
  901. left: 0;
  902. -webkit-transform: rotate(45deg);
  903. -moz-transform: rotate(45deg);
  904. -ms-transform: rotate(45deg);
  905. -o-transform: rotate(45deg);
  906. transform: rotate(45deg);
  907. -webkit-transform-origin: 100% 100%;
  908. -moz-transform-origin: 100% 100%;
  909. -ms-transform-origin: 100% 100%;
  910. -o-transform-origin: 100% 100%;
  911. transform-origin :100% 100%;
  912. -webkit-transition: all 1s ease;
  913. -moz-transition: all 1s ease;
  914. -o-transition: all 1s ease;
  915. transition: all 1s ease;
  916. }
  917.  
  918. #heartbottom3{
  919. opacity:1;
  920. position:fixed;
  921. margin-top:8px;
  922. margin-left:-1px;
  923. border: 5px solid {color:heart border};
  924. border-top:0px;
  925. border-right:0px;
  926. width:17px;
  927. height:17px;
  928. font-size:10px;
  929. -webkit-transform: rotate(-45deg);
  930. -moz-transform: rotate(-45deg);
  931. -ms-transform: rotate(-45deg);
  932. -o-transform: rotate(-45deg);
  933. -webkit-transition: all 1s ease;
  934. -moz-transition: all 1s ease;
  935. -o-transition: all 1s ease;
  936. transition: all 1s ease;
  937. }
  938.  
  939. #heart4 {
  940. z-index:4;
  941. margin-top:5px;
  942. margin-left:13px;
  943. position: fixed;
  944. width: auto;
  945. height: auto;
  946. -webkit-transform: rotate(5deg);
  947. -moz-transform: rotate(5deg);
  948. -ms-transform: rotate(5deg);
  949. -o-transform: rotate(5deg);
  950. -webkit-transition: all 1s ease;
  951. -moz-transition: all 1s ease;
  952. -o-transition: all 1s ease;
  953. transition: all 1s ease;
  954. }
  955.  
  956. #heart4:before,
  957. #heart4:after {
  958. position: absolute;
  959. content: "";
  960. left: -5px;
  961. top: 0;
  962. width: 15px;
  963. height: 15px;
  964. background: transparent;
  965. border: 5px solid {color:heart};
  966. border-bottom:0px;
  967. -moz-border-radius: 50px 50px 0 0;
  968. border-radius: 50px 50px 0 0;
  969. -webkit-transform: rotate(-45deg);
  970. -moz-transform: rotate(-45deg);
  971. -ms-transform: rotate(-45deg);
  972. -o-transform: rotate(-45deg);
  973. transform: rotate(-45deg);
  974. -webkit-transform-origin: 0 100%;
  975. -moz-transform-origin: 0 100%;
  976. -ms-transform-origin: 0 100%;
  977. -o-transform-origin: 0 100%;
  978. transform-origin: 0 100%;
  979. -webkit-transition: all 1s ease;
  980. -moz-transition: all 1s ease;
  981. -o-transition: all 1s ease;
  982. transition: all 1s ease;
  983. }
  984.  
  985. #heart4:after {
  986. left: 0;
  987. -webkit-transform: rotate(45deg);
  988. -moz-transform: rotate(45deg);
  989. -ms-transform: rotate(45deg);
  990. -o-transform: rotate(45deg);
  991. transform: rotate(45deg);
  992. -webkit-transform-origin: 100% 100%;
  993. -moz-transform-origin: 100% 100%;
  994. -ms-transform-origin: 100% 100%;
  995. -o-transform-origin: 100% 100%;
  996. transform-origin :100% 100%;
  997. -webkit-transition: all 1s ease;
  998. -moz-transition: all 1s ease;
  999. -o-transition: all 1s ease;
  1000. transition: all 1s ease;
  1001. }
  1002.  
  1003. #heartbottom4{
  1004. position:fixed;
  1005. margin-top:9px;
  1006. margin-left:-1px;
  1007. border: 5px solid {color:heart};
  1008. border-top:0px;
  1009. border-right:0px;
  1010. width:17px;
  1011. height:17px;
  1012. font-size:10px;
  1013. -webkit-transform: rotate(-45deg);
  1014. -moz-transform: rotate(-45deg);
  1015. -ms-transform: rotate(-45deg);
  1016. -o-transform: rotate(-45deg);
  1017. -webkit-transition: all 1s ease;
  1018. -moz-transition: all 1s ease;
  1019. -o-transition: all 1s ease;
  1020. transition: all 1s ease;
  1021. }
  1022.  
  1023. #extras3{
  1024. z-index:5;
  1025. opacity:0;
  1026. position:fixed !important;
  1027. margin-top:185px;
  1028. margin-left:120px;
  1029. background:black;
  1030. -webkit-transition: all 1s ease;
  1031. -moz-transition: all 1s ease;
  1032. -o-transition: all 1s ease;
  1033. transition: all 1s ease;
  1034. }
  1035.  
  1036. #sidebar:hover #extras3{
  1037. opacity:1;
  1038. }
  1039.  
  1040. #link1{
  1041. z-index:4;
  1042. opacity:0;
  1043. position:fixed !important;
  1044. width:170px;
  1045. height:15px;
  1046. margin-top:130px;
  1047. {block:ifNotHearts}margin-left:100px;{/block:ifNotHearts}
  1048. {block:ifHearts}margin-left:150px;{/block:ifHearts}
  1049. background:{color:link one};
  1050. border-radius:5px;
  1051. border:1px solid {color:link one hover};
  1052. -webkit-transition: all 1s ease;
  1053. -moz-transition: all 1s ease;
  1054. -o-transition: all 1s ease;
  1055. transition: all 1s ease;
  1056. }
  1057.  
  1058. #link1 a{
  1059. color:{color:link one hover};
  1060. }
  1061.  
  1062. #link1:hover a{
  1063. color:{color:link one};
  1064. }
  1065.  
  1066. #sidebar:hover #link1{
  1067. opacity:1;
  1068. {block:ifNotHearts}margin-left:130px;{/block:ifNotHearts}
  1069. {block:ifHearts}margin-left:180px;{/block:ifHearts}
  1070. }
  1071.  
  1072. #link1text{
  1073. color:{color:link one hover};
  1074. -webkit-transition: all 1s ease;
  1075. -moz-transition: all 1s ease;
  1076. -o-transition: all 1s ease;
  1077. transition: all 1s ease;
  1078. }
  1079.  
  1080. #link1:hover #link1text{
  1081. color:{color:link one};
  1082. }
  1083.  
  1084. #link1:hover{
  1085. background:{color:link one hover};
  1086. border:1px solid {color:link one};
  1087. }
  1088.  
  1089. #link2{
  1090. z-index:4;
  1091. opacity:0;
  1092. position:fixed !important;
  1093. width:170px;
  1094. height:15px;
  1095. margin-top:150px;
  1096. {block:ifNotHearts}margin-left:180px;{/block:ifNotHearts}
  1097. {block:ifHearts}margin-left:210px;{/block:ifHearts}
  1098. background:{color:link two};
  1099. border-radius:5px;
  1100. border:1px solid {color:link two hover};
  1101. -webkit-transition: all 1s ease;
  1102. -moz-transition: all 1s ease;
  1103. -o-transition: all 1s ease;
  1104. transition: all 1s ease;
  1105. }
  1106.  
  1107. #link2 a{
  1108. color:{color:link two hover};
  1109. }
  1110.  
  1111. #link2:hover a{
  1112. color:{color:link two};
  1113. }
  1114.  
  1115. #sidebar:hover #link2{
  1116. opacity:1;
  1117. {block:ifNotHearts}margin-left:130px;{/block:ifNotHearts}
  1118. {block:ifHearts}margin-left:180px;{/block:ifHearts}
  1119. }
  1120.  
  1121. #link2text{
  1122. color:{color:link two hover};
  1123. -webkit-transition: all 1s ease;
  1124. -moz-transition: all 1s ease;
  1125. -o-transition: all 1s ease;
  1126. transition: all 1s ease;
  1127. }
  1128.  
  1129. #link2:hover #link2text{
  1130. color:{color:link two};
  1131. }
  1132.  
  1133. #link2:hover{
  1134. background:{color:link two hover};
  1135. border:1px solid {color:link two};
  1136. }
  1137.  
  1138. #link3{
  1139. z-index:4;
  1140. opacity:0;
  1141. position:fixed !important;
  1142. width:170px;
  1143. height:15px;
  1144. margin-top:170px;
  1145. {block:ifNotHearts}margin-left:100px;{/block:ifNotHearts}
  1146. {block:ifHearts}margin-left:150px;{/block:ifHearts}
  1147. background:{color:link three};
  1148. border-radius:5px;
  1149. border:1px solid {color:link three hover};
  1150. -webkit-transition: all 1s ease;
  1151. -moz-transition: all 1s ease;
  1152. -o-transition: all 1s ease;
  1153. transition: all 1s ease;
  1154. }
  1155.  
  1156. #link3 a{
  1157. color:{color:link three hover};
  1158. }
  1159.  
  1160. #link3:hover a{
  1161. color:{color:link three};
  1162. }
  1163.  
  1164. #sidebar:hover #link3{
  1165. opacity:1;
  1166. {block:ifNotHearts}margin-left:130px;{/block:ifNotHearts}
  1167. {block:ifHearts}margin-left:180px;{/block:ifHearts}
  1168. }
  1169.  
  1170. #link3text{
  1171. color:{color:link three hover};
  1172. -webkit-transition: all 1s ease;
  1173. -moz-transition: all 1s ease;
  1174. -o-transition: all 1s ease;
  1175. transition: all 1s ease;
  1176. }
  1177.  
  1178. #link3:hover #link3text{
  1179. color:{color:link three};
  1180. }
  1181.  
  1182. #link3:hover{
  1183. background:{color:link three hover};
  1184. border:1px solid {color:link three};
  1185. }
  1186.  
  1187. #link4{
  1188. z-index:4;
  1189. opacity:0;
  1190. position:fixed !important;
  1191. width:170px;
  1192. height:15px;
  1193. margin-top:190px;
  1194. {block:ifNotHearts}margin-left:180px;{/block:ifNotHearts}
  1195. {block:ifHearts}margin-left:210px;{/block:ifHearts}
  1196. background:{color:link four};
  1197. border-radius:5px;
  1198. border:1px solid {color:link four hover};
  1199. -webkit-transition: all 1s ease;
  1200. -moz-transition: all 1s ease;
  1201. -o-transition: all 1s ease;
  1202. transition: all 1s ease;
  1203. }
  1204.  
  1205. #link4 a{
  1206. color:{color:link four hover};
  1207. }
  1208.  
  1209. #link4:hover a{
  1210. color:{color:link four};
  1211. }
  1212.  
  1213. #sidebar:hover #link4{
  1214. opacity:1;
  1215. {block:ifNotHearts}margin-left:130px;{/block:ifNotHearts}
  1216. {block:ifHearts}margin-left:180px;{/block:ifHearts}
  1217.  
  1218. }
  1219.  
  1220. #link4text{
  1221. color:{color:link four hover};
  1222. -webkit-transition: all 1s ease;
  1223. -moz-transition: all 1s ease;
  1224. -o-transition: all 1s ease;
  1225. transition: all 1s ease;
  1226. }
  1227.  
  1228. #link4:hover #link4text{
  1229. color:{color:link four};
  1230. }
  1231.  
  1232. #link4:hover{
  1233. background:{color:link four hover};
  1234. border:1px solid {color:link four};
  1235. }
  1236.  
  1237. #link5{
  1238. z-index:4;
  1239. opacity:0;
  1240. position:fixed !important;
  1241. width:170px;
  1242. height:15px;
  1243. margin-top:210px;
  1244. {block:ifNotHearts}margin-left:100px;{/block:ifNotHearts}
  1245. {block:ifHearts}margin-left:150px;{/block:ifHearts}
  1246. background:{color:link five};
  1247. border-radius:5px;
  1248. border:1px solid {color:link five hover};
  1249. -webkit-transition: all 1s ease;
  1250. -moz-transition: all 1s ease;
  1251. -o-transition: all 1s ease;
  1252. transition: all 1s ease;
  1253. }
  1254.  
  1255. #link5 a{
  1256. color:{color:link five hover};
  1257. }
  1258.  
  1259. #link5:hover a{
  1260. color:{color:link five};
  1261. }
  1262.  
  1263. #sidebar:hover #link5{
  1264. opacity:1;
  1265. {block:ifNotHearts}margin-left:130px;{/block:ifNotHearts}
  1266. {block:ifHearts}margin-left:180px;{/block:ifHearts}
  1267. }
  1268.  
  1269. #link5text{
  1270. color:{color:link five hover};
  1271. -webkit-transition: all 1s ease;
  1272. -moz-transition: all 1s ease;
  1273. -o-transition: all 1s ease;
  1274. transition: all 1s ease;
  1275. }
  1276.  
  1277. #link5:hover #link5text{
  1278. color:{color:link five};
  1279. }
  1280.  
  1281. #link5:hover{
  1282. background:{color:link five hover};
  1283. border:1px solid {color:link five};
  1284. }
  1285.  
  1286. #topbar{
  1287. position:fixed !important;
  1288. z-index:100;
  1289. background:{color:topbar};
  1290. text-align:center;
  1291. border:2px solid white;
  1292. height:15px;
  1293. padding:0px;
  1294. top:-2px;
  1295. font-family:toe;
  1296. font-size:14px;
  1297. left:-5px;
  1298. right:-5px;
  1299. }
  1300.  
  1301. #credit {
  1302. z-index: 4783;
  1303. position:fixed;
  1304. bottom:5px;
  1305. right:-41px;
  1306. background:white;
  1307. border: 1px solid #eee;
  1308. padding: 3px;
  1309. padding-left:6px;
  1310. padding-right:7px;
  1311. font-family: times;
  1312. font-size: 10px;
  1313. color:#bbb;
  1314. line-height: 15px;
  1315. transition: all 0.6s ease-out;
  1316. -o-transition-transition: all 0.4s ease-out;
  1317. -webkit-transition: all 0.4s ease-out;
  1318. -moz-transition: all 0.4s ease-out;
  1319. }
  1320.  
  1321. #credit a{
  1322. color:#bbb;
  1323. }
  1324.  
  1325. #credit:hover{
  1326. opacity: 2;
  1327. right:-1px;
  1328. transition: all 0.6s ease-out;
  1329. -o-transition-transition: all 0.4s ease-out;
  1330. -webkit-transition: all 0.4s ease-out;
  1331. -moz-transition: all 0.4s ease-out;
  1332. }
  1333.  
  1334. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1335. .title{
  1336. font-family:Poiret One;
  1337. font-size:20px;
  1338. line-height:20px;
  1339. color:{color:Title};
  1340. text-transform:lowercase;
  1341. }
  1342.  
  1343.  
  1344. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1345. .permalink{
  1346. margin-left:-15px;
  1347. margin-right:-15px;
  1348. margin-top:15px;
  1349. margin-bottom:-15px;
  1350. font-family:calibri;
  1351. font-size:11px;
  1352. padding:3px;
  1353. padding-right:10px;
  1354. line-height:20px;
  1355. height:auto;
  1356. border-top:1px dashed {color:permalink};
  1357. text-align:right;
  1358. text-transform: normal;
  1359. display: block;
  1360. }
  1361.  
  1362. .permalink a{
  1363. color:{color:text};
  1364. }
  1365.  
  1366. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1367. #infscr-loading{
  1368. bottom: -70px;
  1369. position: absolute;
  1370. left: 50%;
  1371. margin-left:-8px;
  1372. width:16px;
  1373. height:11px;
  1374. overflow:hidden;
  1375. margin-bottom: 50px;
  1376. }
  1377.  
  1378. #postnotes{
  1379. text-align: justify;}
  1380.  
  1381. #postnotes blockquote{
  1382. border: 0px;}
  1383.  
  1384. blockquote{
  1385. padding:0px 0px 2px 5px;
  1386. margin:0px 0px 2px 10px;
  1387. border-left: 1px dotted #555555;
  1388. }
  1389.  
  1390. blockquote p, ul{
  1391. margin:0px;
  1392. padding:0px;
  1393. }
  1394.  
  1395. a img{border: 0px;}
  1396.  
  1397.  
  1398. ul, ol, li{list-style:&middot; margin-left:8px; padding:0px;}
  1399.  
  1400. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1401. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1402.  
  1403. .notes img{width:10px; position:relative; top:3px;}
  1404. <--ses-->
  1405. small{font-size: 90%;}
  1406.  
  1407. {CustomCSS}
  1408.  
  1409. ::-webkit-scrollbar {width: 6px; height: 4px; background: white; }
  1410. ::-webkit-scrollbar-thumb { background-color: {color:sidebar borders}; -webkit-border-radius: 1ex; }
  1411.  
  1412. </style>
  1413.  
  1414. {block:IndexPage}
  1415. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1416. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1417.  
  1418. <script type="text/javascript">
  1419. $(window).load(function(){
  1420. var $wall = $('#posts');
  1421. $wall.imagesLoaded(function(){
  1422. $wall.masonry({
  1423. itemSelector: '.entry, .entry_photo',
  1424. isAnimated : false
  1425. });
  1426. });
  1427.  
  1428. $wall.infinitescroll({
  1429. navSelector : '#pagination',
  1430. nextSelector : '#pagination a',
  1431. itemSelector : '.entry, .entry_photo',
  1432. bufferPx : 2000,
  1433. debug : false,
  1434. errorCallback: function() {
  1435. $('#infscr-loading').fadeOut('normal');
  1436. }},
  1437. function( newElements ) {
  1438. var $newElems = $( newElements );
  1439. $newElems.hide();
  1440. $newElems.imagesLoaded(function(){
  1441. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1442. });
  1443. }); $('#posts').show(500);
  1444. });
  1445. </script>
  1446.  
  1447.  
  1448. {/block:IndexPage}
  1449.  
  1450.  
  1451. <title>{title}</title>
  1452.  
  1453. <link rel="shortcut icon" href="{Favicon}" />
  1454. <meta name="viewport" content="width=820" />
  1455. </head>
  1456.  
  1457. <body>
  1458. <BODY onselectstart="return false;" ondragstart="return false;">
  1459. <div id="wrap">
  1460. <div class="wrapper">
  1461. <div class="header">
  1462. </div>
  1463.  
  1464. <div id="cage">
  1465. <div id="topbar"></div>
  1466. <div id="credit">©&nbsp;&nbsp;<a href="http://briqhter.tumblr.com" title="theme credit"><i>briqhter</i></a></center></div>
  1467.  
  1468.  
  1469. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1470. <div id="sidebar">
  1471. <center>
  1472. <div id="img"><img src="{image:sidebar1}"></div>
  1473. <div id="img2"><img src="{image:sidebar2}"></div>
  1474. <div id="blogtitle3">{text:description title}</div>
  1475. <div id="desc">{description}</div>
  1476. <div id="triangle"></div>
  1477. <div id="triangleborder"></div>
  1478. <div id="extras">
  1479. <div class="circle2"></div>
  1480. <div class="stats1">{text:stat1}</div>
  1481. <div class="circle3"></div>
  1482. <div class="stats2">{text:stat2}</div>
  1483. </div>
  1484. {block:ifHearts}
  1485. <a href="{text:heart link1}" title="{text:heart link1 msg}"><div id="extras2">
  1486. <div id="heart"><div id="heartbottom"></div></div>
  1487. <div id="heart2"><div id="heartbottom2"></div></div>
  1488. </div></a>
  1489. <a href="{text:heart link2}" title="{text:heart link2 msg}">
  1490. <div id="extras3">
  1491. <div id="heart3"><div id="heartbottom3"></div></div>
  1492. <div id="heart4"><div id="heartbottom4"></div></div>
  1493. </div></a>
  1494. {block:ifHearts}
  1495. <a href="{text:link 1}"><div id="link1"><div id="link1text">{text:link 1 title}</a></div></div>
  1496. <a href="{text:link 2}"><div id="link2"><div id="link2text">{text:link 2 title}</a></div></div>
  1497. <a href="{text:link 3}"><div id="link3"><div id="link3text">{text:link 3 title}</a></div></div>
  1498. <a href="{text:link 4}"><div id="link4"><div id="link4text">{text:link 4 title}</a></div></div>
  1499. <a href="{text:link 5}"><div id="link5"><div id="link5text">{text:link 5 title}</a></div></div>
  1500. <div id="blogtitle1">{text:blogtitle1}</div>
  1501. <div id="blogtitle2">{text:blogtitle2}</div>
  1502. </center>
  1503. </div>
  1504. <!------------------------------------->
  1505.  
  1506.  
  1507. <div class="left">
  1508. <div id="posts">
  1509. {block:Posts}
  1510. <div class="entry">
  1511.  
  1512. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>{block:IndexPage}
  1513. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1514. </span>
  1515. {/block:IndexPage}
  1516. {/block:Text}
  1517.  
  1518. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}{block:IndexPage}<p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a></span>{/block:IndexPage}{block:Link}
  1519.  
  1520. {block:Answer}
  1521. <div id="ask">
  1522. <img src="{AskerPortraitURL-30}" width="30" align="left" style="border:1px solid {color:borders}; padding:3px; border-radius:20px; text-align:left;"/></div>
  1523. <div style="margin-left:45px; padding: 5px; min-height:45px; border: 1px solid #f8f8f8; border-radius:5px; background: #f8f8f8; line-height:14px; text-align: left; ">
  1524. <ask>{Asker} said:</ask> <div style="padding-bottom:5px;">{Question}</div></div>
  1525. <div style="margin-top: 10px; margin-right:10px; min-height:30px; padding-left: 8px; padding: 5px; line-height: 14px;">
  1526. <center>{Answer}</center></div>
  1527. {block:IndexPage}
  1528. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1529. </span>
  1530. {/block:IndexPage}
  1531. {/block:Answer}
  1532.  
  1533. {block:Photo}
  1534. {block:IndexPage}
  1535. <center>
  1536. <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  1537. <div class="perma">
  1538. Posted on the {DayOfMonth}{DayOfMonthSuffix} {Month}</br>
  1539. {notecountwithlabel} // <a href="{Permalink}">Permalink</a>
  1540. </div>
  1541. <div class="rb">
  1542. {ReblogButton size="20"}
  1543. </div>
  1544. {/block:IndexPage}
  1545. {block:PermalinkPage}
  1546. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1547.  
  1548. {LinkCloseTag}
  1549. {/block:PermalinkPage}
  1550. {/block:Photo}
  1551.  
  1552. {block:Photoset}
  1553. <center>{Photoset}</center>
  1554. {block:IndexPage}
  1555. <div class="perma">
  1556. Posted on the {DayOfMonth}{DayOfMonthSuffix} {Month}</br>
  1557. {notecountwithlabel} // <a href="{Permalink}">Permalink</a>
  1558. </div>
  1559. <div class="rb">
  1560. {ReblogButton size="20"}
  1561. </div></center>
  1562. {/block:IndexPage}
  1563. {/block:Photoset}
  1564.  
  1565. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>{block:IndexPage}
  1566. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1567. </span>
  1568. {/block:IndexPage}{/block:Quote}
  1569.  
  1570. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1571. <ul class="chat">
  1572. {block:Lines}
  1573. <li class="user_{UserNumber}">
  1574. {block:Label}
  1575. <span class="label">{Label}</span>
  1576. {/block:Label}
  1577. {Line}
  1578. </li>
  1579. {/block:Lines}
  1580. {block:IndexPage}
  1581. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1582. </span>
  1583. {/block:IndexPage}
  1584. {/block:Chat}
  1585.  
  1586. {block:Audio}
  1587. <div style="width:200px; height:30px;">
  1588. {AudioPlayerBlack}
  1589. </div>
  1590. {block:IndexPage}
  1591. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1592. </span>{/block:IndexPage}
  1593. {/block:Audio}
  1594.  
  1595. {block:Video}
  1596. {block:IndexPage}
  1597. <center>{Video-250}</center>
  1598. <div class="perma">
  1599. Posted on the {DayOfMonth}{DayOfMonthSuffix} {Month}</br>
  1600. {notecountwithlabel} // <a href="{Permalink}">Permalink</a>
  1601. </div>
  1602. <div class="rb">
  1603. {ReblogButton size="20"}
  1604. </div></center>
  1605. {/block:IndexPage}
  1606. {block:PermalinkPage}
  1607. <center>{Video-400}</center>
  1608. {/block:PermalinkPage}
  1609. {block:Video}
  1610.  
  1611.  
  1612. {block:PermalinkPage}<div align="middle">{caption}</div>
  1613. <center>
  1614.  
  1615. {NoteCountWithLabel}<br>
  1616.  
  1617. {block:HasTags}
  1618. tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}
  1619. {block:RebloggedFrom}
  1620. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1621. Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1622.  
  1623. {/block:RebloggedFrom}
  1624. </center></span>
  1625. <br>
  1626. <div id="postnotes">{PostNotes}</div><br>
  1627.  
  1628. <center>{block:ContentSource}
  1629. <br><a href="{SourceURL}">
  1630. {lang:Source}:
  1631. {block:SourceLogo}
  1632. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1633. height="{LogoHeight}" alt="{SourceTitle}" />
  1634. {/block:SourceLogo}
  1635. {block:NoSourceLogo}
  1636. {SourceLink}
  1637. {/block:NoSourceLogo}
  1638. </a>
  1639. {/block:ContentSource}</center>
  1640.  
  1641. {/block:PermalinkPage}
  1642. </div>
  1643. {/block:Posts}
  1644. </div></div>
  1645.  
  1646. {block:IndexPage}
  1647. {block:Pagination}
  1648. <div id="pagination">
  1649. {block:NextPage}
  1650. <a id="nextPage" href="{NextPage}"></a>
  1651. {/block:NextPage}
  1652. {block:PreviousPage}
  1653. <a href="{PreviousPage}"></a>
  1654. {/block:PreviousPage}
  1655. </div>
  1656. {/block:Pagination}
  1657. {/block:IndexPage}
  1658. </div>
  1659. </body>
  1660.  
  1661. </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!