API tools faq
paste
Advertisement
damnbritts

Theme 37 | Damnbritts

damnbritts
Jun 7th, 2014
882
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.12 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.  
  3. <!-- theme #37 by damnbritts
  4. dont remove the credit
  5. thank you-->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9.  
  10. <head>
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. </script>
  15. <script>
  16. $(document).ready(function(){
  17. $("#links").click(function(){
  18. $("#inside").slideToggle("medium");
  19. });
  20. });
  21. </script>
  22.  
  23. </script>
  24. <script>
  25. $(document).ready(function(){
  26. $(".desc").click(function(){
  27. $(".inside").slideToggle("medium");
  28. });
  29. });
  30. </script>
  31.  
  32. </script>
  33. <script>
  34. $(document).ready(function(){
  35. $(".pagi").click(function(){
  36. $(".content").slideToggle("medium");
  37. });
  38. });
  39. </script>
  40.  
  41. <meta name="color:bg" content="#FFFFFF">
  42. <meta name="color:link" content="#A09E9E">
  43. <meta name="color:hover" content="#454545">
  44. <meta name="color:infobg" content="#FCFCFC">
  45. <meta name="color:text" content="#9A9A9A">
  46. <meta name="color:tags" content="#EDEDED">
  47. <meta name="color:scrollbar" content="#D6D5D5">
  48. <meta name="color:border" content="#F2F0F0">
  49. <meta name="color:links color" content="#DDDDDD">
  50. <meta name="color:title" content="#CACACA">
  51. <meta name="color:first letter" content="#DDDDDD">
  52.  
  53. <meta name="image:sidebar" content=""/>
  54. <meta name="text:sidetitle" content="Theme Sidetitle;"/>
  55.  
  56. <meta name="text:linkAtooltip" content="link 1" />
  57. <meta name="text:linkAurl" content="/" />
  58. <meta name="text:linkBtooltip" content="link 2" />
  59. <meta name="text:linkBurl" content="/" />
  60. <meta name="text:linkCtooltip" content="link 3" />
  61. <meta name="text:linkCurl" content="/" />
  62. <meta name="text:linkDtooltip" content="link 4" />
  63. <meta name="text:linkDurl" content="/" />
  64. <meta name="text:linkEtooltip" content="link 5" />
  65. <meta name="text:linkEurl" content="/" />
  66.  
  67.  
  68. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  69. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  70. <link rel="shortcut icon" href="{Favicon}" />
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. a {
  77. color:{color:link};
  78. text-decoration:none;
  79. -moz-transition-duration:0.5s;
  80. -webkit-transition-duration:0.5s;
  81. -o-transition-duration:0.5s;
  82. }
  83.  
  84. a:hover {
  85. color:{color:hover};
  86. text-decoration:none;
  87. -moz-transition-duration:0.5s;
  88. -webkit-transition-duration:0.5s;
  89. -o-transition-duration:0.5s;
  90. }
  91.  
  92.  
  93. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:5px}
  94. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  95. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  96.  
  97. body {
  98. background-color:{color:bg};
  99. font-family:Calibri;
  100. font-weight:normal;
  101. }
  102.  
  103.  
  104.  
  105.  
  106. h1 {
  107. font-weight:normal;
  108. font-size:10px;
  109. text-align:center;
  110. font-style:normal;
  111. line-height:80%;
  112. letter-spacing:1px;
  113. text-transform:uppercase;
  114. color:{color:text};
  115. }
  116.  
  117. h2 {
  118. font-size:15px;
  119. text-align:center;
  120. line-height:100%;
  121. letter-spacing:-0.5px;
  122. color:{color:text};
  123. font-weight:normal;
  124. padding:5px;
  125. padding-bottom:2px;
  126. }
  127.  
  128.  
  129. blockquote {
  130. border-left:2px solid {color:text};
  131. padding-left:5px;
  132. margin:5px;
  133. }
  134.  
  135. #theme {
  136. background-color:{color:bg};
  137. width:700px;
  138. margin: 0 auto -12px auto;
  139. text-align: center;
  140. }
  141.  
  142. #sidebar {
  143. color:{color:text};
  144. position:fixed;
  145. width:150px;
  146. height:auto;
  147. margin-top:200px;
  148. margin-left:-90px;
  149. text-align:left;
  150. }
  151.  
  152. #sidebar img {
  153. width:170px;
  154. height:110px;
  155. border:1px solid #eee;
  156. padding:3px;
  157. margin-bottom:5px;
  158. }
  159.  
  160.  
  161. #links {
  162. font-size:9px;
  163. color:white;
  164. background:{color:links color};
  165. margin-bottom:2px;
  166. margin-top:5px;
  167. margin-left:25px;
  168. text-transform:uppercase;
  169. letter-spacing:1px;
  170. }
  171.  
  172. #links:hover{
  173. cursor:help;
  174. }
  175.  
  176. #inside,#links {
  177. padding:2px;
  178. text-align:center;
  179. width:126px;
  180. }
  181.  
  182. #inside {
  183. width:115px;
  184. display:none;
  185. margin-left:29px;
  186. text-align:center;
  187. }
  188.  
  189. #inside a {
  190. width:7px;
  191. height:7px;
  192. border:1px solid #ddd;
  193. border-radius:100px;
  194. background:#ddd;
  195. line-height:7px;
  196. margin-left:4px;
  197. display:inline-block;
  198. }
  199.  
  200. #inside a:hover {
  201. background:white;
  202. }
  203.  
  204. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  205.  
  206. @font-face{font-family:Sniglet;src:url(http://static.tumblr.com/spobirt/wc7mz41ev/bellerose.ttf);}
  207.  
  208.  
  209. #title {
  210. width:280px;
  211. font-size:25px;
  212. font-family:sniglet;
  213. color:{color:title};
  214. margin-top:-185px;
  215. }
  216.  
  217. .desc {
  218. font-size:9px;
  219. color:white;
  220. background:{color:links color};
  221. margin-top:125px;
  222. margin-bottom:6px;
  223. margin-left:6px;
  224. text-transform:uppercase;
  225. letter-spacing:1px;
  226. }
  227.  
  228. .desc:hover{
  229. cursor:help;
  230. }
  231.  
  232. .inside,.desc {
  233. padding:2px;
  234. text-align:center;
  235. width:163px;
  236. }
  237.  
  238. .inside {
  239. width:163px;
  240. margin-left:5px;
  241. margin-bottom:10px;
  242. text-align:justify;
  243. font-family:arial;
  244. font-size:9px;
  245. display:none;
  246. color:#9a9a9a;
  247. letter-spacing:0px;
  248. line-height:150%;
  249. }
  250.  
  251. .inside a {
  252. color:{color:link};
  253. }
  254.  
  255. .inside:first-letter{
  256. font-family:times;
  257. font-size:20px;
  258. line-height:19px;
  259. text-transform:uppercase;
  260. text-align:center;
  261. padding:5px;
  262. padding-right:5px;
  263. padding-left:5px;
  264. padding-bottom:1px;
  265. padding-top:3px;
  266. margin-bottom:-1px;
  267. margin-right:3px;
  268. float:left;
  269. background-color:{color:first letter};
  270. color:#fff;
  271. }
  272.  
  273. .pagi {
  274. font-size:9px;
  275. color:white;
  276. background:{color:links color};
  277. margin-top:6px;
  278. margin-bottom:5px;
  279. margin-left:46px;
  280. text-transform:uppercase;
  281. letter-spacing:1px;
  282. }
  283.  
  284. .pagi:hover{
  285. cursor:help;
  286. }
  287.  
  288. .content,.pagi {
  289. padding:2px;
  290. text-align:center;
  291. width:86px;
  292. }
  293.  
  294. .content {
  295. width:80px;
  296. font-size:13px;
  297. text-transform:lowercase;
  298. letter-spacing:0px;
  299. margin-left:50px;
  300. display:none;
  301. font-family:cambria;
  302. font-style:italic;
  303. text-align:center;
  304. }
  305.  
  306.  
  307. .content a {
  308. color:{color:link};
  309. }
  310.  
  311. .content a:hover {
  312. text-decoration:underline;
  313. }
  314.  
  315. #stuffcontainer {
  316. float:left;
  317. margin-left:200px;
  318. margin-top:75px;
  319. text-align:justify;
  320. background-color:{color:bg};
  321. color:{color:text};
  322. margin-bottom: 35px;
  323. }
  324.  
  325.  
  326. #stuff {
  327. width:500px;
  328. margin-top:75px;
  329. text-align:justify;
  330. font-size:11px;
  331. line-height:90%;
  332. letter-spacing:0x;
  333. color:{color:text};
  334. }
  335.  
  336. .caption {
  337. width:500px;
  338. text-align:justify;
  339. line-height:120%;
  340. }
  341.  
  342. .ask {
  343. padding:10px;
  344. text-align:left;
  345. color:{color:text};
  346. background-color:{color:infobg};
  347. border-bottom:1px solid {color:border};
  348. border-right:1px solid {color:border};
  349. }
  350.  
  351. .ans {
  352. text-align:left;
  353. padding:10px;
  354. color:{color:text};
  355. }
  356.  
  357. .audio {
  358. width:500px;
  359. padding-bottom:10px;
  360. background-color:{color:infobg};
  361. }
  362.  
  363. .albumart {
  364. float:left;
  365. padding:0px 10px 10px 0px;
  366. }
  367.  
  368. .albumart img {
  369. width:45px;
  370. height:45px;
  371. }
  372.  
  373. .playercontainer {
  374. text-align:left;
  375. padding:10px;
  376. background-color:#ffffff;
  377. width:480px;
  378. }
  379.  
  380. .audioinfo {
  381. padding:10px;
  382. color:{color:text};
  383. }
  384.  
  385. #postinfo {
  386. width:490px;
  387. padding:5px;
  388. font-size:8px;
  389. color:{color:link};
  390. text-transform:uppercase;
  391. font-style:normal;
  392. letter-spacing:1px;
  393. text-align:left;
  394. margin-top:10px;
  395. border-top:1px solid {color:border};
  396. border-bottom:1px solid {color:border};
  397. -moz-transition-duration:0.5s;
  398. -webkit-transition-duration:0.5s;
  399. -o-transition-duration:0.5s;
  400. }
  401.  
  402. #postinfo a {
  403. color:{color:link};
  404. text-align:center;
  405. letter-spacing:1px;
  406. font-style:normal;
  407. }
  408.  
  409. #postinfo a:hover {
  410. color:{color:hover};
  411. }
  412.  
  413. .note {
  414. text-transform:uppercase;
  415. font-style:normal;
  416. letter-spacing:0px;
  417. font-size: 9px;
  418. text-align:left;
  419. line-height:90%;
  420. margin-left:-40px;
  421. }
  422.  
  423. .note li {
  424. list-style-type:none;
  425. border-bottom:1px solid {color:border};
  426. padding:10px 25px 10px 25px;
  427. text-align:left;
  428. margin:0px;
  429. -moz-transition-duration:0.5s;
  430. -webkit-transition-duration:0.5s;
  431. -o-transition-duration:0.5s;
  432. }
  433.  
  434. .tags {
  435. font-style:normal;
  436. width:500px;
  437. text-transform:uppercase;
  438. font-style:normal;
  439. color:{color:tags};
  440. letter-spacing:2px;
  441. line-height:120%;
  442. font-size:8px;
  443. text-align:left;
  444. padding:2px;
  445. -moz-transition-duration:0.5s;
  446. -webkit-transition-duration:0.5s;
  447. -o-transition-duration:0.5s;
  448. }
  449.  
  450. .tags a {
  451. color:{color:tags};
  452. letter-spacing:1px;
  453. padding:1px;
  454. }
  455.  
  456. .tags a:hover {
  457. color:{color:link};
  458. }
  459.  
  460. ul.chat, .chat ol, .chat li {
  461. list-style:none;
  462. margin:0px;
  463. padding:2px;
  464. }
  465.  
  466. .label {
  467. text-decoration:underline;
  468. font-weight:700;
  469. background-color:{color:infobg};
  470. margin-right:5px;
  471. }
  472.  
  473. #s-m-t-tooltip {
  474. font-size:9px;
  475. max-width:300px;
  476. padding:3px 3px 2px 4px;
  477. margin:13px 0px 0px 13px;
  478. z-index:10;
  479. background-color:#fff;
  480. font-weight:bold;
  481. border-top:4px solid #ddd;
  482. font-family:calibri;
  483. outline:1px solid #ddd;
  484. letter-spacing:1px;
  485. text-transform:uppercase;
  486. color:#a8a8a8;
  487. z-index:999999999999999999999999999999999999;
  488. }
  489.  
  490. #cred {
  491. font-size:8px;
  492. font-family:times;
  493. letter-spacing:1px;
  494. -moz-transition-duration:0.5s;
  495. -webkit-transition-duration:0.5s;
  496. -o-transition-duration:0.5s;
  497. }
  498.  
  499. #cred a {
  500. background-color:#fff;
  501. color:#a8a8a8;
  502. padding:5px;
  503. border:1px solid #ddd;
  504. position:fixed;
  505. right:7px;
  506. bottom:10px
  507. }
  508.  
  509. #cred a:hover {
  510. color:#fff;
  511. background-color:#000;
  512. border-radius:90px;
  513. -moz-transition-duration:2s;
  514. -webkit-transition-duration:2s;
  515. -o-transition-duration:2s;
  516. }
  517.  
  518. {CustomCSS}
  519.  
  520. </style></head>
  521.  
  522. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  523. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  524. <script>
  525. (function($){
  526. $(document).ready(function(){
  527. $("a[title]").style_my_tooltips({
  528. tip_follows_cursor:true,
  529. tip_delay_time:90,
  530. tip_fade_speed:600,
  531. attribute:"title"
  532. });
  533. });
  534. })(jQuery);
  535. </script>
  536.  
  537.  
  538. <body>
  539. <div id="theme">
  540. <div id="sidebar">
  541. <div id="sidebarimage1"><img src="{image:sidebar}"></div>
  542.  
  543. <div id="title">{text:sidetitle}</div>
  544.  
  545. <div class="desc">description</div>
  546. <div class="inside">
  547. {Description}
  548. </div>
  549.  
  550. <div id="links">links +</div>
  551. <div id="inside">
  552. <a title="{text:linkAtooltip}"href="{text:linkAurl}"></a>
  553. <a title="{text:linkBtooltip}"href="{text:linkBurl}"></a>
  554. <a title="{text:linkCtooltip}"href="{text:linkCurl}"></a>
  555. <a title="{text:linkDtooltip}"href="{text:linkDurl}"></a>
  556. <a title="{text:linkEtooltip}"href="{text:linkEurl}"></a>
  557. </div>
  558.  
  559.  
  560. <div class="pagi">pagi</div>
  561. {block:Pagination}
  562. <div class="content">
  563. {block:PreviousPage}
  564. <a href="{PreviousPage}">back</a>
  565. {/block:PreviousPage}
  566. {block:NextPage}
  567. <a href="{NextPage}">forth</a>
  568. {/block:NextPage}
  569. </div>
  570. {/block:Pagination}
  571. </div>
  572.  
  573. <div id="stuffcontainer">
  574.  
  575. {block:Posts}
  576.  
  577. <div id="stuff">
  578.  
  579. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  580.  
  581. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  582.  
  583. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  584. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  585.  
  586. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  587.  
  588. {block:Photoset}<center>{Photoset-500}</center>
  589. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  590.  
  591. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  592.  
  593. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  594.  
  595. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  596.  
  597. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  598. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  599. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  600. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  601. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  602.  
  603.  
  604.  
  605. {block:Date}<div id="postinfo">posted <a href="{Permalink}">{timeago}</a>{block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} | via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  606. {block:ContentSource} | source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  607. {block:HasTags}
  608. <div class="tags">
  609. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  610. {/block:HasTags}
  611. <div class="note">
  612. {block:PostNotes}{PostNotes}{/block:PostNotes}
  613. </div>
  614. </div>
  615. {/block:Posts}
  616.  
  617.  
  618. </div>
  619.  
  620. <div id="cred"><a href="http://damnbritts.tumblr.com/">DB</a></div>
  621.  
  622. </div>
  623. </div>
  624. </div>
  625. </body>
  626. </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!