Advertisement
dylaenobriens

Redux #1/Theme #41/Roar

Oct 26th, 2013
717
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.91 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. <!-- redux edit 01/ theme #41 by alexgaeskarth
  4. do anything against the rules and will cut off your head-->
  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:Posts Title" content="#a2a0a0">
  27. <meta name="color:Bold Text" content="#8d8c8c">
  28. <meta name="color:Sidebar Border" content="#d6f1ff">
  29. <meta name="color:Links Background" content="#d6f1ff">
  30. <meta name="color:Glow" content="#7ddeff">
  31.  
  32.  
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:background" content=""/>
  35. <meta name="image:lace" content=""/>
  36.  
  37. <meta name="text:navigation title" content="">
  38. <meta name="text:link 1" content="">
  39. <meta name="text:link 1 url" content="/">
  40. <meta name="text:link 2" content="">
  41. <meta name="text:link 2 url" content="/">
  42. <meta name="text:link 3" content="">
  43. <meta name="text:link 3 url" content="/">
  44. <meta name="text:link 4" content="">
  45. <meta name="text:link 4 url" content="/">
  46. <meta name="text:link 5" content="">
  47. <meta name="text:link 5 url" content="/">
  48.  
  49. <meta name="if:Cursor" content="1">
  50. <meta name="if:500pxPosts" content="1">
  51. <meta name="if:400pxPosts" content="0">
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. /*--scrollbar--*/
  58.  
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  60. ::-webkit-scrollbar {background-color:#fff;height:7px;width:12px;border:3px solid #fff;}
  61. /*--body--*/
  62.  
  63.  
  64. body {
  65. background: {color:Background} url('{image:Background}') top left fixed repeat;
  66. margin:0px;
  67. font-style:none;
  68. font-family:arial;
  69. color:{color:text};
  70. font-size:8px;
  71. }
  72.  
  73.  
  74. a {
  75. color:{color:link};
  76. text-decoration:none;
  77. -webkit-transition: all 0.6s ease;
  78. -moz-transition: all 0.6s ease;
  79. -o-transition: all 0.6s ease
  80. }
  81.  
  82. a:hover {
  83. color:{color:hover};
  84. text-decoration:none;
  85. -webkit-transition: all 0.8s ease-out;
  86. -moz-transition: all 0.8s ease-out;
  87. transition: all 0.8s ease-out;
  88. }
  89.  
  90. img {
  91. border:none;
  92. }
  93.  
  94. blockquote {
  95. padding-left:5px;
  96. border-left:2px solid {color:border};
  97. }
  98.  
  99. h1 {
  100. text-align:center;
  101. font-size:15px;
  102. font-style:none;
  103. color:{color:Posts Title};
  104. }
  105.  
  106. h1 a {
  107. color:{color:Posts Title};
  108. }
  109.  
  110. b {
  111. color:{color:Bold Text};
  112. }
  113.  
  114. /*--Cursor code--*/
  115.  
  116. {block:ifCursor}
  117.  
  118. body, a{cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  119.  
  120. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  121.  
  122. {/block:ifCursor}
  123.  
  124.  
  125. #lace {
  126. position:fixed;
  127. width:3000px;
  128. top:0;
  129. left:0;
  130. }
  131.  
  132. /*--sidebar--*/
  133.  
  134.  
  135. #sidebar {
  136. border: 10px double {color:Sidebar Border};
  137. box-shadow: 1px 2px 30px {color:glow};
  138. background-color:#fff;
  139. position:fixed;
  140. padding:10px;
  141. padding-right:4px;
  142. text-align:left;
  143. margin-left:210px;
  144. margin-top:220px;
  145. }
  146.  
  147. #sidebarimage {
  148. width:140px;
  149. }
  150.  
  151. #sidebarimage img {
  152. width:140px;
  153. padding:3px;
  154. }
  155.  
  156. /*--links--*/
  157.  
  158. #links {
  159. width:150px;
  160. margin-top:10px;
  161. margin-left:3px;
  162. text-align:center;
  163. }
  164.  
  165. /*--description--*/
  166.  
  167. #description {
  168. width:140px;
  169. margin-top:8px;
  170. margin-left:5px;
  171. font-family:'trebuchet ms';
  172. font-size:9px;
  173. text-align:justify;
  174. color:{color:Description Text};
  175. }
  176.  
  177. #description a {
  178. color:{color:description text};
  179. }
  180.  
  181. /*--pagination--*/
  182.  
  183.  
  184. #pagination {
  185. text-align:center;
  186. font-family:arial;
  187. margin-top:5px;
  188.  
  189. }
  190.  
  191. #pagination a{
  192. color:{color:Link};
  193. font-size:20px;
  194. }
  195.  
  196. #pagination a:hover {
  197. color:{color:Hover};
  198. }
  199.  
  200. /*--posts--*/
  201.  
  202. {block:if500pxPosts}
  203.  
  204. #posts {
  205. width:500px;
  206. margin-bottom:10px;
  207. padding:1px;
  208. font-size:11px;
  209. color:{color:Text};
  210. line-height:100%;
  211. background-color:#fff;
  212. padding:10px;
  213. border-radius:10px;
  214. text-align:justify;
  215. }
  216.  
  217. {/block:if500pxPosts}
  218.  
  219. {block:if400pxPosts}
  220.  
  221. #posts {
  222. width:400px;
  223. margin-bottom:10px;
  224. padding:1px;
  225. font-size:11px;
  226. background-color:#fff;
  227. border-radius:10px;
  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:60px;
  240. }
  241.  
  242.  
  243. #info {
  244. font-family:'trebuchet ms';
  245. text-align:center;
  246. text-transform:uppercase;
  247. background-color:#e7e7e7;
  248. margin-bottom:10px;
  249. font-size:9px;
  250. margin-top:10px;
  251. padding:4px;
  252. color:#b9b8b8;
  253. }
  254.  
  255. #info a {
  256. color:#b9b8b8;
  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. background-color:{color:Ask};
  284. }
  285.  
  286. #askbg a {
  287. color:{color:text};
  288. }
  289.  
  290. /*--credit--*/
  291.  
  292. #credit {
  293. right:2px;
  294. bottom:-4px;
  295. font-size:9px;
  296. padding:5px;
  297. text-transform:uppercase;
  298. position:fixed;
  299. -webkit-transition: all 0.5s ease-out;
  300. -moz-transition: all 0.5s ease-out;
  301. transition: all 0.5s ease-out;
  302. }
  303.  
  304.  
  305.  
  306. #s-m-t-tooltip {
  307. max-width:300px;
  308. padding:5px 4px 5px 4px;
  309. margin:20px 0px 0px 20px;
  310. background-color:#e7e7e7; /* change the background color */
  311. font-family:arial; /* change the font */
  312. font-size:8px; /* change the font size */
  313. letter-spacing:1px; /* change the letter spacing */
  314. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  315. color:#b9b8b8; /* change the text color */
  316. z-index:999999999999999999999999999999999999;
  317. }
  318.  
  319.  
  320.  
  321. {CustomCSS}
  322.  
  323. </style></head>
  324.  
  325. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  326.  
  327. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  328.  
  329. <script>
  330.  
  331. (function($){
  332.  
  333. $(document).ready(function(){
  334.  
  335. $("a[title]").style_my_tooltips({
  336.  
  337. tip_follows_cursor:true,
  338.  
  339. tip_delay_time:90,
  340.  
  341. tip_fade_speed:600,
  342.  
  343. attribute:"title"
  344.  
  345. });
  346.  
  347. });
  348.  
  349. })(jQuery);
  350.  
  351. </script>
  352.  
  353. <body>
  354.  
  355.  
  356.  
  357. <div id="lace"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"><img src="{image:lace}"></div>
  358.  
  359.  
  360. <div id="sidebar">
  361. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  362.  
  363.  
  364. <div id="description">{description}</div>
  365.  
  366. <div id="links">
  367. <select onChange="location=this.options[this.selectedIndex].value;" style="font-family:arial;background-color:{color:Links Background};border:none;">
  368. <option value="">{text:navigation title}</option>
  369. <option value="{text:link 1 url}">{text:link 1}</option>
  370. <option value="{text:link 2 url}">{text:link 2}</option>
  371. <option value="{text:link 3 url}">{text:link 3}</option>
  372. <option value="{text:link 4 url}">{text:link 4}</option>
  373. <option value="{text:link 5 url}">{text:link 5}</option>
  374. </select>
  375. </form>
  376. </div>
  377.  
  378. {block:Pagination}
  379. <div id="pagination">
  380.  
  381. {block:PreviousPage}<a href="{PreviousPage}">⇦</a>{/block:PreviousPage}
  382. {block:NextPage}<a href="{NextPage}">⇨</a>{/block:NextPage}
  383. </div>{/block:Pagination}
  384.  
  385. </div>
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392. <div id="postscontainer">
  393.  
  394. {block:Posts}
  395.  
  396. <div id="posts">
  397.  
  398.  
  399. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  400.  
  401.  
  402. {block:Photo}{LinkOpenTag}
  403.  
  404. {block:if500pxPosts}
  405. <img src="{PhotoURL-500}">
  406. {/block:if500pxPosts}
  407.  
  408. {block:if400pxPosts}
  409. <img src="{PhotoURL-400}">
  410. {/block:if400pxPosts}
  411.  
  412. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  413.  
  414. {block:Photoset}
  415.  
  416. {block:if500pxPosts}
  417. {Photoset-500}
  418. {/block:if500pxPosts}
  419.  
  420. {block:if400pxPosts}
  421. {Photoset-400}
  422. {/block:if400pxPosts}
  423.  
  424. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  425.  
  426. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  427.  
  428. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  429.  
  430. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  431.  
  432. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  433.  
  434. {block:Video}
  435.  
  436. {block:if500pxPosts}
  437. {Video-500}
  438. {/block:if500pxPosts}
  439.  
  440. {block:if400pxPosts}
  441. {Video-400}
  442. {/block:if400pxPosts}
  443.  
  444. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  445.  
  446.  
  447. {block:Answer}<div id="askbg">{Asker} said: {Question}</div> {Answer}{/block:Answer}
  448.  
  449. <div id="info"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a><a href="{Permalink}"> -
  450. {NoteCountWithLabel}</a> - {block:Date}<a title="{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}"href="{Permalink}">
  451. {TimeAgo}</a></a>{/block:Date} {block:RebloggedFrom} - <a href="{ReblogParentURL}"
  452. title="{ReblogParentName}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}</div>
  453. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  454.  
  455.  
  456. </div>
  457.  
  458. {/block:Posts}
  459.  
  460.  
  461. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  462. {/block:Posts}
  463.  
  464. </div>
  465.  
  466.  
  467.  
  468. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://24.media.tumblr.com/faf78b09418798da0f8be8391ddfe955/tumblr_mgg0qxMEOk1rhuas2o1_100.gif" width="60px;"></div>
  469. </body>
  470. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement