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

Theme 02.

By: whatthefawkes on Aug 25th, 2011  |  syntax: None  |  size: 11.25 KB  |  hits: 1,185  |  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">
  3. <html lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  4. <html>
  5. <head>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <!--
  23.                 (C) TUMBLR THEME BY WHATTHEFAWKES.TUMBLR.COM
  24.                                  - Theme 02 -
  25.         ...........................................................
  26.         please do not remove this tag and the credits of this theme.
  27.         do not claim, steal, redistribute and or copy any part of this theme.
  28.         ...........................................................
  29.                 this theme looks better in Mozilla Firefox
  30.               with a screen resolution of 1280 by 800 pixels.
  31.         it does NOT mean that it doesn't work in any other browser.
  32. -->
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40. <meta name="image:Sidebar" content=""/>
  41. <meta name="image:Background" content=""/>
  42.  
  43. <meta name="color:Background" content="#fae3a5" />
  44. <meta name="color:Text" content="#2c2a26" />
  45. <meta name="color:Title" content="#f78a15" />
  46. <meta name="color:Sidebar Text" content="#2c2a26" />
  47. <meta name="color:Sidebar Link" content="#f78a15" />
  48. <meta name="color:Sidebar Background" content="#f2d678" />
  49. <meta name="color:Link" content="#f78a15" />
  50. <meta name="color:Link Hover" content="#487c79" />
  51. <meta name="color:Bold" content="#c31511" />
  52. <meta name="color:Permalink Background" content="#f8aa82" />
  53. <meta name="color:Permalink Text" content="#000" />
  54. <meta name="color:Question Background" content="#fff" />
  55. <meta name="color:Question Text" content="#f79a4a" />
  56. <meta name="color:Navigation Background" content="#eac549" />
  57. <meta name="color:Navigation Link" content="#484336" />
  58. <meta name="color:Navigation Link Hover" content="#fff" />
  59. <meta name="color:Subtitle Text Colour" content="#000" />
  60. <meta name="color:Blockquote Border Colour" content="#382a2c" />
  61. <meta name="color:Blockquote Text Colour" content="#aeaea6" />
  62.  
  63. <meta name="if:Show Sidebar Image" content "0" />
  64. <meta name="if:Show Profile Picture" content "0" />
  65.  
  66. <meta name="if:Custom Link 1" content="0" />
  67. <meta name="if:Custom Link 2" content="0" />
  68. <meta name="if:Custom Link 3" content="0" />
  69.  
  70. <meta name="text:Link 1 Url" content="http://" />
  71. <meta name="text:Link 1 Name" content="Link 1" />
  72. <meta name="text:Link 2 Url" content="http://" />
  73. <meta name="text:Link 2 Name" content="Link 2" />
  74. <meta name="text:Link 3 Url" content="http://" />
  75. <meta name="text:Link 3 Name" content="Link 3" />
  76.  
  77. <meta name="color:Navigation Link" content="#000" />
  78. <meta name="color:Navigation Link Hover" content="#000" />
  79.  
  80. {block:IfEndlessScroll}
  81. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  82. {/block:IfEndlessScroll}
  83.  
  84.  
  85.  
  86.  
  87.  
  88. <style type="text/css">
  89.  
  90. #navbar-iframe {
  91.  
  92. display: none;
  93.  
  94. }
  95.  
  96. body {
  97. background-color:{color:background};
  98. color:{color:text};
  99. background-image: url('{image:background}');
  100. background-repeat:no-repeat;
  101. background-attachment:fixed;
  102. background-position:top left;
  103. font: normal 11px "Arial", sans-serif;
  104. }
  105.  
  106. p {
  107. font: normal 11px "Arial", sans-serif;
  108. color: {color:text};
  109. }
  110.  
  111. #tumblr_controls{
  112. position:fixed!important;
  113. top:0px;
  114. left:-30px;
  115. }
  116.  
  117. a {
  118. color: {color:Link};
  119. text-decoration: none;
  120. }
  121.  
  122. a:hover {
  123. color: {color:Link Hover};
  124. }
  125.  
  126. .image{
  127. border: 0px;
  128. }
  129.  
  130. b, strong, strike, s, u {
  131. font-family: "Arial", sans-serif;
  132. color: {color:bold};
  133. }
  134.  
  135. blockquote{
  136. border-left: {color:blockquote border colour} 4px solid;
  137. colour: {color:blockquote text colour};
  138. padding-left: 2px;}
  139.  
  140.  
  141.  
  142.  
  143.  
  144. #sidebar {
  145. width: 150px;
  146. position: fixed;
  147. left: 0px;
  148. bottom: 25px;
  149. }
  150.  
  151. .linkside {
  152. background: {color:sidebar background};
  153. color: {color:text};
  154. border-left: 10px solid {color:navigation background};
  155. }
  156.  
  157. .links {
  158. border-bottom: 0px solid #000;
  159. padding: 15px 50px 15px 0;
  160. }
  161.  
  162. .links a {
  163. background: {color:navigation background};
  164. font: normal 10px "Lucida Sans Unicode", Lucida Grande, sans-serif;
  165. color: {color:Navigation Link};
  166. display: block;
  167. margin: 0 0 2px;
  168. padding: 5px;
  169. text-transform: lowercase;
  170. }
  171.  
  172. .links a:hover {
  173. color: {color:Navigation Link Hover};
  174. }
  175.  
  176. #navigation {margin-left:25px; margin-bottom:2px; width:96px;}
  177.  
  178. #navigation img {-moz-border-radius:200px;-webkit-border-radius:100px;}
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186. #sidebar2 {
  187. width: 240px;
  188. position: fixed;
  189. left: 160px;
  190. bottom: 15px;
  191. }
  192.  
  193. .side {
  194. background: {color:sidebar background};
  195. margin-top:5px;
  196. color: {color:sidebar text};
  197. }
  198.  
  199. .head {
  200. font-family: georgia;
  201. font-size: 11px;
  202. letter-spacing:-1px;
  203. color: {color:subtitle text colour};
  204. text-decoration: none;
  205. font-style:italic;
  206. border-right: 30px {color:bold} solid;
  207. line-height: 8px;
  208. text-align:right;
  209. text-transform: lowercase;
  210. background: none;
  211. display:block;
  212. padding: 3px;
  213. margin-bottom: none;
  214. }
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224. .main{
  225. position: absolute;
  226. width: 510px;
  227. left: 410px;
  228. top: 10px;
  229. overflow:shown;
  230. }
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238. #permalink {display:block; background-color: {color:permalink background}; margin:3px 0px 3px 0px; padding:2px; color:{color:Permalink Text}; font:9px {font:Permalink}; letter-spacing:0px; text-transform:lowercase; border-top:0px solid #000;}
  239. #permalink a {color:{color:Permalink Text};}
  240. #permalink, #permalinks{-webkit-transition: opacity 0.7s linear; opacity: 0.85;}
  241. #permalink:hover, #permalinks:hover {-webkit-transition: opacity 0.7s linear; opacity: 1;}
  242. #permalink img {float:left; margin:1px 5px 1px 1px; display: inline; height:22px;}
  243.  
  244. .label {font-weight:bold; color:{color:bold}}
  245.  
  246.  
  247.  
  248. #tags {font:10px georgia; color:{color:link}; margin-left:505px; opacity:0; position:absolute; -webkit-transition-duration: 0.4s; padding:3px; -moz-border-radius:0px; -webkit-border-radius:5px; z-index:3;}
  249. #tags a {font-weight:normal;}
  250.  
  251.  
  252. .description, .caption {padding:0px; margin:0px;}
  253.  
  254. .quote {font: 13px arial; font-style:italic;}
  255. .source {text-align:right;}
  256.  
  257. #audio {display:block; background-color:#000; height:27px; width:500px;}
  258.  
  259. #questions {background-color:{color:question background}; color: {color:question Text}; padding:10px; margin-bottom:0px;}
  260. #questions a {color:{color:question text};}
  261.  
  262. #pagination {display:block; width:auto; background-color:#fff; margin:2px 0px 2px 0px; font:8px arial; text-transform: lowercase; font:9px georgia; color:#4B4848; letter-spacing: 3px; text-align:center; padding:10px;}
  263.  
  264. #pagination a {text-decoration: none; color:#6B5D70;}
  265.  
  266. #pagination a:hover {color:#3A3736;}
  267.  
  268.  
  269. post{
  270. width: 500px;
  271. padding:6px;
  272. }
  273.  
  274. .postwrap{
  275. width:500px;
  276. }
  277.  
  278. h3, h1{
  279. font-size:20px; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; margin:0px; font-weight:normal; color: {color:Title}}
  280.  
  281. .photo{
  282. background-color:#FFFFFF;
  283. width: 500px;
  284. padding:0px;
  285. margin-top: 8px;
  286. margin-bottom: 8px;
  287. border: 0px solid #eeeeee;
  288. }
  289.  
  290. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  291.  
  292. </style>
  293.  
  294.  
  295.  
  296. </head>
  297. <body>
  298.  
  299.  
  300.  
  301. <!--------------------------------- SIDEBAR CONTENT ONE ---------------------------------------->
  302. <div id="sidebar">
  303.  
  304. <div id="navigation">{block:IfShowProfilePicture}<a href="/"><img src="{PortraitURL-96}"></a>{/block:IfShowProfilePicture}</div>
  305.  
  306. <div class="linkside">
  307. <div class="links">
  308. <a href="/">index</a>
  309. <a href="/ask">questions?</a>
  310. <a href="/archive">archive</a>
  311. {block:IfCustomLink1}<a href="{text:Link 1 Url}">{text:Link 1 Name}</a>{/block:IfCustomLink1}
  312. {block:IfCustomLink2}<a href="{text:Link 2 Url}">{text:Link 2 Name}</a>{/block:IfCustomLink2}
  313. {block:IfCustomLink3}<a href="{text:Link 3 Url}">{text:Link 3 Name}</a>{/block:IfCustomLink3}
  314. <a href="http://whatthefawkes.tumblr.com/tagged/whatthefawkes+themes">Theme (c)</a>
  315.  
  316. </div></div></div>
  317.  
  318.  
  319. <!--------------------------------- SIDEBAR CONTENT TWO ---------------------------------------->
  320. <div id="sidebar2">
  321. {block:IfShowSidebarImage}<img src="{image:Sidebar}" width="240px"/></a>{/block:IfShowSidebarImage}
  322.  
  323. <div class="side">
  324. <div class="head">{title}</div>
  325. <p> {description} </p>
  326. </div> </div>
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334. {block:IfEndlessScroll}
  335. <div class="autopagerize_page_element">
  336. {/block:IfEndlessScroll}
  337.  
  338. <div class="main">
  339.  
  340. <div class="postwrap">
  341.  
  342. {block:Posts}
  343. <div class="posts">
  344. {block:Text}
  345. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  346. {block:Title}
  347. <h3><a href="{Permalink}">{Title}</a></h3>
  348. {/block:Title}
  349.  
  350. {Body}
  351.  
  352. {/block:Text}
  353.  
  354. {block:Photo}
  355. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  356.  
  357. {block:Caption}
  358. <div class="caption">{Caption}</div>
  359. {/block:Caption}
  360.  
  361. {/block:Photo}
  362.  
  363. {block:Photoset}
  364. {Photoset-500}
  365.  
  366. {block:Caption}
  367. <div class="caption">{Caption}</div>
  368. {/block:Caption}
  369.  
  370. {/block:Photoset}
  371.  
  372. {block:Quote}
  373. <div class="quote">"{Quote}"</div>
  374.  
  375. {block:Source}
  376. <div class="source">- {Source}</div>
  377. {/block:Source}
  378.  
  379. {/block:Quote}
  380.  
  381. {block:Link}
  382. <a href="{URL}" class="link" {Target}>→ {Name}</a>
  383.  
  384. {block:Description}
  385. <div class="description">{Description}</div>
  386. {/block:Description}
  387.  
  388. {/block:Link}
  389.  
  390. {block:Chat}
  391. {block:Title}
  392. <h3><a href="{Permalink}">{Title}</a></h3>
  393. {/block:Title}
  394.  
  395. <ul class="chat">
  396. {block:Lines}
  397. <li class="{Alt} user_{UserNumber}">
  398. {block:Label}
  399. <span class="label">{Label}</span>
  400. {/block:Label}
  401.  
  402. {Line}
  403. </li>
  404. {/block:Lines}
  405. </ul>
  406.  
  407. {/block:Chat}
  408.  
  409. {block:Video}
  410. {Video-500}
  411.  
  412. {block:Caption}
  413. <div class="caption">{Caption}</div>
  414. {/block:Caption}
  415.  
  416. {/block:Video}
  417.  
  418. {block:Audio}
  419.  
  420. <div id=audio>{AudioPlayerBlack}</div>
  421.  
  422. {block:Caption}
  423. <div class="caption">{Caption}</div>
  424. {/block:Caption}
  425.  
  426. {/block:Audio}
  427.  
  428. {block:Answer}
  429. <div id="questions"><div id="thequest">"{Question}"</div> <div align=center>asked by {Asker} </div></div>
  430. {Answer}
  431.  
  432. {/block:answer}
  433.  
  434.  
  435. <div id=permalink>{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}"></a>→ reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom}
  436. {block:ContentSource}originally from <a href="{SourceURL}">{SourceLink}</a><br>
  437. {/block:ContentSource}
  438. <a href="{Permalink}">→ {block:NoteCount}{NoteCount} notes, {/block:NoteCount}{block:Date}posted {TimeAgo}{/block:Date}</a></div>
  439.  
  440. {block:HasTags}<div id=permalink><b>tagged as:</b>{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div><p><p>{/block:HasTags}
  441.  
  442. {block:PostNotes}{PostNotes}{/block:PostNotes}
  443. </div>
  444. {/block:Posts}
  445. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  446.  
  447. <div id=pagination>
  448. {block:Pagination}
  449. {block:PreviousPage}
  450. <a href="{PreviousPage}">Previous</a>
  451. {/block:PreviousPage}
  452.  
  453. {block:JumpPagination length="10"}
  454. {block:CurrentPage}
  455. <span class="current_page">{PageNumber}</span>
  456. {/block:CurrentPage}
  457.  
  458. {block:JumpPage}
  459. <a class="jump_page" href="{URL}">{PageNumber}</a>
  460. {/block:JumpPage}
  461. {/block:JumpPagination}
  462.  
  463. {block:NextPage}
  464. <a href="{NextPage}">Next</a>
  465. {/block:NextPage}
  466. {/block:Pagination}</div>
  467.  
  468.  
  469. </body>
  470. </html>
create a new version of this paste RAW Paste Data