Advertisement
Guest User

Theme 7

a guest
Jan 3rd, 2014
650
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.97 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. Credit goes to Billiondays !
  6.  
  7. do NOT emove this or any other credit on the theme !
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#a8a8a8"/>
  21. <meta name="color:Link" content="#b8b8b8"/>
  22. <meta name="color:Links" content="#b8b8b8"/>
  23. <meta name="color:Tags" content="f0f0f0"/>
  24. <meta name="color:Hover" content="#f2f2f2"/>
  25. <meta name="color:Border" content="#e4e4e4"/>
  26. <meta name="color:Post" content="#ffffff"/>
  27. <meta name="color:Answer" content="#f8f8f8"/>
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:bg" content=""/>
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 1 Text" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 2 Text" content="" />
  34. <meta name="color:scrollbarbg" content="ffffff"/>
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. #bite
  40. #bite a{
  41. display:block
  42. }
  43. #bite .death {
  44. margin-right:0px;filter: alpha(opacity = 0);
  45. opacity:0;-webkit-transition: all 0.5s ease-out;
  46. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  47. }
  48.  
  49. #bite:hover .death {
  50. margin-left:0px;
  51.  
  52. -webkit-transition: all 0.8s ease-out;
  53. -moz-transition: all 0.8s ease-out;
  54. transition: all 0.8s ease-out;
  55. filter: alpha(opacity = 100);
  56. filter: alpha(opacity = 100);
  57. opacity:8;
  58. }
  59.  
  60. /* --- SCROLLBAR ---*/
  61.  
  62. ::-webkit-scrollbar {
  63. width: 5px;height: 5px;}
  64. ::-webkit-scrollbar-button:start:decrement,
  65. ::-webkit-scrollbar-button:end:increment {
  66. height: 6px;display: block;background-color: {color:white};}
  67. ::-webkit-scrollbar-track-piece {
  68. background-color: {color:scrollbarbg};}
  69. ::-webkit-scrollbar-thumb:vertical {
  70. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  71.  
  72.  
  73. /* --- BODY ---*/
  74.  
  75. body {
  76. background:{color:background};
  77. margin:0px;
  78. color:{color:text};
  79. font-family:Calibri;
  80. font-size:10px;
  81. line-height:110%;
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:link};
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. h1 {
  106. font-size:15px;
  107. text-transform:uppercase;
  108. text-align:center;
  109. }
  110.  
  111. a:hover {
  112. opacity:10;
  113. color:{color:hover};
  114. -webkit-transition: all 0.7s ease;
  115. -moz-transition: all 0.7s ease;
  116. -o-transition: all 0.7s ease
  117. }
  118.  
  119. /* --- POST ENTRIES ---*/
  120.  
  121.  
  122. #entries {
  123. padding:20px;
  124. width:500px;
  125. margin-left:430px;
  126. margin-top:0px;
  127. font-size:10px;
  128. }
  129.  
  130. /* --- BODY: POSTS ---*/
  131.  
  132.  
  133. #post {
  134. width:500px;
  135. padding-bottom:550px;
  136. padding:20px;
  137. margin-top:-5px;
  138. background-color:{color:Post};
  139. }
  140.  
  141. #post:hover #tags {
  142. opacity:1;
  143. -webkit-transition: all 0.7s ease;
  144. -moz-transition: all 0.7s ease;
  145. -o-transition: all 0.7s ease
  146. }
  147. /* --- SIDEBAR IMAGE ---*/
  148.  
  149.  
  150. #sidebar {
  151. width:135px;
  152. height:135px;
  153. position:fixed;
  154. margin-left:240px;
  155. margin-top:220px;
  156. opacity:10;
  157. background-color:{color:Sidebar};
  158. }
  159.  
  160. #sidebarimage {
  161. width:135px;
  162. height:135px;
  163. }
  164.  
  165. #sidebarimage img {
  166.  
  167. width:150px;
  168. padding:6px;
  169. background-color:{color:Sidebar};
  170. }
  171.  
  172.  
  173. /* --- SIDEBAR LINKS ---*/
  174.  
  175. .links {
  176. width:200px;
  177. height:10px;
  178. padding: 10px;
  179. font-size:10px;
  180. color:#000;
  181. font-family:'arial';
  182. text-align:center;
  183. margin-top:5px;
  184. margin-left:-33px;
  185. text-align:center;
  186. text-transform:lowercase;
  187. word-spacing:1px;
  188. position:fixed;
  189. line-height:30%;
  190. padding-bottom:7px;
  191. -moz-transition-duration:0.4s;
  192. -webkit-transition-duration:0.4s;
  193. -o-transition-duration:0.4s;
  194. }
  195.  
  196. .links a {
  197. color:{color:links};
  198. display:inline;
  199. width:auto;
  200. padding:2px;line-height:120%;
  201. font-size: 10px;
  202. -moz-transition-duration:0.4s;
  203. -webkit-transition-duration:0.4s;
  204. -o-transition-duration:0.4s;
  205. }
  206.  
  207. .links a:hover {
  208. color:{color:Hover};
  209. opacity:0;
  210. -moz-transition-duration:0.4s;
  211. -webkit-transition-duration:0.4s;
  212. -o-transition-duration:0.4s;
  213. }
  214.  
  215.  
  216. /* --- DESCRIPTION ---*/
  217.  
  218. #description {
  219. position:fixed;
  220. font-family:arial;
  221. line-height:100%;
  222. font-size:9px;
  223. width:153px;
  224. margin-top:0px;
  225. border-bottom:3px solid;
  226. border-color:{color:border};
  227. padding-bottom:8px;
  228. margin-left:5px;
  229. text-align:justify;
  230. color:{color:text};
  231. }
  232.  
  233. #description a {color:#000; -moz-transition-duration:0.4s;
  234. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  235.  
  236. /* --- PAGINATION---*/
  237.  
  238.  
  239. #pagination {
  240. width:100px;
  241. font-size:10px;
  242.  
  243. text-align:center;
  244. margin-left:22px;
  245. margin-top:55px;
  246. position:fixed;
  247. font-family:consolas;
  248. letter-spacing:0px;
  249. }
  250.  
  251. #pagination a {
  252. color:{color:links};
  253. }
  254. /* --- POST INFO ---*/
  255.  
  256.  
  257. .swag {
  258. width:495px;
  259. padding:2px;
  260. font-family:arial;
  261. font-size:7px;
  262. color:#ccc;
  263. text-transform:uppercase;
  264. font-style:normal;
  265. letter-spacing:2px;
  266. text-align:left;
  267. -moz-transition-duration:0.5s;
  268. -webkit-transition-duration:0.5s;
  269. -o-transition-duration:0.5s;
  270. }
  271.  
  272. .swag a {
  273. text-align:center;
  274. letter-spacing:1px;
  275. padding:5px;
  276. font-style:normal;
  277. -moz-transition-duration:0.4s;
  278. -webkit-transition-duration:0.4s;
  279. -o-transition-duration:0.4s;
  280. }
  281.  
  282. .swag a:hover {
  283. color:#eee;
  284. -moz-transition-duration:0.4s;
  285. -webkit-transition-duration:0.4s;
  286. -o-transition-duration:0.4s;
  287. }
  288.  
  289. #reblog {
  290. margin-left:0px;
  291. margin-top:-10px;
  292. font-family:arial ;
  293. font-size:8px;
  294. color:#000;
  295. letter-spacing:1px;
  296. text-transform:uppwercase;
  297. -moz-transition-duration:0.9s;
  298. -webkit-transition-duration:0.9s;
  299. -o-transition-duration:0.9s;
  300. }
  301.  
  302. #reblog a {
  303. color:#6e6e6e;
  304. -moz-transition-duration:0.9s;
  305. -webkit-transition-duration:0.9s;
  306. -o-transition-duration:0.9s;
  307. }
  308.  
  309. #reblog:hover {
  310. color:#fff;
  311. -moz-transition-duration:0.9s;
  312. -webkit-transition-duration:0.9s;
  313. -o-transition-duration:0.9s;
  314. }
  315.  
  316. .source {
  317. width:490px;
  318. padding:2px;
  319. font-family:ARIAL;
  320. font-size:7px;
  321. margin-top:-15px;
  322. color:#000;
  323. MARGIN-LEFT:7PX;
  324. text-transform:uppercase;
  325. font-style:normal;
  326. letter-spacing:1px;
  327. text-align:right;
  328. -moz-transition-duration:0.5s;
  329. -webkit-transition-duration:0.5s;
  330. -o-transition-duration:0.5s;
  331. }
  332.  
  333. .source a {
  334. color:#ccc;
  335. text-align:center;
  336. letter-spacing:1px;
  337. padding:4px;
  338. word-spacing:-5px;
  339. font-style:bold;
  340. -moz-transition-duration:0.4s;
  341. -webkit-transition-duration:0.4s;
  342. -o-transition-duration:0.4s;
  343. }
  344.  
  345. .source a:hover {
  346. color:#000;
  347. background-color:#fff;
  348. -moz-transition-duration:0.4s;
  349. -webkit-transition-duration:0.4s;
  350. -o-transition-duration:0.4s;}
  351.  
  352.  
  353.  
  354. /* --- TOOL TIP FOR INFO | DO NOT REMOVE ---*/
  355.  
  356. #s-m-t-tooltip {
  357.  
  358. max-width:300px;
  359.  
  360. padding:2px 3px 4px 3px;
  361.  
  362. margin:20px 0px 0px 20px;
  363.  
  364. background-color:; /* change the background color */
  365.  
  366. font-family:ARIAL; /* change the font */
  367.  
  368. font-size:7px; /* change the font size */
  369.  
  370. letter-spacing:2px; /* change the letter spacing */
  371.  
  372. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  373.  
  374. color:#bbb; /* change the text color */
  375.  
  376. z-index:999999999999999999999999999999999999;
  377.  
  378. line-height:100%;
  379.  
  380. }
  381.  
  382. /* --- POST TAGS---*/
  383.  
  384.  
  385. #tags {
  386. opacity:0;
  387. padding:10px;
  388. font-family:arial;
  389. letter-spacing:1px;
  390. text-transform:lowercase;
  391. font-size:8px;
  392. margin-top:-5px;
  393. padding-left:2px;
  394. display:block;
  395. text-align:left;
  396. -webkit-transition: all 0.7s ease;
  397. -moz-transition: all 0.7s ease;
  398. -o-transition: all 0.7s ease
  399. }
  400.  
  401. #tags a {
  402. display:inline;
  403. padding:3px;
  404. text-align:left;
  405. -webkit-transition: all 0.6s ease-in-out;
  406. -moz-transition: all 0.6s ease-in-out;
  407. -o-transition: all 0.6s ease-in-out;
  408. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  409.  
  410. #tags a:hover {
  411. color:#fff;
  412. }
  413.  
  414.  
  415. /* --- QUESTIONS ---*/
  416.  
  417. #asker {
  418. font-size:10px;
  419. color:#000;
  420. width:475px;
  421. padding:10px;
  422. font-family:arial;
  423. letter-spacing:0px;
  424. text-align:left;
  425. margin-left:1px;
  426. border-bottom:1px solid #ddd;
  427. -moz-transition: all 0.6s ease-in-out;
  428. -o-transition: all 0.6s ease-in-out;
  429. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out
  430. }
  431.  
  432. #asker a{
  433. color:#000;
  434. -moz-transition: all 0.6s ease-in-out;
  435. -o-transition: all 0.6s ease-in-out;
  436. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out
  437. }
  438.  
  439. #asker a:hover {
  440. opacity:0.5;
  441. -moz-transition: all 0.6s ease-in-out;
  442. -o-transition: all 0.6s ease-in-out;
  443. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out
  444. }
  445.  
  446. #answer {
  447. margin-left:20px;
  448. margin-top:-20px;
  449. font-size:10px;
  450. font-family:ARIAL;
  451. letter-spacing:0px;
  452. }
  453.  
  454. /* --- QUOTE --- */
  455.  
  456. #quote {
  457. padding:20px;
  458. font-family:cambria;
  459. font-size:20px;
  460. line-height:130%;
  461. font-style:italic;
  462. }
  463.  
  464.  
  465. /* --- CHAT --- */
  466.  
  467. #chattitle {
  468. font-size:13px;
  469. font-family:cambria;
  470. padding:3px;
  471. }
  472.  
  473. #chat {
  474. width:500px;
  475. font-size:10px;
  476. font-family:cambria;
  477. line-height:120%;
  478. padding:5px;
  479. border:1px solid #F2F2F2;
  480. }
  481.  
  482. /* --- AUDIO TRACK --- */
  483.  
  484. #audio {
  485. width:500px;
  486. height:auto;
  487. min-height:90px;
  488. padding-bottom:5px;
  489. }
  490.  
  491. .cover {
  492. position:absolute;
  493. z-index:1;
  494. width:90px;
  495. height:90px;
  496. }
  497.  
  498. .cover img {
  499. float:left;
  500. width:90px;
  501. height:90px;
  502. }
  503.  
  504. .playbox {
  505. opacity:0.7;
  506. position:absolute;
  507. z-index:1000;
  508. margin-left:100px;
  509. margin-top:0px;
  510. text-align:center;
  511. }
  512.  
  513. .info {
  514. margin-left:100px;
  515. margin-top:-54px;
  516. line-height:14px;
  517. padding-bottom:10px;
  518. }
  519.  
  520. /* --- LINK POSTS --- */
  521.  
  522. #bloglink {
  523. text-align:center;
  524. font-size:17px;
  525. padding:7px;
  526. }
  527.  
  528. #linkdescription {
  529. padding:1px;
  530. padding-left:5px;
  531. text-align:justify;
  532. }
  533.  
  534.  
  535. #credit {
  536.  
  537. position:fixed;
  538. bottom:5px;
  539. right:5px;
  540. padding:6px;
  541. font-size:15px;
  542. font-family:Calibri;
  543. -moz-transition-duration:0.2s;
  544. -webkit-transition-duration:0.2s; -o-transition-duration:0.2s;
  545. }
  546.  
  547. #credit a{
  548. -moz-transition-duration:0.2s;
  549. -webkit-transition-duration:0.2s; -o-transition-duration:0.2s;
  550. color:#000;
  551. }
  552.  
  553. #credit a:hover{
  554. text-shadow:3px 0 0;
  555. margin-right:1px;
  556. }
  557.  
  558.  
  559.  
  560. {CustomCSS}</style></head><body>
  561.  
  562. <!----TOOLTIP FO RTHE INFO | DO NOT REMOVE----->
  563.  
  564. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  565.  
  566. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  567.  
  568. <script>
  569.  
  570. (function($){
  571.  
  572. $(document).ready(function(){
  573.  
  574. $("a[title]").style_my_tooltips({
  575.  
  576. tip_follows_cursor:true,
  577.  
  578. tip_delay_time:90,
  579.  
  580. tip_fade_speed:600,
  581.  
  582. attribute:"title"
  583.  
  584. });
  585.  
  586. });
  587.  
  588. })(jQuery);
  589.  
  590. </script>
  591.  
  592. <!----SIDEBAR----->
  593.  
  594. <div id="sidebar">
  595. <div id="sidebarimage">
  596. <img src="{image:sidebar}">
  597.  
  598. <!----DESCRIPTION----->
  599.  
  600. <div id="description">
  601. {Description}
  602.  
  603.  
  604.  
  605. <!----LINKS----->
  606.  
  607. <div class="links">
  608. <a href="/">index</a> ☯
  609. <a href="/ask">mssg</a> ☯
  610. <a href="{text:Link 1}">{text:Link 1 Text}</a> ☯
  611. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  612. </div>
  613.  
  614.  
  615.  
  616. <!----PAGINATION----->
  617.  
  618. {block:Pagination}<div id="pagination">
  619. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} -
  620. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  621. </div>{/block:Pagination}
  622.  
  623. </div></div></div>
  624.  
  625.  
  626. <!----POSTS----->
  627.  
  628. <div id="entries">{block:Posts}<div id="post">
  629.  
  630. <!----TEXT----->
  631.  
  632. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>{Body}{/block:Text}
  633.  
  634.  
  635. <!----PHOTOS----->
  636.  
  637. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  638.  
  639.  
  640. <!----PHOTOSETS----->
  641.  
  642. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  643.  
  644.  
  645. <!----QUOTES----->
  646.  
  647. {block:Quote}{block:Source} <div id="quote">❝ {Quote} ❞ — {source}</div>{/block:Source}{/block:Quote}
  648.  
  649.  
  650. <!----LINKS----->
  651.  
  652. {block:Link}<h1><div id="bloglink"><a href="{URL}" {Target}>⊱ {Name}</a></div></h1>{block:Description}<div id="linkdescription">{Description}</div>{/block:Description}{/block:Link}
  653.  
  654.  
  655. <!----CHAT----->
  656.  
  657. {block:Chat}{block:Title}<div id="chattitle"><h1>{Title}</h1></div>{/block:Title}{block:Lines}{block:Label}<div id="chat"><b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  658.  
  659. <!----AUDIO----->
  660.  
  661. {block:Audio}<div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div></div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div>{block:Caption}{Caption}{/block:Caption}
  662. {/block:Audio}
  663.  
  664.  
  665. <!----VIDEO----->
  666.  
  667. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  668.  
  669.  
  670. <!----ANSWER/QUESTION----->
  671.  
  672. {block:Answer}<div id="asker"><span style=" font-family:playball;font-size:18px;color:#fff;text-transform:lowercase;">{Asker}: </span>{Question}</div><left></div><div id="answer"> <span style="padding-left:20px;">{Answer}</span>{/block:Answer}
  673.  
  674. <!----INFO----->
  675.  
  676. <div id="info">
  677.  
  678. <br> {block:Date}<div class="swag"><a title="{TimeAgo}"href="{Permalink}"><span style=" margin-left:-7px;color:#ccc;padding:4px;">{Month} {DayOfMonth}</span></a> {/block:Date}
  679.  
  680. <a href="{Permalink}"><span style="padding:4px;color:#ccc;margin-left:-10px;"><span style="color:#F781BE;">♥</span> {NoteCountWithLabel}</span></div></a>
  681.  
  682.  
  683. {block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">credit</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
  684. {block:HasTags}
  685.  
  686. <div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>{/block:HasTags}</div></div>
  687.  
  688. {/block:Posts}
  689. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  690. {/block:Posts}
  691.  
  692.  
  693. <link href='http://fonts.googleapis.com/css?family=Playball|Spirax|Trochut' rel='stylesheet' type='text/css'>
  694.  
  695.  
  696.  
  697.  
  698. <!--
  699. THEME MAKER CREDIT
  700. -->
  701. <link href='http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps|Walter+Turncoat|Gloria+Hallelujah|Great+Vibes|Norican' rel='stylesheet' type='text/css'>
  702.  
  703. <div id="credit"><a title="billiondays" href="http://billiondays.tumblr.com/">♡ </a></div>
  704.  
  705. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement