reindropz

theme personal

Aug 24th, 2012
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.71 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <meta name="viewport" content="width=300">
  10. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}">
  11.  
  12. <title>{Title}{block:SearchPage} : Search results{/block:SearchPage}{block:TagPage} : Tag results{/block:TagPage}{block:PermalinkPage}{block:PostSummary} : {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="applications/rss+xml" title="RSS" href="{RSS}">
  16.  
  17. <meta name="color:Background" content="#FDFCFC" />
  18. <meta name="color:Text" content="#393D49" />
  19. <meta name="color:Links" content="#2185B4" />
  20. <meta name="color:Links hover" content="#043A75" />
  21. <meta name="color:Banner background" content="#F8F7F3" />
  22. <meta name="color:Blogtitle" content="#FDFCFC" />
  23. <meta name="color:Blogtitle background" content="#393D49" />
  24.  
  25. <meta name="image:Banner" content="" />
  26.  
  27. <meta name="if:Endless scrolling" content="0" />
  28. <meta name="if:Fix sidebar" content="0" />
  29. <meta name="if:Show blogtitle" content="1" />
  30. <meta name="if:Show tags" content="1" />
  31. <meta name="if:Enable search" content="1" />
  32.  
  33. <!-- Library -->
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  35.  
  36. <!-- Endless scrolling -->
  37. {block:IfEndlessScrolling}
  38. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  39. {/block:IfEndlessScrolling}
  40.  
  41. <!-- Scroll to top -->
  42. <script type="text/javascript" src="http://static.tumblr.com/ls5fqgx/tWkm6pwuv/scroll.js"></script>
  43.  
  44. <!-- Cufon -->
  45. <script src="http://static.tumblr.com/qhck824/P24l0dcc8/cufon-yui.js" type="text/javascript"></script>
  46. <script src="http://static.tumblr.com/ls5fqgx/HWwm6q16m/futura_md_bt_700.font_1_.js" type="text/javascript"></script>
  47. <script type="text/javascript">
  48. Cufon.replace('.blogtitle, .nav', {hover: 'true'});
  49. </script>
  50.  
  51. <style type="text/css">
  52.  
  53. body {
  54. background-color: {color:Background};
  55. color: {color:Text};
  56. font-family: Arial;
  57. font-size: 12px;
  58. height: 100%;
  59. margin: 0 auto; }
  60.  
  61. a:active, a:focus, a img {
  62. outline: 0 none;
  63. border: 0 none; }
  64.  
  65. a, a:link, a:visited {
  66. color: {color:Links};
  67. text-decoration: none; }
  68.  
  69. a:hover {
  70. color: {color:Links hover};
  71. text-decoration: none; }
  72.  
  73. #container {
  74. margin: 0 auto;
  75. width: 741px; }
  76.  
  77. small {
  78. font-size: 12px; }
  79.  
  80. blockquote {
  81. border-left: 3px solid #EEEEEE;
  82. margin: 0 0 0 15px;
  83. padding-left: 10px; }
  84.  
  85. #header {
  86. border-bottom: 1px solid #EEEEEE;
  87. margin-top: 0;
  88. height: 100%;
  89. width: 741px; }
  90.  
  91. .banner {
  92. background-color: {color:Banner background};
  93. height: 100%;
  94. padding: 10px 0;
  95. max-width: 741px; }
  96.  
  97. .banner img {
  98. max-width: 741px;
  99. height: auto; }
  100.  
  101.  
  102. .blogtitle {
  103. background-color: {color:Blogtitle background};
  104. font-family: 'Futura Md BT', Arial, serif;
  105. letter-spacing: 0.1em;
  106. width: 550px;
  107. height: 10px;
  108. padding: 11px 0;
  109. position: relative;
  110. position: fixed;
  111. margin-left: 210px;
  112. text-transform: uppercase; }
  113.  
  114. .blogtitle a {
  115. color: {color:Blogtitle} !important; }
  116.  
  117. .blogtitle a:hover {
  118. color: {color:Links} !important; }
  119.  
  120. #sidebar {
  121. border-right: 1px solid #EEEEEE;
  122. color: black;
  123. float: left;
  124. font-family: cursive;
  125. font-size: 10px;
  126. letter-spacing: 0.1em;
  127. margin: 0 -1px 30px 0;
  128. padding: 30px 30px 0 0;
  129. {block:IfFixSidebar}position:fixed;{/block:IfFixSidebar}
  130. text-align: right;
  131. width: 180px; }
  132.  
  133. .self {
  134. height: 128px;
  135. position: relative;
  136. }
  137.  
  138. .frame {
  139. position: absolute;
  140. top: 0;
  141. right: 0; }
  142.  
  143. .linklist {
  144. border-top: 1px solid #EEEEEE;
  145. padding-bottom: 10px;
  146. text-transform: uppercase; }
  147.  
  148. .search {
  149. border-top: 1px solid #EEEEEE;
  150. padding: 10px 0; }
  151.  
  152. .search input#textbox {
  153. background-color: transparent;
  154. border: 0 none;
  155. color: {color:Links} !important;
  156. font-family: Rockwell, Georgia, Arial;
  157. font-size: 10px;
  158. letter-spacing: 0.1em;
  159. outline: 0 none;
  160. padding: 0;
  161. text-align: right;
  162. text-transform: uppercase; }
  163.  
  164. .search input#textbox:hover {
  165. color: {color:Links hover}; }
  166.  
  167. .credit {
  168. background-color: #FFFFFF;
  169. border-bottom: 1px solid #EEEEEE;
  170. border-top: 1px solid #EEEEEE;
  171. font-family: Rockwell, Georgia, Arial;
  172. font-size: 9px;
  173. padding: 10px 0 10px 0;
  174. text-align: center;
  175. text-transform: uppercase; }
  176.  
  177. .credit a {
  178. color: #BBBBBB !important; }
  179.  
  180. .credit a:hover {
  181. color: {color:Links hover} !important; }
  182.  
  183. #content {
  184. border-left: 1px solid #EEEEEE;
  185. float: left;
  186. {block:IfFixSidebar}margin-left: 210px;{/block:IfFixSidebar}
  187. padding: 30px 0 0 30px;
  188. width: 500px; }
  189.  
  190. .post {
  191. background-color: #FFFFFF;
  192. padding: 0 0 5px 0;
  193. font-size: 12px;
  194. line-height: 19px;
  195. width: 500px; }
  196.  
  197. h1 {
  198. font-family: Georgia;
  199. font-size: 18px;
  200. font-weight: normal;
  201. margin-top: 0; }
  202.  
  203. h1.out {
  204. color: #BBBBBB;
  205. font-size: 16px !important; }
  206.  
  207. .highres {
  208. text-align: right;
  209. margin-right: 10px; }
  210.  
  211. .highres a {
  212. color: #BBBBBB !important;
  213. font-family: Rockwell, Georgia, Arial;
  214. font-size: 9px;
  215. letter-spacing: 0.15em;
  216. text-transform: uppercase; }
  217.  
  218. .highres a:hover {
  219. color: {color:Links hover} !important; }
  220.  
  221. .inside {
  222. padding: 10px; }
  223.  
  224. .inside img {
  225. height: auto;
  226. max-width: 480px; }
  227.  
  228. ul.chat {
  229. margin: 0 10px;
  230. padding: 0; }
  231.  
  232. ul.chat li {
  233. border-bottom: 1px solid #EEEEEE;
  234. color: #999999;
  235. font-family: Georgia;
  236. font-style: italic;
  237. list-style-type: none !important;
  238. padding: 5px 0; }
  239.  
  240. ul.chat li .label {
  241. color: #393D49;
  242. font-family: Arial;
  243. font-size: 9px;
  244. font-style: normal;
  245. font-weight: bold;
  246. letter-spacing: 0.1em;
  247. text-transform: uppercase; }
  248.  
  249. ul.chat li:last-child {
  250. border-bottom: 0 none !important; }
  251.  
  252. .player {
  253. border-bottom: 1px solid #EEEEEE;
  254. margin-bottom: 5px;
  255. min-height: 27px;
  256. padding: 0 0 5px 0; }
  257.  
  258. img.album {
  259. margin: 0 !important;
  260. max-height: 27px;
  261. max-width: 27px;
  262. position: static; }
  263.  
  264. .audio_player {
  265. background-color: #E4E4E4;
  266. margin: -32px 0 0 33px;
  267. max-height: 27px; }
  268.  
  269. #footer {
  270. border-top: 1px solid #EEEEEE;
  271. color: #BBBBBB !important;
  272. font-family: Rockwell, Georgia, Arial;
  273. font-size: 9px;
  274. letter-spacing: 0.15em;
  275. margin-bottom: 60px;
  276. padding-top: 5px;
  277. text-shadow: 1px 1px #FFFFFF;
  278. text-transform: uppercase; }
  279.  
  280. #footer a {
  281. color: #BBBBBB !important; }
  282.  
  283. #footer a:hover {
  284. color: {color:Links hover} !important; }
  285.  
  286. ol.notes {
  287. margin: 0 0 30px 0;
  288. padding: 0; }
  289.  
  290. ol.notes li {
  291. border-bottom: 1px solid #EEEEEE;
  292. color: #BBBBBB;
  293. font-family: Rockwell, Georgia, Arial;
  294. font-size: 9px;
  295. letter-spacing: 0.15em;
  296. line-height: 21px;
  297. list-style-type: none !important;
  298. padding: 5px 0;
  299. text-align: center;
  300. text-transform: uppercase; }
  301.  
  302. ol.notes li a {
  303. color: #BBBBBB !important; }
  304.  
  305. ol.notes li a:hover {
  306. color: {color:Links hover} !important; }
  307.  
  308. ol.notes li img.avatar {
  309. display: none !important; }
  310.  
  311. ol.notes li blockquote {
  312. background-color: #FFFFFF;
  313. border: 0 none;
  314. font-family: Georgia;
  315. font-size: 10px;
  316. font-style: italic;
  317. margin: 0 35px 5px 35px;
  318. padding: 5px;
  319. text-transform: none; }
  320.  
  321. ol.notes li a.more_notes_link {
  322. background-color: #FFFFFF;
  323. color: {color:Links hover}; }
  324.  
  325. .nav {
  326. color: #BBBBBB;
  327. font-family: 'Futura Md BT', Arial, serif;
  328. letter-spacing: 0.1em;
  329. margin-bottom: 20px;
  330. max-height: 34px;
  331. padding: 11px 0;
  332. text-transform: uppercase; }
  333.  
  334. .nav .old {
  335. float: right; }
  336.  
  337. .nav .new {
  338. float: left; }
  339.  
  340. #topcontrol img {
  341. opacity: 0.8; }
  342.  
  343. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {
  344. display: none; }
  345.  
  346. {CustomCSS}
  347. </style>
  348.  
  349. <!--[if IE ]>
  350. <style type="text/css">
  351. .search { display: none; }
  352. </style>
  353. <![endif]-->
  354.  
  355. </head>
  356.  
  357. <body>
  358. <!--Hypster Music Player-->
  359. <script type="text/javascript" src="http://scm.hypster.com/script.php" ><!--
  360. //--></script>
  361. <script type="text/javascript"><!--
  362. SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'100'},'playlist':'4822367','placement':'bottom','showplaylist':'false'}");
  363. //--></script>
  364. <!--Hypster Music Player-->
  365.  
  366.  
  367. <div id="container">
  368.  
  369. <div id="header">
  370. <center>
  371. {block:IfBannerImage}
  372. <div class="banner"><a title="" href="/"><img src="{image:Banner}" alt="{Title}"></a></div>
  373. {/block:IfBannerImage}
  374. {block:IfShowBlogtitle}<div class="blogtitle"><a title="" href="/">{Title}</a></div>{/block:IfShowBlogtitle}
  375. </center>
  376. </div><!-- Header -->
  377.  
  378. <div id="sidebar">
  379. <div class="self"><a title="" href="/"><img align="right" src="{PortraitURL-128}"><img align="right" src="http://static.tumblr.com/ls5fqgx/hFum6pvpv/3.png" class="frame"></a></div>
  380. <p>{Description}
  381. <div class="linklist">
  382. {block:HasPages}{block:Pages}<br><a title="" href="{URL}" class="custom">{Label}</a>{/block:Pages}<br>&nbsp;{/block:HasPages}
  383. <br><a title="tags" href="/more">A</a> •
  384. <a title="submit" href="/submit">W</a> •
  385. <a title="twitter" href="http://twitter.com/reinfrvralone">K</a> •
  386. <a title="facebook" href="http://www.facebook.com/ReinDropz08">W</a> •
  387. <a title="message" href="/ask">A</a> •
  388. <a title="archive" href="/archive">R</a> •
  389. <a title="photo blog" href="http://reindrop-s.tumblr.com">D</a><br>
  390. </div>
  391. {block:IfEnableSearch}
  392. <div class="search">
  393. <form action="/search" method="get">
  394. <input type="text" value="{SearchQuery}" id="textbox" name="q" placeholder="Search" />
  395. </form>
  396. </div>
  397. {/block:IfEnableSearch}
  398. <div class="credit">
  399. <a title="" href="http://www.tumblr.com/theme/35434">Cassadaga</a> theme by <a title="" href="http://mbacani.tumblr.com">mbacani</a>
  400. </div>
  401. </div><!-- Sidebar -->
  402.  
  403. <div id="content">
  404.  
  405. {block:SearchPage}
  406. <h1 class="out">Search results for &ldquo;{SearchQuery}&rdquo;</h1>
  407. {/block:SearchPage}
  408.  
  409. {block:TagPage}
  410. <h1 class="out">Showing posts tagged with &ldquo;{Tag}&rdquo;</h1>
  411. {/block:TagPage}
  412.  
  413. <div class="autopagerize_page_element">
  414.  
  415. {block:Posts}
  416.  
  417. <div class="post">
  418.  
  419. {block:Text}
  420. <div class="inside">
  421. {block:Title}<h1>{Title}</h1>{block:Title}
  422. {Body}
  423. </div>
  424. {/block:Text}
  425.  
  426. {block:Photo}
  427. <center>
  428. {LinkOpenTag}
  429. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  430. {LinkCloseTag}
  431. </center>
  432. {block:HighRes}
  433. <div class="highres"><a title="" href="{PhotoURL-HighRes}">High-Res</a></div>
  434. {/block:HighRes}
  435. {block:Caption}
  436. <div class="inside">{Caption}</div>
  437. {/block:Caption}
  438. {/block:Photo}
  439.  
  440. {block:Photoset}
  441. <center>{Photoset-500}</center>
  442. {block:Caption}<div class="inside">{Caption}</div>{/block:Caption}
  443. {/block:Photoset}
  444.  
  445. {block:Quote}
  446. <div class="inside">
  447. <h1>&ldquo;<i>{Quote}</i>&rdquo;</h1>
  448. {block:Source}<p>&mdash;{Source}{/block:Source}
  449. </div>
  450. {/block:Quote}
  451.  
  452. {block:Link}
  453. <div class="inside">
  454. <h1><a title="" href="{URL}" {Target}>{Name}</a></h1>
  455. {block:Description}{Description}{/block:Description}
  456. </div>
  457. {/block:Link}
  458.  
  459. {block:Audio}
  460. <div class="inside">
  461. <div class="player">
  462. {block:AlbumArt}<a title="" href="{AlbumArtURL}"><img src="{AlbumArtURL}" class="album"></a>{/block:AlbumArt}
  463. {AudioPlayerGrey}
  464. </div>
  465. {block:Caption}{Caption}{block:Caption}
  466. </div>
  467. {/block:Audio}
  468.  
  469. {block:Chat}
  470. <div class="inside">
  471. {block:Title}<h1>{Title}</h1>{/block:Title}
  472. <ul class="chat">
  473. {block:Lines}
  474. <li>{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</li>
  475. {/block:Lines}
  476. </ul>
  477. </div>
  478. {/block:Chat}
  479.  
  480. {block:Video}
  481. <center>{Video-500}</center>
  482. {block:Caption}<div class="inside">{Caption}</div>{/block:Caption}
  483. {/block:Video}
  484.  
  485. {block:Answer}
  486. <div class="inside">
  487. <h1><b>{Asker} asked:</b> {Question}</h1>
  488. <p>{Answer}
  489. </div>
  490. {/block:Answer}
  491.  
  492. </div><!-- Post -->
  493.  
  494. <div id="footer">
  495. {block:Date}
  496. <span class="date">Posted on <a title="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a></span>{block:NoteCount} / <a title="" href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / via <a title="" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:HasTags} / {block:Tags}#<a title="" href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}{/block:HasTags}
  497. {/block:Date}
  498. </div><!-- Footer -->
  499.  
  500. {block:PermalinkPagination}
  501. {block:NoteCount}
  502. <div id="notes" class="postnotes">{PostNotes}</div>
  503. {/block:NoteCount}
  504.  
  505. <div class="nav">
  506. <center>
  507. <div class="new">{block:NextPost}<a title="" href="{NextPost}">{/block:NextPost}Newer Post{block:NextPost}</a>{/block:NextPost}</div>
  508. <div class="old">{block:PreviousPost}<a title="" href="{PreviousPost}">{/block:PreviousPost}Older Post{block:PreviousPost}</a>{/block:PreviousPost}</div>
  509. </center>
  510. </div>
  511. {/block:PermalinkPagination}
  512.  
  513. {/block:Posts}
  514.  
  515. </div><!-- Autopagerize -->
  516.  
  517. {block:IfNotEndlessScrolling}
  518. {block:Pagination}
  519. <div class="nav">
  520. <center>
  521. <div class="new">{block:PreviousPage}<a title="" href="{PreviousPage}">{/block:PreviousPage}Newer Posts{block:PreviousPage}</a>{/block:PreviousPage}</div>
  522. <div class="old">{block:NextPage}<a title="" href="{NextPage}">{/block:NextPage}Older Posts{block:NextPage}</a>{/block:NextPage}</div>
  523. </center>
  524. </div>
  525. {/block:Pagination}
  526. {/block:IfNotEndlessScrolling}
  527.  
  528.  
  529. </div><!-- Content -->
  530.  
  531. </div><!-- Container-->
  532.  
  533. </body>
  534. </html>
Advertisement
Add Comment
Please, Sign In to add comment