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

Theme 006

By: hatterthemes on Jun 6th, 2012  |  syntax: None  |  size: 16.02 KB  |  hits: 37  |  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. <!-- Theme 006 by hatterthemes -->
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.     <!--DEFAULT VARIABLES-->
  6.     <meta name="color:Background" content="#fcfaf2" />
  7.     <meta name="color:Accent" content="#ff0000" />
  8.     <meta name="color:Entry" content="#fce5c8" />
  9.     <meta name="color:Sidebar" content="#fce5c8">
  10.    
  11.     <meta name="color:Title" content="#000000" />
  12.     <meta name="color:Text" content="#040404" />
  13.     <meta name="color:Link" content="#ff0000" />
  14.     <meta name="color:Link Hover" content="#ff7300" />
  15.         <meta name="color:Sidebar Link" content="#f8ca95" />
  16.         <meta name="color:Sidebar Link 2" content="#fab675" />
  17.        
  18.     <meta name="image:SidebarImage" content="" />
  19.     <meta name="image:image1" content="" />
  20.         <meta name="image:image2" content="" />
  21.     <meta name="image:image3" content="" />
  22.     <meta name="image:image4" content="" />
  23.    
  24.     <meta name="if:Show Title" content="1" />
  25.     <meta name="if:Grid Links" content="1" />
  26.     <meta name="if:Endless Scrolling" content="0" />
  27.        
  28.     <meta name="text:Link1" content="http://" />
  29.     <meta name="text:Link1 Title" content="Link 1" />
  30.     <meta name="text:Link2" content="http://" />
  31.     <meta name="text:Link2 Title" content="Link 2" />
  32.     <meta name="text:Link3" content="http://" />
  33.     <meta name="text:Link3 Title" content="Link 3" />
  34.     <meta name="text:Link4" content="http://" />
  35.     <meta name="text:Link4 Title" content="Link 4" />
  36.        
  37.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  39.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40.     <link rel="shortcut icon" href="{Favicon}" />
  41.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42.     <style type="text/css">
  43.  
  44.  
  45. /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 1, 2012 05:34:46 PM America/New_York */
  46. @font-face {font-family: 'RosarioRegular';src: url('Rosario-Regular-webfont.eot');src: url('Rosario-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Regular-webfont.woff') format('woff'),url('Rosario-Regular-webfont.ttf') format('truetype'),url('Rosario-Regular-webfont.svg#RosarioRegular') format('svg');font-weight: normal;font-style: normal;}
  47.  
  48. @font-face {font-family: 'RosarioItalic';src: url('Rosario-Italic-webfont.eot');src: url('Rosario-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Italic-webfont.woff') format('woff'),url('Rosario-Italic-webfont.ttf') format('truetype'),url('Rosario-Italic-webfont.svg#RosarioItalic') format('svg');font-weight: normal;font-style: normal;}
  49.  
  50. @font-face {font-family: 'RosarioBold';src: url('Rosario-Bold-webfont.eot');src: url('Rosario-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Bold-webfont.woff') format('woff'),url('Rosario-Bold-webfont.ttf') format('truetype'),url('Rosario-Bold-webfont.svg#RosarioBold') format('svg');font-weight: normal;font-style: normal;}
  51.    
  52. @font-face {font-family: 'RosarioBoldItalic';src: url('Rosario-BoldItalic-webfont.eot');src: url('Rosario-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-BoldItalic-webfont.woff') format('woff'),url('Rosario-BoldItalic-webfont.ttf') format('truetype'),url('Rosario-BoldItalic-webfont.svg#RosarioBoldItalic') format('svg');font-weight: normal;font-style: normal;}
  53.  
  54.  
  55. body {
  56. color:{color:Text};
  57. background:url("{text:BackgroundImageURL}");
  58. background-color: {color:Background};
  59. font-family: "Rosario" arial sans-serif;
  60. font-size:12px;
  61. line-height:110%;
  62. text-align:justify;
  63. }
  64.  
  65. a {
  66. color:{color:Link};
  67. text-decoration:none;
  68. }
  69.  
  70. a:hover {
  71. color:{color:Link Hover};
  72. }
  73.  
  74. blockquote {
  75. margin-left:25px;
  76. padding-left:10px;
  77. border-left:2px ridge {color:Link};
  78. }
  79.  
  80. iframe#tumblr_controls {
  81. top: 0% !important;
  82. right:0% !important;
  83. position: fixed !important;
  84. opacity:0.5;
  85. width:300px;
  86. }
  87.  
  88. iframe#tumblr_controls:hover {
  89. opacity:1.0;
  90. }
  91.  
  92. #sidebar {
  93. width:300px;
  94. height:auto;
  95. position:fixed;
  96. background:{color:Sidebar};
  97. margin-top: 30px;
  98. margin-left:30px;
  99. border-left:{color:Accent} 5px groove;
  100. border-top:{color:Accent} 2px groove;
  101. text-decoration:none;
  102. -webkit-border-top-left-radius:25px;
  103. -moz-border-radius-topleft:25px;
  104. -o-border-top-left-radius:25px;
  105. border-top-left-radius:25px;
  106. }
  107.  
  108. #sidebar:hover {
  109. border-left:{color:Accent} 5px ridge;
  110. border-top:{color:Accent} 2px ridge;
  111. }
  112.  
  113. .desc {
  114. color:{color:Text};
  115. width:270px;
  116. overflow:wrap;
  117. text-align:justified;
  118. padding:15px;
  119. margin-bottom:5px;
  120. }
  121.  
  122. .title {
  123. width:270px;
  124. padding:15px;
  125. font-size:24px;
  126. text-align:center;
  127. color:{color:Title};
  128. margin-bottom:-5px;
  129. font-style:italic;
  130. }
  131.  
  132. .sideimg{
  133. width:280px;
  134. margin-left:15px;
  135. }
  136.  
  137. .sideimg img {
  138. width:270px;
  139. align:center;
  140. -webkit-border-top-left-radius:25px;
  141. -moz-border-radius-topleft:25px;
  142. -o-border-top-left-radius:25px;
  143. border-top-left-radius:25px;
  144. }
  145.  
  146. .sidelinks {
  147. display:block;
  148. width:246px;
  149. top:38px;
  150. right:0px!important;
  151. left:900px;
  152. position:fixed;
  153. -webkit-border-top-left-radius:20px;
  154. -moz-border-radius-topleft:20px;
  155. -o-border-top-left-radius:20px;
  156. border-top-left-radius:20px;
  157. overflow:hidden;
  158. }
  159.  
  160. .sidelinks img {
  161. width:80px;
  162. max-height:80px;
  163. overflow-y:hidden;
  164. }
  165.    
  166. td.sidebarlink2 {
  167. display:block;
  168. width:80px;
  169. max-height:80px!important;
  170. background:{color:Sidebar Link 2};
  171. overflow:hidden;
  172. -webkit-transition:all 0.7s ease-in-out;
  173. -moz-transition:all 0.7s ease-in-out;
  174. -o-transition:all 0.7s ease-in-out;
  175. transition:all 0.7s ease-in-out;
  176. }
  177.  
  178. td.sidebarlink1 {
  179. height:80px;
  180. background-color:{color:Sidebar Link};
  181. -webkit-transition:all 0.7s ease-in-out;
  182. -moz-transition:all 0.7s ease-in-out;
  183. -o-transition:all 0.7s ease-in-out;
  184. transition:all 0.7s ease-in-out;
  185. }
  186.  
  187. td.sidebarlink1 a{
  188. display:block;
  189. width:74px;
  190. text-transform:lowercase;
  191. text-align:center;
  192. color:{color:Text};
  193. padding:3px;
  194. -webkit-transition:all 0.7s ease-in-out;
  195. -moz-transition:all 0.7s ease-in-out;
  196. -o-transition:all 0.7s ease-in-out;
  197. transition:all 0.7s ease-in-out;
  198. }
  199.  
  200. td.sidebarlink1 a:hover{
  201. height:60px;
  202. margin-top:13px;
  203. background-color:{color:Sidebar Link 2};
  204. -webkit-transition:all 0.7s ease-in-out;
  205. -moz-transition:all 0.7s ease-in-out;
  206. -o-transition:all 0.7s ease-in-out;
  207. transition:all 0.7s ease-in-out;
  208. -webkit-border-top-left-radius:20px;
  209. -moz-border-radius-topleft:20px;
  210. -o-border-top-left-radius:20px;
  211. border-top-left-radius:20px;
  212. }
  213.  
  214. .theme {
  215. display:block;
  216. width:300px;
  217. height:12px;
  218. font-size:10px;
  219. text-align:center;
  220. {block:ifNotGridLinks}background-color:{color:Sidebar Link};{/block:ifNotGridLinks}
  221. }
  222.  
  223. .theme2 {
  224. display:block;
  225. width:300px;
  226. height:12px;
  227. font-size:10px;
  228. text-align:center;
  229. background-color:{color:Sidebar Link 2};
  230. }
  231.  
  232. .theme3 {
  233. display:block;
  234. width:300px;
  235. height:12px;
  236. font-size:10px;
  237. text-align:center;
  238. background-color:{color:Sidebar Link};
  239. }
  240.  
  241. .theme a:hover {
  242. color:{color:Link};
  243. }
  244.  
  245. #links {
  246. margin-top:100px;
  247. margin-left:350px;
  248. width:80px;
  249. position:fixed;
  250. }
  251.  
  252. a.sidelinks1{
  253. display:block;
  254. width:74px;
  255. border-left:4px solid {color:Sidebar Link};
  256. color:{color:Text};
  257. padding:3px;
  258. margin-bottom:2px;
  259. -webkit-transition:all 0.6s ease-out;
  260. -moz-transition:all 0.6s ease-out;
  261. -o-transition:all 0.6s ease-out;
  262. transition:all 0.6s ease-out;
  263. }
  264.  
  265. a.sidelinks2{
  266. display:block;
  267. width:74px;
  268. border-left:4px solid {color:Sidebar Link 2};
  269. color:{color:Text};
  270. padding:3px;
  271. margin-bottom:2px;
  272. -webkit-transition:all 0.6s ease-out;
  273. -moz-transition:all 0.6s ease-out;
  274. -o-transition:all 0.6s ease-out;
  275. transition:all 0.6s ease-out;
  276. }
  277.  
  278. a.sidelinks1:hover {
  279. border-left:25px solid {color:Sidebar Link};
  280. color:{color:Link};
  281. font-style:italic;
  282. -webkit-transition:all 0.6s ease-out;
  283. -moz-transition:all 0.6s ease-out;
  284. -o-transition:all 0.6s ease-out;
  285. transition:all 0.6s ease-out;
  286. }
  287.  
  288. a.sidelinks2:hover {
  289. border-left:25px solid {color:Sidebar Link 2};
  290. color:{color:Link};
  291. font-style:italic;
  292. -webkit-transition:all 0.6s ease-out;
  293. -moz-transition:all 0.6s ease-out;
  294. -o-transition:all 0.6s ease-out;
  295. transition:all 0.6s ease-out;
  296. }
  297.  
  298.  
  299. div#entries {
  300. width:530px;
  301. {block:ifGridLinks}margin-left:350px;{/block:ifGridLinks}
  302. {block:ifNotGridLinks}margin-left: 450px;{/block:ifNotGridLinks}
  303. padding-top:30px;
  304. }
  305.  
  306. .posts {
  307. background:{color:Entry};
  308. display:block;
  309. height:auto;
  310. padding:5px;
  311. padding-left:10px;
  312. padding-right:10px;
  313. margin-bottom:0px;
  314. border-bottom:1px dashed {color:Accent};
  315. }
  316.  
  317. .posts img {
  318. -webkit-border-radius:25px;
  319. -moz-border-radius:25px;
  320. -o-border-radius:25px;
  321. border-radius:25px;
  322. opacity:0.7;
  323. -webkit-transition: all 0.6s ease-in-out;
  324. -moz-transition: all 0.6s ease-in-out;
  325. -o-transition: all 0.6s ease-in-out;
  326. transition:all 0.6s ease-in-out;
  327. }
  328.  
  329. .posts img:hover{
  330. -webkit-border-radius:5px;
  331. -moz-border-radius:5px;
  332. -o-border-radius:5px;
  333. border-radius:5px;
  334. opacity:1;
  335. -webkit-transition: all 0.6s ease-in-out;
  336. -moz-transition: all 0.6s ease-in-out;
  337. -o-transition: all 0.6s ease-in-out;
  338. transition:all 0.6s ease-out;
  339. }
  340.  
  341. .chat ol, .chat li {list-style:none; margin-left:10px; padding:2px; border-bottom:1px solid {color:Text};}
  342.  
  343. ul.chat {list-style:none; margin-left:10px; padding:2px;}
  344.  
  345. .notes {
  346. display:block;
  347. background:{color:Background};
  348. {block:PermalinkPage}
  349. text-align:left;
  350. font-size:12px;
  351. {/block:PermalinkPage}
  352. {block:IndexPage}
  353. text-align:center;
  354. font-size:10px;
  355. {/block:IndexPage}
  356. text-transform:lowercase;
  357. list-style:none;
  358. -webkit-border-radius:10px;
  359. -moz-border-radius:10px;
  360. -o-border-radius:10px;
  361. border-radius:10px;
  362. }
  363.  
  364. {block:PermalinkPage}
  365. .notes img {
  366. display:none;
  367. }
  368. {/block:PermalinkPage}
  369.  
  370. .notes a{
  371. {block:PermalinkPage}
  372. color:{color:Link Hover};
  373. {/block:PermalinkPage}
  374. {block:IndexPage}
  375. color:{color:Text};
  376. {/block:IndexPage}
  377. }
  378.  
  379. .notes a:hover{
  380. color:{color:Link}
  381. }
  382.  
  383.  
  384. .pagination {
  385. background:{color:Entry};
  386. color:{color:Link Hover};
  387. text-align:center;
  388. display:block;
  389. padding:5px;
  390. margin-bottom:-10px;
  391. -webkit-border-bottom-right-radius:25px;
  392. -moz-border-radius-bottomright:25px;
  393. -o-border-bottom-right-radius:25px;
  394. boder-bottom-right-radius:25px;
  395. }
  396.  
  397. iframe#tumblr_controls {
  398. top: 0% !important;
  399. right:0% !important;
  400. position: fixed !important;
  401. }
  402.  
  403. #questions {
  404. display:block;
  405. background:transparent!important;
  406. border-bottom:2px solid {color:Header};
  407. }
  408.  
  409. .questions {
  410. font-size:10px;
  411. color:{color:Text}!important;
  412. margin-left:300px;
  413. margin-top:-15px;
  414. width:auto;
  415. text-transform:lowercase;
  416. }
  417.  
  418. .source {
  419. text-align:right;
  420. }
  421.  
  422. .postsource {
  423. float:right;
  424. margin-top:-25px;
  425. color:{color:Sidebar Link};
  426. }
  427.  
  428. .postsource img {
  429. width:14px;
  430. height:14px;
  431. opacity:0.7;
  432. -webkit-border-radius:25px;
  433. -moz-border-radius:25px;
  434. -o-border-radius:25px;
  435. border-radius:25px;
  436. -webkit-transition: all 0.6s ease-in-out;
  437. -moz-transition: all 0.6s ease-in-out;
  438. -o-transition: all 0.6s ease-in-out;
  439. transition:all 0.6s ease-out;
  440. margin-top:10px;
  441. z-index:-1;
  442. }
  443.  
  444. .postsource img:hover {
  445. opacity:1;
  446. -webkit-transition: all 0.6s ease-in-out;
  447. -moz-transition: all 0.6s ease-in-out;
  448. -o-transition: all 0.6s ease-in-out;
  449. transition:all 0.6s ease-out;
  450. }
  451.  
  452. #theme {
  453. bottom:0!important;
  454. left:0!important;
  455. position:fixed;
  456. font-size:12px;
  457. font-style:italic;
  458. opacity:0.5;
  459. color:{color:Text};
  460. }
  461.    
  462. #theme:hover {
  463. opacity:1;
  464. -webkit-transition: all 1s ease;
  465. -moz-transition: all 1s ease;
  466. -o-transition: all 1s ease;
  467. transition: all 1s ease;
  468. }
  469.  
  470. </style>
  471. </head>
  472.  
  473. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  474. <body>
  475. <div id="sidebar">
  476.     {block:ifShowTitle}<div class="title">{Title}</div>{/block:ifShowTitle}
  477.         <div class="sideimg"><img src="{image:SidebarImage}"></div>
  478.         <div class="desc">{block:Description}{Description}{/block:Description}</div>
  479.     {block:ifGridLinks}
  480.     {block:ifLink3}<a class="theme2" href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  481.     {block:ifLink4}<a class="theme3" href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}{/block:ifGridLinks}
  482.     <div class="theme"><em><font color=pink><a href="http://hatterthemes.tumblr.com/">theme © hatterthemes</a></em></font></div>
  483. </div>
  484.  
  485. <div id="theme"><a href="http://hatterthemes.tumblr.com">theme ©</a></div>
  486.  
  487. {block:ifNotGridLinks}
  488. <div id="links">
  489.     <a class="sidelinks1" href="/">refresh</a>
  490.     <a class="sidelinks2" href="/ask">message</a>
  491.     <a class="sidelinks1" href="/archive">back in time</a>
  492.     {block:ifLink1}<a class="sidelinks2" href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  493.     {block:ifLink2}<a class="sidelinks1" href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  494.     {block:ifLink3}<a class="sidelinks2" href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  495.     {block:ifLink4}<a class="sidelinks1" href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  496. </div>
  497. {/block:ifNotGridLinks}
  498.  
  499. {block:ifGridLinks}
  500. <div class="sidelinks">
  501. <table class="table"cellspacing="0px">
  502.     <tr>
  503.         <td class="sidebarlink1"><a href="/">refresh</a></td>
  504.         <td class="sidebarlink2"><img src="{image:image1}" width="80"></td>
  505.         <td class="sidebarlink1"><a href="/ask" >message</a></td>
  506.     <tr>
  507.     <td class="sidebarlink2"><img src="{image:image2}" width="80"></td><td class="sidebarlink1"><a href="/archive">back in time</a></td><td class="sidebarlink2"><img src="{image:image3}" width="80"></td>
  508.     <tr>
  509.         <td class="sidebarlink1"><a href="{text:Link1}">{text:Link1 Title}</a></td>
  510.         <td class="sidebarlink2"><img src="{image:image4}" width="80"></td>
  511.                 <td class="sidebarlink1"><a href="{text:Link2}">{text:Link2 Title}</a></td>
  512.     </table>
  513. </div>
  514. {/block:ifGridLinks}
  515.  
  516. <div id="entries">
  517. {block:ifEndlessScrolling}<div class = "autopagerize_page_element" >{/block:ifEndlessScrolling}{block:Posts}
  518. <div class="posts">
  519.  
  520. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  521. {block:Text}{Body}{/block:Text}
  522.  
  523. {block:Quote}<center><h2>"{Quote}"</h2></center><br /><p class="source">— {Source}</p>{/block:Quote}
  524.  
  525. {block:Link}<a href="{URL}" class="link" {Target}><center><h1>{Name}</h1></center></a>
  526. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  527.  
  528. {block:Photo}<br /><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  529.  
  530. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  531.  
  532. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  533.  
  534. {block:Video}<br />{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  535.  
  536. {block:Answer}<div id="questions"><h2>"{Question}"</h2></div><div class="questions"><em>wondered by {Asker}</em></div>
  537. {Answer}{/block:answer}
  538.  
  539. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  540.  
  541. <div class="notes"><center>{block:IndexPage}Posted <a href="{Permalink}">{TimeAgo}</a> with {/block:IndexPage}{NoteCountWithLabel}.{block:PermalinkPage}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:PermalinkPage}</center>
  542. <div class="postsource">{block:RebloggedFrom}via<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>+<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}</div>
  543. </div></div>
  544.  
  545. {/block:Posts}{block:ifEndlessScrolling}</div>{block:ifEndlessScrolling}
  546. {block:PostNotes}{PostNotes}{/block:PostNotes}
  547.        
  548. {block:ifNotEndlessScrolling}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}"><< Newer</a> &nbsp;{/block:PreviousPage}++{block:NextPage}&nbsp;<a href="{NextPage}">Older >></a>{/block:NextPage}</div>{block:ifNotEndlessScrolling}
  549.  
  550. </div>
  551. </div>
  552. </body>
  553. </html>
create a new version of this paste RAW Paste Data