Advertisement
dylaenobriens

Theme #40/Runes

Oct 26th, 2013
182
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.82 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. <!-- theme #40 / runes by alexgaeskarth
  4. do anything against the rules and i will chop off your dick -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12.  
  13. {block:Description}<meta name="description" content="{MetaDescription}"/>
  14. {/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17.  
  18. <meta name="color:Bg" content="#ffffff">
  19. <meta name="color:Link" content="#bbb8b8">
  20. <meta name="color:Text" content="#9a9a9a">
  21. <meta name="color:Description Text" content="#9a9a9a">
  22. <meta name="color:Tags" content="#b9b7b7">
  23. <meta name="color:Ask" content="#fcfcfc">
  24. <meta name="color:Hover" content="#eeeeee">
  25. <meta name="color:Border" content="#e7e7e7">
  26. <meta name="color:Scrollbar" content="#d6d5d5">
  27. <meta name="color:Posts Title" content="#a2a0a0">
  28. <meta name="color:Bold Text" content="#8d8c8c">
  29.  
  30.  
  31. <meta name="image:sidebar" content=""/>
  32.  
  33. <meta name="text:link 1" content="">
  34. <meta name="text:link 1 url" content="/">
  35. <meta name="text:link 2" content="">
  36. <meta name="text:link 2 url" content="/">
  37. <meta name="text:link 3" content="">
  38. <meta name="text:link 3 url" content="/">
  39. <meta name="text:link 4" content="">
  40. <meta name="text:link 4 url" content="/">
  41. <meta name="text:sidetitle" content="">
  42.  
  43. <meta name="if:Cursor" content="1">
  44. <meta name="if:500pxPosts" content="1">
  45. <meta name="if:400pxPosts" content="0">
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52. /*--scrollbar--*/
  53.  
  54. ::-webkit-scrollbar-thumb:vertical {border:2px solid #fff;height:12px; background-color:{color:scrollbar};}
  55. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  56. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  57. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  58. }
  59. /*--body--*/
  60.  
  61.  
  62. body {
  63. margin:0px;
  64. font-style:none;
  65. background-color:{color:bg};
  66. font-family:arial;
  67. color:{color:text};
  68. font-size:8px;
  69. }
  70.  
  71.  
  72. a {
  73. color:{color:link};
  74. text-decoration:none;
  75. -webkit-transition: all 0.6s ease;
  76. -moz-transition: all 0.6s ease;
  77. -o-transition: all 0.6s ease
  78. }
  79.  
  80. a:hover {
  81. color:{color:hover};
  82. text-decoration:none;
  83. -webkit-transition: all 0.8s ease-out;
  84. -moz-transition: all 0.8s ease-out;
  85. transition: all 0.8s ease-out;
  86. }
  87.  
  88. img {
  89. border:none;
  90. }
  91.  
  92. blockquote {
  93. padding-left:5px;
  94. border-left:2px solid {color:border};
  95. }
  96.  
  97. h1 {
  98. text-align:center;
  99. font-size:15px;
  100. font-style:none;
  101. color:{color:Posts Title};
  102. }
  103.  
  104. h1 a {
  105. color:{color:Posts Title};
  106. }
  107.  
  108. b {
  109. color:{color:Bold Text};
  110. }
  111.  
  112. /*--Cursor code--*/
  113.  
  114. {block:ifCursor}
  115.  
  116. body, a{cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  117.  
  118. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  119.  
  120. {/block:ifCursor}
  121.  
  122.  
  123.  
  124. /*--sidebar--*/
  125.  
  126. #sidebar {
  127. margin-top:120px;
  128. margin-left:150px;
  129. position:fixed;
  130. width:150px;
  131. text-align:left;
  132. }
  133.  
  134. #sidebarimage {
  135. width:140px;
  136. }
  137.  
  138. #sidebarimage img {
  139. width:220px;
  140. height:auto;
  141. padding:3px;
  142. }
  143.  
  144. #title {
  145. font-size:18px;
  146. color:#000;
  147. width:220px;
  148. font-family: 'Playball', cursive;
  149. }
  150.  
  151. /*--links--*/
  152.  
  153. #links {
  154. margin-left:15px;
  155. margin-top:3px;
  156. width:190px;
  157. text-align:center;
  158. }
  159.  
  160. #links a {
  161. padding:10px;
  162. font-size:8px;
  163. }
  164.  
  165. #links a:hover {
  166. opacity:0;
  167. -webkit-transition: all 0.7s ease-out;
  168. -moz-transition: all 0.7s ease-out;
  169. transition: all 0.7s ease-out;
  170. }
  171.  
  172. /*--description--*/
  173.  
  174. #description {
  175. margin-top:10px;
  176. margin-left:3px;
  177. padding:5px;
  178. background-color:#000;
  179. width:212px;
  180. font-family:'arial';
  181. font-size:9px;
  182. text-align:justify;
  183. color:#fff;
  184. }
  185.  
  186. /*--pagination--*/
  187.  
  188. #pagination {
  189. margin-top:15px;
  190. margin-left:65px;
  191. text-align:center;
  192. font-size:9px;
  193. font-family:arial;
  194. text-transform:lowercase;
  195. }
  196.  
  197. #pagination a{
  198. color:#000;
  199. }
  200.  
  201. #pagination a:hover {
  202. color:{color:Hover};
  203. }
  204.  
  205. /*--posts--*/
  206.  
  207. {block:if500pxPosts}
  208.  
  209. #posts {
  210. width:500px;
  211. margin-bottom:10px;
  212. padding:1px;
  213. font-size:11px;
  214. color:{color:Text};
  215. line-height:100%;
  216. text-align:justify;
  217. }
  218.  
  219. {/block:if500pxPosts}
  220.  
  221. {block:if400pxPosts}
  222.  
  223. #posts {
  224. width:400px;
  225. margin-bottom:10px;
  226. padding:1px;
  227. font-size:11px;
  228. color:{color:Text};
  229. line-height:100%;
  230. text-align:justify;
  231. }
  232.  
  233. {/block:if400pxPosts}
  234.  
  235. #postscontainer {
  236. margin-bottom:20px;
  237. padding:1px;
  238. margin-left:450px;
  239. margin-top:55px;
  240. }
  241.  
  242.  
  243. #info {
  244. font-family:'trebuchet ms';
  245. text-align:center;
  246. text-transform:uppercase;
  247. background-color:#1a1a1a;
  248. margin-bottom:10px;
  249. font-size:9px;
  250. margin-top:10px;
  251. padding:5px;
  252. color:#fff;
  253. }
  254.  
  255. #info a {
  256. color:#fff;
  257. }
  258.  
  259.  
  260. /*--tags--*/
  261.  
  262. #tags {
  263. font-family:trebuchet ms;
  264. width:490px;
  265. margin-left:0px;
  266. margin-top:0px;
  267. font-size:8px;
  268. color:{color:Tags}:
  269. }
  270.  
  271. #tags a {
  272. color:{color:Tags};
  273. }
  274.  
  275. #tags a:hover {
  276. color:{color:Hover}
  277. }
  278.  
  279. /*--asks--*/
  280.  
  281. #askbg {
  282. padding:12px;
  283. color:#fff;
  284. background-color:{color:Ask};
  285. }
  286.  
  287. #askbg a {
  288. color:#fff;
  289. }
  290.  
  291. /*quotes*/
  292.  
  293. .quote {
  294. text-align:center;
  295. color:black;
  296. font-family:arial;
  297. font-weight:bold;
  298. font-size:15px;
  299. }
  300.  
  301. /*--credit--*/
  302.  
  303. #credit {
  304. right:2px;
  305. bottom:0px;
  306. font-size:9px;
  307. padding:5px;
  308. text-transform:uppercase;
  309. position:fixed;
  310. -webkit-transition: all 0.5s ease-out;
  311. -moz-transition: all 0.5s ease-out;
  312. transition: all 0.5s ease-out;
  313. }
  314.  
  315.  
  316.  
  317. #s-m-t-tooltip {
  318. max-width:300px;
  319. padding:2px 3px 4px 3px;
  320. margin:20px 0px 0px 20px;
  321. background-color:#000; /* change the background color */
  322. font-family:arial; /* change the font */
  323. font-size:9px; /* change the font size */
  324. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  325. color:white; /* change the text color */
  326. z-index:999999999999999999999999999999999999;
  327. }
  328.  
  329.  
  330.  
  331. .stay {
  332. margin-top:0px;
  333. }
  334.  
  335.  
  336.  
  337. {CustomCSS}
  338.  
  339. </style></head>
  340.  
  341. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  342.  
  343. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  344.  
  345. <script>
  346.  
  347. (function($){
  348.  
  349. $(document).ready(function(){
  350.  
  351. $("a[title]").style_my_tooltips({
  352.  
  353. tip_follows_cursor:true,
  354.  
  355. tip_delay_time:90,
  356.  
  357. tip_fade_speed:600,
  358.  
  359. attribute:"title"
  360.  
  361. });
  362.  
  363. });
  364.  
  365. })(jQuery);
  366.  
  367. </script>
  368.  
  369. <body>
  370.  
  371. <div id="sidebar">
  372. <div id="title">{text:sidetitle}</div>
  373. <div id="sidebarimage">
  374. <a href="/"><img src="{image:sidebar}"></div></a>
  375.  
  376. <div id="links">
  377. <a title="{text:link 1}"href="{text:link 1 url}"><img src="http://media.tumblr.com/d4701b33bcf56576e14e533b53e26160/tumblr_inline_mts4k7SHXp1rec4ve.jpg" width="25px"></a>
  378. <a title="{text:link 2}" href="{text:link 2 url}"><img src="http://static.tumblr.com/ujmsumm/Id4mts2xh/insight.jpg" width="17px;"></a>
  379. <a title="{text:link 3}" href="{text:link 3 url}"><img src="http://static.tumblr.com/ujmsumm/087mttda6/988321_1364311453878_233_337.jpg" width="23px;"></a>
  380. <a title="{text:link 4}"href="{text:link 4 url}"><img src="http://static.tumblr.com/ujmsumm/ktlmttdbg/20qmj9j.jpg" width="20"></a>
  381. </div>
  382.  
  383. <div id="description">{description}</div>
  384.  
  385.  
  386. {block:Pagination}
  387. <div id="pagination">
  388.  
  389. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  390. - {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  391. </div>{/block:Pagination}
  392.  
  393. </div></div>
  394.  
  395.  
  396. <div id="postscontainer">
  397.  
  398. {block:Posts}
  399.  
  400. <div id="posts">
  401.  
  402.  
  403. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  404.  
  405.  
  406. {block:Photo}{LinkOpenTag}
  407.  
  408. {block:if500pxPosts}
  409. <img src="{PhotoURL-500}">
  410. {/block:if500pxPosts}
  411.  
  412. {block:if400pxPosts}
  413. <img src="{PhotoURL-400}">
  414. {/block:if400pxPosts}
  415.  
  416. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  417.  
  418. {block:Photoset}
  419.  
  420. {block:if500pxPosts}
  421. {Photoset-500}
  422. {/block:if500pxPosts}
  423.  
  424. {block:if400pxPosts}
  425. {Photoset-400}
  426. {/block:if400pxPosts}
  427.  
  428. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  429.  
  430. {block:Quote}<div class="quote">"{Quote}"</div><br>{block:Source}<center>{Source}</center>{/block:Source}{/block:Quote}
  431.  
  432. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  433.  
  434. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  435.  
  436. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  437.  
  438. {block:Video}
  439.  
  440. {block:if500pxPosts}
  441. {Video-500}
  442. {/block:if500pxPosts}
  443.  
  444. {block:if400pxPosts}
  445. {Video-400}
  446. {/block:if400pxPosts}
  447.  
  448. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  449.  
  450.  
  451. {block:Answer}<div id="askbg"><span style=" font-family:playball;font-size:18px;">{Asker}</span>: {Question}</div> {Answer}{/block:Answer}
  452.  
  453. <div id="info"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a><a href="{Permalink}"> -
  454. {NoteCountWithLabel}</a> - {block:Date}<a href="{Permalink}">
  455. {TimeAgo}</a></a>{/block:Date} {block:RebloggedFrom} - <a href="{ReblogParentURL}"
  456. title="{ReblogParentName}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}</div>
  457. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  458.  
  459.  
  460. </div>
  461.  
  462. {/block:Posts}
  463.  
  464. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  465. {/block:Posts}
  466.  
  467. </div>
  468.  
  469. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://static.tumblr.com/ujmsumm/TJamv4jm6/sg.png" width="40px;"></div>
  470. </body>
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement