jasonmcann

Theme: It's all lies

Jul 25th, 2014
2,434
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. - theme #20 / caulfielld(tumblr.com) -
  7. don't take parts of this code.
  8. don't remove this comment.
  9. don't remove the credit.
  10. -->
  11.  
  12. <title>{Title}
  13. {block:PostTitle} — {PostTitle}{/block:PostTitle}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="color:background" content="#ffffff" />
  21. <meta name="color:text" content="#7e7175" />
  22. <meta name="color:link" content="#77b5be" />
  23. <meta name="color:link hover" content="#7e7175" />
  24. <meta name="color:scrollbar" content="#77b5be" />
  25. <meta name="color:border" content="#f5f5f5" />
  26. <meta name="color:blockquote" content="#f5f5f5" />
  27. <meta name="color:selection bg" content="#77b5be" />
  28. <meta name="color:selection text" content="#ffffff" />
  29. <meta name="color:bold" content="#77b5be" />
  30. <meta name="color:text-title bg" content="#f8f8f8" />
  31. <meta name="color:caption bg" content="#f8f8f8" />
  32. <meta name="color:posts info bg" content="#fafafa" />
  33. <meta name="color:tabs bg" content="#fcfcfc" />
  34. <meta name="color:tabs titles" content="#398080" />
  35. <meta name="color:tabs blockquotes" content="#e9f2f2" />
  36.  
  37. <meta name="text:Tab label 01" content="index" />
  38. <meta name="text:Tab label 02" content="navigation" />
  39. <meta name="text:Tab label 03" content="message" />
  40. <meta name="text:Tab label 04" content="extra box" />
  41.  
  42. <meta name="text:Tab 01 subtitle" content="tab one subtitle" />
  43. <meta name="text:Tab 01 subtext" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis." />
  44.  
  45. <meta name="text:Tab 02 title" content="tab two title" />
  46. <meta name="text:Tab 02 text" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis." />
  47. <meta name="text:Tab 02 subtitle" content="tab two subtitle" />
  48.  
  49. <meta name="text:Tab 02 link 01 URL" content="/" />
  50. <meta name="text:Tab 02 link 01 title" content="link 01">
  51. <meta name="text:Tab 02 link 02 URL" content="/" />
  52. <meta name="text:Tab 02 link 02 title" content="link 02">
  53. <meta name="text:Tab 02 link 03 URL" content="/" />
  54. <meta name="text:Tab 02 link 03 title" content="link 03">
  55. <meta name="text:Tab 02 link 04 URL" content="/" />
  56. <meta name="text:Tab 02 link 04 title" content="link 04">
  57. <meta name="text:Tab 02 link 05 URL" content="/" />
  58. <meta name="text:Tab 02 link 05 title" content="link 05">
  59. <meta name="text:Tab 02 link 06 URL" content="/" />
  60. <meta name="text:Tab 02 link 06 title" content="link 06">
  61. <meta name="text:Tab 02 link 07 URL" content="/" />
  62. <meta name="text:Tab 02 link 07 title" content="link 07">
  63. <meta name="text:Tab 02 link 08 URL" content="/" />
  64. <meta name="text:Tab 02 link 08 title" content="link 08">
  65. <meta name="text:Tab 02 link 09 URL" content="/" />
  66. <meta name="text:Tab 02 link 09 title" content="link 09">
  67. <meta name="text:Tab 02 link 10 URL" content="/" />
  68. <meta name="text:Tab 02 link 10 title" content="link 10">
  69.  
  70. <meta name="text:Tab 03 title" content="tab three title" />
  71. <meta name="text:Tab 03 text" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis." />
  72. <meta name="text:Your URL" content="" />
  73.  
  74. <meta name="text:Tab 04 title" content="tab four title" />
  75. <meta name="text:Tab 04 text" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis." />
  76. <meta name="text:Tab 04 subtitle" content="tab four sibtitle" />
  77. <meta name="text:Tab 04 link 01 URL" content="/" />
  78. <meta name="text:Tab 04 link 01 title" content="link 01">
  79. <meta name="text:Tab 04 link 02 URL" content="/" />
  80. <meta name="text:Tab 04 link 02 title" content="link 02">
  81. <meta name="text:Tab 04 link 03 URL" content="/" />
  82. <meta name="text:Tab 04 link 03 title" content="link 03">
  83. <meta name="text:Tab 04 link 04 URL" content="/" />
  84. <meta name="text:Tab 04 link 04 title" content="link 04">
  85. <meta name="text:Tab 04 link 05 URL" content="/" />
  86. <meta name="text:Tab 04 link 05 title" content="link 05">
  87.  
  88. <meta name="if:infinite scrolling" content="1">
  89. <meta name="if:reblog button" content="1">
  90. <meta name="if:500px posts" content="0">
  91. <meta name="if:bg image" content="0">
  92.  
  93. <meta name="image:sidebar" content="">
  94. <meta name="image:background" content="">
  95.  
  96. <!--- extras --->
  97.  
  98. <script type="text/javascript" src="http://tympanus.net/Tutorials/CSS3ContentTabs/js/modernizr.custom.04022.js"></script>
  99.  
  100. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  101. <script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
  102.  
  103. <script type="text/javascript">
  104. $(document).ready(function(){
  105. $(window).scroll(function(){
  106. if ($(this).scrollTop() > 100) {
  107. $('.scrollup').fadeIn();
  108. } else {
  109. $('.scrollup').fadeOut();}});
  110. $('.scrollup').click(function(){
  111. $("html, body").animate({ scrollTop: 0 }, 600);
  112. return false;});});
  113. </script>
  114.  
  115. <script>
  116. (function($){
  117. $(document).ready(function(){
  118. $("[title]").style_my_tooltips({
  119. tip_follows_cursor:false,
  120. tip_delay_time:20,
  121. tip_fade_speed:300,
  122. attribute:"title"
  123. });});})(jQuery);
  124. </script>
  125.  
  126. <script type="text/javascript">$(window).scroll(function(){ if($(document).scrollTop()>=$(document).height()/17) {
  127. $('#socialslide').show('slow');
  128. } else {$('#socialslide').hide('slow');}
  129. });
  130. function closesocialslide(){
  131. $('#socialslide').remove();
  132. ;}
  133. </script>
  134.  
  135. <style type="text/css">
  136.  
  137. @import url('http://weloveiconfonts.com/api/?family=fontawesome');
  138.  
  139. /* fontawesome */
  140. [class*="fontawesome-"]:before {
  141. font-family: 'FontAwesome', sans-serif;
  142. }
  143.  
  144. body {
  145. font:09px sans-serif, cambria, calibri;
  146. margin:0;
  147. background:{color:Background} {block:ifBgImage}url('{image:Background}') fixed{/block:ifBgImage};
  148. color:{color:text};}
  149.  
  150. a {
  151. color:{color:link};
  152. text-decoration: none;
  153. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  154. -o-transition:all 0.6s ease-in-out;/*opera*/
  155. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  156. -ms-transition:all 0.6s ease-in-out;/*ie*/
  157. transition:all 0.6s ease-in-out;/*w3c*/}
  158.  
  159. a:hover {
  160. color:{color:link hover};}
  161.  
  162. em, strong {
  163. color:{color:bold};}
  164.  
  165. blockquote {
  166. border-left: 1px solid {color:blockquote};
  167. padding-left: 5px;
  168. margin:05px;}
  169.  
  170. img {
  171. max-width: 100%;}
  172.  
  173. ol {
  174. list-style-type:lower-roman;}
  175.  
  176. sub, sup{
  177. font-size: 10px; /*credit to pohroro*/}
  178.  
  179. .container {
  180. width:400px;
  181. {block:if500pxPosts}
  182. width:500px;
  183. {/block:if500pxPosts}
  184. margin: auto;}
  185.  
  186. .entries {
  187. width:400px;
  188. {block:if500pxPosts}
  189. width:500px;
  190. {/block:if500pxPosts}
  191. position:relative;
  192. padding-top:30px;
  193. padding-bottom:30px;}
  194.  
  195. #posts {
  196. width:400px;
  197. {block:PermalinkPage}
  198. width:500px;
  199. {block:ifNot500pxPosts}
  200. margin-left:-50px;
  201. {/block:ifNot500pxPosts}
  202. {/block:PermalinkPage}
  203. {block:if500pxPosts}
  204. width:500px;
  205. {/block:if500pxPosts}
  206. overflow:hidden;
  207. word-wrap: break-word;
  208. margin-bottom:100px;}
  209.  
  210. #posts .images{
  211. display:block;
  212. max-width:100%;}
  213.  
  214. .pag {
  215. text-align:center;
  216. font:italic 09px sans-serif;}
  217.  
  218. .jump_page {
  219. padding: 4px 8px;}
  220.  
  221. .current_page, .jump_page:hover {
  222. padding: 4px 8px;}
  223.  
  224. .text-title {
  225. background-color:{color:text-title bg};
  226. width:384px;
  227. {block:PermalinkPage}
  228. width:484px;
  229. {/block:PermalinkPage}
  230. {block:if500pxPosts}
  231. width:484px;
  232. {/block:if500pxPosts}
  233. border:3px double {color:background};
  234. padding:5px;
  235. text-align:center;
  236. font:18px sans-serif;
  237. text-transform:lowercase;}
  238.  
  239. #answer{
  240. padding:10px;
  241. background-color:{color:ask bg};
  242. text-align:center;}
  243.  
  244. #answer img{
  245. float:left;
  246. border-radius:5px;
  247. display:none;
  248. margin:0 10px 10px 0;}
  249.  
  250. .answer:first-letter{
  251. text-transform:uppercase;}
  252.  
  253. .answer{
  254. background-color:{color:ask bg};
  255. padding-left:10px;
  256. padding-right:10px;
  257. border:1px solid {color:border};}
  258.  
  259. .answer img{
  260. width:auto!important;
  261. display:inline-block!important;}
  262.  
  263. .quote {
  264. padding:0 10px 0 10px;}
  265.  
  266. .quotetext-short {
  267. font-size: 18px;}
  268.  
  269. .quotetext-medium {
  270. font-size: 14px;}
  271.  
  272. .quotetext-long {
  273. font-size: 11px;}
  274.  
  275. .quote-source {
  276. text-align:right;}
  277.  
  278. .caption{
  279. background-color:{color:caption bg};
  280. width:384px;
  281. {block:PermalinkPage}
  282. width:484px;
  283. {/block:PermalinkPage}
  284. {block:if500pxPosts}
  285. width:484px;
  286. {/block:if500pxPosts}
  287. border:3px double {color:background};
  288. padding:5px;
  289. margin-top:5px;}
  290.  
  291. .answer img, .bod img, .caption img{
  292. {block:ifNot400pxPosts}
  293. max-width:480px;
  294. {/block:ifNot400pxPosts}
  295. {block:if400pxPosts}
  296. max-width:380px;
  297. {block:if400pxPosts}
  298. width:auto!important;
  299. display:inline-block!important;}
  300.  
  301. .tumblr_audio_player {
  302. height:20px;
  303. width:265px;
  304. {block:PermalinkPage}
  305. width:365px;
  306. {/block:PermalinkPage}
  307. {block:if500pxPosts}
  308. width:365px;
  309. {/block:if500pxPosts}
  310. z-index:9999;
  311. margin:0;
  312. padding:10px;
  313. margin-left:10px;
  314. margin-top:10px;
  315. margin-bottom:10px;
  316. position:relative;
  317. background-color:white;
  318. border:1px solid {color:border};}
  319.  
  320. .audio {
  321. height:92px;
  322. width:400px;
  323. {block:if500pxPosts}
  324. width:500px;
  325. {/block:if500pxPosts}
  326. {block:PermalinkPage}
  327. width:500px;
  328. {/block:PermalinkPage}
  329. {block:if500pxPosts}
  330. width:500px;
  331. {/block:if500pxPosts}}
  332.  
  333. .audio-image{
  334. background-color:{color:link};}
  335.  
  336. .audio-image img{
  337. float:left;
  338. height:80px!important;
  339. width:80px!important;
  340. padding:5px;
  341. background-color:{color:background};
  342. border:1px solid {color:border};}
  343.  
  344. .au-info {
  345. text-align:center;
  346. font:italic 12px sans-serif;
  347. line-height:100%;}
  348.  
  349. #posts-info{
  350. padding:3px;
  351. text-align:center;
  352. text-transform:lowercase;
  353. background-color:{color:posts info bg};
  354. margin-top:05px;
  355. font:07px 'trebuchet ms';
  356. text-transform:uppercase;
  357. letter-spacing:1px;}
  358.  
  359. #c{
  360. position:fixed;
  361. bottom:10px;
  362. right:12px;
  363. font: 09px georgia;
  364. letter-spacing:1px;
  365. text-align:right;
  366. z-index:99;}
  367.  
  368. #s-m-t-tooltip{ /* extras */
  369. z-index:10;
  370. margin:24px 14px 7px 12px;
  371. padding:0 3px 0 3px;
  372. font:08px sans-serif;
  373. text-transform:uppercase;
  374. letter-spacing:1px;
  375. line-height:16px;
  376. background-color:{color:background};
  377. -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  378. -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  379. box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);}
  380.  
  381. ::selection {
  382. background: {color:selection bg};
  383. color: {color:selection text};}
  384. ::-moz-selection {
  385. background: {color:selection bg};
  386. color: {color:selection text};}
  387. ::-webkit-selection {
  388. background: {color:selection bg};
  389. color: {color:selection text};}
  390.  
  391. iframe#tumblr_controls {
  392. top:0%!important;
  393. right:0%!important;
  394. position:fixed!important;
  395. z-index:999999999!important;
  396. opacity:0.3;
  397. -webkit-filter:invert(100%);
  398. -moz-filter:invert(100%);
  399. -o-filter:invert(100%);
  400. -ms-filter:invert(100%);
  401. filter:invert(100%);} /*credit to ladmilk*/
  402.  
  403. ::-webkit-scrollbar {
  404. width: 6px;
  405. height: 3px;
  406. background: {color:background};}
  407.  
  408. ::-webkit-scrollbar-thumb {
  409. background-color:{color:scrollbar};}
  410.  
  411. #notes{
  412. width:500px;
  413. height:190px;
  414. overflow:auto;
  415. margin-top:5px;}
  416.  
  417. ol.notes {
  418. padding: 0px;
  419. margin: 0;
  420. list-style-type: none;}
  421.  
  422. ol.notes li.note {
  423. padding: 10px;}
  424.  
  425. ol.notes li.note img.avatar {
  426. vertical-align: -4px;
  427. float:left;
  428. margin-right: 10px;
  429. width: 16px!important;
  430. height: 16px!important;}
  431.  
  432. ol.notes li.note .answer_content {
  433. font-weight: normal;}
  434.  
  435. ol.notes li.note blockquote {
  436. border-color: #eee;
  437. padding: 4px 10px;
  438. margin: 10px 0px 0px 25px;}
  439.  
  440. .scrollup {
  441. cursor:pointer;}
  442.  
  443. .tabs { /*credit to codrops*/
  444. position: relative;
  445. width: 488px;
  446. {block:if500pxPosts}
  447. width:588px;
  448. {/block:if500pxPosts}
  449. margin-left:-80px;
  450. {block:IndexPage}
  451. margin-bottom:30px;
  452. {/block:IndexPage}
  453. min-height:210px;
  454. margin-top:35px;
  455. font:07px 'trebuchet ms';
  456. text-transform:uppercase;
  457. letter-spacing:1px;}
  458.  
  459. .tabs input {
  460. position: absolute;
  461. z-index: 1000;
  462. width: 120px;
  463. height: 40px;
  464. left: 0px;
  465. top: 0px;
  466. opacity: 0;
  467. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  468. filter: alpha(opacity=0);
  469. cursor: pointer;}
  470.  
  471. .tabs input#tab-2{top: 40px;}
  472. .tabs input#tab-3{top: 80px;}
  473. .tabs input#tab-4{top: 120px;}
  474.  
  475. .tabs label {
  476. background: {color:background};
  477. border-bottom:1px solid {color:border};
  478. line-height: 40px;
  479. height: 40px;
  480. position: relative;
  481. padding: 0 05px;
  482. display: block;
  483. margin-left:2px!important;
  484. width: 68px;
  485. color: {color:text};
  486. text-align: right;
  487. float: left;
  488. clear: both;
  489. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  490. -o-transition:all 0.6s ease-in-out;/*opera*/
  491. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  492. -ms-transition:all 0.6s ease-in-out;/*ie*/
  493. transition:all 0.6s ease-in-out;/*w3c*/}
  494.  
  495. .tabs label:after {
  496. content: '';
  497. background:{color:tabs bg};
  498. position: absolute;
  499. right: -2px;
  500. top: 0;
  501. width: 2px;
  502. height: 100%;
  503. color:{color:text};}
  504.  
  505. .tabs input:hover + label {
  506. background:{color:tabs bg};}
  507.  
  508. .tabs label:first-of-type {z-index: 4;}
  509. .tab-label-2 {z-index: 3;}
  510. .tab-label-3 {z-index: 2;}
  511. .tab-label-4 {z-index: 1;}
  512.  
  513. .tabs input:checked + label {
  514. background:{color:tabs bg};
  515. z-index: 6;}
  516.  
  517. .clear-shadow {
  518. clear: both;}
  519.  
  520. .content {
  521. background-color:{color:tabs bg};
  522. position: relative;
  523. width: 400px;
  524. {block:if500pxPosts}
  525. width:500px;
  526. {/block:if500pxPosts}
  527. margin: -185px 0 0 0px;
  528. margin-left:80px;
  529. height: 210px;
  530. z-index: 5;
  531. overflow: auto;}
  532.  
  533. .content div {
  534. position: absolute;
  535. top: 0;
  536. z-index: 1;
  537. opacity: 0;
  538. padding-top:10px;
  539. padding-left:40px;
  540. padding-right:40px;
  541. padding-bottom:20px;
  542. -webkit-transition: all linear 0.5s;
  543. -moz-transition: all linear 0.5s;
  544. -o-transition: all linear 0.5s;
  545. -ms-transition: all linear 0.5s;
  546. transition: all linear 0.5s;}
  547.  
  548. .content div{
  549. -webkit-transform: translateY(-450px);
  550. -moz-transform: translateY(-450px);
  551. -o-transform: translateY(-450px);
  552. -ms-transform: translateY(-450px);
  553. transform: translateY(-450px);}
  554.  
  555. .tabs input.tab-selector-1:checked ~ .content .content-1,
  556. .tabs input.tab-selector-2:checked ~ .content .content-2,
  557. .tabs input.tab-selector-3:checked ~ .content .content-3,
  558. .tabs input.tab-selector-4:checked ~ .content .content-4 {
  559. -webkit-transform: translateY(0px);
  560. -moz-transform: translateY(0px);
  561. -o-transform: translateY(0px);
  562. -ms-transform: translateY(0px);
  563. transform: translateY(0px);
  564. z-index: 100;
  565. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  566. filter: alpha(opacity=100);
  567. opacity: 1;
  568. -webkit-transition: all ease-out 0.3s 0.3s;
  569. -moz-transition: all ease-out 0.3s 0.3s;
  570. -o-transition: all ease-out 0.3s 0.3s;
  571. -ms-transition: all ease-out 0.3s 0.3s;
  572. transition: all ease-out 0.3s 0.3s;}
  573.  
  574. .content div h2,
  575. .content div h3{
  576. color: {color:tabs titles};}
  577.  
  578. .content div p {
  579. text-align: left;
  580. margin: 0;
  581. padding-left: 05px;
  582. border-left: 3px solid {color:tabs blockquotes};}
  583.  
  584. .content div nav a{
  585. padding:10px;
  586. border:3px double {color:border};
  587. display:inline-block;
  588. margin-top:3px;}
  589.  
  590. .content div img{
  591. float:right;
  592. width:60px;
  593. margin-left:5px;
  594. margin-bottom:5px;
  595. padding:3px;
  596. border:3px double {color:border};}
  597.  
  598. #box{
  599. position:absolute;
  600. margin-left:390px;
  601. {block:if500pxPosts}
  602. margin-left:490px;
  603. {/block:if500pxPosts}
  604. opacity:0;
  605. -webkit-transition:all 0.6s ease-in-out 0.1s;/*chrome-safari*/
  606. -o-transition:all 0.6s ease-in-out 0.1s;/*opera*/
  607. -moz-transition:all 0.6s ease-in-out 0.1s;/*mozilla firefox*/
  608. -ms-transition:all 0.6s ease-in-out 0.1s;/*ie*/
  609. transition:all 0.6s ease-in-out 0.1s;/*w3c*/}
  610.  
  611. #box a{
  612. padding:5px;
  613. background-color:{color:link};
  614. color:white;
  615. font-size:13px;
  616. display:block;
  617. margin-bottom:3px;}
  618.  
  619. #box i{
  620. font-style:normal;}
  621.  
  622. .hres {
  623. margin-top:-26px;
  624. position:relative;
  625. z-index:9;
  626. -webkit-transition:all 0.6s ease-in-out 0.4s;/*chrome-safari*/
  627. -o-transition:all 0.6s ease-in-out 0.4s;/*opera*/
  628. -moz-transition:all 0.6s ease-in-out 0,4s;/*mozilla firefox*/
  629. -ms-transition:all 0.6s ease-in-out 0.4s;/*ie*/
  630. transition:all 0.6s ease-in-out 0.4s;/*w3c*/}
  631.  
  632. .reblog{
  633. position:relative;
  634. z-index:99;}
  635.  
  636. #posts:hover .hres{
  637. margin-top:0px;}
  638.  
  639. #posts:hover #box{
  640. opacity:1;
  641. margin-left:410px;
  642. {block:if500pxPosts}
  643. margin-left:510px;
  644. {/block:if500pxPosts}
  645. {block:PermalinkPage}
  646. margin-left:510px;
  647. {/block:PermalinkPage}}
  648.  
  649. #socialslide {
  650. display: none;
  651. overflow: hidden;
  652. position: fixed;
  653. top:0;
  654. width:390px;
  655. {block:if500pxPosts}
  656. width:490px;
  657. {/block:if500pxPosts}
  658. padding:05px;
  659. font:07px 'trebuchet ms';
  660. text-transform:uppercase;
  661. letter-spacing:1px;
  662. z-index:9999999;
  663. background-color:{color:tabs bg};
  664. color:{color:link};
  665. text-align:center;}
  666.  
  667. #perma{
  668. position:relative;
  669. width:390px;
  670. {block:if500pxPosts}
  671. width:490px;
  672. {/block:if500pxPosts}
  673. padding:05px;
  674. background-color:{color:tabs bg};
  675. text-align:center;
  676. font:07px 'trebuchet ms';
  677. text-transform:uppercase;
  678. letter-spacing:1px;
  679. margin-bottom:20px;}
  680.  
  681. #perma a{
  682. color:{color:text};
  683. padding:10px;
  684. margin-left:05px;}
  685.  
  686. #socialslide a{
  687. color:{color:text};
  688. line-height: 0px;
  689. padding: 10px;
  690. display:inline-block;
  691. margin-left:05px;}
  692.  
  693. </style>
  694.  
  695. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  696.  
  697. </head>
  698. <body>
  699.  
  700. <div class="container">
  701.  
  702. {block:IndexPage}
  703. <div style="display: none;" id="socialslide"><img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png">
  704. <a href="/">Refresh</a>
  705. <a href="/archive">archive</a>
  706. {block:ifInfiniteScrolling}<a class="scrollup">back to top</a>{/block:ifInfiniteScrolling}
  707. {block:PostTitle}<a><b>title: {PostTitle}</b></a>{/block:PostTitle}{block:TagPage}<a><b>tagged as: {Tag}</b></a>{/block:TagPage}<img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png">
  708. </div>
  709. {/block:IndexPage}
  710.  
  711. <div id="c">
  712. <a href="http://caulfielld.tumblr.com" target="_blank" title="theme credit"><em>tc.</em></a>
  713. </div><!--credit-->
  714.  
  715. <div class="entries">
  716.  
  717. <section class="tabs">
  718.  
  719. <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
  720. <label for="tab-1" class="tab-label-1">{text:Tab label 01}</label>
  721.  
  722. <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
  723. <label for="tab-2" class="tab-label-2">{text:Tab label 02}</label>
  724.  
  725. <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
  726. <label for="tab-3" class="tab-label-3">{text:Tab label 03}</label>
  727.  
  728. <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
  729. <label for="tab-4" class="tab-label-4">{text:Tab label 04}</label>
  730.  
  731. <div class="clear-shadow"></div><div class="content">
  732.  
  733. <div class="content-1">
  734. <h2>{Title}</h2><p>{Description}</p>
  735. <h3>{text:Tab 01 subtitle}</h3><p>{text:Tab 01 subtext}</p>
  736. </div>
  737. <div class="content-2">
  738. <h2>{text:Tab 02 title}</h2><p>{text:Tab 02 text}</p>
  739. <h3>{text:Tab 02 subtitle}</h3><nav><center>
  740. <a href="{text:Tab 02 link 01 URL}">{text:Tab 02 link 01 title}</a>
  741. <a href="{text:Tab 02 link 02 URL}">{text:Tab 02 link 02 title}</a>
  742. <a href="{text:Tab 02 link 03 URL}">{text:Tab 02 link 03 title}</a>
  743. <a href="{text:Tab 02 link 04 URL}">{text:Tab 02 link 04 title}</a>
  744. <a href="{text:Tab 02 link 05 URL}">{text:Tab 02 link 05 title}</a><br />
  745. <a href="{text:Tab 02 link 06 URL}">{text:Tab 02 link 06 title}</a>
  746. <a href="{text:Tab 02 link 07 URL}">{text:Tab 02 link 07 title}</a>
  747. <a href="{text:Tab 02 link 08 URL}">{text:Tab 02 link 08 title}</a>
  748. <a href="{text:Tab 02 link 09 URL}">{text:Tab 02 link 09 title}</a>
  749. <a href="{text:Tab 02 link 10 URL}">{text:Tab 02 link 10 title}</a>
  750. </center></nav>
  751. </div>
  752. <div class="content-3">
  753. <h2>{text:Tab 03 title}</h2><p>{text:Tab 03 text}</p><br />
  754. <iframe frameborder="0" height="260" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" width="100%"> </iframe>
  755. </div>
  756. <div class="content-4">
  757. <h2>{text:Tab 04 title}</h2><img src="{image:sidebar}"><p>{text:Tab 04 text}</p>
  758. <h3>{text:Tab 04 subtitle}</h3>
  759. <nav><center>
  760. <a href="{text:Tab 04 link 01 URL}">{text:Tab 04 link 01 title}</a>
  761. <a href="{text:Tab 04 link 02 URL}">{text:Tab 04 link 02 title}</a>
  762. <a href="{text:Tab 04 link 03 URL}">{text:Tab 04 link 03 title}</a>
  763. <a href="{text:Tab 04 link 04 URL}">{text:Tab 04 link 04 title}</a>
  764. <a href="{text:Tab 04 link 05 URL}">{text:Tab 04 link 05 title}</a>
  765. </center></nav>
  766. </div></div>
  767. </section>
  768.  
  769. {block:PermalinkPage}
  770. <div id="perma"><img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png">
  771. <a href="/">go back</a>
  772. <a href="/archive">archive</a>
  773. {block:PostTitle}<a><b>title: {PostTitle}</b></a>{/block:PostTitle}{block:TagPage}<a><b>tagged as: {Tag}</b></a>{/block:TagPage}<img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png">
  774. </div>
  775. {/block:PermalinkPage}
  776. {block:ifInfiniteScrolling}
  777. <div class= "autopagerize_page_element">{/block:ifInfiniteScrolling}
  778. {block:Posts}
  779.  
  780. {block:ContentSource}
  781. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  782. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  783. {/block:SourceLogo}
  784. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  785. {/block:ContentSource}
  786.  
  787. <div id="posts">
  788.  
  789. {block:ifReblogButton}<div id="box"><a href="{ReblogURL}" class="reblog"><i class="fontawesome-retweet"></i></a> {block:HighRes} <a href="{PhotoURL-HighRes}" class="hres"><i class="fontawesome-search"></i></a>{/block:HighRes}</div>{/block:ifReblogButton}
  790.  
  791. {block:Text}{block:Title}<div class="text-title">{Title}</div>{/block:Title}<div class="bod">{Body}</div>{/block:Text}
  792.  
  793. {block:Photo}<center>
  794. {LinkOpenTag}<img src="{PhotoURL-500}" class="images">{LinkCloseTag}
  795. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  796.  
  797. {block:Photoset}
  798. {block:IndexPage}{block:ifNot500pxPosts}{Photoset-400}{/block:ifNot500pxPosts}{block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  799. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  800.  
  801. {block:Answer}
  802. <div id="answer">
  803. <img src="{AskerPortraitURL-24}"/><b><u>{Asker}</u></b><br>
  804. {Question}</div>
  805. <div class="answer">
  806. {Answer}
  807. </div>
  808. {/block:Answer}
  809.  
  810. {block:Quote}<div class="quote"><div class="quotetext-{Length}">{Quote}</div>{block:Source}<div class="quote-source">{Source}</div>{/block:Source} </div>{/block:Quote}
  811.  
  812. {block:Link}
  813. <div class="text-title">
  814. <a href="{URL}" target="{Target}">
  815. {Name} <b>&rarr;</b></a></div>
  816. {block:Description}{Description}{/block:Description}
  817. {/block:Link}
  818.  
  819. {block:Chat}
  820. {block:Title}
  821. <div class="text-title">
  822. {Title}</div>{/block:Title}
  823. {block:Lines}{block:Label}{Label}{/block:Label} {Line}<br>{/block:Lines}
  824. {/block:Chat}
  825.  
  826. {block:Video}
  827. {block:IndexPage}{block:ifNot500pxPosts}{Video-400}{/block:ifNot500pxPosts}{block:if500pxPosts}{Video-500}{/block:if500pxPosts}{/block:IndexPage}
  828. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  829. {/block:Video}
  830.  
  831. {block:Audio}
  832. <div class="audio"><div class="audio-image">
  833. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  834. {AudioPlayerWhite}
  835. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  836. {block:Artist}<small><b>{Artist}</b></small>{/block:Artist}</div>
  837. </div>
  838. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  839. {/block:Audio}
  840.  
  841. {block:Date}
  842. <div id="posts-info">
  843. posted <a href="{Permalink}">{TimeAgo}</a>
  844. {block:NoteCount}w/ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">(source)</a>{/block:RebloggedFrom}
  845. {block:HasTags}<br />tagged as {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags} {/block:HasTags}
  846. </div>
  847. {/block:Date}
  848.  
  849. {block:PermalinkPage}
  850. {block:PostNotes}
  851. <div id="notes">{PostNotes}</div>
  852. {/block:PostNotes}
  853. {/block:PermalinkPage}
  854.  
  855. </div><!--- posts --->
  856.  
  857. {/block:Posts}
  858.  
  859. {block:Pagination}{block:ifNotInfiniteScrolling}<div class="pag">
  860. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">prev</a>{/block:PreviousPage}
  861. {block:JumpPagination length="7"}
  862. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  863. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  864. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}</div>{/block:ifNotInfiniteScrolling}
  865. {/block:Pagination}
  866.  
  867. </div><!-- entries -->
  868. </div><!-- container-->
  869.  
  870. </body>
  871. </html>
Advertisement
Add Comment
Please, Sign In to add comment