axiumthemes

theme 02 - strawberry

Sep 20th, 2017
254
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.65 KB | None | 0 0
  1. <html>
  2.  
  3. <!----------------------------------------------------------------------
  4.  
  5. THEME #02 /// STRAWBERRY
  6. by AXIUMTHEMES
  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. Searchbar & Icons - saturnthms.com
  19. Dashboard Captions - neothm.com & magnusthemes.tumblr.com
  20. Tumblr Controls - cyantists.tumblr.com
  21.  
  22. Easy to Customize, comments and notes in the code incase you need help!
  23.  
  24. -----------------------------------------------------------------------
  25.  
  26. NOTES BEFORE CUSTOMIZING:
  27.  
  28. * "Accent 2 Light" refers to the background for when you hover
  29. over the sidebar "navi" links
  30.  
  31. * In order for Tags On Click to work, BOTH Show Tags and Tags
  32. On Click must be turned on.
  33.  
  34. * If you want to have a black line on the scrollbar instead of
  35. your second accent color, use ctrl+f to find:
  36. "/* thin line scroll */"
  37. don't include the quote marks.
  38.  
  39. *If you want to change an icon to something, go to:
  40. saturnthms.com/font
  41.  
  42.  
  43. ----------------------------------------------------------------------->
  44.  
  45. <head>
  46. <title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52.  
  53. <meta name="image: Icon" content=""/>
  54.  
  55. <meta name="select: Font Size" content="10" title="10px" />
  56. <meta name="select: Font Size" content="11" title="11px" />
  57. <meta name="select: Font Size" content="12" title="12px" />
  58.  
  59. <meta name="select: Sidebar Font Size" content="10" title="10px" />
  60. <meta name="select: Sidebar Font Size" content="11" title="11px" />
  61. <meta name="select: Sidebar Font Size" content="12" title="12px" />
  62.  
  63. <meta name="select: Post Width" content="500" title="500px" />
  64. <meta name="select: Post Width" content="450" title="450px" />
  65. <meta name="select: Post Width" content="400" title="400px" />
  66. <meta name="select: Post Width" content="375" title="375px" />
  67. <meta name="select: Post Width" content="350" title="350px" />
  68. <meta name="select: Post Width" content="325" title="325px" />
  69. <meta name="select: Post Width" content="300" title="300px" />
  70.  
  71. <meta name="select: Body Font" content="'Lato'" title="Lato"/>
  72. <meta name="select: Body Font" content="'Montserrat'" title="Montserrat"/>
  73. <meta name="select: Body Font" content="'Raleway'" title="Raleway"/>
  74. <meta name="select: Body Font" content="'Source Sans Pro'" title="Source Sans Pro"/>
  75. <meta name="select: Body Font" content="'PT Sans'" title="PT Sans"/>
  76. <meta name="select: Body Font" content="'Ubuntu'" title="Ubuntu"/>
  77. <meta name="select: Body Font" content="'Titillium Web'" title="Titillium Web"/>
  78. <meta name="select: Body Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded"/>
  79. <meta name="select: Body Font" content="'Work Sans'" title="Work Sans"/>
  80. <meta name="select: Body Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed"/>
  81. <meta name="select: Body Font" content="'Varela Round'" title="Varela Round"/>
  82.  
  83.  
  84. <meta name="color: Accent 1" content="#ff5050"/>
  85. <meta name="color: Accent 2" content="#6dd16d"/>
  86. <meta name="color: Accent 2 Light" content="#b3ffb3"/>
  87. <meta name="color: Borders" content="#eee"/>
  88. <meta name="color: Background" content="#f8f8f8"/>
  89. <meta name="color: Post Background" content="#fff"/>
  90.  
  91. <meta name="if: Show Tags" content="1"/>
  92. <meta name="if: Tags On Click" content="1"/>
  93. <meta name="if: Mini Cursor" content="1"/>
  94. <meta name="if: Round Edges" content="1"/>
  95. <meta name="if: Circular Images" content="1"/>
  96.  
  97.  
  98.  
  99. <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">
  100. <script src="https://use.fontawesome.com/b6489d7002.js"></script>
  101. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  102.  
  103.  
  104. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  105.  
  106. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  107.  
  108. <script>
  109.  
  110. (function($){
  111.  
  112. $(document).ready(function(){
  113.  
  114. $("a[title]").style_my_tooltips({
  115. tip_follows_cursor:true,
  116. tip_delay_time:90,
  117. tip_fade_speed:600,
  118. attribute:"title"
  119.  
  120. });
  121.  
  122. });
  123.  
  124. })(jQuery);
  125.  
  126. </script>
  127.  
  128. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  129. <script>
  130. !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);
  131. $('.posts').unnest({
  132. yourCaption: ".cap", //your caption selector, the div wrapping
  133. wrapName: ".rebloguser", //the name of the captions’ new wrapper
  134. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  135. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  136. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  137. tumblrAvatarClass: ".avtar", //class of the avatar next to the username
  138. usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
  139. });
  140. $('.posts').unnest({
  141. newCaptionUsername: false,
  142. tumblrAvatars: false,
  143. usernameColon: true
  144. });
  145. </script>
  146.  
  147. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  148. <script>
  149. $(document).ready(function(){
  150. $("#truereveal").click(function(){
  151. $("#anchor").slideToggle("slow");
  152. });
  153. });
  154. </script>
  155.  
  156. {block:IfTagsOnClick}
  157. <script>
  158. $(document).ready(function(){
  159. $(".postside #tags").click(function(){
  160. $(".postside #tagbox").slideToggle("slow");
  161. });
  162. });
  163. </script>
  164. {/block:IfTagsOnClick}
  165.  
  166. </head>
  167.  
  168. <style type="text/css">
  169.  
  170. #s-m-t-tooltip {
  171. max-width:300px; /* maximum width */
  172. background-color:#ffffff; /* color background */
  173. border:1px solid #eee; /* color, shape and thickness of the border */
  174. font-size:10px; /* font size */
  175. color:{color: Accent 1}; /* font color */
  176. letter-spacing:1px; /* font spacing */
  177. text-transform:lowercase; /* uppercase, lowercase, none */
  178. padding:5px; /* padding size */
  179. margin:10px 0px 0px 10px; /* margin size */
  180. z-index:9999999999999999999999;
  181. {block:ifRoundEdges}
  182. -moz-border-radius:5px;
  183. -webkit-border-radius:5px;
  184. border-radius:5px;
  185. {/block:ifRoundEdges}
  186. {block:ifNotRoundEdges}
  187. -moz-border-radius:0px;
  188. -webkit-border-radius:0px;
  189. border-radius:0px;
  190. {/block:ifNotRoundEdges}
  191. }
  192.  
  193.  
  194. ::-webkit-scrollbar {
  195. width:10px;
  196. height:10px;
  197. }
  198. ::-webkit-scrollbar {
  199. background-color:#fff; /* background color */
  200. }
  201. ::-webkit-scrollbar-track {
  202. border:4px solid #fff; /* background color */
  203. background-color:{color: Accent 2}; /* light border color */
  204. }
  205. ::-webkit-scrollbar-thumb {
  206. border:2px solid #fff; /* background color */
  207. background-color:{color: Accent 1}; /* dark border color */
  208. min-height:24px;
  209. min-width:24px;
  210. }
  211.  
  212. html {
  213. {block:IfMiniCursor}
  214. cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;
  215. {/block:IfMiniCursor}
  216.  
  217. }
  218.  
  219. a {
  220. text-decoration: none;
  221. color: #555;
  222. }
  223.  
  224. a:hover, img:hover, #tags:hover {
  225. {block:IfMiniCursor}
  226. cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;
  227. {/block:IfMiniCursor}
  228.  
  229. }
  230.  
  231. input:hover {
  232. {block:IfMiniCursor}
  233. cursor: url(http://www.rw-designer.com/cursor-extern.php?id=46509), progress !important;
  234. {/block:IfMiniCursor}
  235.  
  236. }
  237.  
  238.  
  239. body {
  240. background: {color: Borders};
  241. font-size: {select: Font Size}px;
  242. }
  243.  
  244. hr {
  245. border: none;
  246. height: 1px;
  247. background: #eee;
  248. }
  249.  
  250. /*-------------------------------*/
  251.  
  252. #axium a {
  253. position: fixed;
  254. bottom: 5px;
  255. right:10px;
  256. font-size: 10px;
  257. color: #333;
  258. background: #fff;
  259. border: 1px solid {color: Borders};
  260. padding: 7px 7px 4px 7px;
  261. -moz-border-radius:100%;
  262. -webkit-border-radius:100%;
  263. border-radius:100%;
  264. z-index: 99999999999999999999999;
  265. }
  266.  
  267. #axium a:hover {
  268. color: {color: Accent 1};
  269. transition:all 0.5s ease-out;
  270. -webkit-transition: all 0.5s ease;
  271. -moz-transition: all 0.5s ease;
  272. -o-transition: all 0.5s ease;
  273. }
  274.  
  275.  
  276.  
  277. /*-------------------------------*/
  278.  
  279. #anchor {
  280. position:fixed;
  281. top: 0;
  282. left: 0;
  283. width: 330px;
  284. height: 100%;
  285. background: #fff;
  286. border: 1px solid {color: Borders};
  287. z-index: 99999;
  288. display: none;
  289. padding: 20px;
  290. overflow-y: scroll;
  291. overflow-x:hidden;
  292. }
  293.  
  294. #header {
  295. position: absolute;
  296. top:80px;
  297. left: 0;
  298. width: 330px;
  299. padding: 17px;
  300. padding-bottom: 50px;
  301. font-size: {select: Sidebar Font Size}px;
  302.  
  303. }
  304.  
  305. #box {
  306. width: 300px;
  307. margin-left: 15px;
  308. margin-bottom: 30px;
  309. border: 1px solid {color: Borders};
  310. {block:ifRoundEdges}
  311. -moz-border-radius:5px;
  312. -webkit-border-radius:5px;
  313. border-radius:5px;
  314. {/block:ifRoundEdges}
  315. {block:ifNotRoundEdges}
  316. -moz-border-radius:0px;
  317. -webkit-border-radius:0px;
  318. border-radius:0px;
  319. {/block:ifNotRoundEdges}
  320. font-family: {select: Body Font}, sans-serif;
  321. overflow-x: hidden;
  322. z-index: 9999;
  323. }
  324.  
  325.  
  326. .title {
  327. width: 100%;
  328. background: #f8f8f8;
  329. text-transform: uppercase;
  330. height: 30px;
  331. padding: 4px;
  332. border-bottom: 1px solid {color: Borders};
  333. font-size: 13px;
  334. }
  335.  
  336. .title b {
  337. float: left;
  338. margin-left: 20px;
  339. margin-top: 6px;
  340. }
  341.  
  342.  
  343. .title span.sf {
  344. float: right;
  345. margin-top: 8px;
  346. margin-right: 20px;
  347. opacity: 0.2;
  348. }
  349.  
  350. /*-------------------------------*/
  351.  
  352. .text {
  353. margin: 10px;
  354. text-align: justify;
  355. padding: 5px;
  356. }
  357.  
  358. .text a {
  359. color: {color: Accent 1};
  360. }
  361.  
  362. .statsbox {
  363. margin-left: 20px;
  364. margin-right: 20px;
  365. padding: 10px;
  366. padding-bottom: 0;
  367. color:#555;
  368.  
  369. }
  370.  
  371. .statsbox .sf {
  372. color: {color: Accent 1};
  373. margin-right: 10px;
  374. }
  375.  
  376. .statsbox .sf:nth-of-type(odd){
  377. color: {color: Accent 2};
  378. }
  379.  
  380.  
  381. /*-------------------------------*/
  382.  
  383. /*--------------------------------------------------------------------
  384.  
  385. KEYWORD SEARCH BAR
  386. by Saturn Themes | saturnthms.tumblr.com
  387.  
  388. © All Rights Reserved
  389. Terms of Use @ saturnthms.tumblr.com/info/terms apply
  390.  
  391. --------------------------------------------------------------------*/
  392. input:focus::-webkit-input-placeholder {color: transparent;}input:focus:-moz-placeholder {color: transparent;}input:focus::-moz-placeholder {color: transparent;}input:focus:-ms-input-placeholder { color: transparent;}.requiro input{outline:none;border:0;width:100%;margin:0;padding:0;color:transparent;}
  393.  
  394. .requiro{
  395. color: #000;
  396. background: {color: Accent 2};
  397. padding:10px;
  398. margin: 15px;
  399. {block:ifRoundEdges}
  400. -moz-border-radius:10px;
  401. -webkit-border-radius:10px;
  402. border-radius:10px;
  403. {/block:ifRoundEdges}
  404. {block:ifNotRoundEdges}
  405. -moz-border-radius:0px;
  406. -webkit-border-radius:0px;
  407. border-radius:0px;
  408. {/block:ifNotRoundEdges}
  409. }
  410. .requiro input[type=text]{
  411. background: {color: Accent 2};
  412. text-align: center;
  413. text-transform: lowercase;
  414. color:#000;}
  415. input::-webkit-input-placeholder{
  416. color:#000;}
  417. input::-moz-placeholder{
  418. color:#000;}
  419. input:-moz-placeholder{
  420. color:#000;}
  421. input:-ms-input-placeholder{
  422. color:#000;}
  423.  
  424. /*-------------------------------*/
  425.  
  426. .navi table {
  427. font-size: {select: Sidebar Font Size}px;
  428. text-align: center;
  429. border-collapse: collapse;
  430. width: 90%;
  431. margin: 15px;
  432. margin-top: 10px;
  433. }
  434.  
  435. .navi th {
  436. padding: 8px;
  437. }
  438.  
  439. .navi tr {
  440. padding: 8px;
  441. text-align: center;
  442. border-bottom: none;
  443. height: 40px;
  444. }
  445.  
  446. .navi a{
  447. color: #888;
  448. text-decoration: none;
  449. text-align: center;
  450. background: #fff;
  451. padding: 7px 25px 7px 25px;
  452. border: 1px solid {color: Borders};
  453. {block:ifRoundEdges}
  454. -moz-border-radius:10px;
  455. -webkit-border-radius:10px;
  456. border-radius:10px;
  457. {/block:ifRoundEdges}
  458. {block:ifNotRoundEdges}
  459. -moz-border-radius:0px;
  460. -webkit-border-radius:0px;
  461. border-radius:0px;
  462. {/block:ifNotRoundEdges}
  463. margin: 2px;
  464. font-weight:bold;
  465. }
  466.  
  467. .navi a:hover {
  468. color: {color: Accent 1};
  469. background: {color: Accent 2 Light};
  470. border: 1px solid {color: Accent 2 Light};
  471. transition:all 0.5s ease-out;
  472. -webkit-transition: all 0.5s ease;
  473. -moz-transition: all 0.5s ease;
  474. -o-transition: all 0.5s ease;
  475. }
  476.  
  477.  
  478. /*-------------------------------*/
  479.  
  480. .activity {
  481. width: 100%;
  482. padding: 10px;
  483. margin-top: 5px;
  484. margin-bottom: 5px;
  485. }
  486.  
  487. .activity date {
  488. width: 10px;
  489. height: 30px;
  490. border: 1px solid {color: Borders};
  491. background: #f8f8f8;
  492. {block:ifRoundEdges}
  493. -moz-border-radius:5px;
  494. -webkit-border-radius:5px;
  495. border-radius:5px;
  496. {/block:ifRoundEdges}
  497. {block:ifNotRoundEdges}
  498. -moz-border-radius:0px;
  499. -webkit-border-radius:0px;
  500. border-radius:0px;
  501. {/block:ifNotRoundEdges}
  502. padding: 5px;
  503. font-weight: bold;
  504. text-transform: uppercase;
  505. margin: 5px;
  506. margin-top: 15px;
  507. }
  508.  
  509.  
  510. .activity event {
  511. margin-left: 10px;
  512. }
  513.  
  514. /*-------------------------------*/
  515.  
  516.  
  517. .affiliates {
  518. text-align: center;
  519. margin:5px;
  520. }
  521.  
  522. .affiliates img {
  523. margin: 7px;
  524. width: 40px;
  525. height: 40px;
  526. }
  527.  
  528. .affiliates a img:hover {
  529. {block:ifCircularImages}
  530. -moz-border-radius:100%;
  531. -webkit-border-radius:100%;
  532. border-radius:100%;
  533. {/block:ifCircularImages}
  534. {block:ifNotCircularImages}
  535. -moz-border-radius:0px;
  536. -webkit-border-radius:0px;
  537. border-radius:0px;
  538. {/block:ifNotCircularImages}
  539. opacity: 0.4;
  540. transition:all 1s ease-out;
  541. -webkit-transition: all 1s ease;
  542. -moz-transition: all 1s ease;
  543. -o-transition: all 1s ease;
  544. }
  545.  
  546. /*-------------------------------*/
  547.  
  548. .projects {
  549. width: 100%;
  550. padding: 10px;
  551. height: 55px;
  552. display: block;
  553. border-bottom: 1px solid {color: Borders};
  554. }
  555.  
  556. .projtitles {
  557. position: relative;
  558. top: 10px;
  559. left: 10px;
  560. text-transform: lowercase;
  561. font-variant: small-caps;
  562. letter-spacing: 2px;
  563. font-weight: normal;
  564. }
  565.  
  566. .projinfo ul li {
  567. list-style-type: square;
  568. }
  569.  
  570. /*-------------------------------*/
  571.  
  572. .bloginfo table {
  573. font-size: {select: Sidebar Font Size}px;
  574. text-align: center;
  575. border-collapse: collapse;
  576. width: 90%;
  577. margin: 15px;
  578. margin-top: 10px;
  579. }
  580.  
  581. .bloginfo th {
  582. padding: 8px;
  583. }
  584.  
  585. .bloginfo tr {
  586. padding: 8px;
  587. text-align: center;
  588. border-bottom: none;
  589. height: 30px;
  590. }
  591.  
  592. .disclaimer {
  593. font-size: {select: Sidebar Font Size}px;
  594. text-align: center;
  595. margin: 15px;
  596. }
  597.  
  598. .bloginfo a{
  599. color: {color: Accent 1};
  600. margin: 2px;
  601. }
  602.  
  603. .bloginfo a:hover {
  604. color: {color: Accent 2};
  605. transition:all 0.5s ease-out;
  606. -webkit-transition: all 0.5s ease;
  607. -moz-transition: all 0.5s ease;
  608. -o-transition: all 0.5s ease;
  609. }
  610.  
  611. /*-------------------------------*/
  612.  
  613. #trueheader {
  614. position: fixed;
  615. top: 0;
  616. left: 0;
  617. width: 100%;
  618. height: 80px;
  619. background: #fff;
  620. border: 1px solid {color: Borders};
  621. z-index: 9999999;
  622. font-family: {select: Body Font}, sans-serif;
  623. }
  624.  
  625. #truelinks {
  626. display: inline-block;
  627. font-weight: bold;
  628. text-transform: uppercase;
  629. position: absolute;
  630. font-size: 15px;
  631. right: 50px;
  632. top: 30px;
  633. }
  634.  
  635. #truelinks a {
  636. color: {color: Accent 1};
  637. margin-left: 20px;
  638. }
  639.  
  640. #truelinks a:hover {
  641. color: {color: Accent 2};
  642. transition:all 0.5s ease-out;
  643. -webkit-transition: all 0.5s ease;
  644. -moz-transition: all 0.5s ease;
  645. -o-transition: all 0.5s ease;
  646. }
  647.  
  648. #welcome {
  649. text-transform: uppercase;
  650. letter-spacing: 2px;
  651. text-align: center;
  652. width: 150px;
  653. position: absolute;
  654. top: 10px;
  655. left:45%;
  656. }
  657.  
  658. #welcome img {
  659. width: 40px;
  660. height: 40px;
  661. {block:ifCircularImages}
  662. -moz-border-radius:100%;
  663. -webkit-border-radius:100%;
  664. border-radius:100%;
  665. {/block:ifCircularImages}
  666. {block:ifNotCircularImages}
  667. -moz-border-radius:0px;
  668. -webkit-border-radius:0px;
  669. border-radius:0px;
  670. {/block:ifNotCircularImages}
  671. }
  672.  
  673. #welcome .truetitle {
  674. font-size: 15px;
  675. word-spacing: 4px;
  676. }
  677.  
  678. #truereveal {
  679. position: absolute;
  680. bottom: 10px;
  681. left: 10px;
  682. }
  683.  
  684.  
  685. /*-------------------------------*/
  686.  
  687.  
  688. #postcontainer {
  689. position: absolute;
  690. left: 35%;
  691. top: 100px;
  692.  
  693. }
  694.  
  695. .posts {
  696. margin-top: 5px;
  697. width: {select: Post Width}px;
  698. background: #fff;
  699. margin-bottom: 50px;
  700. padding: 15px;
  701. border: 1px solid {color: Borders};
  702. font-family: {select: Body Font}, sans-serif;
  703. {block:ifRoundEdges}
  704. -moz-border-radius:5px;
  705. -webkit-border-radius:5px;
  706. border-radius:5px;
  707. {/block:ifRoundEdges}
  708. {block:ifNotRoundEdges}
  709. -moz-border-radius:0px;
  710. -webkit-border-radius:0px;
  711. border-radius:0px;
  712. {/block:ifNotRoundEdges}
  713. }
  714.  
  715. .posts a:hover {
  716. color:{color: Accent 2};
  717. transition:all 0.5s ease-out;
  718. -webkit-transition: all 0.5s ease;
  719. -moz-transition: all 0.5s ease;
  720. -o-transition: all 0.5s ease;
  721. }
  722.  
  723. .posts a:nth-of-type(even):hover {
  724. color: {color: Accent 1};
  725. transition:all 0.5s ease-out;
  726. -webkit-transition: all 0.5s ease;
  727. -moz-transition: all 0.5s ease;
  728. -o-transition: all 0.5s ease;
  729. }
  730.  
  731. /*-------------------------------*/
  732.  
  733. .posthead {
  734. margin-top: 10px;
  735. width: {select: Post Width}px;
  736. background: #fff;
  737. margin-bottom: 5px;
  738. padding: 15px;
  739. border: 1px solid {color: Borders};
  740. font-family: {select: Body Font}, sans-serif;
  741. {block:ifRoundEdges}
  742. -moz-border-radius:5px;
  743. -webkit-border-radius:5px;
  744. border-radius:5px;
  745. {/block:ifRoundEdges}
  746. {block:ifNotRoundEdges}
  747. -moz-border-radius:0px;
  748. -webkit-border-radius:0px;
  749. border-radius:0px;
  750. {/block:ifNotRoundEdges}
  751. text-align: right;
  752. }
  753.  
  754. .source .sf, .via .sf{
  755. font-size: 9px;
  756. }
  757.  
  758. .source, .via {
  759. border: 1px solid {color: Borders};
  760. padding: 5px 7px 5px 7px;
  761. {block:ifRoundEdges}
  762. -moz-border-radius:5px;
  763. -webkit-border-radius:5px;
  764. border-radius:5px;
  765. {/block:ifRoundEdges}
  766. {block:ifNotRoundEdges}
  767. -moz-border-radius:0px;
  768. -webkit-border-radius:0px;
  769. border-radius:0px;
  770. {/block:ifNotRoundEdges}
  771. }
  772.  
  773. .source {
  774. position: absolute;
  775. left: 15px;
  776. margin-top: -5px;
  777. }
  778.  
  779. a.source:hover {
  780. color: {color: Accent 1};
  781. border-color: #ffe6e6;
  782. background: #ffe6e6;
  783. transition:all 0.5s ease-out;
  784. -webkit-transition: all 0.5s ease;
  785. -moz-transition: all 0.5s ease;
  786. -o-transition: all 0.5s ease;
  787. }
  788.  
  789. a.via:hover {
  790. color: {color: Accent 2};
  791. border-color: #ebfaeb;
  792. background:#ebfaeb;
  793. transition:all 0.5s ease-out;
  794. -webkit-transition: all 0.5s ease;
  795. -moz-transition: all 0.5s ease;
  796. -o-transition: all 0.5s ease;
  797. }
  798.  
  799. /*-------------------------------*/
  800.  
  801. .postside {
  802. width: 300px;
  803. height: 200px;
  804. position: absolute;
  805. margin-top: -9px;
  806. left: 101%;
  807. }
  808.  
  809. .reblog, .permas {
  810. font-size: 13px;
  811. position: relative;
  812. margin-bottom: 20px;
  813.  
  814. }
  815.  
  816. .reblog a, .permas a {
  817. padding: 5px 5px 0 5px;
  818. border: 1px solid {color: Borders};
  819. border-radius: 100%;
  820. background: #fff;
  821. }
  822.  
  823. #tags .sf {
  824. font-size: 13px;
  825. position: relative;
  826. margin-bottom: 20px;
  827. padding: 5px 5px 0 5px;
  828. border: 1px solid {color: Borders};
  829. border-radius: 100%;
  830. background: #fff;
  831. }
  832.  
  833. .reblog a:hover, #tags:hover {
  834. color: {color: Accent 2};
  835. transition:all 0.5s ease-out;
  836. -webkit-transition: all 0.5s ease;
  837. -moz-transition: all 0.5s ease;
  838. -o-transition: all 0.5s ease;
  839. }
  840.  
  841. .permas a:hover {
  842. color:{color: Accent 1};
  843. transition:all 0.5s ease-out;
  844. -webkit-transition: all 0.5s ease;
  845. -moz-transition: all 0.5s ease;
  846. -o-transition: all 0.5s ease;
  847. }
  848.  
  849. #tagbox {
  850. {block:IfTagsOnClick}
  851. display: none;
  852. {/block:IfTagsOnClick}
  853. {block:IfNotTagsOnClick}
  854. display:initial;
  855. {/block:IfNotTagsOnClick}
  856. width: 200px;
  857. height: 50px;
  858. background: #fff;
  859. padding: 10px;
  860. border: 1px solid {color: Borders};
  861. {block:ifRoundEdges}
  862. -moz-border-radius:5px;
  863. -webkit-border-radius:5px;
  864. border-radius:5px;
  865. {/block:ifRoundEdges}
  866. {block:ifNotRoundEdges}
  867. -moz-border-radius:0px;
  868. -webkit-border-radius:0px;
  869. border-radius:0px;
  870. {/block:ifNotRoundEdges}
  871. position: absolute;
  872. left: 30px;
  873. margin-top: -25px;
  874. overflow-y:scroll;
  875. }
  876.  
  877. #tagbox a:hover {
  878. color:{color: Accent 1};
  879. transition:all 0.5s ease-out;
  880. -webkit-transition: all 0.5s ease;
  881. -moz-transition: all 0.5s ease;
  882. -o-transition: all 0.5s ease;
  883. }
  884.  
  885. #tagbox a:nth-of-type(even):hover {
  886. color: {color: Accent 2};
  887. transition:all 0.5s ease-out;
  888. -webkit-transition: all 0.5s ease;
  889. -moz-transition: all 0.5s ease;
  890. -o-transition: all 0.5s ease;
  891. }
  892.  
  893. /*-------------------------------*/
  894.  
  895. .permalinks {
  896. width: {select: Post Width}px;
  897. height: auto;
  898. margin-top: 50px;
  899. padding: 15px;
  900. background: #fff;
  901. border: 1px solid {color: Borders};
  902. text-align: left;
  903. line-height: 2;
  904. {block:ifRoundEdges}
  905. -moz-border-radius:5px;
  906. -webkit-border-radius:5px;
  907. border-radius:5px;
  908. {/block:ifRoundEdges}
  909. {block:ifNotRoundEdges}
  910. -moz-border-radius:0px;
  911. -webkit-border-radius:0px;
  912. border-radius:0px;
  913. {/block:ifNotRoundEdges}
  914. }
  915.  
  916. .permalinks li{
  917. text-align: left;
  918. list-style-type: none;
  919. }
  920.  
  921. .permalinks li::after {
  922. content'<br>'
  923. }
  924.  
  925. .permalinks img {
  926. margin-right: 3px;
  927. float: left;
  928. {block:ifCircularImages}
  929. -moz-border-radius:100%;
  930. -webkit-border-radius:100%;
  931. border-radius:100%;
  932. {/block:ifCircularImages}
  933. {block:ifNotCircularImages}
  934. -moz-border-radius:0px;
  935. -webkit-border-radius:0px;
  936. border-radius:0px;
  937. {/block:ifNotCircularImages}
  938.  
  939. }
  940.  
  941. /*-------------------------------*/
  942.  
  943.  
  944. #pagination {
  945. position: fixed;
  946. right:5%;
  947. top: 50%;
  948. font-family:{select: Body Font}, sans-serif;
  949. font-size: 14px;
  950. transform: rotate(90deg);
  951. word-spacing: 15px;
  952. height: auto;
  953. display: inline-block;
  954. }
  955.  
  956. #pagination a {
  957. margin-top: 20px;
  958. }
  959.  
  960. #pagination a:hover {
  961. color:{color: Accent 1};
  962. transition:all 0.5s ease-out;
  963. -webkit-transition: all 0.5s ease;
  964. -moz-transition: all 0.5s ease;
  965. -o-transition: all 0.5s ease;
  966. }
  967.  
  968. #pagination a:nth-of-type(even):hover {
  969. color: {color: Accent 2};
  970. transition:all 0.5s ease-out;
  971. -webkit-transition: all 0.5s ease;
  972. -moz-transition: all 0.5s ease;
  973. -o-transition: all 0.5s ease;
  974. }
  975.  
  976. #pagination .sf {
  977. font-size: 10px;
  978. }
  979.  
  980. #pagination .current {
  981. font-weight: bold;
  982. color: {color: Accent 1};
  983. }
  984.  
  985.  
  986. /*-------------------------------*/
  987.  
  988. .rebloguser {
  989. margin: 5px;
  990. height:16px;
  991. line-height:16px;
  992.  
  993. }
  994.  
  995. .rebloguser img {
  996. float:left;
  997. width:16px;
  998. margin-right:8px;
  999. {block:ifCircularImages}
  1000. -moz-border-radius:100%;
  1001. -webkit-border-radius:100%;
  1002. border-radius:100%;
  1003. {/block:ifCircularImages}
  1004. {block:ifNotCircularImages}
  1005. -moz-border-radius:0px;
  1006. -webkit-border-radius:0px;
  1007. border-radius:0px;
  1008. {/block:ifNotCircularImages}
  1009.  
  1010. }
  1011.  
  1012. .rebloguser a {
  1013. color: #555;
  1014. }
  1015.  
  1016.  
  1017. .rebloguser a:hover {
  1018. color: {color: Accent 1};
  1019. border-bottom: 1px solid {color: Accent 1};
  1020. transition:all 0.5s ease-out;
  1021. -webkit-transition: all 0.5s ease;
  1022. -moz-transition: all 0.5s ease;
  1023. -o-transition: all 0.5s ease;
  1024. }
  1025.  
  1026. /*-------------------------------*/
  1027.  
  1028. .question img {
  1029. {block:ifCircularImages}
  1030. -moz-border-radius:100%;
  1031. -webkit-border-radius:100%;
  1032. border-radius:100%;
  1033. {/block:ifCircularImages}
  1034. {block:ifNotCircularImages}
  1035. -moz-border-radius:0px;
  1036. -webkit-border-radius:0px;
  1037. border-radius:0px;
  1038. {/block:ifNotCircularImages}
  1039. }
  1040.  
  1041. .question, .ask, .q {
  1042. display: inline-block;
  1043. }
  1044.  
  1045. .q {
  1046. background: #f8f8f8;
  1047. border: 1px solid {color: Borders};
  1048. width: calc({select: Post Width}px - 100px);
  1049. height: auto;
  1050. padding: 10px;
  1051. margin: 10px;
  1052. }
  1053.  
  1054. .ask {
  1055. font-weight: bold;
  1056. word-spacing: 5px;
  1057. margin-right: 15px;
  1058. }
  1059.  
  1060. .answer img {
  1061. {block:ifCircularImages}
  1062. -moz-border-radius:100%;
  1063. -webkit-border-radius:100%;
  1064. border-radius:100%;
  1065. {/block:ifCircularImages}
  1066. {block:ifNotCircularImages}
  1067. -moz-border-radius:0px;
  1068. -webkit-border-radius:0px;
  1069. border-radius:0px;
  1070. {/block:ifNotCircularImages}
  1071. float: right;
  1072. }
  1073.  
  1074. .answerer, .aa, .answer {
  1075. display: inline-block;
  1076. }
  1077.  
  1078. .aa {
  1079. background: #f8f8f8;
  1080. border: 1px solid {color: Borders};
  1081. width: calc({select: Post Width}px - 100px);
  1082. height: auto;
  1083. padding: 10px;
  1084. margin: 10px;
  1085. text-align: right;
  1086. }
  1087.  
  1088. .answerer a {
  1089. color: {color: Accent 1};
  1090. }
  1091.  
  1092. .answerer {
  1093. word-spacing: 5px;
  1094. }
  1095.  
  1096. /*-------------------------------*/
  1097.  
  1098. .quotes {
  1099. text-align: right;
  1100. background: #f5f5f5;
  1101. padding: 10px;
  1102. {block:ifRoundEdges}
  1103. -moz-border-radius:8px;
  1104. -webkit-border-radius:8px;
  1105. border-radius:8px;
  1106. {/block:ifRoundEdges}
  1107. {block:ifNotRoundEdges}
  1108. -moz-border-radius:0px;
  1109. -webkit-border-radius:0px;
  1110. border-radius:0px;
  1111. {/block:ifNotRoundEdges}
  1112. }
  1113.  
  1114. .sourceq {
  1115. margin: 10px;
  1116. }
  1117.  
  1118. .sourceq .sf {
  1119. margin-right: 10px;
  1120. font-size: 9px;
  1121. }
  1122.  
  1123. /*-------------------------------*/
  1124.  
  1125. iframe.tmblr-iframe {
  1126. z-index:99999999999999!important;
  1127. top:-2px!important;
  1128. right:0!important;
  1129. opacity:0;
  1130. padding-right:38px;
  1131. /* delete invert(1) from here */
  1132. filter:invert(1) contrast(150%);
  1133. -webkit-filter:invert(1) contrast(150%);
  1134. -o-filter:invert(1) contrast(150%);
  1135. -moz-filter:invert(1) contrast(150%);
  1136. -ms-filter:invert(1) contrast(150%);
  1137. /* to here if your blog has a dark background */
  1138. transform:scale(0.65);
  1139. transform-origin:100% 0;
  1140. -webkit-transform:scale(0.65);
  1141. -webkit-transform-origin:100% 0;
  1142. -o-transform:scale(0.65);
  1143. -o-transform-origin:100% 0;
  1144. -moz-transform:scale(0.65);
  1145. -moz-transform-origin:100% 0;
  1146. -ms-transform:scale(0.65);
  1147. -ms-transform-origin:100% 0;}
  1148.  
  1149. iframe.tmblr-iframe:hover {
  1150. opacity:0.6!important;}
  1151.  
  1152. .hcontrols {
  1153. position:fixed;
  1154. top:0;
  1155. right:0;
  1156. z-index:999999999;}
  1157.  
  1158. .hcontrols svg {
  1159. width:14px;
  1160. height:14px;
  1161. padding:9px;}
  1162.  
  1163. .hcontrols svg path {
  1164. fill:{color: Accent 1};/* change this to change the color of the icon */}
  1165.  
  1166. </style>
  1167.  
  1168. <body>
  1169.  
  1170.  
  1171. <!-----------------------------TOPHEADER------------------------------>
  1172. <div id="trueheader">
  1173.  
  1174. <div id="truelinks">
  1175. <a href="/">home</a>
  1176. <a href="/">ask</a>
  1177. <a href="/">archive</a>
  1178. <a href="/">top link one</a>
  1179. <!------- can add more, copy and paste as needed -------->
  1180. </div>
  1181. <div id="welcome">
  1182. <img src="{image: Icon}">
  1183. <div class="truetitle">{Title}</div>
  1184. </div>
  1185. <div id="truereveal">
  1186. <span class="sf sf-chevron-down"></span>
  1187. </div>
  1188.  
  1189. </div>
  1190.  
  1191. <div id="anchor">
  1192. <div id="header">
  1193. <div id="box">
  1194. <div class="title"><b>Introduction</b><span class="sf sf-home-o"></span></div>
  1195. <div class="text">
  1196. {Description}
  1197. <div class="statsbox">
  1198. <span class="sf sf-user"></span> your name<br>
  1199. <span class="sf sf-location"></span> put a location<br>
  1200. <span class="sf sf-clock-3-o"></span> maybe a status<br>
  1201. <!------- can add more, copy and paste as needed
  1202.  
  1203. <span class="sf sf-[icon-name]"></span> text here<br>
  1204.  
  1205. ------------------------------------------------>
  1206. </div>
  1207. </div>
  1208. </div>
  1209.  
  1210.  
  1211.  
  1212. <div id="box">
  1213. <div class="title"><b>searching...</b> <span class="sf sf-search-o"></span></div>
  1214. <!--------------------------------------------------------------------
  1215.  
  1216. KEYWORD SEARCH BAR
  1217. by Saturn Themes | saturnthms.tumblr.com
  1218.  
  1219. © All Rights Reserved
  1220. Terms of Use @ saturnthms.tumblr.com/info/terms apply
  1221.  
  1222. ---------------------------------------------------------------------->
  1223.  
  1224. <form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="Search" value=""/></form>
  1225. </div>
  1226.  
  1227.  
  1228. <div id="box">
  1229. <div class="title"><b>navigation</b> <span class="sf sf-link-1"></span></div>
  1230. <div class="navi">
  1231. <table>
  1232. <tr>
  1233. <th><a href="/tagged/URL">link one</a></th>
  1234. <th><a href="/tagged/URL">link two</a></th>
  1235. </tr>
  1236. <tr>
  1237. <th><a href="/URL">link three</a></th>
  1238. <th><a href="/tagged/URL">link four</a></th>
  1239. </tr>
  1240. <tr>
  1241. <th><a href="/tagged/URL">link five</a></th>
  1242. <th><a href="/tagged/URL">link six</a></th>
  1243. </tr>
  1244. </table>
  1245. <!------- can add more, copy and paste as needed
  1246.  
  1247. <tr>
  1248. <th><a href="/tagged/URL">link</a></th>
  1249. <th><a href="/tagged/URL">link</a></th>
  1250. </tr>
  1251.  
  1252. ------------------------------------------------>
  1253.  
  1254. </div>
  1255.  
  1256. </div>
  1257.  
  1258. <div id="box">
  1259. <div class="title"><b>calendar</b> <span class="sf sf-calendar"></span></div>
  1260. <div class="activity">
  1261. <date>01 jan</date>
  1262. <event> something of importance</event>
  1263. </div><hr>
  1264. <div class="activity">
  1265. <date>01 jan</date>
  1266. <event> something of importance</event>
  1267. </div><hr>
  1268. <div class="activity">
  1269. <date>01 jan</date>
  1270. <event> something of importance</event>
  1271. </div>
  1272. <!------- can add more, copy and paste as needed
  1273.  
  1274. <div class="activity">
  1275. <date>01 jan</date>
  1276. <event> something of importance</event>
  1277. </div>
  1278.  
  1279. ------------------------------------------------>
  1280.  
  1281. </div>
  1282.  
  1283. <div id="box">
  1284. <div class="title"><b>affiliates</b> <span class="sf sf-photo"></span></div>
  1285. <div class="affiliates">
  1286. <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/ygLYYrk.png"></a>
  1287. <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/XoHABOt.png"></a>
  1288. <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/5E2xOK9.png"></a>
  1289. <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/JYDLFjY.png"></a>
  1290. <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/MGqcJ2y.png"></a>
  1291. <!------- can add more, copy and paste as needed
  1292.  
  1293. <a href="BLOG URL" title="TITLE OF BLOG"><img src="BLOG'S ICON URL"></a>
  1294.  
  1295. ------------------------------------------------>
  1296.  
  1297. </div>
  1298. </div>
  1299.  
  1300. <div id="box">
  1301. <div class="title"><b>projects</b> <span class="sf sf-write"></span></div>
  1302. <div class="projects">
  1303. <b class="projtitle">project title</b>
  1304. <span class="projinfo">
  1305. <ul>
  1306. <li>lil info</li>
  1307. <li>lil info</li>
  1308. </ul>
  1309. </span>
  1310. </div>
  1311. <div class="projects">
  1312. <b class="projtitle">project title</b>
  1313. <span class="projinfo">
  1314. <ul>
  1315. <li>lil info</li>
  1316. <li>lil info</li>
  1317. </ul>
  1318. </span>
  1319. </div>
  1320. <!------- can add more, copy and paste as needed
  1321.  
  1322. <div class="projects">
  1323. <b class="projtitle">project title</b>
  1324. <span class="projinfo">
  1325. <ul>
  1326. <li>lil info</li>
  1327. <li>lil info</li>
  1328. </ul>
  1329. </span>
  1330. </div>
  1331.  
  1332. ------------------------------------------------>
  1333. </div>
  1334.  
  1335. <div id="box">
  1336. <div class="title"><b>blog info</b> <span class="sf sf-wrench-1"></span></div>
  1337. <div class="bloginfo">
  1338. <table>
  1339. <tr>
  1340. <th>Visits:<!------- script form http://freehostedscripts.net/texthitcounter/ -------></th>
  1341. <th>Online:<!------- script form http://freehostedscripts.net/onlinecounter/ -------></th>
  1342. </tr>
  1343. <tr>
  1344. <th>Established:<!--- insert date ---></th>
  1345. <th>Followers:<!------- script form http://freehostedscripts.net/tumblrtracker/ -------></th>
  1346. </tr>
  1347. </table>
  1348. </div>
  1349. <div class="disclaimer">
  1350. this is your typical disclaimer section, be careful about spacing! other than that, hope you enjoy!
  1351. </div>
  1352. </div>
  1353. </div>
  1354. </div>
  1355.  
  1356. <div id="postcontainer">
  1357.  
  1358. {block:TagPage}<div class="tagsearchhead"><div class="tagsearchtitle">Posts Filed Under #{Tag}</div></div> {/block:TagPage}
  1359.  
  1360. {block:SearchPage}<div class="tagsearchhead"><div class="tagsearchtitle">Posts Featuring {SearchQuery}</div></div>{/block:SearchPage}
  1361.  
  1362. {block:Posts}
  1363. <div class="posthead">
  1364. {block:RebloggedFrom}
  1365. {block:ContentSource}<a class="source" href="{ReblogRootURL}" title="source {ReblogRootName}"><span class="sf sf-push-pin-o"></span></b> {ReblogRootName}</a> {/block:ContentSource}
  1366. <a class="via" href="{ReblogParentURL}" title="via {ReblogParentName}"><span class="sf sf-refresh-o"></span></b> {ReblogParentName}</a>
  1367. {/block:RebloggedFrom}
  1368. </div>
  1369.  
  1370.  
  1371.  
  1372.  
  1373. <div class="posts">
  1374.  
  1375. <div class="postside">
  1376. <div class="reblog"><a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a></div>
  1377. <div class="permas"><a href="{Permalink}" title="permalink"><span class="sf sf-link-1"></span></a></div>
  1378. {block:HasTags}{block:IfShowTags}<div id="tags" title="tags"><span class="sf sf-tags"></span></div>
  1379. <div id="tagbox">{block:Tags}<a href="{TagUrl}" title="{Tag}"><span class="sf sf-tag-o"></span> {Tag}</a> {/block:Tags}</div>{/block:IfShowTags}{/block:HasTags}
  1380. </div>
  1381.  
  1382. {block:Answer}
  1383. <div class="question"><img src="{AskerPortraitURL-24}"><div class="q"><div class="ask"> {Asker} asked:</div> {Question}</div></div>
  1384. <div class="answer"><img src="{AnswererPortraitURL-24}">{block:Answerer}<div class="aa"><div class="answerer"> {Answerer} said: {/block:Answerer}</div>{Answer}</div></div>
  1385. {/block:Answer}
  1386.  
  1387.  
  1388.  
  1389. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{block:Reblogs}
  1390. <div class="rebloguser">
  1391. {block:IsNotOriginalEntry}
  1392. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>
  1393. {/block:IsNotOriginalEntry}
  1394. {block:IsOriginalEntry}
  1395. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>{/block:IsOriginalEntry}
  1396. </div>
  1397. <div class="cap">
  1398. {Body}
  1399. </div>
  1400. {/block:Reblogs}
  1401. {block:NotReblog}
  1402. <div class="cap">
  1403. {Body}
  1404. </div>
  1405. {/block:NotReblog}
  1406. {/block:Text}
  1407.  
  1408.  
  1409.  
  1410. {block:Photo}<img src="{PhotoURL-500}" width="{select: Post Width}">{block:Reblogs}
  1411. <div class="rebloguser">
  1412. {block:IsNotOriginalEntry}
  1413. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>
  1414. {/block:IsNotOriginalEntry}
  1415. {block:IsOriginalEntry}
  1416. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>{/block:IsOriginalEntry}
  1417. </div>
  1418. <div class="cap">
  1419. {Body}
  1420. </div>
  1421. {/block:Reblogs}
  1422. {block:NotReblog}
  1423. {block:Caption}
  1424. <div class="cap">
  1425. {Caption}
  1426. </div>
  1427. {/block:Caption}
  1428. {/block:NotReblog}
  1429. {/block:Photo}
  1430.  
  1431. {block:Photoset}{Photoset}{block:Reblogs}
  1432. <div class="rebloguser">
  1433. {block:IsNotOriginalEntry}
  1434. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>
  1435. {/block:IsNotOriginalEntry}
  1436. {block:IsOriginalEntry}
  1437. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>{/block:IsOriginalEntry}
  1438. </div>
  1439. <div class="cap">
  1440. {Body}
  1441. </div>
  1442. {/block:Reblogs}
  1443. {block:NotReblog}
  1444. {block:Caption}
  1445. <div class="cap">
  1446. {Caption}
  1447. </div>
  1448. {/block:Caption}
  1449. {/block:NotReblog}
  1450. {/block:Photoset}
  1451.  
  1452. {block:Quote}<div class="quotes"><I>{Quote}</I></div>{block:Source}<div class="sourceq"><span class="sf sf-chat-o"></span>{Source}</div>{/block:Source}{/block:Quote}
  1453.  
  1454. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1455.  
  1456. {block:Chat}{block:Title}<div class="posttitle">{Title}</div></a>{/block:Title}
  1457. {block:Lines}<li>{block:Label}<div class="label">{Label}</div>{/block:Label}<div class="line">{Line}</div></li>{/block:Lines}{/block:Chat}
  1458.  
  1459. {block:Video}<div class="video">{Video-500}</div>{block:Reblogs}
  1460. <div class="rebloguser">
  1461. {block:IsNotOriginalEntry}
  1462. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>
  1463. {/block:IsNotOriginalEntry}
  1464. {block:IsOriginalEntry}
  1465. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>{/block:IsOriginalEntry}
  1466. </div>
  1467. <div class="cap">
  1468. {Body}
  1469. </div>
  1470. {/block:Reblogs}
  1471. {block:NotReblog}
  1472. {block:Caption}
  1473. <div class="cap">
  1474. {Caption}
  1475. </div>
  1476. {/block:Caption}
  1477. {/block:NotReblog}
  1478. {/block:Video}
  1479.  
  1480. {block:Audio}{AudioEmbed}{block:Reblogs}
  1481. <div class="rebloguser">
  1482. {block:IsNotOriginalEntry}
  1483. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>
  1484. {/block:IsNotOriginalEntry}
  1485. {block:IsOriginalEntry}
  1486. <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{Username}</a>{/block:IsOriginalEntry}
  1487. </div>
  1488. <div class="cap">
  1489. {Body}
  1490. </div>
  1491. {/block:Reblogs}
  1492. {block:NotReblog}
  1493. {block:Caption}
  1494. <div class="cap">
  1495. {Caption}
  1496. </div>
  1497. {/block:Caption}
  1498. {/block:NotReblog}
  1499. {/block:Audio}
  1500.  
  1501.  
  1502. </div>
  1503.  
  1504. {block:PermalinkPage}
  1505. {block:PostNotes}<div class="permalinks">
  1506. {PostNotes-16}<br>
  1507. </div>{/block:PostNotes}
  1508. {/block:PermalinkPage}
  1509.  
  1510. {/block:Posts}
  1511.  
  1512. </div>
  1513.  
  1514. <div id="pagination">
  1515. {block:Pagination}
  1516. {block:PreviousPage}<a href="{PreviousPage}" class="nextprev"><span class="sf sf-chevron-left"></span></a>{/block:PreviousPage}
  1517. {block:JumpPagination length="5"}
  1518. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1519. {block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1520. {block:NextPage}<a href="{NextPage}" class="nextprev"><span class="sf sf-chevron-right"></span></a>{/block:NextPage}
  1521. {/block:Pagination}
  1522. </div>
  1523.  
  1524.  
  1525.  
  1526.  
  1527.  
  1528.  
  1529.  
  1530. <!------------------------------ CREDIT ------------------------------->
  1531. <div id="axium"><a href="http://wolfthemes.tumblr.com">wolf</a></div>
  1532. <!-------- PLEASE DO NOT TOUCH OR EDIT WITHOUT PERMISSION!!!! --------->
  1533. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1534. </body>
  1535. </html>
Add Comment
Please, Sign In to add comment