Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Helium

By: ru2 on Feb 18th, 2012  |  syntax: None  |  size: 9.99 KB  |  hits: 382  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. Theme >> Helium
  5.  
  6. By >> Ruba [http://ru2.tumblr.com/]
  7.  
  8.  
  9.                 >> Free to use, to share and alter
  10.                 >> Please give credit.
  11.  
  12. -->
  13. <head>
  14. <link href='http://fonts.googleapis.com/css?family=Almendra+SC' rel='stylesheet' type='text/css'>
  15. <script type="text/javascript">
  16.    WebFontConfig = {
  17.      google: { families: [ 'Almendra+SC::latin' ] }
  18.    };
  19.    (function() {
  20.      var wf = document.createElement('script');
  21.      wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  22.        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  23.      wf.type = 'text/javascript';
  24.      wf.async = 'true';
  25.      var s = document.getElementsByTagName('script')[0];
  26.      s.parentNode.insertBefore(wf, s);
  27.    })(); </script>
  28.  
  29. <META name="image:sidebar1" content="http://media.tumblr.com/tumblr_lzmixzvFHh1qan8h1.jpg">
  30. <META name="image:sidebar2" content="http://media.tumblr.com/tumblr_lzmiz7fyRk1qan8h1.jpg">
  31. <META name="color:body" content="#2A2D36">
  32. <META name="color:Title" content="#15F1A7">
  33. <meta name="image:Background" content=""/>
  34. <META name="color:Background" content="#FFFFFD"/>
  35. <META name="color:postbackground" content="#F2EFE9">
  36. <META name="color:hover" content="#a0a0a0" />
  37. <META name="color:Link" content="#FC2304" />
  38. <META name="color:Nav Background" content="#184052" />
  39. <META name="color:Nav Background Hover" content="#277180" />
  40. <META name="color:Nav Text" content="#DE8910" />
  41. <META name="color:Nav Text Hover" content="#D15405" />
  42. <META name="color:RightNav" content="#73C478" />
  43. <META name="color:Righ Title" content="#C6FFAE" />
  44. <META name="text:title size" content="30" />
  45. <meta name="text:Righ Title" content="Side title 2">
  46. <META name="text:Link1" content="LINK">
  47. <META name="text:URL1" content="">
  48. <META name="text:Link2" content="LINK">
  49. <META name="text:URL2" content="">
  50. <META name="text:Link3" content="LINK">
  51. <META name="text:URL3" content="">
  52. <META name="text:Link4" content="LINK">
  53. <META name="text:URL4" content="">
  54. <META name="text:Link5" content="LINK">
  55. <META name="text:URL5" content="">
  56. <META name="text:Link6" content="LINK">
  57. <META name="text:URL6" content="">
  58. <title>{TITLE}</title>
  59.  
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. <style type="text/css">
  63. @import url(http://fonts.googleapis.com/css?family=Almendra+SC);
  64. body {
  65. background-color: {color:Background};
  66. background-image:url('{image:Background}');
  67. background-position:center;
  68. background-repeat:no-repeat;
  69. background-attachment: fixed;
  70. color:{color:body};
  71. font-size:11px;
  72. line-height:20px;
  73. font-family:
  74. }
  75. a, a:visited, a:active {
  76. color:{color:Link};
  77. text-decoration: none;
  78. }
  79. a:hover {
  80. color:{color:hover};
  81. text-decoration:none;
  82. -webkit-transition: all 0.5s linear;
  83. -moz-transition: all 0.5s linear;
  84. -o-transition: all 0.5s linear;
  85. transition: all 0.5s linear;
  86. }
  87. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:Link};}
  88. blockquote img{display:block;}
  89. blockquote p{padding:0px; margin:0px;}
  90. blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  91. a img{border:none;}
  92. #content{
  93. position:absolute;
  94. top:30px;
  95. width:550px;
  96. left:410px;
  97. padding:5px;
  98. margin:auto;
  99. }
  100. #post{
  101. padding:10px;
  102. margin-bottom:10px;
  103. background-color:{color:postbackground};
  104. border: 3px solid {color:postbackground}
  105. }
  106.  
  107. div.{
  108. font-size:9px;
  109. position: fixed;
  110. right:0px;
  111. bottom:0px;
  112. background-color: transparent;
  113. }
  114. .perma {
  115. font-size:9px;
  116. font:verdana;
  117. color:{color:link};
  118. background-color: transparent;
  119. text-align: right;
  120. text-transform:lowercase;
  121. padding:1px;
  122. font-weight:normal;
  123. letter-spacing:2px;
  124. }
  125. h3 {
  126. margin-top:10px;
  127. margin-bottom:10px;
  128. font-size:24px;
  129. font-weight:normal;
  130. font-family: "tinytots";
  131. color:{color:body};
  132. text-transform:none;
  133. line-height:20px;
  134. letter-spacing:0px;
  135. font-style:;
  136. }
  137. .album-art {
  138. float: left;
  139. width: 100px;
  140. height: 100px;
  141. overflow: hidden;
  142. }
  143.  
  144. img, a img {
  145. border: 0px !important;
  146. }
  147.  
  148. .pimg {
  149. opacity: 0.8; filter:alpha(opacity=85);
  150. -webkit-transition-duration: 0.8s;
  151. max-width: 480px;
  152. }
  153.  
  154. .pimg:hover {
  155. opacity:1; filter:alpha(opacity=99);
  156. }
  157. #right{
  158. padding-left:990px;
  159. height:100%
  160. width:280px;
  161. }
  162. #header {
  163. position:fixed;
  164. padding-top:295px;
  165. font-family: 'Almendra SC', serif;
  166. font-size:{text:title size}px;
  167. color: {color:Title};
  168. letter-spacing: 2px;
  169. text-align: left;
  170. margin-right: 23px;
  171. }
  172. #navigate{
  173. top:387px;
  174. left:917px;
  175. position:fixed;
  176. float: left;
  177. text-align: center;
  178. display: block;
  179. font-family: verdana;
  180. font-size: 9px;
  181. width: 345px;
  182. background-color:;
  183. color:#000000;
  184. text-transform: upercase;
  185. z-index:100;
  186. }
  187.  
  188. #navigate a:hover {
  189. font-style:none;
  190. letter-spacing:4px;
  191. text-transform: upercase;
  192. }
  193. #left{
  194. top:240px;
  195. left:20px;
  196. height:100%
  197. width:280px;
  198. }
  199. #sidebar{
  200. position:fixed;
  201. top:240px;
  202. left:20px;
  203. width:360px;
  204. height:496px;
  205. padding:10px;
  206. -webkit-border-radius: 0px;
  207. -moz-border-radius: 0px;
  208. border-radius: 0px;
  209. }  
  210.  
  211. image:sidebar{
  212. margin-left:8px;
  213. overflow:auto;
  214. width:176px;
  215. height:196px;
  216. }
  217. #customnav {
  218. width:360px;
  219. height: 117px;
  220. top:430px;
  221. left:0px;
  222. float: right;
  223. position: fixed;
  224. }
  225. #customnav a {
  226. background-color: {color:Nav Background};
  227. width: 70px;
  228. height: 70px;
  229. padding: 9px;
  230. color: {color:Nav Text};
  231. text-decoration: none;
  232. text-align: center;
  233.  -moz-border-radius: 35px;
  234.  border-radius: 35px;
  235. }
  236.  
  237. #customnav a:hover {
  238. background-color: {color:Nav Background Hover};
  239. color: {color:Nav Text Hover};
  240. }
  241. {CustomCSS}
  242. </style>
  243. </head>
  244. <body>
  245. <div id="right">
  246. <div id="header">{Title}<br/>
  247. <font size="1" face="tahoma" color="{color:Righ Title}">{text:Righ Title}</font>
  248. <div id="navigate">
  249. <small> | </small>
  250. <a href="{text:URL1}"><font color={color:RightNav}>{text:Link1}</font></a>
  251.  
  252. <small> | </small>
  253.  
  254. <a href="{text:URL2}"><font color={color:RightNav}>{text:Link2}</font></a>
  255.  
  256. <small> | </small>
  257.  
  258. <a href="{text:UR3}"><font color={color:RightNav}>{text:Link3}</font></a>
  259.  
  260. <small> | </small><p/>
  261.  
  262. <small> | </small>
  263.  
  264. <a href="{text:URL4}"><font color={color:RightNav}>{text:Link4}</font></a>
  265.  
  266. <small> | </small>
  267.  
  268. <a href="{text:URL5}"><font color={color:RightNav}>{text:Link5}</font></a>
  269.  
  270. <small> | </small>
  271.  
  272. <a href="{text:URL6}"><font color={color:RightNav}>{text:Link6}</font></a>
  273. <small> | </small>
  274.  
  275. </font>
  276. <center>{block:Pagination}
  277. {block:PreviousPage}
  278. <a href="{PreviousPage}">&laquo;</a>
  279. {/block:PreviousPage}
  280. {block:JumpPagination length="4"}
  281. {block:CurrentPage}
  282. {PageNumber}
  283. {/block:CurrentPage}
  284. {block:JumpPage}
  285. <a href="{URL}">{PageNumber}</a>
  286. {/block:JumpPage}
  287. {/block:JumpPagination}
  288. {block:NextPage}
  289. <a href="{NextPage}">&laquo;</a>
  290. {/block:NextPage}
  291. {/block:Pagination}</center>
  292. </div></div></div>
  293. <div id="wrapper">
  294. <div id="left">
  295. <div id="sidebar">
  296. <center><img src="{image:sidebar1}" style="position:absolute; width:170px; height:156px; left:188px; float:right; z-index: 10; -moz-border-radius: 4em 1em 4em 1em;
  297.  border-radius: 4em 1em 4em 1em;"/></img>
  298. <img src="{image:sidebar2}" style="position:absolute; width:170px; height:156px; left:8px; float:left; z-index: 10; -moz-border-radius: 1em 4em 1em 4em;
  299.  border-radius: 1em 4em 1em 4em;"/></img>
  300. <div id="customnav">
  301. <center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/">♋</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/archive">☮</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/ask">✉</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/random">♆</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://ru2themes.tumblr.com/">♛</a></center></div></div>
  302. </div></div>
  303.  
  304. <div id="content">
  305. {block:Posts}
  306. <div id="post">
  307. {block:Text}
  308. {block:Title}
  309. <h3><a href="{Permalink}">{Title}</a></h3>
  310. {/block:Title}
  311. {Body}
  312. {/block:Text}
  313.  
  314. {block:Photo}
  315. {LinkOpenTag}<CENTER><img class="pimg" src="{PhotoURL-500}" alt="{PhotoAlt}" width="480px"/>{LinkCloseTag}
  316. {block:Caption}
  317. {Caption}
  318. {/block:Caption}
  319. {/block:Photo}
  320.  
  321. {block:Photoset}
  322. <center>{Photoset-400}</center>
  323. {block:Caption}
  324. {Caption}
  325. {/block:Caption}
  326. {/block:Photoset}
  327.  
  328. {block:Quote}
  329. <b class="mark">&#10077;</b><div class="qut">{Quote}</div>
  330. {block:Source}<div class="sourr"> — {Source}</div>
  331. {/block:Source}
  332. {/block:Quote}
  333.  
  334. {block:Link}
  335. <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
  336. {block:Description}
  337. {Description}
  338. {/block:Description}
  339. {/block:Link}
  340.  
  341.  
  342. {block:Chat}
  343. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  344. {block:Lines}
  345. {block:Label}<b>{Label}</b>{/block:Label}
  346. {Line}<br>
  347. {/block:Lines}
  348. {/block:Chat}
  349.  
  350.  
  351. {block:Video}
  352. <center><div style="width="480px">{Video-400}</div></center>
  353. {block:Caption}
  354. {Caption}
  355. {/block:Caption}
  356. {/block:Video}
  357.  
  358.  
  359. {block:Audio}<br/>
  360. {block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="90px"></div>{/block:AlbumArt}
  361. {AudioPlayerWhite}
  362. {block:Caption}
  363. {Caption}
  364. {/block:Caption}
  365. {PlayCountWithLabel}<br><br>
  366. {/block:Audio}<br>
  367. <div class="perma">
  368. {block:Date} <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<BR>
  369. {block:RebloggedFrom}<div style="text-align:left; margin-top:-18px">originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div>
  370. </span>{/block:RebloggedFrom}
  371. </div>
  372.  
  373.  
  374. {block:PermalinkPage}
  375. <center>{Block:NoteCount}Posted on {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {CapitalAmPm}{/Block:NoteCount}
  376. <br>
  377. {block:HasTags} Tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  378. {block:RebloggedFrom}
  379. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  380. Originally posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  381. </center>
  382. {block:PostNotes}{PostNotes}{/block:PostNotes}
  383. {/block:PermalinkPage}
  384. </div>
  385. {/block:Posts}
  386.  
  387.  
  388. </div>
  389. </div>
  390. </body>
  391. </html>
create a new version of this paste RAW Paste Data