API tools faq
paste
Advertisement
foundcas

theme 10: vestige

foundcas
Jul 29th, 2014
417
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-- Don't steal and all that jazz. Any problems just tell me and I'll try to fix it. I honestly don't care if you move the credit or change the styling to suit your tastes, just don't put it on a separate page // foundcasthemes.tumblr.com -->
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <meta name="color:Background" content="#000">
  10. <meta name="color:Titles" content="#000">
  11. <meta name="color:Text" content="#fff">
  12. <meta name="color:Link" content="#fff">
  13. <meta name="color:Links Background" content="#fff">
  14. <meta name="color:Links Border" content="#eee">
  15. <meta name="color:Ask Border" content="#fff">
  16. <meta name="color:Chat Even" content="#a8a8a8"/>
  17. <meta name="color:Updates Text Title" content="#000"/>
  18. <meta name="color:Updates Border1" content="#eee"/>
  19. <meta name="color:Updates Border2" content="#ccc"/>
  20. <meta name="color:Updates Border3" content="#888"/>
  21. <meta name="color:Updates Border4" content="#666"/>
  22. <meta name="color:Updates Border5" content="#444"/>
  23. <meta name="color:Updates Border6" content="#222"/>
  24.  
  25. <meta name="if:ShowStopBullyingLogo" content="1"/>
  26. <meta name="if:UpdatesTab" content="1"/>
  27.  
  28. <meta name="text:Subtitle" content="subtitle">
  29. <meta name="text:URL" content="url here">
  30. <meta name="text:Link 1 URL" content="url here">
  31. <meta name="text:Link 1" content="link 1">
  32. <meta name="text:Link 2 URL" content="url here">
  33. <meta name="text:Link 2" content="link 2">
  34. <meta name="text:Link 3 URL" content="url here">
  35. <meta name="text:Link 3" content="link 3">
  36.  
  37. <!--UPDATES TAB-->
  38. <meta name="text:Updates Title 1" content="title here">
  39. <meta name="text:updates1" content="text here">
  40. <meta name="text:Updates Height 1" content="90px">
  41. <meta name="text:Updates Title 2" content="title here">
  42. <meta name="text:updates2" content="text here">
  43. <meta name="text:Updates Height 2" content="90px">
  44. <meta name="text:Updates Title 3" content="title here">
  45. <meta name="text:updates3" content="text here">
  46. <meta name="text:Updates Height 3" content="90px">
  47. <meta name="text:Updates Title 4" content="title here">
  48. <meta name="text:updates4" content="text here">
  49. <meta name="text:Updates Height 4" content="90px">
  50. <meta name="text:Updates Title 5" content="title here">
  51. <meta name="text:updates5" content="text here">
  52. <meta name="text:Updates Height 5" content="90px">
  53. <meta name="text:Updates Title 6" content="title here">
  54. <meta name="text:updates6" content="text here">
  55. <meta name="text:Updates Height 6" content="90px">
  56.  
  57. <script type="text/javascript"
  58. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59. <script>
  60. $(document).ready(function() {
  61. //
  62. $('a.poplight[href^=#]').click(function() {
  63. var popID = $(this).attr('rel'); //Get Popup Name
  64. var popURL = $(this).attr('href'); //Get Popup href to define size
  65. var query= popURL.split('?');
  66. var dim= query[1].split('&');
  67. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  68. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  69. var popMargTop = ($('#' + popID).height() + 80) / 2;
  70. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  71. //Apply Margin to Popup
  72. $('#' + popID).css({
  73. 'margin-top' : -popMargTop,
  74. 'margin-left' : -popMargLeft
  75. });
  76. $('body').append('<div id="fade"></div>');
  77. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=100)'})
  78. return false;
  79. });
  80. $('a.close, #fade').live('click', function() {
  81. $('#fade , .popup_block').fadeOut(function() {
  82. $('#fade, a.close').remove(); //fade them both out
  83. });
  84. return false;
  85. });
  86. });
  87. </script>
  88.  
  89. <script>
  90. $(function() {
  91. $('a[href*=#]:not([href=#])').click(function() {
  92. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  93. var target = $(this.hash);
  94. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  95. if (target.length) {
  96. $('html,body').animate({
  97. scrollTop: target.offset().top
  98. }, 1000);
  99. return false;
  100. }
  101. }
  102. });
  103. });
  104. </script>
  105.  
  106. <script type="text/javascript">
  107. function toggle(obj) {
  108. var obj=document.getElementById(obj);
  109. if (obj.style.display == "block") obj.style.display = "none";
  110. else obj.style.display = "block";
  111. }
  112. </script>
  113.  
  114. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  115.  
  116. <style type="text/css">
  117. div#qTip {
  118. padding: 3px;
  119. display: none;
  120. text-align: center;
  121. position: absolute;
  122. margin-top:-40px;
  123. margin-left:-42px;
  124. font-size:8.5px;
  125. line-height:9px;
  126. z-index: 99999999;
  127. background-color:{color:background};
  128. color: {color:text};
  129. }
  130. ::-webkit-scrollbar {
  131. height:8px;
  132. width:8px;
  133. background-color:#a8a8a8;
  134. -webkit-border-radius:6px;
  135. }
  136. ::-webkit-scrollbar-thumb: {
  137. background-color:#eee;
  138. height:6px;
  139. border:1px solid #eee;
  140. -webkit-border-radius:6px;
  141. }
  142. a{
  143. color:{color:Link};
  144. text-decoration:none;
  145. }
  146.  
  147. body{
  148. font-size:12px;
  149. font-family:trebuchet;
  150. line-height:120%;
  151. color:{color:Text};
  152. background:{color:Background};
  153. word-wrap:break-word;
  154. }
  155. blockquote{
  156. border-left:2px solid #eee;
  157. padding:10px;
  158. }
  159. blockquote img{
  160. max-width:250px;
  161. }
  162. pre,code{
  163. padding:10px;
  164. box-sizing:border-box;
  165. -moz-box-sizing:border-box;
  166. webkit-box-sizing:border-box;
  167. display:block;
  168. white-space: pre-wrap;
  169. white-space: -moz-pre-wrap;
  170. white-space: -pre-wrap;
  171. white-space: -o-pre-wrap;
  172. word-wrap: break-word;
  173. width:100%; overflow-x:auto;
  174. border-bottom:1px solid #eee;
  175. border-left:1px solid #eee;
  176. }
  177. ol{
  178. list-style-type:lower-roman;
  179. }
  180. ul{
  181. list-style-image:url('http://imgur.com/aa1730C.gif');
  182. }
  183. /*HEADER*/
  184. #header{
  185. margin-top:250px;
  186. width:400px;
  187. margin-right:auto;
  188. margin-left:auto;
  189. }
  190. #title{
  191. color:{color:Titles};
  192. text-align:center;
  193. text-transform:lowercase;
  194. font-size:50px;
  195. padding-bottom:10px;
  196. }
  197. #subtitle{
  198. color:{color:Titles};
  199. text-align:center;
  200. text-transform:lowercase;
  201. font-size:50px;
  202. padding-bottom:30px;
  203. padding-top:20px;
  204. -webkit-transform:rotate(180deg);
  205. -moz-transform:rotate(180deg);
  206. -o-transform:rotate(180deg);
  207. }
  208. #header:hover #subtitle{
  209. -webkit-transform:rotate(0deg);
  210. -moz-transform:rotate(0deg);
  211. -o-transform:rotate(0deg);
  212. }
  213. #desc{
  214. text-align:center;
  215. }
  216.  
  217. #callme{
  218. display:block;
  219. text-align:center;
  220. width:400px;
  221. margin-top:20px;
  222. }
  223. #callme a{
  224. display:inline-block;
  225. width:60px;
  226. height:60px;
  227. border:1px solid {color:Links Border};
  228. background:{color:Links Background};
  229. -webkit-transition:all .8s ease;
  230. -moz-transition:all .8s ease;
  231. -o-transition:all .8s ease;
  232. }
  233. .beepme{
  234. margin-top:22.5px;
  235. text-align:center;
  236. color:#fff;
  237. opacity:0;
  238. -webkit-transition:all .8s ease;
  239. -moz-transition:all .8s ease;
  240. -o-transition:all .8s ease;
  241. }
  242. #callme a:hover{
  243. background:none;
  244. border:1px solid {color:Links Background};
  245. -webkit-transition:all .8s ease;
  246. -moz-transition:all .8s ease;
  247. -o-transition:all .8s ease;
  248. }
  249. #callme a:hover .beepme{
  250. opacity:1;
  251. -webkit-transition:all .8s ease;
  252. -moz-transition:all .8s ease;
  253. -o-transition:all .8s ease;
  254. }
  255. /*POSTS*/
  256. #diary{
  257. margin-top:400px;
  258. margin-right:auto;
  259. margin-left:auto;
  260. }
  261. #entries{
  262. width:400px;
  263. margin-right:auto;
  264. margin-left:auto;
  265. padding-top:30px;
  266. padding-bottom:30px;
  267. }
  268. /*QUOTES*/
  269. .spoken{
  270. font-size:18px;
  271. text-align:center;
  272. font-weight:bold;
  273. line-height:110%;
  274. }
  275. .src{
  276. font-size:16px;
  277. text-align:center;
  278. }
  279. /*CHATS*/
  280. .chat{
  281. list-style-type:none;
  282. list-style-image:none;
  283. margin-left:-40px;
  284. }
  285. .chat li{
  286. padding:5px;
  287. }
  288. .chat .even{
  289. border-left:2px solid #fff;
  290. }
  291. /*AUDIO*/
  292. #audioplayer {
  293. width:27px;
  294. height:30px;
  295. overflow:hidden;
  296. position:absolute;
  297. margin-top:20px;
  298. margin-left:17px;
  299. z-index:9;
  300. }
  301.  
  302. #albumart {
  303. width:60px;
  304. height:60px;
  305. background-color:#e3e3e3;
  306. }
  307. /*ASKS*/
  308. .curious{
  309. text-align:right;
  310. padding:10px 0px;
  311. border-bottom:1px solid {color:Ask Border};
  312. }
  313. .q{
  314. padding:10px 0px;
  315. border-bottom:1px solid {color:Ask Border};
  316. }
  317. .ansy{
  318.  
  319. }
  320. #info{
  321. padding-top:5px;
  322. text-transform:uppercase;
  323. font-size:10px;
  324. opacity:0;
  325. -webkit-transition:all .8s ease;
  326. -moz-transition:all .8s ease;
  327. -o-transition:all .8s ease;
  328. }
  329. #tags{
  330. font-size:9px;
  331. -webkit-transition:all .8s ease;
  332. -moz-transition:all .8s ease;
  333. -o-transition:all .8s ease;
  334. }
  335. #tags a:hover{
  336. text-transform:lowercase;
  337. letter-spacing:2px;
  338. -webkit-transition:all .8s ease;
  339. -moz-transition:all .8s ease;
  340. -o-transition:all .8s ease;
  341. }
  342. #entries:hover #info{
  343. opacity:1;
  344. -webkit-transition:all .8s ease;
  345. -moz-transition:all .8s ease;
  346. -o-transition:all .8s ease;
  347. }
  348. #noted img{
  349. display:none;
  350. }
  351. #noted ol,li{
  352. font-size:9px;
  353. text-transform:lowercase;
  354. padding:4px;
  355. }
  356. #pagi{
  357. font-size:35px;
  358. text-align:center;
  359. bottom:10px;
  360. }
  361. #pagi a{
  362. font-size:35px;
  363. text-align:center;
  364. }
  365. .popup_block{
  366. display:none;
  367. background:{color:Background};
  368. padding:20px;
  369. float:left;
  370. position:fixed;
  371. top:50%;left:50%;
  372. z-index: 99999;
  373. }
  374.  
  375. .popup_block a{
  376. display:block;
  377. text-align:center;
  378. padding:5px 0px;
  379. }
  380. *html #fade {position: absolute;}
  381. *html .popup_block {position: absolute;}
  382. #fade {
  383. display:none;
  384. position:fixed;
  385. left:0px;
  386. top:0px;
  387. width:100%;
  388. height:100%;
  389. z-index:9999;
  390. background:{color:Background}; /* change to #fff for solid white */
  391. opacity:1; /* change to opacity:1; */
  392. }
  393. {block:ifUpdatesTab}
  394. #tab01{ /*This is the customization of EACH tab*/
  395. border-left:5px solid {color:Updates Border1};
  396. height:25px;
  397. text-align:center;
  398. overflow:hidden;
  399. margin-top:1px 1px;
  400. text-transform:uppercase;
  401. letter-spacing:1px;
  402. font-size:8px;
  403. line-height:10px;
  404. z-index:0;
  405. -webkit-transition: all .8s ease-in-out;
  406. -moz-transition: all .8s ease-in-out;
  407. -o-transition: all .8s ease-in-out;
  408. }
  409. #tab01:hover{/*This is the customization of the tabs HOVER*/
  410. height:{text:Updates Height 1};
  411. background:none;
  412. border-left:5px solid {color:Updates Border1};
  413. border-right:none;
  414. border-bottom:none;
  415. -webkit-transition: all .8s ease-in-out;
  416. -moz-transition: all .8s ease-in-out;
  417. -o-transition: all .8s ease-in-out;
  418. }
  419. #tab01:hover .upti1{
  420. background:none;
  421. text-align:left;
  422. text-transform:lowercase;
  423. transition:.8s ease-in-out;
  424. -webkit-transition-duration: .8s ease-in-out;
  425. -moz-transition-duration: .8s ease-in-out;
  426. -o-transition-duration: .8s ease-in-out;
  427. }
  428. #tab02{ /*This is the customization of EACH tab*/
  429. border-left:5px solid {color:Updates Border2};
  430. height:25px;
  431. right:50px;
  432. text-align:center;
  433. overflow:hidden;
  434. text-transform:uppercase;
  435. letter-spacing:1px;
  436. font-size:8px;
  437. line-height:10px;
  438. z-index:0;
  439. -webkit-transition: all .8s ease-in-out;
  440. -moz-transition: all .8s ease-in-out;
  441. -o-transition: all .8s ease-in-out;
  442. }
  443. #tab02:hover{/*This is the customization of the tabs HOVER*/
  444. height:{text:Updates Height 2};
  445. background:none;
  446. border-left:5px solid {color:Updates Border2};
  447. border-right:none;
  448. border-bottom:none;
  449. -webkit-transition: all .8s ease-in-out;
  450. -moz-transition: all .8s ease-in-out;
  451. -o-transition: all .8s ease-in-out;
  452. }
  453. #tab02:hover .upti2{
  454. background:none;
  455. text-align:left;
  456. text-transform:lowercase;
  457. transition:.8s ease-in-out;
  458. -webkit-transition-duration: .8s ease-in-out;
  459. -moz-transition-duration: .8s ease-in-out;
  460. -o-transition-duration: .8s ease-in-out;
  461. }
  462. #tab03{ /*This is the customization of EACH tab*/
  463. border-left:5px solid {color:Updates Border3};
  464. height:25px;
  465. text-align:center;
  466. overflow:hidden;
  467. margin-top:1px1px;
  468. text-transform:uppercase;
  469. letter-spacing:1px;
  470. font-size:8px;
  471. line-height:10px;
  472. z-index:0;
  473. -webkit-transition: all .8s ease-in-out;
  474. -moz-transition: all .8s ease-in-out;
  475. -o-transition: all .8s ease-in-out;
  476. }
  477. #tab03:hover{/*This is the customization of the tabs HOVER*/
  478. height:{text:Updates Height 3};
  479. background:none;
  480. border-left:5px solid {color:Updates Border3};
  481. border-right:none;
  482. border-bottom:none;
  483. -webkit-transition: all .8s ease-in-out;
  484. -moz-transition: all .8s ease-in-out;
  485. -o-transition: all .8s ease-in-out;
  486. }
  487. #tab03:hover .upti3{
  488. background:none;
  489. text-align:left;
  490. text-transform:lowercase;
  491. transition:.8s ease-in-out;
  492. -webkit-transition-duration: .8s ease-in-out;
  493. -moz-transition-duration: .8s ease-in-out;
  494. -o-transition-duration: .8s ease-in-out;
  495. }
  496. #tab04{ /*This is the customization of EACH tab*/
  497. border-left:5px solid {color:Updates Border4};
  498. height:25px;
  499. text-align:center;
  500. overflow:hidden;
  501. margin-top:1px1px;
  502. text-transform:uppercase;
  503. letter-spacing:1px;
  504. font-size:8px;
  505. line-height:10px;
  506. z-index:0;
  507. -webkit-transition: all .8s ease-in-out;
  508. -moz-transition: all .8s ease-in-out;
  509. -o-transition: all .8s ease-in-out;
  510. }
  511. #tab04:hover{/*This is the customization of the tabs HOVER*/
  512. height:{text:Updates Height 4};
  513. background:none;
  514. border-left:5px solid {color:Updates Border4};
  515. border-right:none;
  516. border-bottom:none;
  517. -webkit-transition: all .8s ease-in-out;
  518. -moz-transition: all .8s ease-in-out;
  519. -o-transition: all .8s ease-in-out;
  520. }
  521. #tab04:hover .upti4{
  522. background:none;
  523. text-align:left;
  524. text-transform:lowercase;
  525. transition:.8s ease-in-out;
  526. -webkit-transition-duration: .8s ease-in-out;
  527. -moz-transition-duration: .8s ease-in-out;
  528. -o-transition-duration: .8s ease-in-out;
  529. }
  530. #tab05{ /*This is the customization of EACH tab*/
  531. border-left:5px solid {color:Updates Border5};
  532. height:25px;
  533. text-align:center;
  534. overflow:hidden;
  535. margin-top:1px1px;
  536. text-transform:uppercase;
  537. letter-spacing:1px;
  538. font-size:8px;
  539. line-height:10px;
  540. z-index:0;
  541. -webkit-transition: all .8s ease-in-out;
  542. -moz-transition: all .8s ease-in-out;
  543. -o-transition: all .8s ease-in-out;
  544. }
  545. #tab05:hover{/*This is the customization of the tabs HOVER*/
  546. height:{text:Updates Height 5};
  547. background:none;
  548. border-left:5px solid {color:Updates Border5};
  549. border-right:none;
  550. border-bottom:none;
  551. -webkit-transition: all .8s ease-in-out;
  552. -moz-transition: all .8s ease-in-out;
  553. -o-transition: all .8s ease-in-out;
  554. }
  555. #tab05:hover .upti5{
  556. background:none;
  557. text-align:left;
  558. text-transform:lowercase;
  559. transition:.8s ease-in-out;
  560. -webkit-transition-duration: .8s ease-in-out;
  561. -moz-transition-duration: .8s ease-in-out;
  562. -o-transition-duration: .8s ease-in-out;
  563. }
  564. #tab06{ /*This is the customization of EACH tab*/
  565. border-left:5px solid {color:Updates Border6};
  566. height:25px;
  567. text-align:center;
  568. overflow:hidden;
  569. margin-top:1px1px;
  570. text-transform:uppercase;
  571. letter-spacing:1px;
  572. font-size:8px;
  573. line-height:10px;
  574. z-index:0;
  575. -webkit-transition: all .8s ease-in-out;
  576. -moz-transition: all .8s ease-in-out;
  577. -o-transition: all .8s ease-in-out;
  578. }
  579. #tab06:hover{/*This is the customization of the tabs HOVER*/
  580. height:{text:Updates Height 6};
  581. background:none;
  582. border-left:5px solid {color:Updates Border6};
  583. border-right:none;
  584. border-bottom:none;
  585. -webkit-transition: all .8s ease-in-out;
  586. -moz-transition: all .8s ease-in-out;
  587. -o-transition: all .8s ease-in-out;
  588. }
  589. #tab06:hover .upti6{
  590. background:none;
  591. text-align:left;
  592. text-transform:lowercase;
  593. transition:.8s ease-in-out;
  594. -webkit-transition-duration: .8s ease-in-out;
  595. -moz-transition-duration: .8s ease-in-out;
  596. -o-transition-duration: .8s ease-in-out;
  597. }
  598. .upti1{
  599. background:{color:Updates Border1};
  600. }
  601. .upti2{
  602. background:{color:Updates Border2};
  603. }
  604. .upti3{
  605. background:{color:Updates Border3};
  606. }
  607. .upti4{
  608. background:{color:Updates Border4};
  609. }
  610. .upti5{
  611. background:{color:Updates Border5};
  612. }
  613. .upti6{
  614. background:{color:Updates Border6};
  615. }
  616. #upti{
  617. color:{color:updates text title};
  618. padding:5px;
  619. padding-bottom:7px;
  620. text-transform:uppercase;
  621. font-family:cambria;
  622. font-size:11px;
  623. line-height:14px;
  624. text-decoration:underline;
  625. text-align:center;
  626. }
  627. #container{/*this controls the position of the tabs, the over-all width, and the title of each tab.*/
  628. text-align:center;
  629. font-size:8px;
  630. text-transform:uppercase;
  631. position:fixed;
  632. font-family:calibri;
  633. background-color:transparent;
  634. letter-spacing:1px;
  635. width:120px;
  636. z-index:9999;
  637. left:930px;
  638. top:250px;
  639. }
  640. {/block:ifUpdatesTab}
  641.  
  642. /*CREDIT*/
  643. #dudebro{
  644. position:fixed;
  645. bottom:30px;
  646. right:30px;
  647. }
  648. #dudebro a{
  649. font-size:10.5px;
  650. color:{color:Link};
  651. font-family:arial bold;
  652. background:none;
  653. }
  654. #dudebro a:hover{
  655. border-bottom:3px solid {color:Link};
  656. }
  657.  
  658. {CustomCSS}
  659. </style>
  660. </head>
  661. <body>
  662.  
  663.  
  664.  
  665. <div id="header">
  666. <div id="title"><a title="home" href="/">{Title}</a></div>
  667.  
  668. <div id="callme">
  669. <a title="to posts" href="#entries"><div class="beepme">index</div></a>
  670. <a href="#?w=300" rel="box1" class="poplight"><div class="beepme">description</div></a>
  671. <a href="#?w=300" rel="box2" class="poplight"><div class="beepme">message</div></a>
  672. <a href="#?w=300" rel="box3" class="poplight"><div class="beepme">more</div></a>
  673. <a href="javascript: void(0);" onClick="toggle('structure')"><div class="beepme">updates</div></a>
  674.  
  675. <div id="subtitle">{text:SubTitle}</div>
  676.  
  677. </div>
  678.  
  679. <div id="box1" class="popup_block">
  680. <div id="desc">{Description}</div>
  681. </div>
  682.  
  683. <div id="box2" class="popup_block">
  684. <p><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" width="100%"></iframe></p>
  685. <p><iframe frameborder="0" height="200" id="submit_form" scrolling="yes" src="http://www.tumblr.com/submit_form/{text:URL}.tumblr.com" width="100%"></iframe></p>
  686. </div>
  687.  
  688. <div id="box3" class="popup_block">
  689. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  690. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  691. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  692. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  693. <!--ADD MORE LINKS HERE BY USING <a href="URL">LINK NAME</a>-->
  694. </div>
  695. </div>
  696.  
  697. <div id="diary">
  698. {block:Posts}
  699. <div id="entries">
  700.  
  701. {block:Text}<h3>{Title}</h3>{Body}{/block:Text}
  702.  
  703. {block:Link}<a href="{URL}">{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  704.  
  705. {block:Quote}<div class="spoken">"{Quote}"</div> {block:Source}<div class="src">- {Source}</div>{/block:Source}{/block:Quote}
  706.  
  707. {block:Chat}{block:Title}{Title}{/block:Title}
  708. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  709. {block:Label}<span class="cname">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  710. </ul>
  711. {/block:Chat}
  712.  
  713. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  714.  
  715. {block:Photo}
  716. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  717. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  718.  
  719. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  720.  
  721. {block:Audio}
  722. <div id="audio"><table style="padding:5px;margin-bottom:5px;">
  723. <tr><td style="vertical-align:top;padding-right:10px;"><div id="audioplayer">{AudioPlayerWhite}</div>
  724. <div id="albumart">
  725. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:60px;height:60px">
  726. {/block:AlbumArt}</div></td>
  727. <td style="vertical-align:middle; font-size:11px; line-height:12px"> {block:TrackName}<i>Title:</i> {TrackName} <br />{/block:TrackName}
  728. {block:Artist}<i>Artist:</i> {Artist} <br />{/block:Artist}
  729. {block:Album}<i>Album:</i> {Album} <br />{/block:Album}
  730. {block:PlayCount}<i>Played:</i> {FormattedPlayCount} times{/block:PlayCount}</td></tr></table>
  731. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  732. </div>
  733. {/block:Audio}
  734.  
  735. {block:Answer}
  736. <div class="curious">{Asker} inquired</div><div class="q">{Question}</div>
  737. <div class="ansy">{Answer}</div>
  738. {/block:Answer}
  739.  
  740. <div id="info">
  741. {block:Date}<a title="{Month} {DayofMonthWithZero}{DayofMonthSuffix} {Year}" href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{/block:Date} / <a href="{Permalink}">{FormattedNoteCount}</a> / <a href="{ReblogURL}">reblog</a>
  742.  
  743. {block:PermalinkPage}
  744. <span style="float:right">
  745. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  746. {block:ContentSource}, <a title="{ReblogRootName}" href="{ReblogRootURL}">src</a>{block:ContentSource}
  747. </span>
  748. {/block:PermalinkPage}
  749.  
  750. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  751. </div>
  752.  
  753. {block:PostNotes}<div id="noted">{PostNotes}</div>{/block:PostNotes}
  754.  
  755. </div>
  756. {/block:Posts}
  757. </div>
  758.  
  759. {block:Pagination}
  760. <div id="pagi">
  761. {block:PreviousPage}
  762. <a href="{PreviousPage}">prev</a>
  763. {/block:PreviousPage}
  764. -
  765. {block:NextPage}
  766. <a href="{NextPage}">next</a>
  767. {/block:NextPage}
  768. </div>
  769.  
  770. {block:ifUpdatesTab}
  771. <div id="structure" style="display:none">
  772. <div id="container"><!---this holds the entire tab together--->
  773.  
  774. <!---begin tab 1 code--->
  775. <div id="tab01">
  776. <!---div styles will style everything inside of the div. So you can make your colors all different, sizes, text-transforms, opacity, just about anything you need to style what shows in the hover--->
  777. <div></div> <div id="upti" class="upti1">{text:Updates Title 1}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  778. {text:Updates1}
  779. </div>
  780. </div>
  781. <!---end tab 1 code--->
  782.  
  783. <!---begin tab 2 code--->
  784. <div id="tab02">
  785. <div></div> <div id="upti" class="upti2">{text:Updates Title 2}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  786. {text:Updates2}
  787. </div></div>
  788. <!---end tab 2 code--->
  789.  
  790. <!---begin tab 3 code--->
  791. <div id="tab03">
  792. <div></div> <div id="upti" class="upti3">{text:Updates Title 3}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  793. {text:Updates3}
  794. </div>
  795. </div>
  796. <!---end tab 3 code--->
  797.  
  798. <!---begin tab 4 code--->
  799.  
  800. <div id="tab04">
  801. <div></div> <div id="upti" class="upti4">{text:Updates Title 4}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  802. {text:Updates4}
  803. </div>
  804. </div>
  805.  
  806. <!---end tab 4 code--->
  807.  
  808. <!---begin tab 5 code--->
  809. <div id="tab05">
  810. <div></div> <div id="upti" class="upti5">{text:Updates Title 5}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  811. {text:Updates5}
  812. </div></div>
  813. <!---end tab 5 code--->
  814. <!--begin tab 6-->
  815. <div id="tab06">
  816. <div></div> <div id="upti" class="upti6">{text:Updates Title 6}</div> <div style="padding-bottom:13px; opacity:.9; font-family: cambria; font-size:9px; text-transform:none; text-transform:none; text-transform:none; line-height:14px; text-align:center; color:##ff8f8f;"><br>
  817. {text:Updates6}
  818. <!--end tab 6-->
  819. </div></div>
  820. <!--copy and paste the code for one tab again to add more :) just make sure the numbers here correspond with the numbers in the css above (you'll have to copy + paste code for a tab there too)!-->
  821. </div></div></div></div>
  822. {/block:IfUpdatesTab}
  823.  
  824. {block:IfShowStopBullyingLogo}
  825. <div style="bottom:10px; left:10px; width:auto; height:auto; position:fixed; display:block; z-index:9999999; background-color:transparent"><a href="http://stop-bullies.tumblr.com"><img src=" http://i43.tinypic.com/2w585e1.png" width="90"></div>
  826. {/block:IfShowStopBullyingLogo}
  827.  
  828. <div id="dudebro">
  829. <a title="by foundcas" href="foundcas.tumblr.com">fc</a>
  830. </div>
  831.  
  832. </body>
  833. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!