API tools faq
paste
Advertisement
foundcas

Theme 9: Stolen Grace

foundcas
Jul 6th, 2014
327
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.96 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. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. <meta name="color:Background" content="#fff">
  12. <meta name="color:Text" content="#aaa">
  13. <meta name="color:Header Border" content="#e3e3e3"/>
  14. <meta name="color:Title" content="#000">
  15. <meta name="color:Description" content="#aaa">
  16. <meta name="color:Header Links Odd BG" content="#cccc">
  17. <meta name="color:Header Links Even BG" content="#eee">
  18. <meta name="color:Header Links Text" content="#444">
  19. <meta name="color:Link" content="#aaa">
  20. <meta name="color:Link Hover" content="#000"/>
  21. <meta name="color:Chat Odd" content="#000"/>
  22. <meta name="color:Chat Even" content="#a8a8a8"/>
  23. <meta name="color:Updates Text Title" content="#000"/>
  24. <meta name="color:Updates Border1" content="#ccc"/>
  25. <meta name="color:Updates Border2" content="#eee"/>
  26. <meta name="color:Updates Border3" content="#888"/>
  27. <meta name="color:Updates Border4" content="#666"/>
  28. <meta name="color:Updates Border5" content="#444"/>
  29. <meta name="color:Updates Border6" content="#222"/>
  30.  
  31. <meta name="text:Subtitle" content="grace"/>
  32. <meta name="text:link 1" content="link 1">
  33. <meta name="text:link 1 url" content="">
  34. <meta name="text:link 2" content="link 2">
  35. <meta name="text:link 2 url" content="">
  36. <meta name="text:link 3" content="link 3">
  37. <meta name="text:link 3 url" content="">
  38. <meta name="text:link 4" content="link 4">
  39. <meta name="text:link 4 url" content="">
  40. <meta name="text:link 5" content="link 5">
  41. <meta name="text:link 5 url" content="">
  42.  
  43. <meta name="if:ShowStopBullyingLogo" content="1"/>
  44. <meta name="if:UpdatesTab" content="1"/>
  45. <meta name="if:Link1" content="1"/>
  46. <meta name="if:Link2" content="1"/>
  47. <meta name="if:Link3" content="1"/>
  48. <meta name="if:Link4" content="1"/>
  49. <meta name="if:Link5" content="1"/>
  50.  
  51. <meta name="Select:Title Font" title="Bubblegum" content="bubblegum">
  52. <meta name="Select:Title Font" title="Chewy" content="chewy">
  53. <meta name="Select:Title Font" title="Comfortaa" content="comfortaa">
  54. <meta name="Select:Title Font" title="Open Sans" content="open sans">
  55. <meta name="Select:Title Font" title="Open Sans Condensed" content="open sans condensed">
  56. <meta name="Select:Title Font" title="Poiret" content="poiret">
  57.  
  58. <!--UPDATES TAB-->
  59. <meta name="text:Updates Title 1" content="title here">
  60. <meta name="text:updates1" content="text here">
  61. <meta name="text:Updates Height 1" content="90px">
  62. <meta name="text:Updates Title 2" content="title here">
  63. <meta name="text:updates2" content="text here">
  64. <meta name="text:Updates Height 2" content="90px">
  65. <meta name="text:Updates Title 3" content="title here">
  66. <meta name="text:updates3" content="text here">
  67. <meta name="text:Updates Height 3" content="90px">
  68. <meta name="text:Updates Title 4" content="title here">
  69. <meta name="text:updates4" content="text here">
  70. <meta name="text:Updates Height 4" content="90px">
  71. <meta name="text:Updates Title 5" content="title here">
  72. <meta name="text:updates5" content="text here">
  73. <meta name="text:Updates Height 5" content="90px">
  74. <meta name="text:Updates Title 6" content="title here">
  75. <meta name="text:updates6" content="text here">
  76. <meta name="text:Updates Height 6" content="90px">
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Bubblegum+Sans|Poiret+One|Chewy|Comfortaa|Open+Sans+Condensed:300|Open+Sans&subset=latin,cyrillic,greek,vietnamese' rel='stylesheet' type='text/css'>
  79.  
  80. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  81. <script>
  82. (function($){
  83. $(document).ready(function(){
  84. $("[title]").style_my_tooltips({
  85. tip_follows_cursor:true,
  86. tip_delay_time:200,
  87. tip_fade_speed:300
  88. }
  89. );
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94. <style>
  95.  
  96. :webkit-scrollbar{
  97. background:pink;
  98. width:5px;
  99. border:1px solid #eee;
  100. }
  101. :webkit-scrollbar-thumb{
  102. background:#fff;
  103. height:auto;
  104. width:5px;
  105. border:1px solid #eee;
  106. }
  107. .bubblegum{
  108. font-family: 'Bubblegum Sans', cursive;
  109. }
  110. .chewy{
  111. font-family: 'Chewy', cursive;
  112. }
  113. .comfortaa{
  114. font-family: 'Comfortaa', cursive;
  115. }
  116. .open sans condensed{
  117. font-family: 'Open Sans Condensed', sans-serif;
  118. }
  119. .open sans{
  120. font-family: 'Open Sans', sans-serif;
  121. }
  122. .poiret{
  123. font-family: 'Poiret One', cursive;
  124. }
  125. #s-m-t-tooltip{
  126. max-width:300px;
  127. margin:15px;
  128. padding:2px 8px;
  129. border:1px solid #DDD;
  130. border-radius:4px;
  131. background:#FFF;
  132. color:#AAA;
  133. z-index:999999;
  134. font-size:8px;
  135. font-style:italic;
  136. text-transform:lowercase;
  137. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  138. }
  139.  
  140. pre, code {
  141. padding:10px;
  142. box-sizing:border-box;
  143. -moz-box-sizing:border-box;
  144. webkit-box-sizing:border-box;
  145. display:block;
  146. white-space: pre-wrap;
  147. white-space: -moz-pre-wrap;
  148. white-space: -pre-wrap;
  149. white-space: -o-pre-wrap;
  150. word-wrap: break-word;
  151. width:100%; overflow-x:auto;
  152. background:#444;
  153. color:#fff;
  154. }
  155. ul{
  156. list-style-type:square;
  157. }
  158. ol{
  159. list-style-type:lower-roman;
  160. }
  161. body {
  162. background-color:{color:Background};
  163. color:{color:Text};
  164. font-family: cambria;
  165. font-size:12px;
  166. line-height:100%;
  167. word-wrap:break-word;
  168. }
  169.  
  170. a {
  171. text-decoration:none;
  172. color:{color:Link};
  173. -webkit-transition:0.5s;
  174. -moz-transition:0.5s;
  175. -ms-transition:0.5s;
  176. -o-transition:0.5s;
  177. }
  178.  
  179. a:hover {
  180. text-decoration:none;
  181. color:{color:Link Hover};
  182. }
  183.  
  184.  
  185. blockquote {
  186. border-left:1px solid #e3e3e3;
  187. padding-left:10px;
  188. }
  189. blockquote img{
  190. max-width:350px;
  191. }
  192. h1,h2,h3 {
  193. line-height:18px;
  194. text-transform:uppercase;
  195. text-align:center;
  196. text-decoration:underline;
  197. }
  198.  
  199. /*HEADER*/
  200. #header {
  201. width:500px;
  202. font-family: 'Maven Pro', sans-serif;
  203. text-align:center;
  204. margin-top:300px;
  205. margin-left:auto;
  206. margin-right:auto;
  207. margin-bottom:100px;
  208. border:1px solid {color:Header Border};
  209. padding:25px;
  210. -webkit-transition: all 1.1s ease;
  211. -moz-transition: all 1.1s ease;
  212. -o-transition: all 1.1s ease;
  213. }
  214. #header:hover{
  215. -webkit-transition: all 1.1s ease;
  216. -moz-transition: all 1.1s ease;
  217. -o-transition: all 1.1s ease;
  218. }
  219. #title a{
  220. text-transform:uppercase;
  221. letter-spacing:5px;
  222. font-size:30px;
  223. text-align:center;
  224. font-family:{select:Title Font};
  225. color:{color:Title};
  226. -webkit-transition: all 1.1s ease;
  227. -moz-transition: all 1.1s ease;
  228. -o-transition: all 1.1s ease;
  229. }
  230. #header:hover #title a{
  231. -webkit-filter:blur(3px);
  232. opacity:0;
  233. -webkit-transition: all 1.1s ease;
  234. -moz-transition: all 1.1s ease;
  235. -o-transition: all 1.1s ease;
  236. }
  237. #subtitle a{
  238. position:absolute;
  239. margin:-18px -70px;
  240. text-transform:uppercase;
  241. letter-spacing:5px;
  242. font-size:30px;
  243. text-align:center;
  244. color:{color:Title};
  245. font-family:{select:Title Font};
  246. opacity:0;
  247. -webkit-transition: all 1.1s ease;
  248. -moz-transition: all 1.1s ease;
  249. -o-transition: all 1.1s ease;
  250. }
  251. #header:hover #subtitle a{
  252. opacity:1;
  253. -webkit-transition: all 1.1s ease;
  254. -moz-transition: all 1.1s ease;
  255. -o-transition: all 1.1s ease;
  256. }
  257. #description {
  258. width:500px;
  259. text-align:center;
  260. font-size:10px;
  261. padding-top:10px;
  262. color:{color:Description};
  263. }
  264. #header:hover #description{
  265. text-transform:uppercase;
  266. }
  267. #pag{
  268. bottom:20px;
  269. font-size:11px;
  270. width:470px;
  271. padding:15px;
  272. margin-left:417px;
  273. text-align:center;
  274. word-spacing:2px;
  275. letter-spacing:1px;
  276. text-transform:uppercase;
  277. background:{color:Background};
  278. }
  279. #beepme{
  280. position:absolute;
  281. margin-top:5px;
  282. opacity:0;
  283. text-align:center;
  284. width:40px;
  285. -webkit-transition: all 0.4s ease;
  286. -moz-transition: all 0.4s ease;
  287. -o-transition: all 0.4s ease;
  288. color:{color:Header Links Text};
  289. }
  290. #links{
  291. display:block;
  292. width:500px;
  293. padding-top:10px;
  294. }
  295. #links a{
  296. display:inline-block;
  297. letter-spacing:1px;
  298. text-transform:uppercase;
  299. font-size:8px;
  300. width:40px;
  301. padding:10px;
  302. }
  303. #links a:nth-child(odd){
  304. background:{color:Header Links Odd BG};
  305. }
  306. #links a:nth-child(even){
  307. background:{color:Header Links Even BG};
  308. }
  309. #links a:hover{
  310. background:{color:Link Hover}
  311. }
  312. #links a:hover #beepme{
  313. -webkit-transition: all 0.4s ease;
  314. -moz-transition: all 0.4s ease;
  315. -o-transition: all 0.4s ease;
  316. opacity:1;
  317. margin-top:-5px;
  318. }
  319. /*POSTS*/
  320. #con{
  321. margin-top:300px;
  322. margin-bottom:40px;
  323. }
  324. #posts {
  325. width:500px;
  326. margin-left:auto;
  327. margin-right:auto;
  328. padding-bottom:30px;
  329. }
  330.  
  331. /*TEXT*/
  332. #text {
  333. text-align:left;
  334. }
  335.  
  336. .written{
  337. -webkit-transition: all 0.9s ease;
  338. -moz-transition: all 0.9s ease;
  339. -o-transition: all 0.9s ease;
  340. }
  341. .written:hover{
  342. text-decoration:underline;
  343. -webkit-transition: all 0.9s ease;
  344. -moz-transition: all 0.9s ease;
  345. -o-transition: all 0.9s ease;
  346. }
  347. /*PHOTO*/
  348. #photo {
  349. text-align:left;
  350. }
  351.  
  352. /*PHOTOSET*/
  353. #photoset {
  354. text-align:left;
  355. }
  356.  
  357. /*QUOTE*/
  358. #words {
  359. font-weight:bold;
  360. line-height:18px;
  361. font-size:16px;
  362. text-align:left;
  363. }
  364.  
  365. .source {
  366. text-align:center;
  367. font-style:italic;
  368. font-size:14px;
  369. }
  370.  
  371. /*LINK*/
  372. #linkpost {
  373. text-align:left;
  374. }
  375.  
  376. .linked {
  377. text-transform:uppercase;
  378. text-align:right;
  379. font-size:15px;
  380. }
  381.  
  382. /*CHAT*/
  383. #chat ul {
  384. margin-left:-40px;
  385. list-style:none;
  386. margin-bottom:0px;
  387. }
  388. #chat li:last-child{
  389. border:none;
  390. }
  391. #chat .odd{
  392. color:{color:Chat Odd};
  393. padding-top:5px;
  394. padding-bottom:5px;
  395. border-bottom:1px solid {color:Header Border};
  396. }
  397. #chat .even{
  398. color:{color:Chat Even};
  399. padding-top:5px;
  400. padding-bottom:5px;
  401. border-bottom:1px solid {color:Header Border};
  402. }
  403. /*VIDEO*/
  404. #video {
  405. text-align:left;
  406. }
  407.  
  408. /*AUDIO*/
  409. #audioplayer {
  410. width:27px;
  411. height:30px;
  412. overflow:hidden;
  413. position:absolute;
  414. margin-top:20px;
  415. margin-left:17px;
  416. opacity:0.7;
  417. z-index:9;
  418. }
  419.  
  420. #albumart {
  421. width:60px;
  422. height:60px;
  423. background-color:#e3e3e3;
  424. -webkit-filter:grayscale(.7);
  425. }
  426. /*ASKS*/
  427. #asker {
  428. padding:10px;
  429. font-family:cambria;
  430. letter-spacing:1px;
  431. font-style:italic;
  432. text-align:center;
  433. border-left:1px solid {color:Header Border};
  434. }
  435.  
  436. #quest{
  437. padding:20px;
  438. font-family:cambria;
  439. letter-spacing:1px;
  440. font-style:italic;
  441. margin-left:0px;
  442. border-right:1px solid {color:Header Border};
  443. border-top:1px solid {color:Header Border};
  444. }
  445.  
  446. /*POST INFO*/
  447. .info {
  448. text-align:left;
  449. text-transform:uppercase;
  450. font-size:10px;
  451. padding-top:3px;
  452. opacity:0;
  453. -webkit-transition: all 0.6s ease;
  454. -moz-transition: all 0.6s ease;
  455. -o-transition: all 0.6s ease;
  456. }
  457.  
  458. .info a {
  459. color:{color:Post Info};
  460. -webkit-transition: all 0.6s ease;
  461. -moz-transition: all 0.6s ease;
  462. -o-transition: all 0.6s ease;
  463. }
  464. .info a:hover{
  465. border-bottom:2px solid {color:Link Hover};
  466. }
  467. .tags{
  468. font-size:9px;
  469. text-transform:lowercase;
  470. margin-bottom:50px;
  471. text-decoration:none;
  472. padding-top:3px;
  473. }
  474. .tags a{
  475. font-size:9px;
  476. text-transform:lowercase;
  477. margin-bottom:50px;
  478. text-decoration:none;
  479. }
  480. #posts:hover .info{
  481. opacity:1;
  482. -webkit-transition: all 0.6s ease;
  483. -moz-transition: all 0.6s ease;
  484. -o-transition: all 0.6s ease;
  485. }
  486. .tags a:hover{
  487. text-transform:uppercase;
  488. text-decoration:none;
  489. }
  490. .coms:last-child{
  491. display:none;
  492. }
  493. ol.notes li.note img.avatar {
  494. display:none;
  495. }
  496. .notes ol{
  497. list-style-type:square;
  498. vertical-align:middle;
  499. }
  500. .notes li.note{
  501. padding:7px;
  502. vertical-align:middle;
  503. text-transform:uppercase;
  504. border-bottom:2px solid {color:Header Border};
  505. }
  506. /*CREDIT*/
  507. #credit {
  508. right:10px;
  509. bottom:10px;
  510. font-size:12px;
  511. text-transform:uppercase;
  512. text-align:center;
  513. position:fixed;
  514. padding:5px;
  515. -webkit-transition: all 0.8s ease;
  516. -moz-transition: all 0.8s ease;
  517. -o-transition: all 0.8s ease;
  518. }
  519.  
  520. #credit a:hover {
  521. -webkit-transition: all 0.8s ease;
  522. -moz-transition: all 0.8s ease;
  523. -o-transition: all 0.8s ease;
  524. color:#000;
  525. border-radius:100%;
  526. }
  527.  
  528. {block:ifUpdatesTab}
  529. #tab01{ /*This is the customization of EACH tab*/
  530. border:3px solid {color:Updates Border1};
  531. height:20px;
  532. width:20px;
  533. text-align:center;
  534. overflow:hidden;
  535. margin-top:1px 1px;
  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. #tab01:hover{/*This is the customization of the tabs HOVER*/
  546. height:{text:Updates Height 1};
  547. background:none;
  548. width:120px;
  549. border:3px solid {color:Updates Border1};
  550. border-right:none;
  551. border-bottom:none;
  552. -webkit-transition: all .8s ease-in-out;
  553. -moz-transition: all .8s ease-in-out;
  554. -o-transition: all .8s ease-in-out;
  555. }
  556.  
  557. #tab02{ /*This is the customization of EACH tab*/
  558. border:3px solid {color:Updates Border2};
  559. width:20px;
  560. height:20px;
  561. right:50px;
  562. text-align:center;
  563. overflow:hidden;
  564. text-transform:uppercase;
  565. letter-spacing:1px;
  566. font-size:8px;
  567. line-height:10px;
  568. z-index:0;
  569. -webkit-transition: all .8s ease-in-out;
  570. -moz-transition: all .8s ease-in-out;
  571. -o-transition: all .8s ease-in-out;
  572. }
  573. #tab02:hover{/*This is the customization of the tabs HOVER*/
  574. height:{text:Updates Height 2};
  575. width:120px;
  576. background:none;
  577. border-left:3px solid {color:Updates Border2};
  578. border-right:none;
  579. border-bottom:none;
  580. -webkit-transition: all .8s ease-in-out;
  581. -moz-transition: all .8s ease-in-out;
  582. -o-transition: all .8s ease-in-out;
  583. }
  584.  
  585. #tab03{ /*This is the customization of EACH tab*/
  586. border:3px solid {color:Updates Border3};
  587. width:20px;
  588. height:20px;
  589. text-align:center;
  590. overflow:hidden;
  591. margin-top:1px1px;
  592. text-transform:uppercase;
  593. letter-spacing:1px;
  594. font-size:8px;
  595. line-height:10px;
  596. z-index:0;
  597. -webkit-transition: all .8s ease-in-out;
  598. -moz-transition: all .8s ease-in-out;
  599. -o-transition: all .8s ease-in-out;
  600. }
  601. #tab03:hover{/*This is the customization of the tabs HOVER*/
  602. height:{text:Updates Height 3};
  603. width:120px;
  604. background:none;
  605. border-left:3px solid {color:Updates Border3};
  606. border-right:none;
  607. border-bottom:none;
  608. -webkit-transition: all .8s ease-in-out;
  609. -moz-transition: all .8s ease-in-out;
  610. -o-transition: all .8s ease-in-out;
  611. }
  612.  
  613. #tab04{ /*This is the customization of EACH tab*/
  614. border:3px solid {color:Updates Border4};
  615. width:20px;
  616. height:20px;
  617. text-align:center;
  618. overflow:hidden;
  619. margin-top:1px1px;
  620. text-transform:uppercase;
  621. letter-spacing:1px;
  622. font-size:8px;
  623. line-height:10px;
  624. z-index:0;
  625. -webkit-transition: all .8s ease-in-out;
  626. -moz-transition: all .8s ease-in-out;
  627. -o-transition: all .8s ease-in-out;
  628. }
  629. #tab04:hover{/*This is the customization of the tabs HOVER*/
  630. height:{text:Updates Height 4};
  631. width:120px;
  632. background:none;
  633. border:3px solid {color:Updates Border4};
  634. border-right:none;
  635. border-bottom:none;
  636. -webkit-transition: all .8s ease-in-out;
  637. -moz-transition: all .8s ease-in-out;
  638. -o-transition: all .8s ease-in-out;
  639. }
  640.  
  641. #tab05{ /*This is the customization of EACH tab*/
  642. border:3px solid {color:Updates Border5};
  643. width:20px;
  644. height:20px;
  645. text-align:center;
  646. overflow:hidden;
  647. margin-top:1px1px;
  648. text-transform:uppercase;
  649. letter-spacing:1px;
  650. font-size:8px;
  651. line-height:10px;
  652. z-index:0;
  653. -webkit-transition: all .8s ease-in-out;
  654. -moz-transition: all .8s ease-in-out;
  655. -o-transition: all .8s ease-in-out;
  656. }
  657. #tab05:hover{/*This is the customization of the tabs HOVER*/
  658. height:{text:Updates Height 5};
  659. width:120px;
  660. background:none;
  661. border:3px solid {color:Updates Border5};
  662. border-right:none;
  663. border-bottom:none;
  664. -webkit-transition: all .8s ease-in-out;
  665. -moz-transition: all .8s ease-in-out;
  666. -o-transition: all .8s ease-in-out;
  667. }
  668.  
  669. #tab06{ /*This is the customization of EACH tab*/
  670. border:3px solid {color:Updates Border6};
  671. width:20px;
  672. height:20px;
  673. text-align:center;
  674. overflow:hidden;
  675. margin-top:1px1px;
  676. text-transform:uppercase;
  677. letter-spacing:1px;
  678. font-size:8px;
  679. line-height:10px;
  680. z-index:0;
  681. -webkit-transition: all .8s ease-in-out;
  682. -moz-transition: all .8s ease-in-out;
  683. -o-transition: all .8s ease-in-out;
  684. }
  685. #tab06:hover{/*This is the customization of the tabs HOVER*/
  686. height:{text:Updates Height 6};
  687. width:120px;
  688. background:none;
  689. border:3px solid {color:Updates Border6};
  690. border-right:none;
  691.  
  692. border-bottom:none;
  693. -webkit-transition: all .8s ease-in-out;
  694. -moz-transition: all .8s ease-in-out;
  695. -o-transition: all .8s ease-in-out;
  696. }
  697.  
  698. #container{/*this controls the position of the tabs, the over-all width, and the title of each tab.*/
  699. text-align:center;
  700. font-size:8px;
  701. text-transform:uppercase;
  702. position:fixed;
  703. font-family:calibri;
  704. background-color:transparent;
  705. letter-spacing:1px;
  706. width:30px;
  707. z-index:9999;
  708. left:50px;
  709. top:100px;
  710. }
  711. {/block:ifUpdatesTab}
  712. {CustomCSS}
  713. </style>
  714.  
  715. <style>
  716. .my-like {
  717. cursor:pointer;
  718. display:inline-block;
  719. vertical-align:top;
  720. }
  721. .my-liked, .my-like:hover {
  722. color: red;
  723. cursor:pointer;
  724. display:inline-block;
  725. vertical-align:top;
  726. }
  727. </style>
  728. <script>
  729. window.onload = function () {
  730. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  731. document.addEventListener( 'click', function ( event ) {
  732. var myLike = event.target;
  733. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  734. var frame = document.getElementById( 'my-like-frame' ),
  735. liked = ( myLike.className == 'my-liked' ),
  736. command = liked ? 'unlike' : 'like',
  737. reblog = myLike.getAttribute( 'data-reblog' ),
  738. id = myLike.getAttribute( 'data-id' ),
  739. oauth = reblog.slice( -8 );
  740. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  741. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  742. };
  743. }, false );
  744. };
  745. </script>
  746.  
  747. </head>
  748. <body>
  749.  
  750. {block:ifUpdatesTab}
  751. <div id="structure">
  752. <div id="container"><!---this holds the entire tab together--->
  753.  
  754. <!---begin tab 1 code--->
  755. <div id="tab01">
  756. <!---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--->
  757. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{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>
  758. {text:Updates1}
  759. </div>
  760. </div>
  761. <!---end tab 1 code--->
  762.  
  763. <!---begin tab 2 code--->
  764. <div id="tab02">
  765. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{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>
  766. {text:Updates2}
  767. </div></div>
  768. <!---end tab 2 code--->
  769.  
  770. <!---begin tab 3 code--->
  771. <div id="tab03">
  772. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{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>
  773. {text:Updates3}
  774. </div>
  775. </div>
  776. <!---end tab 3 code--->
  777.  
  778. <!---begin tab 4 code--->
  779.  
  780. <div id="tab04">
  781. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{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>
  782. {text:Updates4}
  783. </div>
  784. </div>
  785.  
  786. <!---end tab 4 code--->
  787.  
  788. <!---begin tab 5 code--->
  789. <div id="tab05">
  790. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{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>
  791. {text:Updates5}
  792. </div></div>
  793. <!---end tab 5 code--->
  794. <!--begin tab 6-->
  795. <div id="tab06">
  796. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{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>
  797. {text:Updates6}
  798. <!--end tab 6-->
  799. </div></div>
  800. <!--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)!-->
  801. </div></div></div></div>
  802. {/block:IfUpdatesTab}
  803.  
  804. <div id="header">
  805. <div id="title"><a href="/">{Title}</a></div>
  806. <div id="subtitle"><a href="/">{text:Subtitle}</a></div>
  807. <div id="links">
  808. {block:iflink1}<a href="{text:link 1 url}"><div id="beepme">{text:link 1}</div></a>{/block:iflink1}
  809. {block:iflink2}<a href="{text:link 2 url}"><div id="beepme">{text:link 2}</div></a>{/block:iflink2}
  810. {block:iflink3}<a href="{text:link 3 url}"><div id="beepme">{text:link 3}</div></a>{/block:iflink3}
  811. {block:iflink4}<a href="{text:link 4 url}"><div id="beepme">{text:link 4}</div></a>{/block:iflink4}
  812. {block:iflink5}<a href="{text:link 5 url}"><div id="beepme">{text:link 5}</div></a>{/block:iflink5}
  813. </div>
  814. <div id="description">{Description}</div>
  815. </div>
  816.  
  817. <div id="con">
  818. {block:Posts}
  819. <div id="posts">
  820.  
  821. {block:Text}
  822. <div id="text">
  823. <h2><a href="{Permalink}"><span class="written" style="text-transform:lowercase;font-style:italic;">{Title}</a></h2>
  824. {Body}
  825. </div> <!--text post-->
  826. {/block:Text}
  827.  
  828. {block:Photo}
  829. <div id="photo">
  830. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  831. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  832. </div> <!--photo post-->
  833. {/block:Photo}
  834.  
  835. {block:Panorama}
  836. <div id="panorama">
  837. {LinkOpenTag}
  838. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  839. {LinkCloseTag}
  840. {block:Caption}
  841. <div class="caption">{Caption}</div>
  842. {/block:Caption}
  843. </div> <!--panorama post-->
  844. {/block:Panorama}
  845.  
  846. {block:Photoset}
  847. <div id="photoset">
  848. {Photoset-500}
  849. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  850. </div> <!--photoset-->
  851. {/block:Photoset}
  852.  
  853. {block:Quote}
  854. <div id="quote">
  855. <div id="words">"{Quote}"</div>
  856. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  857. </div> <!--quote-->
  858. {/block:Quote}
  859.  
  860. {block:Link}
  861. <div id="linkpost">
  862. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  863. <a href="{URL}" class="linked" {Target}>{Name}</a>
  864. {block:Description}
  865. <div class="linkdesc">{Description}</div>
  866. {/block:Description}
  867. </div> <!--link-->
  868. {/block:Link}
  869.  
  870. {block:Chat}
  871. <div id="chat">
  872. <h2><a href="{Permalink}">{Title}</a></h2>
  873. <ul>
  874. {block:Lines}
  875. <li class="{Alt} user_{UserNumber}">
  876. {block:Label}
  877. <span class="label">{Label}</span>
  878. {/block:Label}{Line}
  879. </li>
  880. {/block:Lines}
  881. </ul>
  882. </div> <!--chat-->
  883. {/block:Chat}
  884.  
  885. {block:Video}
  886. <div id="video">
  887. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  888. {Video-500}
  889. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  890. </div> <!--video-->
  891. {/block:Video}
  892.  
  893. {block:Audio}
  894. <div id="audio">
  895. <table style="padding:5px;margin-bottom:5px;">
  896. <tr>
  897. <td style="vertical-align:top;padding-right:10px;"><div id="audioplayer">{AudioPlayerWhite}</div>
  898. <div id="albumart">
  899. {block:AlbumArt}
  900. <img src="{AlbumArtURL}" style="width:60px;height:60px">
  901. {/block:AlbumArt}</div></td>
  902. <td style="vertical-align:middle; font-size:11px; line-height:12px"> {block:TrackName}<i>Title:</i> {TrackName} <br />{/block:TrackName}
  903. {block:Artist}<i>Artist:</i> {Artist} <br />{/block:Artist}
  904. {block:Album}<i>Album:</i> {Album} <br />{/block:Album}
  905. {block:PlayCount}<i>Played:</i> {FormattedPlayCount} times{/block:PlayCount}
  906. </td>
  907. </tr>
  908. </table>
  909. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  910. </div> <!--audio-->
  911. {/block:Audio}
  912.  
  913. {block:Answer}<div id="asker">{Asker} whispered:</div><div id="quest">{Question}</div>
  914. <div id="ansy">{Answer}</div>
  915. {/block:Answer}
  916.  
  917. <div class="info">
  918. <a title="{TimeAgo}" href="{Permalink}">{DayofMonth}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{Permalink}">+{NoteCount}</a>
  919. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource} & <a href="{ReblogRootURL}">src</a>{/block:ContentSource}
  920. <span style="float:right">[<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div> - <a title="reblog this?" href="{ReblogURL}">reblog</a>]</span>
  921. {block:HasTags}
  922. <div class="tags">{block:Tags} <a href="{TagURL}">{Tag}</a> <span class="coms">,</span>{/block:Tags}</div>{/block:HasTags}</div>
  923. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  924. </div>
  925. {/block:Posts}
  926. </div>
  927.  
  928. {block:Pagination}
  929. <div id="pag">
  930. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  931. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  932. </div>
  933. {/block:Pagination}
  934.  
  935. {block:IfShowStopBullyingLogo}
  936. <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>
  937. {/block:IfShowStopBullyingLogo}
  938.  
  939. <div id="credit"><a title="by foundcas" href="http://foundcas.tumblr.com">fc</a></div>
  940. </body>
  941. </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!