API tools faq
paste
Advertisement
isaacslaheys

theme #14

isaacslaheys
Jun 28th, 2014
278
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9.  
  10.  
  11. <!---META NAMES: DEFINING THE VARIABLES THAT SHOW UP IN THE STYLE SCREEN--->
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14.  
  15. <meta name="color:link" content="#888888"/>
  16. <meta name="color:hover" content="#ffffff"/>
  17. <meta name="color:accent" content="#ffffff"/>
  18. <meta name="color:scrollbar" content="#ffffff"/>
  19.  
  20.  
  21.  
  22. <!---if you want to add a second sidebar image, copy the meta name below and change image:sidebar to image:sidebar2--->
  23.  
  24. <meta name="image:sidebar" content="" />
  25. <meta name="text:Link 1" content="" />
  26. <meta name="text:Link 1 URL" content="" />
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 2 URL" content="" />
  29. <meta name="text:Link 3" content="" />
  30. <meta name="text:Link 3 URL" content="" />
  31. <meta name="text:Link 4" content="" />
  32. <meta name="text:Link 4 URL" content="" />
  33. <meta name="text:Link 5" content="" />
  34. <meta name="text:Link 5 URL" content="" />
  35. <meta name="if:Show Link 1" content="1" />
  36. <meta name="if:Show Link 2" content="1" />
  37. <meta name="if:Show Link 3" content="1" />
  38. <meta name="if:Show Link 4" content="1" />
  39. <meta name="if:Show Link 5" content="1" />
  40.  
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43.  
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47.  
  48. (function($){
  49.  
  50. $(document).ready(function(){
  51.  
  52. $("a[title]").style_my_tooltips({
  53.  
  54. tip_follows_cursor:true,
  55.  
  56. tip_delay_time:30,
  57.  
  58. tip_fade_speed:300,
  59.  
  60. attribute:"title"
  61.  
  62. });
  63.  
  64. });
  65.  
  66. })(jQuery);
  67.  
  68. </script>
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <script>
  76. $(document).ready(function(){
  77.  
  78. $(".slidingDiv").hide();
  79. $(".show_hide").show();
  80.  
  81. $('.show_hide').toggle(function(){
  82. $(".slidingDiv").slideDown(
  83. function(){
  84. $("#navigation").text("navigation")
  85. }
  86. );
  87. },function(){
  88. $(".slidingDiv").slideUp(
  89. function(){
  90. $("#navigation").text("navigation")
  91. }
  92. );
  93. });
  94. });
  95. </script>
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC|Kristi|Cutive+Mono|Mr+De+Haviland|Alex+Brush|Monsieur+La+Doulaise|Meddon&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  105.  
  106. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|IM+Fell+English|Megrim|Crimson+Text' rel='stylesheet' type='text/css'>
  107.  
  108. <link href='http://fonts.googleapis.com/css?family=Astloch|Snippet|Princess+Sofia|New+Rocker|Henny+Penny|Butcherman|Bigelow+Rules|UnifrakturCook:700|Inconsolata|VT323' rel='stylesheet' type='text/css'>
  109.  
  110.  
  111. <link href='http://fonts.googleapis.com/css?family=Faster+One|Ribeye+Marrow' rel='stylesheet' type='text/css'>
  112.  
  113.  
  114. <link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
  115.  
  116.  
  117. <link href='http://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'>
  118.  
  119.  
  120. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127. <link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. <style type="text/css">
  139.  
  140. /*---THIS IS WHERE YOUR CSS OR STYLE SHEET BEGINS---*/
  141. ::-webkit-scrollbar{height: 9px; width: 3px; -webkit-border-radius: 0px; background-color:transparent;}
  142. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  143. ::-webkit-scrollbar-track{background-color:transparent;
  144. }
  145.  
  146. #s-m-t-tooltip {
  147. max-width:300px;
  148. padding:4px 5px 4px 5px;
  149. margin:20px 0px 0px 20px;
  150. background-color:#000;
  151. border: 0px solid #eee;/* change the border color */
  152. font-family:'arial'; /* change the font */
  153. font-size:7px; /* change the font size */
  154. letter-spacing:1px; /* change the letter spacing */
  155. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  156. color:#fff; /* change the text color */
  157.  
  158. z-index:999999999999999999999999999999999999;
  159. }
  160.  
  161.  
  162. /*----STYLING OF THE OVERALL PAGE---*/
  163. body {
  164. background-color:{color:background};
  165. font-family:'arial';
  166. font-size:10px;
  167. color:#000;
  168. }
  169.  
  170.  
  171.  
  172. /*---change the style of the links---*/
  173. a {
  174. color:{color:link}; /*---text color---*/
  175. text-decoration:none;
  176. --moz-transition-duration:0s;
  177. -webkit-transition-duration:0s;
  178. -o-transition-duration:0s;
  179. }
  180.  
  181.  
  182. /*---change what happens to the links when you hover over them--*/
  183. a:hover {
  184. color:{color:hover};
  185. --moz-transition-duration:0s;
  186. -webkit-transition-duration:0s;
  187. -o-transition-duration:0s;
  188. }
  189.  
  190.  
  191. /*---change the style of header text, including Post Titles---*/
  192.  
  193. h1 {
  194. font-size:2em; /*---makes it 2x the size of all other text---*/
  195. font-weight:bold;
  196. letter-spacing:-2px; /*---makes the letters closer together---*/
  197. color:{color:accent};
  198. }
  199.  
  200.  
  201.  
  202. /*---the following variables make it so that the color of bold, italic, emphasized,big, and strong text is the "accent" color.
  203. you may take this out without doing damage to the theme---*/
  204. b {
  205. color:{color:accent};
  206. }
  207.  
  208. i {
  209. color:{color:accent};
  210. }
  211.  
  212. em {
  213. color:{color:accent};
  214. }
  215.  
  216. big {
  217. color:{color:accent};
  218. font-size:2em;
  219. }
  220.  
  221. strong {
  222. color:{color:accent};
  223. }
  224.  
  225.  
  226.  
  227. /*---styles blockquotes (which you put in using the <blockquote></blockquote> tags---*/
  228.  
  229. blockquote {
  230. padding-left:5px;
  231. border-left:2px solid {color:accent};;
  232. }
  233.  
  234. blockquote blockquote {
  235. padding-left:10px;
  236. border-left:2px solid {color:accent};
  237. }
  238.  
  239.  
  240. /*---The following style sheet refers to the title on the side of the blog. You may remove it if you wish---*/
  241.  
  242.  
  243. #fresh {
  244.  
  245. font-family:arial; /*---change the font---*/
  246. font-size:28px; /*---change the font size---*/
  247. color:black; /*--- change the font color ---*/
  248. letter-spacing:-3px; /*---change how close the letters are to each other (lower number=less space between letters)---*/
  249. text-transform:lowercase; /*---makes all text lowercase. can be changed to uppercase or none---*/
  250. font-weight:bold;
  251. -webkit-transition-duration:1s;
  252. -moz-transition-duration:1s;
  253. -o-transition-duration:1s;
  254. }
  255.  
  256. #fresh a {
  257. color:black;/*--- this is so that when your title is a link to your home page, it still is black text---*/
  258. -webkit-transition-duration:1s;
  259. -moz-transition-duration:1s;
  260. -o-transition-duration:1s;
  261. }
  262.  
  263. #fresh a:hover {
  264. color:{color:accent}; /*---this makes it so that when you hover over the title, the text turns the color of the accent color---*/
  265. -webkit-transition-duration:1s;
  266. -moz-transition-duration:1s;
  267. -o-transition-duration:1s;
  268. }
  269.  
  270. /*---You need the transitions under #fresh, #fresh a, and #fresh a:hover so that it glides when you hover and then
  271. glides back into place---*/
  272.  
  273.  
  274. /*---SIDEBAR---*/
  275. #sidebar {
  276. width:200px;
  277. margin-left:200px;
  278. margin-top:120px;
  279. position:fixed;
  280. border-right: 0px solid #000;
  281. }
  282.  
  283.  
  284. #sidebarimage {
  285. width:100px;
  286. margin-left:0px;
  287. }
  288.  
  289.  
  290. #sidebarimage img{
  291. width:100px;
  292. height:100px;
  293. padding:5px;
  294. border:1px #eee solid;
  295. border-radius:100%;
  296. }
  297.  
  298.  
  299.  
  300. #title{
  301. border-bottom: solid 0px #eee;
  302. padding: 0px;
  303. background-color: transparent;
  304. position:fixed;
  305. width: 200px;
  306. border-bottom:0px #eee solid;
  307. margin-top: 5px;
  308. text-align:left;
  309. font-family:'arial';
  310. margin-left:0px;
  311. letter-spacing: -1px;
  312. font-weight:bold;
  313. color: #000;
  314. text-transform: uppercase;
  315. font-size:18px;
  316. }
  317.  
  318. #desc {
  319. /*---this is the styling of the description---*/
  320. width:200px; /*---defines the distance between the description and the links---*/
  321. margin-top:0px;
  322. border-top: 0px solid black;
  323. margin-left: -5px;
  324. font-family: 'arial';
  325. padding:5px;
  326. letter-spacing:0.5px;
  327. text-transform: uppercase;
  328. background-color:transparent ;
  329. line-height: 180%;
  330. color:#000; /*---change the text color---*/
  331. text-align:left; /*---change the font---*/
  332. font-size:7px; /*---change the font size---*/
  333. font-weight:none; /*---can be bold or normal---*/
  334. }
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341.  
  342. #links {
  343. width:200px;
  344. margin-top:30px;
  345. margin-left:-5px;
  346. text-align:left;
  347. border:0px solid #eee;
  348. line-height:200%;
  349. background-color: transparent;
  350. }
  351.  
  352.  
  353. #links img {width:10px;
  354. height:10px;}
  355.  
  356. #links a {
  357. padding: 5px;
  358. background-color: transparent;
  359. font-family:'arial';
  360. margin-left:0px;
  361. border-bottom:0px #eee solid;
  362. line-height:70%;
  363. display:inline-block;
  364. letter-spacing: 0px;
  365. font-weight:bold;
  366. text-align:left;
  367. color: #000;
  368. text-transform: uppercase;
  369. font-size:8px;
  370.  
  371. --moz-transition-duration:0s;
  372. -webkit-transition-duration:0s;
  373. -o-transition-duration:0s;
  374. }
  375.  
  376.  
  377.  
  378. #links a:hover{
  379. cursor:help;
  380. border-bottom:0px dotted #ccc;
  381. background-color:#000;
  382. color:#fff;
  383.  
  384. --moz-transition-duration:0s;
  385. -webkit-transition-duration:0s;
  386. -o-transition-duration:0s;
  387. }
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397. #postcontainer {
  398.  
  399. /*---defines the area where the posts will go. use this to move posts up/down and left/right---*/
  400. margin-left:550px;
  401. margin-top:70px;
  402. width:550px;
  403. }
  404.  
  405. #post {
  406.  
  407. /*---this is the styling of each individual post---*/
  408. text-align:left;
  409. width:500px;
  410. margin-top: 100px;
  411. border:0px solid #fff;
  412. max-width: 500px;
  413.  
  414. }
  415.  
  416.  
  417. .asker {
  418. /*---this is the styling of the NAME of the person who sent the message in ANSWER posts---*/
  419. background-color:#fff;
  420. border:0px solid {color:accent};
  421. width:500px;
  422. text-align:left;
  423. padding:0px;
  424. font-family:'arial';
  425. font-size:8px;
  426. color:black;
  427. letter-spacing:0px;
  428. text-transform:uppercase;
  429. font-weight:normal;
  430. }
  431.  
  432.  
  433. .asker a {
  434. border:none;
  435. }
  436. .question {
  437. margin-left:0px;
  438. color:#000;
  439. border-bottom:1px solid #eee;
  440. background-color:transparent;
  441. width:500px; /*---sets the width of the question to 100% of the post width---*/
  442. padding: 0px ;
  443. font-family:'arial';
  444. text-align:left;
  445. text-transform: uppercase;
  446. font-size:8px;
  447. line-height:30px;
  448. letter-spacing: 0px;/*---makes it so that the question box is at least 20px large. it can be more if necessary, the
  449. computer will do that automatically---*/
  450. font-style:none;
  451.  
  452. }
  453.  
  454. .reply {
  455. /*---styling for your response to the question---*/
  456. border-top:0px solid {color:accent};
  457. border-left:0px solid {color:accent};
  458. border-right:0px solid {color:accent};
  459. padding:0px;
  460. font-size:8px;
  461. font-family:'arial';
  462. font-weight:normal;
  463. text-transform: uppercase;
  464. line-height: 110%;
  465. width: 500px
  466. letter-spacing: 0px;
  467. margin-left:0px;
  468.  
  469. }
  470.  
  471.  
  472.  
  473.  
  474. .pagenotes {
  475. {block:IndexPage}
  476. display: none!important;
  477. {/block:IndexPage}
  478. width:500px;
  479. text-align:left;
  480. margin-left: 0px;
  481. margin-top:10px;
  482. font-family: 'arial';
  483. line-height: 100%
  484. font-size: 8px;
  485.  
  486. }
  487. .pagenotes img {
  488. display:none!important;}
  489. .pagenotes li {
  490. list-style-type:none;
  491. padding:5px 0px;
  492. text-align:left;
  493. margin:0 0 0 -40px;
  494. }
  495. /*---styling for the post information e.g. tags, date posted, notes---*/
  496.  
  497.  
  498.  
  499. /* --- POST TAGS---*/
  500.  
  501. ::selection {
  502. color:{color:accent};
  503. }
  504.  
  505.  
  506.  
  507.  
  508. #info {
  509. font-size:7px;
  510. text-align:left;
  511. opacity:1;
  512. width:100%;
  513. margin-top:20px;
  514. text-transform:uppercase;
  515. border-bottom: #fff solid 0px;
  516. padding: 5px 0px 5px 0px;
  517. font-family: 'arial';
  518. font-style:none;
  519. color: #000;
  520. background-color: transparent;
  521.  
  522. --moz-transition-duration:0s;
  523. -webkit-transition-duration:0s;
  524. -o-transition-duration:0s;
  525. }
  526.  
  527. #info:hover {
  528.  
  529. --moz-transition-duration:0s;
  530. -webkit-transition-duration:0s;
  531. -o-transition-duration:0s;
  532. }
  533.  
  534.  
  535. #tags {
  536. height: 15px;
  537. font-family:arial;
  538. letter-spacing:0px;
  539. text-transform:uppercase;
  540. font-size:7px;
  541. display:inline-block;
  542. color:#000;
  543. border-top:1px solid #eee;
  544. padding: 4px;
  545. font-style:none;
  546. margin-top:5px;
  547. text-align:left;
  548. margin-left: -7px;
  549. width: 500px;
  550. }
  551.  
  552. #tags a {
  553. display:inline-block;
  554. color:#000;
  555. padding: 3px;
  556. text-align:center;
  557. text-decoration:none;
  558. background-color: #fff;
  559. --moz-transition-duration:0s;
  560. -webkit-transition-duration:0s;
  561. -o-transition-duration:0s;
  562. }
  563.  
  564. #tags a:hover {
  565. background-color:#000;
  566. color: #fff;
  567. --moz-transition-duration:0s;
  568. -webkit-transition-duration:0s;
  569. -o-transition-duration:0s;
  570. }
  571.  
  572.  
  573. #credit {
  574. position:fixed;
  575. font-family:'arial';
  576. font-size:8px;
  577. letter-spacing: -1px;
  578. line-height:120%;
  579. right:5px;
  580. bottom:10px;
  581. text-align:center;
  582. padding:3px;
  583. }
  584.  
  585. #credit a {
  586. padding:3px;
  587. padding-top:6px;
  588. padding-bottom:6px;
  589. letter-spacing:0px;
  590. text-transform:uppercase;
  591. font-weight:bold;
  592. border: 0px solid #eee;
  593. --moz-transition-duration:0s;
  594. -webkit-transition-duration:0s;
  595. -o-transition-duration:0s;
  596. color: #000;
  597. background-color:transparent;
  598. }
  599.  
  600. #credit a:hover {
  601. --moz-transition-duration:0s;
  602. -webkit-transition-duration:0s;
  603. -o-transition-duration:0s;
  604. text-decoration: none;
  605. color:#fff;
  606. background-color:#000;
  607. }
  608.  
  609. /*---styling the pagination---*/
  610.  
  611.  
  612. #pagination img {width:10px;
  613. height:10px;}
  614.  
  615. #pagination {
  616. margin-left: 0px;
  617. width:500px;
  618. text-transform:lowercase;
  619. font-weight:normal;
  620. text-align: center;
  621. position:absolute;
  622. margin-top:50px;
  623. margin-bottom: 15px;
  624. }
  625. #pagination a {
  626. padding:0 15px;
  627. font-size:9px;
  628. text-align: center;
  629. letter-spacing: 0px;
  630. color: #000;
  631. border:0px solid #eee;
  632. }
  633.  
  634. #pagination a:hover{
  635. color:#ccc;
  636. }
  637.  
  638.  
  639.  
  640.  
  641.  
  642. .jump_page {
  643. /*---style the box that allows you to jump pages---*/
  644. padding: 4px 8px; /*---don't mess with this please---*/
  645. border: 2px solid #888; /*---change the size/color/type of the border around the box---*/
  646. background-color: #fff; /*---change the background color of each box---*/
  647. color:#555; /*---change the text color---*/
  648. font-family:century gothic; /*---change the font---*/
  649. font-size:11px;
  650. text-decoration:none; /*---could be underline or line-through, for example---*/
  651. }
  652.  
  653. .current_page, .jump_page:hover {
  654.  
  655. /*---this is the styling of the box for the page that you're currently visiting---*/
  656. padding: 4px 8px;
  657. border: 2px solid #aaa; /*---change the border size/color/type---*/
  658. background-color: #ddd; /*---change the background color---*/
  659. color: #fff;/*---change the text color---*/
  660. font-family:century gothic; /*---change the font---*/
  661. font-size:11px;
  662. text-decoration:none;
  663. }
  664.  
  665. /*---styling for photosets---*/
  666. .photoset {
  667. border:0px #ccc double;/*---puts a border around a photoset. can be removed without damaging the theme---*/
  668. -webkit-transition-duration:1s;
  669. -moz-transition-duration:1s;
  670. -o-transition-duration:1s;
  671. }
  672.  
  673. .tumblr_audio_player {
  674. width:500px;
  675. }
  676.  
  677. .player {
  678. width:25px;
  679. overflow:hidden;
  680. margin-left:32.5px;
  681. height:30px;
  682. margin-top:-60px;
  683. opacity:0;
  684. padding-left:0px;
  685. -webkit-transition:all 0.6s;
  686. -moz-transition:all 0.6s;
  687. -ms-transition:all 0.6s;
  688. -o-transition:all 0.6s;
  689. transition:all 0.6s;
  690. }
  691. .audioim:hover .player{
  692. opacity:1;
  693. -webkit-transition:all 0.6s;
  694. -moz-transition:all 0.6s;
  695. -ms-transition:all 0.6s;
  696. -o-transition:all 0.6s;
  697. transition:all 0.6s;}
  698.  
  699. .audio {
  700. ;}
  701. .audio_info {
  702. text-align:left;
  703. padding:0px;
  704. width:500px;
  705. font-weight:none;
  706. }
  707.  
  708. .track {
  709. font-size:8px;
  710. color:{color:title};
  711. margin-top:0px;
  712. font-weight:bold;
  713. text-transform:uppercase;
  714. padding:3px;
  715.  
  716. }
  717.  
  718. .audioim {float:left;
  719. height:120px;
  720. width:90px
  721. overflow:hidden;
  722. -webkit-transition:all 0.6s;
  723. -moz-transition:all 0.6s;
  724. -ms-transition:all 0.6s;
  725. -o-transition:all 0.6s;
  726. transition:all 0.6s;
  727.  
  728. }
  729.  
  730. .audioim img {
  731. width:80px;
  732. padding:0px;
  733. display:block;
  734. border-radius: 100%;
  735. border:5px transparent solid;
  736.  
  737. }
  738.  
  739. .artist {font-size:7px;
  740. text-transform:uppercase;
  741. letter-spacing:1px;
  742. font-style:normal;
  743. padding: 10px;}
  744.  
  745.  
  746.  
  747. /*---SOMETHING NOT WORKING?
  748.  
  749. I'm more than happy to help you, but make sure to read these tips first:
  750.  
  751. -make sure you didn't forget a ; at the end of a section of css
  752. -make sure that the css goes variable:defined-thing; and not variable;defined-thing:
  753. -if you're using scripts, make sure that the "" marks are green and not white. the white ones do not work
  754. -if your transitions are slow on hover and then snap back into place, add a transition on the original element
  755. -if the posts are suddenly not in their container, you closed a div that you shouldn't have. Just delete one </div> until it works
  756.  
  757. if none of those things help you or you have a different question, you are free to ask me. I am always here to help!
  758.  
  759. ---*/
  760.  
  761.  
  762.  
  763. {CustomCSS}
  764.  
  765. </style>
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772. </head>
  773. <body>
  774.  
  775. <!---THIS IS WHERE YOU CODE THE ACTUAL CONTENT OF YOUR THEME--->
  776.  
  777.  
  778. <!---everything inside of div id="sidebar" is in your sidebar--->
  779.  
  780. <div id="sidebar"> <!---the title--->
  781.  
  782. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  783.  
  784. <div id="title">{Title}</div>
  785.  
  786.  
  787.  
  788.  
  789.  
  790. <div id="links">
  791.  
  792. {block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifShowLink1}
  793. {block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifShowLink2}
  794. {block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifShowLink3}
  795. {block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifShowLink4}
  796. {block:ifShowLink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:ifShowLink5}
  797. </div>
  798. <div id="desc">{Description}</div>
  799.  
  800.  
  801. <!---closes the sidebar image container--->
  802. </div></div></div>
  803.  
  804.  
  805.  
  806.  
  807. </div><!---closes the links--->
  808. <!---the description (open, description, close)--->
  809.  
  810.  
  811.  
  812.  
  813.  
  814.  
  815.  
  816. <div id="postcontainer">
  817. <!---the posts go in here--->
  818. {block:Posts}
  819.  
  820.  
  821.  
  822.  
  823. {block:ContentSource}
  824.  
  825. <!--- {sourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  826.  
  827. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  828.  
  829. {/block:SourceLogo}
  830.  
  831. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  832.  
  833. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  834. <div id="post">
  835.  
  836. <!---TEXT POSTS--->
  837. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  838.  
  839. <!---PHOTO POSTS--->
  840.  
  841. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  842.  
  843. <!---PHOTOSETS--->
  844.  
  845. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  846. {/block:Photoset}
  847.  
  848. <!---VIDEO POSTS--->
  849.  
  850. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  851.  
  852. <!---AUDIO POSTS--->
  853.  
  854. {block:Audio}
  855. <div class="audio">
  856. {block:AudioPlayer}
  857. <div class="audioim">
  858. {block:AlbumArt}
  859. <img src="{AlbumArtURL}">
  860. {/block:AlbumArt}
  861. <div class="player">{AudioPlayerBlack}</div>
  862. </div>
  863. {/block:AudioPlayer}
  864. <div class="audio_info">{block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}
  865. {block:Artist}<div class="artist">{Artist}</div>{/block:Artist}
  866. {block:album}<div class="artist">{album}</div>{/block:album}<div class="artist">{playcountwithlabel}</div></div>
  867. </div>
  868. {/block:Audio}
  869.  
  870. <!---QUOTE POSTS--->
  871.  
  872. {block:Quote}<span style="font-size:30px;font-weight:bold">{Quote}</span><p>{block:Source}– {Source}{/block:Source}{/block:Quote}
  873.  
  874. <!---LINK POSTS--->
  875.  
  876. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  877.  
  878. <!---ANSWER POSTS--->
  879.  
  880. {block:Answer}
  881. <div class="asker">
  882. {Asker} said:</div><div class="question">{Question}</div>
  883. <div class="reply">
  884. {Answer}</div>
  885. {/block:Answer}
  886.  
  887. <!---CHAT POSTS--->
  888.  
  889. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<span style="font-weight: bold; font-size:10px">{Label}</span>{/block:Label} <span style="border-bottom:0px solid #eee">{Line}</span><p>{/block:Lines}{/block:Chat}
  890.  
  891. <div id="info">
  892. {block:Date}<span class="date"> <a href="{Permalink}"> <span style="font-family:'arial';text-transform:uppercase;font-size:8px; letter-spacing: 0px; font-weight:bold;color:#000; margin-left: 0px; padding:1px;border:0px solid #eee;">{DayOfMonthWithZero} {Month}</span> </a>{/block:Date} </span></span>
  893. {block:RebloggedFrom} <span style="padding:3px"><a href="{ReblogParentURL}"
  894. title="{ReblogParentTitle}">via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</style></a></span> {/block:RebloggedFrom}
  895. <a href="{Permalink}"><a href="{Permalink}"><span style="padding:3px; color:#000">♥</span><span style="padding:3px;">{NoteCount}</a></span>{/block:NoteCount}
  896.  
  897. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"></span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  898.  
  899. {/block:Posts}
  900.  
  901.  
  902.  
  903. {block:PostNotes}
  904. <div class="pagenotes">
  905. {PostNotes}
  906. </div>
  907. {/block:PostNotes}
  908.  
  909.  
  910. </div>
  911. {/block:Posts}
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919. <div id="pagination">
  920. {block:Pagination}
  921. {block:PreviousPage}
  922. <a href="{PreviousPage}">← newer</a>&nbsp;&nbsp;&nbsp;
  923. {/block:PreviousPage}
  924.  
  925.  
  926. {block:NextPage}
  927. <a href="{NextPage}">older →</a>
  928. {/block:NextPage}
  929. {/block:Pagination}
  930. </div>
  931.  
  932. <div id="credit"><a href="http://isaacslaheys.tumblr.com/" title="isaacslaheys">theme</a></div>
  933.  
  934.  
  935.  
  936.  
  937. </body>
  938. <!---if you wanted to add a pop up ask box, you would want to put that in here--->
  939. </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!