dracarysthemes

Beating Heart Theme

Jun 23rd, 2014
745
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.02 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html>
  8. <head>
  9.  
  10. <!--
  11. Beating Heart Theme by Westerus for DracarysThemes
  12.  
  13. You can edit as much as you want but please keep the credits
  14.  
  15. Keep the description short for the best look
  16.  
  17. http://westerus.tumblr.com/
  18.  
  19. -->
  20.  
  21.  
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  24. <script type="text/javascript">
  25. $(document).ready(function(){
  26. $(".links_body").hide();
  27. $(".links_head").click(function(){
  28. $(this).next(".links_body").slideToggle('fast');
  29. }); }); </script>
  30. <style type="text/css">
  31. .links_list { margin:0px; padding:0px; width:100%;}
  32. .links_head { padding-top:5px; padding-bottom:5px; cursor:help; position:relative; margin:1px; text-align:center;}
  33. .links_body { padding:10px; text-align:left; display:none;}
  34. .links_body a{padding:5px;}
  35. </style>
  36.  
  37.  
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44.  
  45. (function($){
  46.  
  47. $(document).ready(function(){
  48.  
  49. $("a[title]").style_my_tooltips({
  50.  
  51. tip_follows_cursor:true,
  52.  
  53. tip_delay_time:90,
  54.  
  55. tip_fade_speed:600,
  56.  
  57. attribute:"title"
  58.  
  59. });
  60.  
  61. });
  62.  
  63. })(jQuery);
  64.  
  65. </script>
  66. <!--basic tooltip from tutorial-baby! Enjoy-->
  67. <style>
  68. .tooltip{
  69. display: inline;
  70. position: relative;
  71. }
  72. #s-m-t-tooltip {
  73. max-width:300px; /*how big the tooltip can be at most*/
  74. border-radius: 2px; /*change your border radius*/
  75. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  76. margin:20px 7px -2px 20px; /*distance from word*/
  77. background-color:#ffffff; /*background color*/
  78. border:1px double #aaa;
  79. font-family:consolas; /*tooltip font*/
  80. font-size:9px; /*tooltip font size*/
  81. letter-spacing:2px; /*tooltip letter spacing*/
  82. text-transform:uppercase; /*makes the tooltip title uppercase*/
  83. color:{color:Links}; /*tooltip font color*/
  84. z-index:999999999999999999999999999999999999;
  85. }
  86. </style>
  87.  
  88.  
  89.  
  90. <meta name="color:Background" content="#ffffff" />
  91. <meta name="color:Links" content="#000" />
  92. <meta name="color:Text" content="" />
  93. <meta name="color:Title" content="" />
  94. <meta name="color:Secondary Colour" content="#4cc3c5" />
  95. <meta name="image:Right Background" content=""/>
  96. <meta name="image:Left Background" content=""/>
  97. <meta name="image:Sidebar Background" content="https://38.media.tumblr.com/646890ae9336bc15cebb34ba3be1acd7/tumblr_n7n8uzrj3N1sivamho1_250.jpg"/>
  98. <meta name="if:posts border" content="">
  99. <meta name="if:sidebar border" content="">
  100. <meta name="if:faded posts" content="">
  101. <meta name="if:2 columns" content="">
  102. <meta name="if:hidden follow button">
  103. <meta name="if:rounded corners">
  104.  
  105. <meta name="text:Link1 Url" content="/" />
  106. <meta name="text:Link1 Title" content="Link 1" />
  107. <meta name="text:Link2 Url" content="/" />
  108. <meta name="text:Link2 Title" content="Link 2" />
  109. <meta name="text:Link3 Url" content="/" />
  110. <meta name="text:Link3 Title" content="Link 3" />
  111. <meta name="text:Link4 Url" content="/" />
  112. <meta name="text:Link4 Title" content="Link 3" />
  113. <meta name="text:links name" content="Links" />
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  130. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  131. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2ditvYdi1qfoi4t.gif" />
  132.  
  133. <!--Custom fonts, to use them you just have to replace it when it says font family, it's quite easy-->
  134.  
  135. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  136. <link href='http://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>
  137. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  138. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  139. <link href='http://fonts.googleapis.com/css?family=Zeyada|Montez|Sacramento|Clicker+Script|Amatic+SC' rel='stylesheet' type='text/css'>
  140. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  141. <link href='http://fonts.googleapis.com/css?family=Crafty+Girls|Inconsolata|Pacifico|Dancing+Script' rel='stylesheet' type='text/css'>
  142. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie|Just+Me+Again+Down+Here|Pinyon+Script|Zeyada|Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  143. <link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
  144.  
  145.  
  146.  
  147.  
  148.  
  149. <style type="text/css">
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162. {block:ifhiddenfollowbutton}
  163. 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-
  164.  
  165. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  166.  
  167. 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;}
  168.  
  169. p {
  170. margin:0px;
  171. margin-top:0px;
  172. }
  173.  
  174. {/block:ifhiddenfollowbutton}
  175.  
  176.  
  177.  
  178. body {
  179. background-color: {color:Background};
  180. color:{color:Text};
  181. font-family: {font:Body};
  182. background-image: url({image:Right Background}), url({image:Left Background});
  183. background-attachment:fixed, fixed;
  184. /*You can customize background size here*/
  185. background-size:450px, 450px;
  186. background-repeat:no-repeat, no-repeat;
  187. /*You can customize background position here*/
  188. background-position:bottom 0px right 0px, bottom 0px left;
  189. margin: 0;
  190. word-wrap: break-word;
  191. font-family:calibri;
  192. font-size:11px;
  193.  
  194. }
  195.  
  196. a {
  197. text-decoration:none;
  198. color:{color:Secondary Colour};
  199. }
  200.  
  201.  
  202. /*You can customize sidebar here*/
  203. #beautybar {
  204. background-color:transparent;
  205. width: 200px;
  206. position: fixed;
  207. height:100px;
  208. top:100px;
  209. color:{color:Text};
  210. z-index:999;
  211. margin-left:730px;
  212. background-image:url({image:Sidebar Background});
  213. left: 100px;
  214. {block:ifsidebarborder}
  215. border:2px groove #aaa;
  216. {/block:ifsidebarborder}}
  217.  
  218.  
  219.  
  220.  
  221. #beautybar .title {
  222. font-family:cambria;
  223. font-family:'homemade apple';
  224. font-size: 12px;
  225. margin-bottom:30px;
  226. margin-left:0px;
  227. text-align: center;
  228. padding: 7px;
  229. color:{color:Title};
  230.  
  231. }
  232.  
  233. #beautybar .title a {
  234. color: {color:Title};
  235. text-decoration: none;
  236.  
  237. }
  238.  
  239. #beautybar .title a:hover {
  240. color: {color:Title};
  241. }
  242.  
  243.  
  244.  
  245. #beautybar .links {
  246. {block:iflink4}
  247. width:350px;
  248. {/block:iflink4}
  249. {block:ifnotlink4}
  250. width:320px;
  251. {/block:ifnotlink4}
  252. display:inline;
  253. color:black;
  254. background-color:transparent;
  255. padding:10px;
  256. margin-bottom:70px;
  257. margin-left:45px;
  258. text-decoration:none;
  259. margin-top:40px;
  260. float:left;
  261. text-align:right;
  262. font-size:16px;
  263. font-family:'pompiere';
  264.  
  265. }
  266.  
  267. #beautybar .links a {
  268. display:inline;
  269. background:{color:Link Box Color};
  270. margin-left:5px;
  271. padding: 4px 7px;
  272. text-decoration:none;
  273. color:black;
  274. margin-left:10px;
  275. border-top-right-radius: 10px;
  276. border-bottom-left-radius: 10px;
  277. -moz-transition: width 2s;
  278. transition: 2s;
  279. }
  280.  
  281. #beautybar .links a:hover {
  282. background-color:#aaa;
  283. color:black;
  284. border-top-right-radius: 0px;
  285. border-bottom-left-radius: 0px;
  286. border-top-left-radius:20px;
  287. border-bottom-right-radius:20px;
  288. padding: 4px 7px;
  289. }
  290.  
  291.  
  292.  
  293.  
  294. #beautybar .description {
  295. color: {color:Text};
  296. font-size: 11px;
  297. text-align: center;
  298. font-family:calibri;
  299. font-style:italic;
  300. padding:10px;
  301. margin-bottom:10px;
  302. margin-top:-50px;
  303. margin-right:0px;
  304. line-height:100%;
  305. position:fixed;
  306. overflow:hidden;
  307. width:180px;
  308. }
  309.  
  310. #beautybar .description a {
  311. color:black;
  312. text-decoration: none;
  313. font-size:10px;
  314. color:{color:Primary Color};
  315. font-style:italic;
  316. padding:2px 3px;
  317. margin:0px;
  318. }
  319.  
  320. #beautybar .description a:hover {
  321. color: {color:Secondary Colour};
  322. }
  323.  
  324. #beautybar .quote {
  325. margin-top:400px;
  326. height:200px;
  327. font-style:italic;
  328. width:250px;
  329. margin-left:520px
  330. }
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339. /*This is the container*/
  340. #conteudo {
  341. {block:if2columns}
  342. width:600px;
  343. {/block:if2columns}
  344. {block:ifnot2columns}
  345. width:400px;
  346. {/block:ifnot2columns}
  347. {block:ifsideborder}
  348. border-left:1px dashed;
  349. {/block:ifsideborder}
  350. background-color:transparent;
  351. {block:IndexPage}
  352. {block:ifnot2columns}
  353. margin-left:37%;
  354. {/block:ifnot2columns}
  355. {block:if2columns}
  356. margin-left:20%;
  357. {/block:if2columns}
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. margin-left:27%;
  361. {/block:PermalinkPage}
  362. padding: 20px 30px;
  363. color: black;
  364.  
  365.  
  366. }
  367.  
  368.  
  369.  
  370. #conteudo a {
  371. color: {color:Primary Colour};
  372. text-decoration: none;
  373. margin-bottom:15px;
  374.  
  375. }
  376.  
  377. #conteudo a:hover {
  378. color: {color:Secondary Colour};
  379. }
  380.  
  381. #conteudo blockquote {
  382. border-left: solid 2px black;
  383. margin: 0px;
  384. padding-left: 10px;
  385. }
  386.  
  387. #conteudo .entry {
  388. float:left;
  389. width:200px;
  390. }
  391.  
  392. img {
  393. margin-bottom:0px;
  394. max-width: 100%;
  395. {block:ifroundedcorners}
  396. border-radius:15px;
  397. {/block:ifroundedcorners}
  398.  
  399. }
  400.  
  401. #conteudo #posts {
  402. background-color:transparent;
  403. {block:permalinkpage}
  404. width:400px;
  405. {/block:permalinkpage}
  406. {block:IndexPage}
  407. width:200px;
  408. {/block:IndexPage}
  409. margin:0 auto 20px;
  410. margin-bottom:25px; /*change the espace between posts here*/
  411. margin-right:25px; /*change the espace between posts here*/
  412. margin-top:20px;
  413. padding:10px;
  414. {block:ifpostsborder}
  415. border:1px #aaa double;
  416. {/block:ifpostsborder}
  417. float:left;
  418. {block:iffadedposts}
  419. -webkit-transition: opacity 0.8s linear;
  420. -moz-transition: opacity 0.0s linear;
  421. opacity: 0.60;
  422. {/block:iffadedposts}}
  423.  
  424. {block:iffadedposts}
  425. .entry:hover {
  426. -webkit-transition: opacity 0.0s linear;
  427. -moz-transition: opacity 0.0s linear;
  428. opacity: 1;
  429. }
  430. {/block:iffadedposts}
  431.  
  432.  
  433. #conteudo .posts
  434. .perma a{
  435. color:;}
  436.  
  437. .permalink {
  438. display: block;
  439. border-top: 1px solid #ddd;
  440. padding: 3px;
  441. margin: 4px 8px 0px 8px;
  442. font-family: consolas;
  443. font-size: 8px;
  444. color: #424242;
  445. line-height: 18px;
  446. text-align: center;
  447. text-decoration: none;
  448. -webkit-transition: color 0.9s ease-out;
  449. -moz-transition: color 0.9s ease-out;
  450. }
  451. {block:IndexPage}
  452. #conteudo #posts .note a{
  453. color:black;
  454. -webkit-transition: color 0.9s ease-out;
  455. -moz-transition: color 0.9s ease-out;
  456. border:1px groove;
  457. margin:5px;
  458. padding:2px;
  459. display:inline;
  460. position:relative;
  461. background:white;
  462. }
  463.  
  464.  
  465. #conteudo #posts .note{
  466. width:200px;
  467. height: 300px;
  468. font-family:consolas;
  469. font-size: 11px;
  470. text-transform:uppercase;
  471. position: absolute;
  472. line-height: 15px;
  473. text-align: center;
  474. overflow:hidden;
  475. opacity: 0.0;
  476. background-color:transparent;
  477. color:red;
  478. letter-spacing:0px;
  479. margin-top:10px;
  480. margin-left: 0px;
  481. padding-bottom:1px;
  482. padding:4px;padding:6px;
  483. border-radius: 0px;
  484. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  485. -webkit-transition: all 0.5s linear;
  486. -moz-transition: all 0.5s linear;
  487. transition: all 0.5s linear;
  488. }
  489.  
  490. #conteudo #posts:hover .note{
  491. overflow:hidden;
  492. color:white;
  493. height:300px;
  494. margin-left:10px;
  495. margin-top:30px;
  496. border-top-right-radius: 00px;
  497. border-bottom-left-radius: 00px;
  498. -webkit-transition: all 0.5s linear; opacity: 0.8;
  499. -webkit-transition: all 0.5s linear;
  500. -moz-transition: all 0.5s linear;
  501. transition: all 0.5s linear;
  502.  
  503. }
  504.  
  505.  
  506. #conteudo #posts .perma a{
  507. color:white;
  508. -webkit-transition: color 0.9s ease-out;
  509. -moz-transition: color 0.9s ease-out;
  510. border:1px groove;
  511. margin:5px;
  512. padding:2px;
  513. display:inline;
  514. position:relative;
  515. background:black;
  516. }
  517.  
  518.  
  519. #conteudo #posts .perma{
  520. width:250px;
  521. black:inline
  522. height: 60px;
  523. font-family:consolas;
  524. font-size: 11px;
  525. text-transform:uppercase;
  526. position: absolute;
  527. line-height: 15px;
  528. text-align: center;
  529. overflow:hidden;
  530. opacity: 0.0;
  531. background-color:transparent;
  532. color:red;
  533. letter-spacing:0px;
  534. margin-top:10px;
  535. margin-left: 0px;
  536. padding-bottom:1px;
  537. padding:4px;padding:6px;
  538. border-radius: 0px;
  539. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  540. -webkit-transition: all 0.5s linear;
  541. -moz-transition: all 0.5s linear;
  542. transition: all 0.5s linear;
  543. }
  544.  
  545. #conteudo #posts:hover .perma{
  546. overflow:hidden;
  547. color:white;
  548. height:60px;
  549. margin-left:10px;
  550. margin-top:10px;
  551. border-top-right-radius: 00px;
  552. border-bottom-left-radius: 00px;
  553. -webkit-transition: all 0.5s linear; opacity: 0.8;
  554. -webkit-transition: all 0.5s linear;
  555. -moz-transition: all 0.5s linear;
  556. transition: all 0.5s linear;
  557.  
  558. }
  559.  
  560. {/block:IndexPage}
  561. .permalinktext {
  562. width:80px;
  563. height: 30px;
  564. font-family:consolas;
  565. font-size: 10px;
  566. text-transform:uppercase;
  567. position: absolute;
  568. line-height: 10px;
  569. text-align: left;
  570. overflow:hidden;
  571. opacity: 0.0;
  572. background-color:transparent;
  573. letter-spacing:0px;
  574. margin-left:160px;
  575. margin-bottom:60%;
  576. padding-bottom:0px;
  577. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  578. -webkit-transition: all 0.5s linear;
  579. -moz-transition: all 0.5s linear;
  580. transition: all 0.5s linear;
  581. }
  582.  
  583. #conteudo .permalinktext a{
  584. color:{color:Links};
  585. }
  586.  
  587. #conteudo #posts:hover .permalinktext{
  588. overflow:hidden;
  589. height:30px;
  590. margin-bottom:60%;
  591. margin-left:160px;
  592. border-top-right-radius: 20px;
  593. border-bottom-left-radius: 20px;
  594. -webkit-transition: all 0.5s linear; opacity: 1;
  595. -webkit-transition: all 0.5s linear;
  596. -moz-transition: all 0.5s linear;
  597. transition: all 0.5s linear;
  598. }
  599.  
  600.  
  601.  
  602. #conteudo #posts .title {
  603. font-size: 15px;
  604. font-family:cambria;
  605. color:{color:Text};
  606.  
  607. }
  608.  
  609. #conteudo #posts .text {
  610. font-size:11px;
  611. font-family:calibri;
  612. padding: 3px 6px 3px 6px;
  613. text-align:left;
  614. margin:5px;
  615. color:{color:Text};
  616. }
  617.  
  618. #conteudo #posts .link {
  619. color:{color:Links};
  620. font-size: 14px;
  621. {block:ifcustomfont1}
  622. font-family: 'reenie beanie', cursive;
  623. {/block:ifcustomfont1}
  624. {block:ifcustomfont2}
  625. font-family: 'Pinyon Script';
  626. {/block:ifcustomfont2}
  627. {block:ifcustomfont3}
  628. font-family:'homemade apple';
  629. {/block:ifcustomfont3}
  630. }
  631.  
  632. #conteudo #posts .text img {
  633. width:100%;
  634. height:100%;
  635. }
  636.  
  637. #conteudo #posts #permalink {
  638. font-size:9px;
  639. margin-top:10px;
  640.  
  641.  
  642. #conteudo #posts #tags {
  643. font-size:9px;
  644. }
  645.  
  646. #conteudo #posts #tags .comma:last-child {
  647. display: none;
  648. }
  649.  
  650. #content #posts #notes {
  651. font-size:9px;
  652. margin-left:500px;
  653. font-family:consolas;
  654. text-transform:uppercase;
  655. overflow:scroll;
  656. margin-top:500px;
  657. color:{color:Text};
  658. }
  659.  
  660. #conteudo #notes ol.notes {
  661. font-family:consolas;
  662. text-transform:uppercase;
  663.  
  664.  
  665. }
  666.  
  667. #conteudo #notes img.avatar {
  668. border-radius:50px;
  669. }
  670.  
  671.  
  672. #conteudo #notecontainer {
  673. background:transparent;
  674. max-height:100%;
  675. width:500px;
  676. text-align: justify;
  677. overflow:scroll;
  678. line-height:15px;
  679. padding:5px;
  680. margin-top:600px;
  681. margin-left: -20px;
  682. font-family:consolas;
  683. text-transform:uppercase;
  684. }
  685.  
  686.  
  687.  
  688.  
  689. }
  690. #conteudo #notecontainer ol.notes {
  691. margin-top:100px;
  692. font-family:consolas;
  693. text-transform:uppercase;
  694. }
  695.  
  696. #conteudo #notecontainer img.avatar {
  697. width: 16px;
  698. border-radius:20px;
  699. }
  700.  
  701. #conteudo #notecontainer li{list-style-type:decimal; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;margin-top:600px;}
  702.  
  703.  
  704.  
  705.  
  706. #sidebar .pagination {
  707. width: 260px;
  708. text-align: center;
  709. padding: 3px 0;
  710. }
  711.  
  712. #sidebar .pagination a {
  713. color: {color:Primary Colour};
  714. text-decoration: none;
  715. }
  716.  
  717. #sidebar .pagination a:hover {
  718. color: {color:Secondary Colour};
  719. }
  720.  
  721.  
  722. #asker {
  723. color:{color:Text};
  724. font-family:'Rouge Script';
  725. font-style:italic;
  726. text-transform: lowercase;
  727. letter-spacing: 0px;
  728. line-height: 100%;
  729. text-align:left;
  730. padding:7px;
  731. margin-bottom:-10px;
  732. margin-top:0px;
  733. font-size:14px;
  734. -webkit-transition: all 0.8s ease-in-out;
  735. -moz-transition: all 0.8s ease-in-out;}
  736.  
  737.  
  738. #questions {
  739. text-align:left;
  740. color:{color:Text};
  741. font-style:normal;
  742. padding:15px;
  743. font-family:calibri;
  744. font-size:10px;
  745. margin-top:0px;
  746. margin-bottom:-5px;
  747. -webkit-transition: all 0.8s ease-in-out;
  748. -moz-transition: all 0.8s ease-in-out;
  749. }
  750.  
  751. #asker a {color:{color:Text};
  752. font-family:'homemade apple';
  753. -webkit-transition: all 0.8s ease-in-out;
  754. -moz-transition: all 0.8s ease-in-out;}
  755. #asker a:hover {color:#ddd;
  756. -webkit-transition: all 0.8s ease-in-out;
  757. -moz-transition: all 0.8s ease-in-out;}
  758.  
  759.  
  760.  
  761.  
  762.  
  763. #conteudo .pagination {
  764. display: none;
  765. }
  766.  
  767.  
  768.  
  769. blockquote{
  770. padding:0px 0px 2px 5px;
  771. margin:0px 0px 2px 10px;
  772. border-left: 1px dotted #555555;
  773. }
  774.  
  775. blockquote p, ul{
  776. margin:0px;
  777. padding:0px;
  778. }
  779.  
  780. a img{border: 0px;}
  781.  
  782. ul, ol, li{list-style:upper-roman; margin:5px; padding:0px;}
  783.  
  784. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  785. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  786.  
  787. .notes img{width:10px; position:relative; top:3px;}
  788. <--ses-->
  789. small{font-size: 90%;}
  790.  
  791. #ask_form {
  792. margin-top:20px;
  793. }
  794.  
  795.  
  796.  
  797.  
  798.  
  799. </style>
  800.  
  801.  
  802.  
  803. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  804.  
  805. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  806.  
  807. <script>
  808. $(function(){
  809. var $container = $('#conteudo');
  810. $container.imagesLoaded(function(){
  811. $container.masonry({
  812. itemSelector: '#posts',
  813. });
  814. });
  815. $container.infinitescroll({
  816. itemSelector : "#posts",
  817. navSelector : "div.pagination",
  818. nextSelector : ".pagination a#next",
  819. loadingImg : "",
  820. loadingText : "<em></em>",
  821. bufferPx : 10000,
  822. extraScrollPx: 12000,
  823. },
  824. // trigger Masonry as a callback
  825. function( newElements ) {
  826. var $newElems = $( newElements ).css({ opacity: 0 });
  827. // ensure that images load before adding to masonry layout
  828. $newElems.imagesLoaded(function(){
  829. $newElems.animate({ opacity: 1 });
  830. $container.masonry( 'appended', $newElems, true );
  831. });
  832. }
  833. );
  834. });
  835. </script>
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845. </head>
  846. <body>
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854. <div class="pagination">
  855. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  856. </div>
  857.  
  858.  
  859.  
  860.  
  861.  
  862. <div id="beautybar">
  863. <div class="title"><a href="/">{Title}</a></div>
  864. <div class="description">{Description}</div><br>
  865. <div style="font-family:'pompiere';font-size:12px;margin-top:20px;text-decoration:none" class="links_list">
  866. <p style="font-size:14px" class="links_head">{text:links name}</p>
  867. <div style="text-decoration:none" class="links_body">
  868. <center>
  869. <a href="{text:Link1 Url}">{text:Link1 Title}</a>
  870. <a href="{text:Link2 Url}">{text:Link2 Title}</a>
  871. <a href="{text:Link3 Url}">{text:Link3 Title}</a>
  872. <a href="{text:Link4 Url}">{text:Link4 Title}</a>
  873. <a href="http://westerus.tumblr.com/">THEME</a>
  874. </center>
  875. </div></div>
  876. <div class="quote">{text:quote}</div>
  877. </div>
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884. </div> <!--sidebar-->
  885.  
  886.  
  887. <div id="conteudo">
  888.  
  889.  
  890.  
  891.  
  892.  
  893. {block:Posts}
  894.  
  895.  
  896.  
  897. <div id="posts">
  898.  
  899.  
  900.  
  901.  
  902.  
  903.  
  904. {block:Photo}
  905.  
  906. {block:IndexPage}
  907. <div class="perma">
  908. <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  909. <div class="note">
  910. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  911. {/block:IndexPage}
  912. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px /></a>{/block:IndexPage}{block:PermalinkPage}
  913. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400px"/></a></div>
  914.  
  915. {LinkCloseTag}
  916. {/block:PermalinkPage}
  917.  
  918. {/block:Photo}
  919.  
  920. {block:Video}
  921. {Video-500}
  922. {block:Caption}{Caption}{/block:Caption}
  923. {/block:Video}
  924.  
  925. {block:Audio}
  926. {AudioPlayer}
  927. <br />{PlayCountWithLabel}
  928. {block:Caption}<br />{Caption}{/block:Caption}
  929. <div class="permalinktext"><a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{Permalink}">{DayofMonth} {ShortMonth}</a></span></a></div>
  930. {/block:Audio}
  931.  
  932. {block:Quote}
  933. <div style="color:{color:Text};
  934. font: oblique 15px cambria;
  935. letter-spacing:0px;
  936. line-height: 100%;
  937. padding: 15px;
  938. background:transparent;
  939. text-align:justify;
  940. margin-bottom: 10px;" id="quote">{Quote}<br><div style="font: 11px calibri; text-align: right;background:transparent;padding: 5px; margin-top:15px;color:#888;" id="source">--- {Source}</small></div></div>
  941. <div class="permalinktext">
  942. <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
  943. {/block:Quote}
  944.  
  945.  
  946.  
  947.  
  948. {block:Photoset}
  949. <div style="overflow:hidden">
  950. {block:IndexPage}{Photoset-250}{/block:IndexPage}</div>
  951. {block:PermalinkPage}{PhotoSet-400}{/block:PermalinkPage}
  952. <div class="permalinktext">
  953. <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
  954. {/block:Photoset}
  955.  
  956. {block:Text}
  957. {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
  958. <div style="margin-bottom:-10px"></div>
  959. <span class="text">{Body}</span>
  960. {block:IndexPage}
  961. <div class="permalinktext">
  962. <a href="{Permalink}">{NotecountWithLabel}</a><br>{/block:IndexPage}</div>
  963. {/block:Text}
  964.  
  965. {block:Answer}
  966. <div style="font-family:'Homemade Apple'" id="asker"><b>{Asker} said:</b></div><div style="padding:3px;margin-left:2px;font-style:italic;font-size:11px;border-bottom:1px solid;" id="questions">{Question}</div><br><div style="text-align:left;img-height:100%;img-weidth:100%" class="text">{Answer}</div>
  967. <div class="permalinktext">
  968. <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
  969. {/block:Answer}
  970.  
  971. {block:Chat}
  972. {block:Title}{Title}<br />{/block:Title}
  973. {block:Lines}
  974. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  975. {/block:Lines}
  976. <div class="permalinktext">
  977. <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
  978. {/block:Chat}
  979.  
  980. {block:Link}
  981. <a class="link" href="{URL}" >{Name} →</a>
  982. {block:Description}<div style="color:{color:Text}">{Description}</div>{/block:Description}
  983. <div class="permalinktext">
  984. <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
  985. {/block:Link}
  986.  
  987.  
  988. {block:permalinkpage}
  989.  
  990.  
  991.  
  992. <div style="color:{color:Text}" align="middle">{caption}</div>
  993.  
  994. {block:HasTags}
  995. tags: {block:Tags}<a style="color:{color:Text}" href="{TagURL}">#{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  996. {block:RebloggedFrom}<div style="color:{color:Text}">
  997. reblogged from <a style="color:{color:Text}" href="{ReblogParentURL}">{ReblogParentName}</a></div>
  998. <div style="color:{color:Text}">
  999. posted by <a style="color:{color:Text}" href="{ReblogRootURL}">{ReblogRootName}</a></div><br>
  1000.  
  1001. {/block:RebloggedFrom}
  1002.  
  1003.  
  1004. {block:PostNotes}
  1005. <div style="color:{color:Text};text-transform:uppercase;font-family:consolas;font-size:9px;padding:2px;margin:7px;width:300px" id="notes">
  1006. {PostNotes}
  1007. </div>
  1008. {/block:PostNotes}
  1009.  
  1010.  
  1011.  
  1012.  
  1013. {/block:permalinkpage}
  1014.  
  1015.  
  1016. </div>
  1017.  
  1018.  
  1019.  
  1020. {/block:Posts}
  1021. </div>
  1022.  
  1023. </body>
  1024.  
  1025.  
  1026. </html>
Advertisement
Add Comment
Please, Sign In to add comment