API tools faq
paste
shutupstrax

Theme 7

shutupstrax
Apr 6th, 2014
1,090
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!---- THEME 7 BY SHUTUPSTRAX PLEASE DO NOT REMOVE THE CREDIT AND FOLLOW THE RULES ANY QUESTIONS JUST ASK ME AND EDIT AS YOU WISH (...)--->
  11.  
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16.  
  17.  
  18. <meta name="color:body" content="#666666"/>
  19. <meta name="color:links" content="#878787"/>
  20. <meta name="color:sblinks" content="#000000">
  21. <meta name="color:sblinks hover" content="#000000">
  22. <meta name="color:sblinks background hover" content="#ffffff">
  23. <meta name="color:navibg" content="#000000">
  24. <meta name="color:hover" content="#494949"/>
  25. <meta name="color:info" content="#777777">
  26. <meta name="color:desc" content="#000000">
  27. <meta name="color:desc background" content="#ffffff">
  28. <meta name="color:croll desc" content="#000000">
  29. <meta name="color:backgroundhover" content="#fffdfe">
  30. <meta name="color:agocolor" content="#ffffff">
  31. <meta name="color:infobackground" content="#ffffff">
  32. <meta name="color:title" content="#ffffff">
  33. <meta name="color:next" content="#000000" />
  34. <meta name="color:nextbg" content="#ffffff" />
  35. <meta name="color:bg tooltip" content="#ffffff" />
  36. <meta name="color:tags" content="#555555">
  37. <meta name="color:scroll desc" content="#aaaaaa">
  38. <meta name="color:titlebg" content="#000000">
  39. <meta name="color:bg tags" content="#ffffff">
  40. <meta name="color:bg" content="#ffffff">
  41. <meta name="color:scrollbar" content="#454545">
  42. <meta name="color:scrollbarbg" content="#ffffff">
  43. <meta name="color:infotopborder" content="#000000">
  44. <meta name="image:sb" content=""/>
  45. <meta name="image:sb2" content=""/>
  46.  
  47. <meta name="text:link 2 url" content="/">
  48. <meta name="text:link 2" content=""/>
  49. <meta name="text:link 3 url" content="/">
  50. <meta name="text:link 3" content=""/>
  51. <meta name="text:link 4 url" content="/">
  52. <meta name="text:link 4" content=""/>
  53. <meta name="text:link 5 url" content="/">
  54. <meta name="text:link 5" content=""/>
  55. <meta name="text:link 6 url" content="/">
  56. <meta name="text:link 6" content=""/>
  57. <meta name="text:link 7 url" content="/">
  58. <meta name="text:link 7" content=""/>
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <script>
  77.  
  78. $(window).scroll(function(){
  79. $("#links").css("top",Math.max(-40,108-$(this).scrollTop()));
  80. });
  81.  
  82. </script>
  83.  
  84. <style type="text/css">
  85.  
  86. .scroll{position:absolute;
  87. text-align:center;
  88. padding:5px;
  89. width: 300px;
  90. height:85px;
  91. background-color: {color:desc background};
  92. color: {color:desc};
  93. font-size: 10px;
  94. font-family: Arial;
  95. padding:10px;
  96. overflow: auto;
  97. }
  98.  
  99.  
  100. .scroll::-webkit-scrollbar {
  101. height:2px;
  102. width: 5px;
  103. background: #ffffff;
  104.  
  105. }
  106.  
  107. .scroll::-webkit-scrollbar-thumb {
  108. background:{color:scroll desc};
  109. border:1px solid #fff;
  110. -webkit-border-radius: 5ex;
  111. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  112.  
  113. }
  114.  
  115. .scroll::-webkit-scrollbar-corner {background: #transparent;
  116. }
  117.  
  118.  
  119. #s-m-t-tooltip{
  120. max-width:300px;
  121. z-index:10;
  122. margin:24px 14px 7px 12px;
  123. padding:5px;
  124. padding-bottom:7px;
  125. padding-left:10px;
  126. padding-right:10px;
  127. background:{color:bg tooltip};
  128. -moz-border-radius:0px;
  129. -webkit-border-radius:0%;
  130. border-radius:5%;
  131. font-family:calibri;
  132. font-size:11px;
  133. color:#000;}
  134.  
  135. ::-webkit-scrollbar-thumb {
  136. height:auto;
  137. background-color:{color:Scrollbar};}
  138.  
  139. ::-webkit-scrollbar {
  140. height:9px;
  141. width:4px;
  142. background-color:{color:ScrollbarBg};}
  143.  
  144. body {
  145. background-color:{color:bg};
  146. font-family:calibri;
  147. font-size:10px;
  148. text-align:justify;
  149. color:{color:body};
  150. margin:0;}
  151.  
  152. a { -webkit-transition: all 1s ease-in-out;
  153. -moz-transition: all 1s ease-in-out;
  154. -ms-transition: all 1s ease-in-out;
  155. -o-transition: all 1s ease-in-out;
  156. transition: all 1s ease-in-out;
  157. color:{color:links};
  158. text-decoration:none;
  159. -moz-outline-style:none;
  160. }
  161.  
  162. a:hover{-webkit-transition: all 6s ease-in-out;
  163. -moz-transition: all .6s ease-in-out;
  164. -ms-transition: all .6s ease-in-out;
  165. -o-transition: all .6s ease-in-out;
  166. transition: all .6s ease-in-out;
  167. color:{color:hover};
  168.  
  169. }
  170.  
  171. img {
  172. border:none;
  173. }
  174.  
  175. blockquote {
  176. padding-left:5px;
  177. border-left:2px solid;
  178. }
  179.  
  180. blockquote blockquote {
  181. padding-left:5px;
  182. border-left:2px solid;
  183. }
  184.  
  185.  
  186. #sidebar{
  187. height:200px;
  188. width:500px;
  189. margin-top:-92px;
  190. padding-left:40px;
  191. padding-right:40px;}
  192.  
  193.  
  194. #sidebarimg img{
  195. margin-top:108px;
  196. margin-left:-370px;
  197. width:130px;
  198. height:130px;
  199. -moz-transition-duration:0.7s;
  200. -webkit-transition-duration:0.7s;
  201. -o-transition-duration:0.7s;}
  202.  
  203. #sidebarimg2 img{ margin-left:133px;
  204. width:367px;
  205. height:130px;
  206. -moz-transition-duration:0.7s;
  207. -webkit-transition-duration:0.7s;
  208. -o-transition-duration:0.7s;}
  209.  
  210.  
  211. #sidebarimg2{ margin-top:-133px; }
  212.  
  213.  
  214. .title {
  215. margin-left:133px;
  216. text-align:center;
  217. margin-top:160px;
  218. position:absolute;
  219. width:367px;
  220. z-index:1;
  221. background-color:{color:titlebg};
  222. letter-spacing:-2px;
  223. white-space:nowrap;
  224. color: {color:title};
  225. font-family:calibri;
  226. font-size: 20px;
  227. -moz-transition-duration:0.7s;
  228. -webkit-transition-duration:0.7s;
  229. -o-transition-duration:0.7s;}
  230.  
  231. #sidebar:hover .title{opacity:0;}
  232.  
  233. #sidebar:hover #desc {opacity:1;}
  234.  
  235. #desc {
  236. opacity:0;
  237. padding-top:5px;
  238. width:200px;
  239. margin-left:20px;
  240. margin-top:-125px;
  241. font-size:10px;
  242. color:{color:desc};
  243. -moz-transition-duration:1s;
  244. -webkit-transition-duration:1s;
  245. -o-transition-duration:1s;}
  246.  
  247. #links{
  248. text-align:center;
  249. display:inline-block;
  250. width:500px;
  251. margin-top:40px;
  252. z-index:2;
  253. margin-left:-250px;
  254. position:fixed;
  255. background:{color:navibg};}
  256.  
  257.  
  258. #links a:hover {
  259. background:{color:sblinks background hover};
  260. color:{color:sblinks hover};}
  261.  
  262. #links a{
  263. margin-top:4px;
  264. margin-bottom:4px;
  265. display:inline-block;
  266. width:40px;
  267. font-family: Calibri;
  268. font-size:10px;
  269. padding-left:8px;
  270. padding-top:5px;
  271. padding-bottom:5px;
  272. padding-right:8px;
  273. color:{color:sblinks};
  274. -moz-transition-duration:0.5s;
  275. -webkit-transition-duration:0.5s;
  276. -o-transition-duration:0.5s;}
  277.  
  278. .pagi {
  279. position:fixed;
  280. z-index:3;
  281. padding-top:2px;
  282. padding-bottom:2px;
  283. font-size:11px;
  284. bottom:0px;
  285. text-transform:uppercase;
  286. letter-spacing:3px;
  287. font-style:normal;
  288. text-align:center;
  289. width:500px;
  290. background-color:{color:nextbg};
  291. margin-left:0px;
  292. margin-right:0px;
  293. -moz-transition-duration:2s;
  294. -webkit-transition-duration:2s;
  295. -o-transition-duration:2s;}
  296.  
  297.  
  298. .pagi a {color:{color:next};}
  299.  
  300.  
  301. #sidebar:hover .pagi{
  302. -moz-transition-duration:2s;
  303. -webkit-transition-duration:2s;
  304. -o-transition-duration:2s; }
  305.  
  306.  
  307. #container {
  308. margin: 0 auto;
  309. width:500px;
  310. margin-top:45px;
  311. overflow:hidden;
  312. }
  313.  
  314.  
  315. #posts{
  316. width:500px;
  317. padding:25px;
  318. margin-top:40px;
  319. overflow:hidden;
  320. }
  321.  
  322.  
  323.  
  324. #info {
  325. width:497px;
  326. text-align:center;
  327. font-family:calibri;
  328. font-size: 10px;
  329. text-transform:lowercase;
  330. color: {color:info};
  331. padding-left:3px;
  332. line-height:10px;
  333. padding-top:8px;
  334. padding-bottom:8px;
  335. background: {color:infobackground};
  336. border-top:1px solid {color:infotopborder};
  337. margin-top:5px;
  338. margin-bottom:10px;
  339. text-align:left;}
  340.  
  341. #info a{
  342. color: {color:info};
  343. font-size: 10px;
  344. }
  345.  
  346. #info a:hover{
  347. color:{color:hover};
  348. }
  349.  
  350. #tags{
  351. text-align:center;
  352. width:500px;
  353. padding-top:5px;
  354. padding-bottom:5px;
  355. margin-top:0px;
  356. margin-left:0px;
  357. background:{color:bg tags};
  358. font-size:10px;
  359. opacity:1;
  360. color:{color:tags};
  361. transition-duration: 0.5s;
  362. -moz-transition-duration: 0.5s;
  363. -webkit-transition-duration: 0.5s;
  364. -o-transition-duration: 0.5s
  365. }
  366.  
  367. #tags a {
  368. text-align:center;
  369. display:inline-block;
  370. color:{color:tags};
  371. font-size:10px;
  372. text-decoration:none;
  373. }
  374.  
  375. #notes{
  376. font-size:8px;
  377. text-transform:uppercase;
  378. }
  379.  
  380.  
  381.  
  382. #letter {
  383. z-index:-6;
  384. padding-right:4px;
  385. padding-left:4px;
  386. padding-top:2px;
  387. color: {color:lettercolor};
  388. font-family:calibri;
  389. font-size: 40px;
  390. float: left;
  391. margin-top:-7px;
  392. margin-right:2px;
  393. -webkit-transition: all 0.7s ease-in-out;
  394. -moz-transition: all 0.7s ease-in-out;
  395. -ms-transition: all 0.7s ease-in-out;
  396. -o-transition: all 0.7s ease-in-out;
  397. transition: all 0.7s ease-in-out;
  398. }
  399.  
  400.  
  401. #asker {
  402. padding-bottom:10px;
  403. padding-left:5px;
  404. text-align:left;
  405. color:{color:text};
  406. line-height:160%;
  407. background-color:#f9f9f9;
  408.  
  409.  
  410. }
  411. #asker img {
  412. margin-left:2px;
  413. margin-bottom:-9px;
  414. margin-top:6px;
  415. padding:3px;
  416. }
  417.  
  418. #asker a {
  419. font-family:Calibri;
  420. font-size:11px;
  421. margin-left:10px; }
  422.  
  423. #cred{
  424. position:fixed;
  425. bottom:13px;
  426. right:3px;
  427. font-size:8px;
  428. letter-spacing:1px;
  429. font-family:cambria;
  430. -moz-transition-duration: 0.5s;
  431. -webkit-transition-duration: 0.5s;
  432. -o-transition-duration: 0.5s
  433. }
  434.  
  435. #cred a {
  436. color:#848484;
  437. padding:10px;
  438. transition-duration: 0.5s;
  439. -moz-transition-duration: 0.5s;
  440. -webkit-transition-duration: 0.5s;
  441. -o-transition-duration: 0.5s}
  442.  
  443. #cred a:hover {
  444. color:#fff;
  445. border:1px solid #585858;
  446. background:#2E9AFE;
  447. transition-duration: 0.5s;
  448. -moz-transition-duration: 0.5s;
  449. -webkit-transition-duration: 0.5s;
  450. -o-transition-duration: 0.5s
  451.  
  452.  
  453.  
  454. }
  455.  
  456. .ta{font-size:20px;}
  457.  
  458. .li {font-size:13px;}
  459.  
  460. .line {font-size:13px;
  461. padding:10px;
  462. border-top:1px;
  463. border-top:1px solid #E4E4E4;
  464. color:#000;}
  465.  
  466. #cap {font-size:11px;
  467. margin-left:-20px;}
  468.  
  469. #audio{border:10px solid #E4E4E4;
  470. width:500px;}
  471.  
  472. #player {
  473. width:30px;
  474. height:30px;
  475. overflow:hidden;
  476. position:absolute;
  477. margin-top:45px;
  478. margin-bottom:45px;
  479. margin-left:37px;
  480. }
  481. #albumart { float:left; }
  482.  
  483.  
  484. #t {font-size:10px;
  485. padding:9px;
  486. border-top:1px solid #E4E4E4;
  487. color:#000;
  488. text-align:center;}
  489.  
  490. #t2 {font-size:10px;
  491. padding:9px;
  492. border-top:1px solid #E4E4E4;
  493. color:#000; border-bottom:1px solid #E4E4E4;
  494. color:#000;
  495. text-align:center; }
  496.  
  497. .line {font-size:13px;
  498. padding:10px;
  499. border-top:1px;
  500. border-top:1px solid #E4E4E4;
  501. color:#000;}
  502.  
  503. .quote {
  504. text-align:center;
  505. font-size:17px;
  506. font-weight:800;
  507. letter-spacing:-1px; }
  508.  
  509. .source{
  510. text-align:right;
  511. font-size:12px;
  512. letter-spacing:1px;
  513. margin-left:20px;}
  514.  
  515. .linkss{font-size:13px;
  516. text-align:center;}
  517.  
  518.  
  519.  
  520.  
  521. /*CREDIT DO NOT REMOVE*/
  522.  
  523. #cred{
  524. position:fixed;bottom:13px;
  525. right:3px;
  526. font-size:8px;
  527. letter-spacing:1px;
  528. font-family:cambria;
  529. -moz-transition-duration: 0.5s;
  530. -webkit-transition-duration: 0.5s;
  531. -o-transition-duration: 0.5s
  532. }
  533.  
  534. #cred a {
  535. color:#848484;
  536. transition-duration: 0.5s;
  537. padding:10px;
  538. -moz-transition-duration: 0.5s;
  539. -webkit-transition-duration: 0.5s;
  540. -o-transition-duration: 0.5s}
  541.  
  542. #cred a:hover {
  543. color:#fff;
  544. border:1px solid #fff;
  545. background:#000;
  546. transition-duration: 0.5s;
  547. -moz-transition-duration: 0.5s;
  548. -webkit-transition-duration: 0.5s;
  549. -o-transition-duration: 0.5s}
  550.  
  551. </style></head><body><center>
  552.  
  553.  
  554. <div id="sidebar">
  555. <div class="title">{Title}</div>
  556. <div id="sidebarimg"><a title= "Home" a href="/"><img src="{image:sb}"></a></div>
  557. <div id="sidebarimg2"><img src="{image:sb2}"></div>
  558.  
  559. <div id="desc"> <div class="scroll">
  560. {description}</div></div>
  561. </div>
  562.  
  563. <div id="links">
  564.  
  565. <a href="/ask"> ask</a>
  566.  
  567. <a href="{text:link 2 url}"<a href="{text:link 2 url}">{text:link 2}</a>
  568.  
  569. <a href="{text:link 3 url}"<a href="{text:link 3 url}">{text:link 3}</a>
  570.  
  571. <a href="{text:link 4 url}"<a href="{text:link 4 url}">{text:link 4}</a>
  572.  
  573. <a href="{text:link 5 url}"<a href="{text:link 5 url}">{text:link 5}</a>
  574.  
  575. <a href="{text:link 6 url}"<a href="{text:link 6 url}">{text:link 6}</a>
  576.  
  577. <a href="{text:link 7 url}"<a href="{text:link 7 url}">{text:link 7}</a>
  578.  
  579. </div>
  580.  
  581. </div></div></div>
  582. <div id="container">
  583. {block:Pagination}
  584. <div class="pagi">
  585. {block:PreviousPage}
  586. <a href="{PreviousPage}"> Prev</a>
  587. {/block:PreviousPage}
  588. {block:NextPage}
  589. <a href="{NextPage}">Next</a>
  590. {/block:NextPage}
  591. </div>
  592. {/block:Pagination}
  593. </div>
  594. </div>
  595.  
  596.  
  597. </div> =
  598. </center>
  599. <div id="container">
  600. {block:Posts}
  601. <div id="post">
  602. {block:Text}
  603. {block:Title}<h2>{Title}</h2>{/block:Title}
  604. {Body}
  605. {/block:Text}
  606.  
  607. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-30}" style="padding:2px;"> {Asker}: {Question}</center></div><left><font face="cambria">{Answer}</font>{/block:Answer}
  608.  
  609. {block:Quote}
  610. <div class="quote">
  611. <div class="quotetext_{Length}">"{Quote}"</div>
  612. {block:Source}<div class="source"> - {Source}</div>{/block:Source}
  613. </div>
  614. {/block:Quote}
  615.  
  616. <div class="linkss">
  617. {block:Link}
  618. <h2><a href="{URL}">{Name} ⇢ </a></h2> </div><div class="li">
  619. {block:Description}{Description}{/block:Description}
  620. {/block:Link}</div>
  621.  
  622. {block:Chat}
  623. {block:Title}<h2>{Title}</h2>{/block:Title}
  624. <div class="convo">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  625. {Line}</div>{/block:Lines}</div>
  626. {/block:Chat}
  627.  
  628.  
  629. {block:Photo}
  630. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  631.  
  632. {block:Caption}{Caption}{/block:Caption}
  633. {/block:Photo}
  634.  
  635.  
  636. {block:Photoset}
  637. {Photoset-500}
  638. {block:Caption}{Caption}{/block:Caption}
  639. {/block:Photoset}
  640.  
  641.  
  642. {block:Video}
  643. {Video-500}
  644. {block:Caption}{Caption}{/block:Caption}
  645. {/block:Video}
  646.  
  647.  
  648.  
  649. {block:Audio}
  650. <div id="player">{AudioPlayerWhite} </div>
  651. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>{block:TrackName}
  652. <div id="t"><b>Title:</b> {TrackName}<br /> </div> {/block:TrackName} {block:Artist}<div id="t"><b>Artist:</b>{Artist}<br /></div> {/block:Artist} {/block:ExternalAudio}<div id="t2"><b>Played:</b> {PlayCount} times</div> <br>{block:caption}<div class="caption">{caption}</div>{/block:caption} {/block:Audio}
  653.  
  654.  
  655.  
  656. <div id="info">
  657. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>
  658. {/block:Date}
  659. With:
  660. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  661. <a href="{Permalink}"> {NoteCount} </a>notes <a style="color:#f377a0;"></a>
  662. +
  663. <a href="{ReblogURL}">reblog</a>
  664. {block:RebloggedFrom} <a href="{ReblogParentURL}" style="float:right;margin-right:5px;">via </a> {/block:RebloggedFrom}
  665. {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}"style="float:right; margin-right:5px;">source /
  666. </a>{/block:ContentSource}
  667. </div>
  668.  
  669. {block:HasTags}<div id="tags">
  670. Tagged as:{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  671. </div>{block:HasTags}
  672. </div><br><br>
  673.  
  674. {/block:Posts}
  675. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  676. {/block:Posts}
  677.  
  678. <!--CREDIT DO NOT REMOVE-->
  679.  
  680. <div id="cred"><a href="http://shutupstrax.tumblr.com/">SUS</a></center></div>
  681.  
  682. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!