axiumthemes

theme 04 - world peace

Oct 21st, 2017
1,316
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.09 KB | None | 0 0
  1. <html>
  2.  
  3. <!----------------------------------------------------------------------
  4.  
  5. THEME #04 /// World Peace
  6. by WOLFTHEMES
  7.  
  8. rules:
  9. 1. do not claim as your own
  10. 2. if you want to use any part
  11. of the code in your own theme
  12. please ask
  13. 3. don't remove the credit
  14. 4. enjoy :)
  15.  
  16.  
  17. Credit:
  18. Icons - saturnthms.com
  19. Dashboard Captions - neothm.com & magnusthemes.tumblr.com
  20. Tumblr Controls - cyantists.tumblr.com
  21.  
  22. Simple theme, helps to know basic HTML
  23.  
  24. -----------------------------------------------------------------------
  25.  
  26. ----------------------------------------------------------------------->
  27.  
  28. <head>
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35.  
  36. <meta name="image: Icon" content=""/>
  37. <meta name="image: Background" content=""/>
  38.  
  39. <meta name="if: Mini Cursor" content="1"/>
  40. <meta name="if: Hidden Description" content="1"/>
  41. <meta name="if: Background Image" content="1"/>
  42.  
  43. <meta name="select: Post Width" content="500" title="500px" />
  44. <meta name="select: Post Width" content="450" title="450px" />
  45. <meta name="select: Post Width" content="400" title="400px" />
  46. <meta name="select: Post Width" content="375" title="375px" />
  47. <meta name="select: Post Width" content="350" title="350px" />
  48. <meta name="select: Post Width" content="325" title="325px" />
  49. <meta name="select: Post Width" content="300" title="300px" />
  50. <meta name="select: Post Width" content="200" title="200px" />
  51.  
  52. <meta name="select: Font Size" content="10" title="10px" />
  53. <meta name="select: Font Size" content="11" title="11px" />
  54. <meta name="select: Font Size" content="12" title="12px" />
  55.  
  56. <meta name="select: Font" content="'Lato'" title="Lato">
  57. <meta name="select: Font" content="'Montserrat'" title="Montserrat">
  58. <meta name="select: Font" content="'Raleway'" title="Raleway">
  59. <meta name="select: Font" content="'Source Sans Pro'" title="Source Sans Pro">
  60. <meta name="select: Font" content="'PT Sans'" title="PT Sans">
  61. <meta name="select: Font" content="'Ubuntu'" title="Ubuntu">
  62. <meta name="select: Font" content="'Titillium Web'" title="Titillium Web">
  63. <meta name="select: Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded">
  64. <meta name="select: Font" content="'Work Sans'" title="Work Sans">
  65. <meta name="select: Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed">
  66. <meta name="select: Font" content="'Varela Round'" title="Varela Round">
  67.  
  68. <meta name="color: Accent" content="#fee8d0"/>
  69. <meta name="color: Tooltip Accent" content="#fee8d0"/>
  70. <meta name="color: Background Color" content="#fff"/>
  71. <meta name="color: Tooltip Background Color" content="#444"/>
  72. <meta name="color: Font Color" content="#888"/>
  73.  
  74. <meta name="text: Link 1" content="Home">
  75. <meta name="text: Link 1 URL" content="/">
  76. <meta name="text: Link 2" content="Ask">
  77. <meta name="text: Link 2 URL" content="/ask">
  78. <meta name="text: Link 3" content="Archive">
  79. <meta name="text: Link 3 URL" content="/archive">
  80. <meta name="text: Link 4" content="one">
  81. <meta name="text: Link 4 URL" content="/">
  82. <meta name="text: Link 5" content="two">
  83. <meta name="text: Link 5 URL" content="/">
  84.  
  85.  
  86. <link href="https://fonts.googleapis.com/css?family=Encode+Sans+Expanded|Lato|Montserrat|PT+Sans|Raleway|Source+Sans+Pro|Titillium+Web|Ubuntu|Ubuntu+Condensed|Varela+Round|Work+Sans" rel="stylesheet">
  87. <script src="https://use.fontawesome.com/b6489d7002.js"></script>
  88. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  89.  
  90. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  92. <script>
  93. (function($){
  94. $(document).ready(function(){
  95. $('a[title]').style_my_tooltips({
  96. tip_follows_cursor:true,
  97. tip_delay_time:90,
  98. tip_fade_speed:700,
  99. attribute:'title'
  100. });
  101. });
  102. })(jQuery);
  103. </script>
  104.  
  105. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  106. <script>
  107. !function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".cap",wrapName:".rebloguser",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".avtar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),console.info(h),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);
  108. $('#captions').unnest({
  109. yourCaption: ".cap", //your caption selector, the div wrapping
  110. wrapName: ".rebloguser", //the name of the captions’ new wrapper
  111. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  112. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  113. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  114. tumblrAvatarClass: ".avatr", //class of the avatar next to the username
  115. usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
  116. });
  117. $('#captions').unnest({
  118. newCaptionUsername: false,
  119. tumblrAvatars: false,
  120. usernameColon: true
  121. });
  122. </script>
  123.  
  124. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  125. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  126. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  127. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  128.  
  129. <script>
  130. // PXU Photoset Script by Pixel Union
  131. $(document).ready(function(){
  132. $('.photo-slideshow').pxuPhotoset({
  133. lightbox:true,
  134. rounded:false,
  135. gutter:'0px',
  136. borderRadius:'0px',
  137. photoset:'.photo-slideshow',
  138. photoWrap:'.photo-data',
  139. photo:'.pxu-photo'
  140. });
  141. });
  142. </script>
  143.  
  144.  
  145. </head>
  146.  
  147. <style type="text/css">
  148.  
  149.  
  150. /*-------------- SCROLLBAR ----------------*/
  151.  
  152. ::-webkit-scrollbar {
  153. width:2px;
  154. }
  155. ::-webkit-scrollbar {
  156. background: {color: Background Color}; /* background color */
  157. }
  158. ::-webkit-scrollbar-track {
  159. background: {color: Background Color}; /* light border color */
  160. }
  161. ::-webkit-scrollbar-thumb {
  162. background: {color: Accent};
  163. min-height:24px;
  164. min-width:24px;
  165. }
  166.  
  167. /*-------------- TOOLTIP ----------------*/
  168.  
  169. #s-m-t-tooltip {
  170. max-width:300px;
  171. border-radius: 15px;
  172. padding:3px 6px 3px 6px;
  173. margin:20px 20px 10px 6px;
  174. color:{color: Tooltip Accent};
  175. border:1px solid {color: Tooltip Background Color};
  176. font-family: {select: Font}, sans-serif;
  177. font-size:10px;
  178. background:{color: Tooltip Background Color};
  179. z-index:9999999;}
  180.  
  181.  
  182.  
  183. /*-------------- TUMBLR CONTROLS by cyantists ----------------*/
  184.  
  185.  
  186. iframe.tmblr-iframe {
  187. z-index:9999999999999999999999999999999999999!important;
  188. top:9px!important;
  189. right:0!important;
  190. opacity:0.4;
  191. /* delete invert(1) from here */
  192. filter:invert(1) contrast(150%);
  193. -webkit-filter:invert(1) contrast(150%);
  194. -o-filter:invert(1) contrast(150%);
  195. -moz-filter:invert(1) contrast(150%);
  196. -ms-filter:invert(1) contrast(150%);
  197. /* to here if your blog has a dark background */
  198. transform:scale(0.65);
  199. transform-origin:100% 0;
  200. -webkit-transform:scale(0.65);
  201. -webkit-transform-origin:100% 0;
  202. -o-transform:scale(0.65);
  203. -o-transform-origin:100% 0;
  204. -moz-transform:scale(0.65);
  205. -moz-transform-origin:100% 0;
  206. -ms-transform:scale(0.65);
  207. -ms-transform-origin:100% 0;}
  208.  
  209. iframe.tmblr-iframe:hover {
  210. opacity:0.6!important;}
  211.  
  212. /*-------------- BASIC HTML ----------------*/
  213.  
  214.  
  215. html {
  216. {block:IfMiniCursor}cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;{/block:IfMiniCursor}
  217. }
  218.  
  219. a {
  220. text-decoration: none;
  221. color: #555;
  222. }
  223.  
  224. a:hover, img:hover {
  225. {block:IfMiniCursor}cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;{/block:IfMiniCursor}
  226.  
  227. }
  228.  
  229. body {
  230. background: {color: Background Color};
  231. font-size: {select: Font Size}px;
  232. color: {color: Font Color};
  233. font-family: {select: Font}, sans-serif;
  234. }
  235.  
  236. hr {
  237. border: none;
  238. height: 1px;
  239. background: #eee;
  240. }
  241.  
  242. a {
  243. color: #5555;
  244. }
  245.  
  246. a:hover, a:active {
  247. color: {color: Accent};
  248. transition:all 0.8s ease-in-out;
  249. -webkit-transition: all 0.8s ease-in-out;
  250. -moz-transition: all 0.8s ease-in-out;
  251. -o-transition: all 0.8s ease-in-out;
  252. }
  253.  
  254. /*-------------- CREDIT DON'T TOUCH ----------------*/
  255.  
  256. #wolf a {
  257. position: fixed;
  258. bottom: 10px;
  259. right:15px;
  260. font-size: 12px;
  261. color: #333;
  262. text-transform: lowercase;
  263. font-variant: small-caps;
  264. z-index: 999999;
  265. }
  266.  
  267. #wolf a:hover {
  268. color: {color: Accent};
  269. transition:all 0.8s ease-out;
  270. -webkit-transition: all 0.8s ease;
  271. -moz-transition: all 0.8s ease;
  272. -o-transition: all 0.8s ease;
  273. }
  274.  
  275. /*-------------- CREDIT DON'T TOUCH ----------------*/
  276.  
  277. #side1, #side2, #side3, #side4 {
  278. z-index: 9999;
  279. background: {color: Background Color};
  280. }
  281.  
  282. #side1 {
  283. position: fixed;
  284. width: 50px;
  285. height: 100%;
  286. top: 0;
  287. left: 0;
  288. }
  289.  
  290. #side2 {
  291. position: fixed;
  292. height: 50px;
  293. width: 100%;
  294. top: 0;
  295. left: 0;
  296. }
  297.  
  298. .icon img {
  299. width: 40px;
  300. height: 40px;
  301. border-radius:100%;
  302. margin-left: 5px;
  303. margin-top: 5px;
  304. }
  305.  
  306.  
  307. .title a{
  308. position: absolute;
  309. left: 55px;
  310. top: 17px;
  311. font-size: 15px;
  312. text-transform: uppercase;
  313. letter-spacing: 2px;
  314. word-spacing: 4px;
  315. }
  316.  
  317. .links {
  318. text-transform: lowercase;
  319. font-size: 13px;
  320. font-weight: bold;
  321. position: absolute;
  322. right: 200px;
  323. {block:PermalinkPage}right:240px;{/block:PermalinkPage}
  324. top: 20px;
  325. border-right: 1.5px solid {color: Font Color};
  326. padding-right: 20px;
  327. }
  328.  
  329. .links a {
  330. margin-left: 10px;
  331. padding-left: 6px;
  332. padding-right: 6px;
  333. }
  334.  
  335. .links a:hover {
  336. border-bottom: 5px solid {color: Accent};
  337. padding-bottom: 10px;
  338.  
  339. transition:all 0.8s ease-out;
  340. -webkit-transition: all 0.8s ease;
  341. -moz-transition: all 0.8s ease;
  342. -o-transition: all 0.8s ease;
  343. }
  344.  
  345. #side3 {
  346. position: fixed;
  347. width: 50px;
  348. height: 100%;
  349. top: 0;
  350. right: 0;
  351. }
  352.  
  353. #side4 {
  354. text-align: center;
  355. position: fixed;
  356. height: 50px;
  357. width: 100%;
  358. bottom: 0;
  359. left: 0;
  360. }
  361.  
  362. #pagination {
  363. margin-top:20px;
  364. }
  365.  
  366. .nextprev {
  367. color: {color: Font Color};
  368. font-size: 9px;
  369. margin-left: 5px;
  370. margin-right: 5px;
  371. }
  372.  
  373. .current {
  374. padding: 4px;
  375. color: {color: Accent};
  376. }
  377.  
  378. .jump {
  379. padding: 4px;
  380. color: {color: Font Color};
  381. font-size: 8px;
  382. }
  383.  
  384. a .nextprev:hover {
  385. color: {color: Accent};
  386. transition:all 0.8s ease-in-out;
  387. -webkit-transition: all 0.8s ease-in-out;
  388. -moz-transition: all 0.8s ease-in-out;
  389. -o-transition: all 0.8s ease-in-out;
  390. }
  391.  
  392. a .jump:hover {
  393. color: {color: Accent};
  394. transition:all 0.8s ease-in-out;
  395. -webkit-transition: all 0.8s ease-in-out;
  396. -moz-transition: all 0.8s ease-in-out;
  397. -o-transition: all 0.8s ease-in-out;
  398. }
  399.  
  400. /*-------------- HOME PAGE ----------------*/
  401.  
  402. #homepage {
  403. z-index: 99;
  404. {block:IfNotBackgroundImage}
  405. background: {color: Accent};
  406. {/block:IfNotBackgroundImage}
  407. {block:IfBackgroundImage}
  408. background-image: url("{image: Background}");
  409. background-repeat: no-repeat;
  410. background-size: cover;
  411. {/block:IfBackgroundImage}
  412. width: calc(100% - 100px);
  413. height:calc(100% - 100px);
  414. position: absolute;
  415. top: 50px;
  416. left: 50px;
  417. }
  418.  
  419.  
  420. .description {
  421. background: {color: Background Color};
  422. {block:ifNotHiddenDescription}opacity: 0.7;{/block:ifNotHiddenDescription}
  423. {block:ifHiddenDescription}opacity: 0;{/block:ifHiddenDescription}
  424. color:#333;
  425. text-align: center;
  426. width: 200px;
  427. height: 100px;
  428. position: absolute;
  429. left: calc(50% - 150px);
  430. top: calc(50% - 100px);
  431. padding: 50px;
  432. font-size: 10px;
  433. }
  434.  
  435. .hometitle {
  436. font-size: 12px;
  437. margin-bottom: 20px;
  438. text-transform: uppercase;
  439. letter-spacing: 2px;
  440. }
  441.  
  442. .btd {
  443. font-size: 13px;
  444. margin-top: 30px;
  445. }
  446.  
  447. .btd a {
  448. color: #000;
  449. }
  450.  
  451. {block:ifNotHiddenDescription}
  452. .description:hover {
  453. opacity: 1;
  454. transition:all 0.8s ease-in-out;
  455. -webkit-transition: all 0.8s ease-in-out;
  456. -moz-transition: all 0.8s ease-in-out;
  457. -o-transition: all 0.8s ease-in-out;
  458. }
  459. {/block:ifNotHiddenDescription}
  460.  
  461. /*-------------- POSTS INFO ----------------*/
  462.  
  463. #postinfo {
  464. z-index:9;
  465. position: absolute;
  466. left: calc(50% - 14px);
  467. margin-top:20%;
  468. }
  469.  
  470.  
  471. .notes, .reblog, .permas, .source, .via {
  472. margin-bottom: 20px;
  473. }
  474.  
  475. .notes a, .reblog a, .permas a, .source a, .via a{
  476. padding: 8px 8px 5px 8px;
  477. background: {color: Background Color};
  478. border: 1px solid {color: Accent};
  479. border-radius: 100%;
  480. }
  481.  
  482. .notes a:hover, .reblog a:hover, .permas a:hover, .source a:hover, .via a:hover {
  483. background: {color: Accent};
  484. color:{color: Background Color};
  485. transition:all 0.8s ease-in-out;
  486. -webkit-transition: all 0.8s ease-in-out;
  487. -moz-transition: all 0.8s ease-in-out;
  488. -o-transition: all 0.8s ease-in-out;
  489. }
  490.  
  491. #tags {
  492. text-align: center;
  493. width: {select: Post Width}px;
  494. padding: 10px;
  495. position: relative;
  496. left: calc(50% - {select: Post Width}px/2);
  497. margin-top: 10px;
  498. }
  499.  
  500. #tags a {
  501. color: {color: Font Color};
  502. padding: 2px 6px 2px 6px;
  503. }
  504.  
  505. #tags a:hover {
  506. color: {color: Accent};
  507. border-radius: 6px;
  508. background: #fff;
  509. transition:all 0.8s ease-in-out;
  510. -webkit-transition: all 0.8s ease-in-out;
  511. -moz-transition: all 0.8s ease-in-out;
  512. -o-transition: all 0.8s ease-in-out;
  513. }
  514.  
  515. #postnotes16 {
  516. text-align: left;
  517. width: 500px;
  518. position: relative;
  519. left: calc(50% - 250px);
  520. margin-top: 20px;
  521. line-height: 3;
  522. }
  523.  
  524. #postnotes16 ol {
  525. list-style-type: none;
  526. }
  527.  
  528. #postnotes16 a {
  529. margin-top: 5px;
  530. color: #333;
  531. background: transparent;
  532. }
  533.  
  534. #postnotes16 img {
  535. width: 16px;
  536. height: 16px;
  537. border-radius: 100%;
  538. margin-right: 5px;
  539. }
  540.  
  541. /*-------------- POSTS ----------------*/
  542.  
  543.  
  544. #postcontainer {
  545. position: absolute;
  546. left: 0;
  547. top: 100%;
  548. {block:PermalinkPage}top: 50px;{/block:PermalinkPage}
  549. width: 100%;
  550. height: 100%;
  551. }
  552.  
  553. #postbox, #captionbox {
  554. display:inline-block;
  555. }
  556.  
  557. #posts, #captions {
  558. display: inline-block;
  559. }
  560.  
  561. #postbox:nth-of-type(odd) {
  562. position: relative;
  563. left: 0;
  564. width: 50% ;
  565. height: 100% ;
  566. overflow-y: scroll;
  567. background: {color: Background Color};
  568. }
  569.  
  570. #captionbox:nth-of-type(even) {
  571. position: absolute;
  572. right: 0;
  573. width: 50%;
  574. height: 100%;
  575. overflow-y: scroll;
  576. background: {color: Accent};
  577. }
  578.  
  579. #posts {
  580. position: relative;
  581. left: calc(50% - {select: Post Width}px/2);
  582. margin-top: 30%;
  583. width: {select: Post Width}px;
  584. }
  585.  
  586.  
  587.  
  588. #captions {
  589. position: relative;
  590. left: calc(50% - {select: Post Width}px/2 - 10px + 50px);
  591. margin-top: 30%;
  592. width: 300px;
  593. {block:Caption}
  594. padding: 10px;
  595. {/block:Caption}
  596. background:{color: Background Color};
  597. }
  598.  
  599. #postbox:nth-of-type(even) {
  600. position: relative;
  601. left: 50%;
  602. width: 50%;
  603. height:100% ;
  604. overflow-y: scroll;
  605. background: {color: Background Color};
  606. }
  607.  
  608. #captionbox:nth-of-type(odd) {
  609. position: absolute;
  610. left: 0;
  611. width: 50%;
  612. height:100%;
  613. overflow-y: scroll;
  614. background: {color: Accent};
  615. }
  616.  
  617. .avatr {
  618. display: inline;
  619. margin-top: 10px;
  620. margin-right: 5px;
  621. }
  622.  
  623. .cap {
  624. margin-left: 10px;
  625. }
  626.  
  627. .rebloguser {
  628. margin: 10px;
  629. }
  630.  
  631. .rebloguser .sf {
  632. font-size: 9px;
  633. }
  634.  
  635. /*-------------- POST TYPES ----------------*/
  636.  
  637. .question {
  638. width: {select: Post Width}px;
  639. }
  640.  
  641. .ask {
  642. position: absolute;
  643. margin-top: -10px;
  644. right: 10px;
  645. border: 1px solid {color: Accent};
  646. border-radius: 5px;
  647. padding: 4px;
  648. background: {color: Background Color};
  649. text-transform: lowercase
  650. }
  651.  
  652. .question img {
  653. position: absolute;
  654. margin-top: 5px;
  655. margin-right: 40px;
  656. border-radius: 100%;
  657. }
  658.  
  659. .quest {
  660. background:{color: Background Color};
  661. padding: 10px;
  662. margin: 20px;
  663. border-radius: 5px;
  664. }
  665.  
  666. .answer {
  667. padding: 10px;
  668. }
  669.  
  670. .answer img {
  671.  
  672. position: absolute;
  673. margin-top: 5px;
  674. margin-right: 40px;
  675. border-radius: 100%;
  676. }
  677.  
  678.  
  679. /*---------------------------------------*/
  680.  
  681.  
  682. .quotes .sf {
  683. position: absolute;
  684. margin-right: 20px;
  685. background: {color: Accent};
  686. color: {color: Font Color};
  687. padding: 10px 10px 8px 10px;
  688. border-radius: 3px;
  689.  
  690. }
  691.  
  692. .quote {
  693. margin-left: 40px;
  694. font-size: 13px;
  695. }
  696.  
  697. .sourceq {
  698. text-align: center;
  699. padding: 10px;
  700. }
  701.  
  702.  
  703. </style>
  704.  
  705. <body>
  706.  
  707. <div id="side1"></div>
  708.  
  709.  
  710. <div id="side2">
  711. <div class="icon"><img src="{image: Icon}"></div>
  712. <div class="title"><a href="{BlogURL}">{Title}</a></div>
  713. <div class="links">
  714. <a href="{text: Link 1 URL}">{text: Link 1}</a>
  715. <a href="{text: Link 2 URL}">{text: Link 2}</a>
  716. <a href="{text: Link 3 URL}">{text: Link 3}</a>
  717. <a href="{text: Link 4 URL}">{text: Link 4}</a>
  718. <a href="{text: Link 5 URL}">{text: Link 5}</a>
  719. </div>
  720. </div>
  721.  
  722.  
  723. <div id="side3"></div>
  724.  
  725.  
  726. <div id="side4">
  727. <div id="pagination">
  728. {block:Pagination}
  729. {block:PreviousPage}<a href="{PreviousPage}" class="nextprev" title="back"><span class="sf sf-chevron-left"></span></a>{/block:PreviousPage}
  730. {block:JumpPagination length="5"}
  731. {block:CurrentPage}<span class="current"><span class="sf sf-circle"></span></span>{/block:CurrentPage}
  732. {block:JumpPage}<a class="jump" href="{URL}" title="page {PageNumber}"><span class="sf sf-circle-o"></span></a>{/block:JumpPage}{/block:JumpPagination}
  733. {block:NextPage}<a href="{NextPage}" class="nextprev" title="forward"><span class="sf sf-chevron-right"></span></a>{/block:NextPage}
  734. {/block:Pagination}
  735. </div></div>
  736.  
  737.  
  738.  
  739. {block:HomePage}
  740. <div id="homepage">
  741. <div class="description">
  742. <div class="hometitle">{title}</div>
  743. {description}
  744. <div class="btd">
  745. <a href="http://tumblr.com/dashboard" title="back to dash"><span class="sf sf-home-o"></span></a>
  746. </div>
  747. </div>
  748. </div>
  749. {/block:HomePage}
  750.  
  751.  
  752.  
  753.  
  754. <div id="postcontainer">
  755. {block:Posts}
  756.  
  757. <div id="postinfo">
  758. <div class="reblog"><a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog"></span></a></div>
  759. <div class="permas"><a href="{Permalink}" title="permalink"><span class="sf sf-link-1"></span></a></div>
  760. {block:NoteCount}<div class="notes"><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="sf sf-star"></span></a></div>{/block:NoteCount}
  761. {block:RebloggedFrom}
  762. {block:ContentSource}<div class="source"><a href="{ReblogRootURL}" title="source {ReblogRootName}"><span class="sf sf-push-pin"></span></a></div> {/block:ContentSource}
  763. <div class="via"><a href="{ReblogParentURL}" title="via {ReblogParentName}"><span class="sf sf-refresh"></span></a></div>
  764. {/block:RebloggedFrom}
  765. </div>
  766.  
  767.  
  768.  
  769. <div id="postbox">
  770. <div id="posts">
  771.  
  772. {block:Answer}
  773. <div class="question"><img src="{AskerPortraitURL-24}"><div class="ask"> {Asker} asked:</div><div class="quest">{Question}</div></div>
  774. {/block:Answer}
  775.  
  776. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{/block:Text}
  777.  
  778. {block:Photo}<img src="{PhotoURL-500}" width="300px" max-height="100%">{block:Photo}
  779.  
  780. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  781. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div>{/block:Photoset}
  782.  
  783. {block:Quote}<div class="quotes"><span class="sf sf-chat-o"></span> <div class="quote"><I>{Quote}</I></div></div>{/block:Quote}
  784.  
  785. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{/block:Link}
  786.  
  787. {block:Chat}{block:Title}<div class="posttitle">{Title}</div></a>{/block:Title}{/block:Chat}
  788.  
  789. {block:Video}<div class="video">{Video-500}</div>{block:Video}
  790.  
  791. {block:Audio}{AudioEmbed}{/block:Audio}
  792.  
  793. </div>
  794. </div>
  795.  
  796.  
  797. <div id="captionbox">
  798. <div id="captions">
  799.  
  800. {block:Answer}
  801. <div class="answer"><img src="{AnswererPortraitURL-24}">{block:Answerer}{Answerer} said: {/block:Answerer}{Answer}</div>
  802. {/block:Answer}
  803.  
  804.  
  805.  
  806. {block:Text}{block:Reblogs}
  807. <div class="rebloguser">
  808. {block:IsNotOriginalEntry}
  809. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
  810. {/block:IsNotOriginalEntry}
  811. {block:IsOriginalEntry}
  812. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
  813. </div>
  814. <div class="cap">
  815. {Body}
  816. </div>
  817. {/block:Reblogs}
  818. {block:NotReblog}
  819. <div class="cap">
  820. {Body}
  821. </div>
  822. {/block:NotReblog}
  823. {/block:Text}
  824.  
  825.  
  826.  
  827. {block:Photo}{block:Reblogs}
  828. <div class="rebloguser">
  829. {block:IsNotOriginalEntry}
  830. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
  831. {/block:IsNotOriginalEntry}
  832. {block:IsOriginalEntry}
  833. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
  834. </div>
  835. <div class="cap">
  836. {Body}
  837. </div>
  838. {/block:Reblogs}
  839. {block:NotReblog}
  840. {block:Caption}
  841. <div class="cap">
  842. {Caption}
  843. </div>
  844. {/block:Caption}
  845. {/block:NotReblog}
  846. {/block:Photo}
  847.  
  848.  
  849.  
  850. {block:Photoset}{block:Reblogs}
  851. <div class="rebloguser">
  852. {block:IsNotOriginalEntry}
  853. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
  854. {/block:IsNotOriginalEntry}
  855. {block:IsOriginalEntry}
  856. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
  857. </div>
  858. <div class="cap">
  859. {Body}
  860. </div>
  861. {/block:Reblogs}
  862. {block:NotReblog}
  863. {block:Caption}
  864. <div class="cap">
  865. {Caption}
  866. </div>
  867. {/block:Caption}
  868. {/block:NotReblog}
  869. {/block:Photoset}
  870.  
  871. {block:Quote}{block:Source}<div class="sourceq">{Source}</div>{/block:Source}{/block:Quote}
  872.  
  873. {block:Link}{block:Description}{Description}{/block:Description}{/block:Link}
  874.  
  875. {block:Chat}{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  876.  
  877. {block:Video}{block:Reblogs}
  878. <div class="rebloguser">
  879. {block:IsNotOriginalEntry}
  880. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
  881. {/block:IsNotOriginalEntry}
  882. {block:IsOriginalEntry}
  883. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
  884. </div>
  885. <div class="cap">
  886. {Body}
  887. </div>
  888. {/block:Reblogs}
  889. {block:NotReblog}
  890. {block:Caption}
  891. <div class="cap">
  892. {Caption}
  893. </div>
  894. {/block:Caption}
  895. {/block:NotReblog}
  896. {/block:Video}
  897.  
  898. {block:Audio}{AudioEmbed}{block:Reblogs}
  899. <div class="rebloguser">
  900. {block:IsNotOriginalEntry}
  901. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
  902. {/block:IsNotOriginalEntry}
  903. {block:IsOriginalEntry}
  904. <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
  905. </div>
  906. <div class="cap">
  907. {Body}
  908. </div>
  909. {/block:Reblogs}
  910. {block:NotReblog}
  911. {block:Caption}
  912. <div class="cap">
  913. {Caption}
  914. </div>
  915. {/block:Caption}
  916. {/block:NotReblog}
  917. {/block:Audio}
  918.  
  919.  
  920. </div>
  921.  
  922.  
  923. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}" title="{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  924.  
  925.  
  926. <div id="postnotes16">{block:PermalinkPage}{block:PostNotes}{PostNotes-16}{/block:PostNotes}{/block:PermalinkPage}
  927. </div></div>
  928.  
  929.  
  930. {/block:Posts}
  931.  
  932.  
  933. </div>
  934.  
  935.  
  936.  
  937.  
  938. <!------------------------------ CREDIT ------------------------------->
  939. <div id="wolf"><a href="http://wolfthemes.tumblr.com" title="wolfthemes via tumblr">wolf</a></div>
  940. <!-------- PLEASE DO NOT TOUCH OR EDIT WITHOUT PERMISSION!!!! --------->
  941.  
  942.  
  943. </body>
  944. </html>
Advertisement
Add Comment
Please, Sign In to add comment