Advertisement
finnhurries

Theme #7 By Finnhurries

May 13th, 2013
301
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.07 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. THEME #7 BY FINNHURRIES PLZ DON'T REMOVE THE CREDIT OR MOVE IT TO A DIFFERENT PAGE OR I WILL FIND YOU AND SEND A SLOTH TO PUNCH YOUR BOOBS ;*
  6.  
  7. seriously guys that's mean
  8.  
  9. do u want a slarmadillo to eat u
  10.  
  11. do u
  12.  
  13. because i can make that happen
  14.  
  15. bitch
  16. -->
  17.  
  18.  
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head><title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}"
  25.  
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Sidebar" content="#ffffff"/>
  29. <meta name="color:Text" content="#a8a8a8"/>
  30. <meta name="color:Link" content="#b8b8b8"/>
  31. <meta name="color:Tags" content="f0f0f0"/>
  32. <meta name="color:Hover" content="#f2f2f2"/>
  33. <meta name="color:Line" content="#f2f2f2"/>
  34. <meta name="color:Border" content="#e4e4e4"/>
  35. <meta name="color:Post" content="#ffffff"/>
  36. <meta name="color:Answer" content="#f8f8f8"/>
  37. <meta name="color:Link Background" content="#f8f8f8"/>
  38. <meta name="color:Link Hover" content="#f8f8f8"/>
  39. <meta name="color:Ask Hover" content="#f8f8f8"/>
  40.  
  41. <meta name="image:sidebar" content=""/>
  42. <meta name="image:leftsidebar" content=""/>
  43. <meta name="image:rightsidebar" content=""/>
  44. <meta name="image:bg" content=""/>
  45.  
  46. <meta name="text:Link 1" content="" />
  47. <meta name="text:Link 1 Hover" content="" />
  48. <meta name="text:Link 2" content="" />
  49. <meta name="text:Link 2 Hover" content="" />
  50. <meta name="text:Link 3" content="" />
  51. <meta name="text:Link 3 Hover" content="" />
  52. <meta name="text:Link 4" content="" />
  53. <meta name="text:Link 4 Hover" content="" />
  54. <meta name="if:Show Link 1" content="1" />
  55. <meta name="if:Show Link 2" content="1" />
  56. <meta name="if:Show Link 3" content="1" />
  57. <meta name="if:Show Link 4" content="1" />
  58. <meta name="color:scrollbarbg" content="ffffff"/>
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64. #bite
  65. #bite a{
  66. display:block
  67. }
  68. #bite .death {
  69. margin-right:0px;filter: alpha(opacity = 0);
  70. opacity:0;-webkit-transition: all 0.5s ease-out;
  71. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  72. }
  73.  
  74. #bite:hover .death {
  75. margin-left:0px;
  76.  
  77. -webkit-transition: all 0.8s ease-out;
  78. -moz-transition: all 0.8s ease-out;
  79. transition: all 0.8s ease-out;
  80. filter: alpha(opacity = 100);
  81. filter: alpha(opacity = 100);
  82. opacity:8;
  83. }
  84.  
  85.  
  86.  
  87. /* --- SCROLLBAR ---*/
  88.  
  89. ::-webkit-scrollbar {
  90. width: 5px;height: 5px;}
  91. ::-webkit-scrollbar-button:start:decrement,
  92. ::-webkit-scrollbar-button:end:increment {
  93. height: 6px;display: block;background-color: {color:white};}
  94. ::-webkit-scrollbar-track-piece {
  95. background-color: {color:scrollbarbg};}
  96. ::-webkit-scrollbar-thumb:vertical {
  97. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  98.  
  99.  
  100. /* --- BODY ---*/
  101.  
  102. body {
  103. background:{color:background};
  104. margin:0px;
  105. color:{color:text};
  106. font-family:Calibri;
  107. font-size:9px;
  108. line-height:100%;
  109. }
  110.  
  111. a {
  112. text-decoration:none;
  113. outline:none;
  114. -moz-outline-style:none;
  115. color:{color:link};
  116. }
  117.  
  118. img {
  119. border:none;
  120. }
  121.  
  122. blockquote {
  123. padding-left:5px;
  124. border-left:2px solid;
  125. }
  126.  
  127. blockquote blockquote {
  128. padding-left:5px;
  129. border-left:2px solid;
  130. }
  131.  
  132. h1 {
  133. font-size:9px;
  134. text-transform:uppercase;
  135. }
  136.  
  137. a:hover {
  138. opacity:10;
  139. color:{color:hover};
  140. -webkit-transition: all 0.7s ease;
  141. -moz-transition: all 0.7s ease;
  142. -o-transition: all 0.7s ease
  143. }
  144.  
  145. /* --- POST ENTRIES ---*/
  146.  
  147.  
  148. #entries {
  149. padding:10px;
  150. width:500px;
  151. margin-left:450px;
  152. margin-top:100px;
  153. font-size:10px;
  154. }
  155.  
  156. /* --- BODY: POSTS ---*/
  157.  
  158.  
  159. #post {
  160. width:500px;
  161. padding-bottom:20px;
  162. padding:10px;
  163. margin-top:20px;
  164. background-color:{color:Post};
  165. }
  166.  
  167. #title {
  168. width:120px;
  169. padding-top:4px;
  170. padding-bottom:3px;
  171. height:auto;
  172. font-size:12px;
  173. text-align:center;
  174. margin-left:650px;
  175. margin-top:-85px;
  176. position:fixed;
  177. font-family:courier new;
  178. letter-spacing:0px;
  179. display:inline-block;
  180. background:#ffffff;
  181. opacity:.99;
  182. border:1px solid {color:Border};
  183. }
  184.  
  185. /* --- SIDEBAR IMAGE ---*/
  186.  
  187.  
  188. #sidebar {
  189. width:500px;
  190. height:10px;
  191. position:fixed;
  192. margin-left:462px;
  193. margin-top:0px;
  194. background-color:{color:Sidebar};
  195. }
  196.  
  197. #sidebarimage {
  198. width 500px;
  199. height:100px;
  200. }
  201.  
  202. #sidebarimage img {
  203. margin-top:-100px;
  204. width:500px;
  205. height:100px;
  206. border:solid 1px;
  207. padding:6px;
  208. border-color: {color:border};
  209. background-color:{color:Sidebar};
  210. }
  211.  
  212. #sidebarimage img:hover{
  213. opacity:1;
  214. -webkit-transition: all 0.5s ease-out;
  215. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  216. }
  217.  
  218. #leftsidebarimage img {
  219. position:fixed;
  220. margin-left:347px;
  221. margin-top:-99px;
  222. width:107px;
  223. height:107px;
  224. border:solid 1px;
  225. padding:2px;
  226. border-color: {color:border};
  227. background-color:{color:Sidebar};
  228. }
  229.  
  230. #rightsidebarimage img {
  231. position:fixed;
  232. margin-top:-99px;
  233. width:107px;
  234. margin-left:977px;
  235. height:107px;
  236. border:solid 1px;
  237. padding:2px;
  238. border-color: {color:border};
  239. background-color:{color:Sidebar};
  240. }
  241.  
  242. /* --- SIDEBAR LINKS ---*/
  243.  
  244. .links {
  245. padding: 9px;
  246. font-size:8px;
  247. font-family:'courier new';
  248. text-align:center;
  249. padding-top:20px;
  250. padding-bottom:44px;
  251. margin-top:-50px;
  252. margin-left:443px;
  253. text-align:center;
  254. text-transform:uppercase;
  255. word-spacing:2px;
  256. position:fixed;
  257. padding-bottom:7px;
  258. opacity:1;
  259. display:inline-block;
  260. height:20px;
  261. width:500px;
  262. line-spacing:100%;
  263. -webkit-transition: all 0.6s ease-in-out;
  264. -moz-transition: all 0.6s ease-in-out;
  265. -o-transition: all 0.6s ease-in-out;
  266. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-ou
  267. }
  268.  
  269. .links a {
  270. margin-left:20px;
  271. padding:5px;
  272. font-size: 16px;
  273. letter-spacing:5px;
  274. background:#ffffff;
  275. opacity:.9;
  276. border:1px solid {color:Border};
  277. -webkit-transition: all 0.6s ease-in-out;
  278. -moz-transition: all 0.6s ease-in-out;
  279. -o-transition: all 0.6s ease-in-out;
  280. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-ou
  281. }
  282.  
  283. .links a:hover {
  284. opacity:1;
  285. background-color:{color:Link Hover};
  286. color:{color:Hover};
  287. -webkit-transition: all 0.6s ease-in-out;
  288. -moz-transition: all 0.6s ease-in-out;
  289. -o-transition: all 0.6s ease-in-out;
  290. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-ou
  291. }
  292.  
  293.  
  294. /* --- DESCRIPTION ---*/
  295.  
  296. #description {
  297. position:fixed;
  298. font-family:courier new;
  299. line-height:90%;
  300. font-size:9px;
  301. font-style:italic;
  302. width:80px;
  303. height:80px;
  304. margin-top:-86px;
  305. padding:2px;
  306. margin-left:362px;
  307. text-align:center;
  308. opacity:0.8;
  309. background-color:#ffffff;
  310. border:1px solid {color:Border};
  311. color:{color:text};
  312. }
  313.  
  314. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  315. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  316.  
  317.  
  318.  
  319. /* --- PAGINATION---*/
  320.  
  321.  
  322. #pagination {
  323. font-size:14px;
  324. font-family:courier new;
  325. text-transform:uppercase;
  326. letter-spacing:3px;
  327. font-style:normal;
  328. text-align:center;
  329. position:fixed;
  330. margin-top:-86px;
  331. width:80px;
  332. margin-left:990px;
  333. height:80px;
  334. border:solid 1px;
  335. padding:2px;
  336. opacity:.8;
  337. border-color: {color:border};
  338. background-color:{color:Sidebar};
  339. }
  340.  
  341. /* --- POST INFO ---*/
  342.  
  343.  
  344. #info {
  345. text-align:left;
  346. margin-top:10px;
  347. text-transform:uppercase;
  348. font-size:8px;
  349. font-family:calibri;
  350. font-style:none;
  351. background-color:#fafafa;
  352. border-top:1px solid {color:Line};
  353. border-right:1px solid {color:Line};
  354. }
  355.  
  356. /* --- POST TAGS---*/
  357.  
  358.  
  359. #tags {
  360. font-family:courier new;
  361. letter-spacing:0px;
  362. text-transform:uppercase;
  363. font-size:10px;
  364. margin-top:4px;
  365. text-align:center;
  366. }
  367.  
  368. #tags
  369. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  370. -webkit-transition: all 0.6s ease-in-out;
  371. -moz-transition: all 0.6s ease-in-out;
  372. -o-transition: all 0.6s ease-in-out;
  373. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  374.  
  375.  
  376. /* --- QUESTIONS ---*/
  377.  
  378. #asker {
  379. font-family:cambria;
  380. letter-spacing:1px;
  381. text-align:left;
  382. font-style:italic;
  383. margin-left:0px;
  384. padding:10px;
  385. text-align:left;
  386. color:#adadad;
  387. background-color:#fafafa;
  388. border-bottom:1px solid #efefef;
  389. border-right:1px solid #efefef;
  390. background-color:{color:ask background}
  391. }
  392.  
  393.  
  394. {CustomCSS}#s-m-t-tooltip {
  395.  
  396. max-width:300px;
  397.  
  398. padding:2px 2px 2px 2px;
  399.  
  400. margin:15px 0px 0px 15px;
  401.  
  402. background-color:#fff; /* change the background color */
  403.  
  404. border:1px solid #ddd; /* change the border color */
  405.  
  406. font-family:calibri; /* change the font */
  407.  
  408. font-size:9px; /* change the font size */
  409.  
  410. letter-spacing:2px; /* change the letter spacing */
  411.  
  412. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  413.  
  414. color:#999; /* change the text color */
  415.  
  416. z-index:999999999999999999999999999999999999;
  417.  
  418. }</style></head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  419.  
  420. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  421.  
  422. <script>
  423.  
  424. (function($){
  425.  
  426. $(document).ready(function(){
  427.  
  428. $("a[title]").style_my_tooltips({
  429.  
  430. tip_follows_cursor:true,
  431.  
  432. tip_delay_time:90,
  433.  
  434. tip_fade_speed:600,
  435.  
  436. attribute:"title"
  437.  
  438. });
  439.  
  440. });
  441.  
  442. })(jQuery);
  443.  
  444. </script><body>
  445.  
  446. <div id="sidebar">
  447.  
  448. <div id="sidebarimage"><img src="{image:sidebar}"></div></div>
  449. <div id="bite">
  450. <div id="leftsidebarimage"><img src="{image:leftsidebar}"></div>
  451. <div id="rightsidebarimage"><img src="{image:rightsidebar}"></div>
  452.  
  453.  
  454. <div class="links">
  455. {block:IfShowLink1}<a title="{text:Link 1 Hover}"href="{text:Link 1}">.01</a>{/block:IfShowLink1}
  456. {block:IfShowLink2}<a title="{text:Link 2 Hover}"href="{text:Link 2}">.02</a>{/block:IfShowLink2}
  457. {block:IfShowLink3}<a title="{text:Link 3 Hover}"href="{text:Link 3}">.03</a>{/block:IfShowLink3}
  458. {block:IfShowLink4}<a title="{text:Link 4 Hover}"href="{text:Link 4}">.04</a>{/block:IfShowLink4}
  459. </div>
  460. <div class="death">
  461. <div id="description">
  462. {Description}
  463. </div>
  464.  
  465. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><p>retro</a>{/block:PreviousPage}<p><br> {block:NextPage}<a href="{NextPage}">deincep</a>{/block:NextPage}</div>{/block:Pagination}</div>
  466. </div></div>
  467.  
  468. </div>
  469. <div id="title">{title}</div><div id="title">{title}</div>
  470. <div id="entries">{block:Posts}<div id="post">
  471.  
  472. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  473.  
  474. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  475.  
  476. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  477.  
  478. {block:Quote}{Quote}{/block:Quote}
  479.  
  480. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  481.  
  482. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  483.  
  484. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  485. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  486. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  487. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} plays
  488. {/block:Audio}
  489.  
  490. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  491.  
  492. {block:Answer}<div id="asker"><span style="font-family:courier new;font-size:9px;font-style:italic;line-height:150%;"> {Asker}: </span>{Question}</div>{Answer}</font>{/block:Answer}
  493.  
  494. <div id="info">
  495. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">Β© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  496. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  497. {/block:Posts}
  498. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  499. {/block:Posts}</div></div></div>
  500. <div style="position:fixed;bottom:3px; right:3px; font-size:12px; letter-spacing:1px; font-family:cambria;"><a href="http://finnhurries.tumblr.com"><img src="http://media.tumblr.com/a042efa04da3ddf5888aaaadf04d98df/tumblr_inline_mlj170BS6z1qz4rgp.png"></a></center></div>
  501.  
  502.  
  503. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement