Advertisement
pattybuns94

rjtheme004

Jul 27th, 2012
2,718
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.44 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <!--
  4. RJ Tumblr Theme - 004 - Into the Universe
  5. Made by Patty of Rekindling-Joy.Webs.Com & TheDoctorOnlyKnowsWho.tumblr.com
  6. DO NOT REMOVE CREDIT.
  7. DO NOT USE AS BASE.
  8. DO NOT REDISTRIBUTE AS YOUR OWN.
  9. -->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:bodybackground" content="#f7faf5" />
  16. <meta name="color:titlecolor" content="#255050" />
  17. <meta name="color:title2color" content="#224739" />
  18. <meta name="color:side2bg" content="#edf3e8" />
  19. <meta name="color:borders" content="#dce6d2" />
  20. <meta name="color:nav" content="#344229" />
  21. <meta name="color:navbg" content="#d7e0ce" />
  22. <meta name="color:navhover" content="#d3dfca" />
  23. <meta name="color:navhoverbg" content="#799264" />
  24. <meta name="color:desc" content="#859c71" />
  25. <meta name="color:posttext" content="#567040" />
  26. <meta name="color:headerone" content="#4d7070" />
  27. <meta name="color:headertwo" content="#568383" />
  28. <meta name="color:tagnav" content="#7f976a" />
  29. <meta name="color:tagnavhover" content="#968d68" />
  30. <meta name="color:linkage" content="#495c55" />
  31. <meta name="color:linkagehover" content="#a3be8d" />
  32.  
  33. <meta name="image:descimage1" content="" />
  34. <meta name="image:descimage2" content="" />
  35.  
  36. <meta name="text:titletwo" content="Title Two Here. If you wanna have one." />
  37. <meta name="text:link1" content="" />
  38. <meta name="text:link1URL" content="" />
  39. <meta name="text:link2" content="" />
  40. <meta name="text:link2URL" content="" />
  41. <meta name="text:link3" content="" />
  42. <meta name="text:link3URL" content="" />
  43. <meta name="text:link4" content="" />
  44. <meta name="text:link4URL" content="" />
  45. <meta name="text:link5" content="" />
  46. <meta name="text:link5URL" content="" />
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. body {
  61. background-color: {color:bodybackground};
  62. margin:0px 0px; padding:0px;
  63. text-align:center;
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {
  67. background-color: {color:borders};
  68. }
  69.  
  70. ::-webkit-scrollbar {
  71. height: 10px;
  72. width: 5px;
  73. background-color: {color:bodybackground};
  74. }
  75.  
  76. #content {
  77. text-align:left;
  78. width: 800px;
  79. margin:0 auto 0 auto;
  80. }
  81.  
  82. #sidecontent {
  83. top:0px;
  84. position:fixed;
  85. margin-left: 10px;
  86. }
  87.  
  88. #descandtitle {
  89. top:50%;
  90. position:fixed;
  91. }
  92.  
  93. #sidebar {
  94. width:180px;
  95. margin-top: -200px;
  96. position: fixed;
  97. background-color: {color:bodybackground};
  98. text-align:center;
  99. padding:10px;
  100. }
  101.  
  102. #titles {
  103. padding: 0px;
  104. width: 180px;
  105. margin-bottom:5px;
  106. }
  107.  
  108. #title {
  109. font-family: 'Yesteryear', 'Georgia', 'Times New Roman', cursive, serif;
  110. font-weight: 200;
  111. font-style: none;
  112. font-size: 15pt;
  113. line-height: 10pt;
  114. letter-spacing: none;
  115. text-align: center;
  116. text-transform: normal;
  117. color: {color:titlecolor};
  118. margin-bottom: 1px;
  119. }
  120.  
  121. #title2 {
  122. font-family: 'Times New Roman', serif;
  123. font-weight: normal;
  124. font-style: none;
  125. font-size: 7pt;
  126. line-height: 7pt;
  127. letter-spacing: 2px;
  128. margin-top:0px;
  129. text-align: center;
  130. text-transform: uppercase;
  131. color: {color:title2color};
  132. }
  133.  
  134. #descimg1 img{
  135. max-width: 150px;
  136. text-align:center;
  137. border: 10px solid {color:borders};
  138. }
  139.  
  140. #desc {
  141. font-family: 'Verdana', serif;
  142. font-size: 7pt;
  143. line-height: 7.5pt;
  144. color: {color:desc};
  145. width: 180px;
  146. margin-top:5px;
  147. text-align: center;
  148. }
  149.  
  150. #paginationnext {
  151. text-align: center;
  152. position: fixed;
  153. z-index:999;
  154. margin-left: 800px;
  155. bottom: 40px;
  156. }
  157.  
  158. #hoverlinks {
  159. height: 120%;
  160. margin-top:-3px;
  161. margin-left: -20px;
  162. width:170px;
  163. padding-left: 25px;
  164. padding-right: 25px;
  165. position: fixed;
  166. text-align:center;
  167. background-color: {color:bodybackground};
  168. z-index: 999;
  169. opacity:0;
  170. filter:alpha(opacity=0);
  171. }
  172.  
  173. #hoverlinks:hover {
  174. position: fixed;
  175. z-index: 999;
  176. -webkit-transition: all 0.8s ease-in-out;
  177. -moz-transition: all 0.8s ease-in-out;
  178. -o-transition: all 0.8s ease-in-out;
  179. -ms-transition: all 0.8s ease-in-out;
  180. transition: all 0.8s ease-in-out;
  181. opacity:1;
  182. filter:alpha(opacity=100);
  183. }
  184.  
  185. #descandnavehover {
  186. top:50%;
  187. position: fixed;
  188. z-index: 999;
  189. }
  190.  
  191. #desc2 {
  192. font-family: 'Verdana', serif;
  193. font-size: 7pt;
  194. line-height: 7.5pt;
  195. color: {color:nav};
  196. background-color: {color:navbg};
  197. padding:25px;
  198. text-align: left;
  199. margin-top:-150px;
  200. margin-left:-220px;
  201. position:absolute;
  202. width:170px;
  203. height:163px;
  204. overflow:auto;
  205. z-index: 899;
  206. }
  207.  
  208. #desc2:hover {
  209. margin-left:0px;
  210. position:absolute;
  211. z-index: 999;
  212. -webkit-transition: all 0.8s ease-in-out;
  213. -moz-transition: all 0.8s ease-in-out;
  214. -o-transition: all 0.8s ease-in-out;
  215. -ms-transition: all 0.8s ease-in-out;
  216. transition: all 0.8s ease-in-out;
  217. }
  218.  
  219. #descimg2 img{
  220. max-width: 150px;
  221. text-align:center;
  222. border: 10px solid {color:borders};
  223. }
  224.  
  225. .descportrait img{
  226. max-width: 48px;
  227. text-align:center;
  228. padding: 10px;
  229. }
  230.  
  231. #navi {
  232. padding:25px;
  233. text-align:center;
  234. margin-top:-200px;
  235. margin-left: 0px;
  236. width: 170px;
  237. position:absolute;
  238. background-color: {color:side2bg};
  239. }
  240.  
  241. #theme {
  242. right: 5px;
  243. bottom: 5px;
  244. position: fixed;
  245. text-transform: lowercase;
  246. font-size: 6pt;
  247. letter-spacing: 5px;
  248. font-family: 'Georgia', serif;
  249. font-style: italic;
  250. z-index: 999;
  251. }
  252.  
  253. #entries {
  254. border-bottom: 10px solid {color:borders};
  255. width: 500px;
  256. font-family: 'Verdana', sans-serif;
  257. color: {color:posttext};
  258. font-size: 8.5pt;
  259. padding: 10px;
  260. padding-bottom: 2px;
  261. margin-bottom: 25px;
  262. position:relative;
  263. z-index: 799;
  264. }
  265.  
  266. #postings {
  267. width: 520px;
  268. font-family: 'Verdana', sans-serif;
  269. color: {color:posttext};
  270. font-size: 8.5pt;
  271. margin-top: 0px;
  272. margin-left: 250px;
  273. padding: 10px;
  274. position: absolute;
  275. z-index: 799;
  276. background-color: {color:bodybackground};
  277. }
  278.  
  279. #datesandtags{
  280. text-align: left;
  281. text-transform: uppercase;
  282. font-style: none;
  283. font-family: 'Trebuchet Ms', sans-serif;
  284. font-size: 7pt;
  285. line-height: 8pt;
  286. padding:2px;
  287. color: {color:nav};
  288. margin-top: 10px;
  289. border-top: 2px solid {color:borders};
  290. }
  291.  
  292. #datesandtags:hover{
  293. border-left: 20px solid {color:borders};
  294. -webkit-transition: all 0.8s ease-in-out;
  295. -moz-transition: all 0.8s ease-in-out;
  296. -o-transition: all 0.8s ease-in-out;
  297. -ms-transition: all 0.8s ease-in-out;
  298. transition: all 0.8s ease-in-out;
  299. }
  300.  
  301. a, a:link, a:visited {
  302. color: {color:linkage};
  303. text-decoration: none;
  304. }
  305.  
  306. a:hover {
  307. color: {color:linkagehover};
  308. text-decoration: none;
  309. }
  310.  
  311. a.theme, a.theme:link, a.theme:visited {
  312. color: {color:tagnav};
  313. text-decoration: none;
  314. }
  315.  
  316. a.theme:hover {
  317. color: {color:tagnavhover};
  318. text-decoration: none;
  319. }
  320.  
  321. a.tagsnav, a.tagsnav:link, a.tagsnav:visited {
  322. color: {color:tagnav};
  323. text-decoration: none;
  324. }
  325.  
  326. a.tagsnav:hover {
  327. color: {color:tagnavhover};
  328. text-decoration: none;
  329. }
  330.  
  331. a.pagi, a.pagi:link, a.pagi:active, a.pagi:visited {
  332. text-decoration: none;
  333. text-transform: uppercase;
  334. font-family: 'Georgia', serif;
  335. font-size: 25pt;
  336. font-weight: 400;
  337. font-style: none;
  338. line-height: normal;
  339. color: {color:nav};
  340. background-color: {color:navbg};
  341. display:block;
  342. text-align: center;
  343. padding:5px;
  344. padding-top:20px;
  345. padding-bottom:20px;
  346. width: 20px;
  347. margin: 5px;
  348. }
  349.  
  350. a.pagi:hover {
  351. text-decoration: none;
  352. color: {color:navhover};
  353. background-color: {color:navhoverbg};
  354. -webkit-transition: all 0.8s ease-in-out;
  355. -moz-transition: all 0.8s ease-in-out;
  356. -o-transition: all 0.8s ease-in-out;
  357. -ms-transition: all 0.8s ease-in-out;
  358. transition: all 0.8s ease-in-out;
  359. }
  360.  
  361. a.nav, a.nav:link, a.nav:active, a.nav:visited {
  362. text-decoration: none;
  363. text-transform: uppercase;
  364. font-family: 'Trebuchet MS', sans serif;
  365. font-weight: normal;
  366. font-style: none;
  367. font-size: 7pt;
  368. line-height: 7pt;
  369. color: {color:nav};
  370. background-color: {color:navbg};
  371. display:inline-block;
  372. letter-spacing: 1px;
  373. text-align: center;
  374. padding-left:2px;
  375. padding-right: 2px;
  376. padding-top: 16px;
  377. padding-bottom: 16px;
  378. width:79px;
  379. margin-bottom: 3px;
  380. }
  381.  
  382. a.nav:hover {
  383. text-decoration: none;
  384. color: {color:navhover};
  385. letter-spacing: 2px;
  386. background-color: {color:navhoverbg};
  387. -webkit-transition: all 0.5s ease-in-out;
  388. -moz-transition: all 0.5s ease-in-out;
  389. -o-transition: all 0.5s ease-in-out;
  390. -ms-transition: all 0.5s ease-in-out;
  391. transition: all 0.5s ease-in-out;
  392. }
  393.  
  394. h1 {
  395. font-family: 'Georgia', 'Times New Roman', cursive, serif;
  396. color: {color:headerone};
  397. text-transform: none;
  398. font-size: 14pt;
  399. font-weight: 300;
  400. text-align: left;
  401. line-height: 14pt;
  402. padding: 2px;
  403. margin-bottom: 1px;
  404. margin-top: 1px;
  405. }
  406.  
  407. h2 {
  408. font-family: 'Georgia', 'Times New Roman', cursive, serif;
  409. color: {color:headertwo};
  410. font-size: 12pt;
  411. font-weight: 300;
  412. line-height: 12pt;
  413. padding: 2px;
  414. margin-bottom: 1px;
  415. margin-top: 1px;
  416. }
  417.  
  418. h2.quote {
  419. font-family: 'Yanone Kaffeesatz', 'Trebuchet MS', sans-serif;
  420. color: {color:headertwo};
  421. text-transform: none;
  422. font-size: 14pt;
  423. font-weight: 300;
  424. text-align: center;
  425. line-height: 14pt;
  426. padding: 2px;
  427. margin-bottom: 10px;
  428. margin-top: 1px;
  429. }
  430.  
  431. p {
  432. font-family: 'Verdana', sans-serif;
  433. color: {color:posttext};
  434. font-size: 8.5pt;
  435. line-height: normal;
  436. padding: 2px;
  437. margin-bottom: 7px;
  438. margin-top: 1px;
  439. }
  440.  
  441. #question {
  442. padding: 10px;
  443. margin-left: 20px;
  444. margin-right: 20px;
  445. width: 440px;
  446. border-bottom: 2px solid {color:borders};
  447. background-color: {color:navbg};
  448. }
  449.  
  450. #question img{
  451. width: 48px;
  452. margin: 5px;
  453. padding: 10px;
  454. vertical-align: middle;
  455. border: 1px solid {color:borders};
  456. background-color: {color:navbg};
  457. }
  458.  
  459. #ques {
  460. margin-top: -75px;
  461. padding: 10px;
  462. margin-left: 90px;
  463. text-align: center;
  464. font-size: 8.5pt;
  465. line-height: 8pt;
  466. font-style: italic;
  467. font-family: 'Georgia', 'Times New Roman', cursive, serif;
  468. color: {color:nav};
  469. position:relative;
  470. background-color: {color:navbg};
  471. }
  472.  
  473. #answer {
  474. font-family: 'Verdana', sans-serif;
  475. color: {color:posttext};
  476. font-size: 8.5pt;
  477. line-height: normal;
  478. padding: 10px;
  479. margin-left: 20px;
  480. margin-right: 20px;
  481. }
  482.  
  483. blockquote {
  484. font-size: 8.5pt;
  485. margin: 10px 15px 10px 25px;
  486. border-left: 4px solid {color:borders};
  487. padding-left: 3px;
  488. }
  489.  
  490. blockquote img, blockquote a img {
  491. max-width: 250px;
  492. }
  493.  
  494. b, strong {
  495. color: {color:posttext};
  496. }
  497.  
  498. i, em {
  499. color: {color:posttext};
  500. }
  501.  
  502. img a {
  503. border:none;
  504. }
  505.  
  506. .audio {
  507. color: {color:headertwo};
  508. background: {color:borders};
  509. display:block;
  510. padding: 3px;
  511. }
  512.  
  513. .label {
  514. color: {color:headerone};
  515. font-weight: bold;
  516. }
  517.  
  518. ul.chat, .chat ol, .chat li {
  519. list-style: none;
  520. padding: 3px;
  521. margin: 5px;
  522. font-size: 8.5pt;
  523. font-family: 'Verdana', sans-serif;
  524. color: {color:posttext};
  525. }
  526.  
  527. li img, li a img {
  528. max-width: 250px;
  529. }
  530.  
  531. .notes {
  532. color: {color:posttext};
  533. font-size: 7pt;
  534. font-family: 'Verdana', sans-serif;
  535. }
  536.  
  537. .avatar {
  538. vertical-align: middle;
  539. -moz-border-radius: 24px;
  540. border-radius: 24px;
  541. padding: 2px;
  542. }
  543.  
  544. .source {
  545. margin-top: -2px;
  546. text-align: center;
  547. font-size: 8.5pt;
  548. font-style: italic;
  549. font-family: 'Georgia', 'Times New Roman', cursive, serif;
  550. color: {color:headerone};
  551. }
  552.  
  553. </style>
  554.  
  555. <style type="text/css">{CustomCSS}</style>
  556. </head>
  557.  
  558. <body>
  559. <div id="theme">
  560. <a href="http://thedoctoronlyknowswho.tumblr.com/tagged/rjtumblrthemes" title="Theme Creator" target="_blank" class="theme">RJ<br/>Tumblr<br />Themes</a>
  561. </div>
  562.  
  563. <div id="content">
  564. <div id="sidecontent">
  565.  
  566. <div id="hoverlinks">
  567. <div id="descandnavehover">
  568.  
  569. <div id="desc2">
  570. <div class="descportrait"><img src="{PortraitURL-48}" align="left" /></div>
  571. {block:Description}{Description}{/block:Description}
  572. </div>
  573.  
  574. <div id="navi">
  575. <div id="descimg2"><img src="{image:descimage2}" /></div>
  576. <a href="/" class="nav">Home</a>
  577. <a href="/ask" class="nav">Message</a>
  578. {block:iflink1}<a href="{text:link1URL}" class="nav" title="{text:link1}">{text:link1}</a>{/block:iflink1}
  579. {block:iflink2}<a href="{text:link2URL}" class="nav" title="{text:link2}">{text:link2}</a>{/block:iflink2}
  580. {block:iflink3}<br /><a href="{text:link3URL}" class="nav" title="{text:link3}">{text:link3}</a>{/block:iflink3}
  581. {block:iflink4}<a href="{text:link4URL}" class="nav" title="{text:link4}">{text:link4}</a>{/block:iflink4}
  582. {block:iflink5}<br /><a href="{text:link5URL}" class="nav" title="{text:link5}">{text:link5}</a>{/block:iflink5}
  583. <a href="/archive" class="nav">Archive</a>
  584. </div>
  585.  
  586. </div>
  587. </div>
  588.  
  589. <div id="descandtitle">
  590. <div id="sidebar">
  591.  
  592. <div id="titles">
  593. <div id="title">{Title}</div>
  594. <div id="title2">{text:titletwo}</div>
  595. </div>
  596.  
  597. <div id="descimg1"><img src="{image:descimage1}"></div>
  598. <div id="desc">
  599. {block:Description}{Description}{/block:Description}
  600. </div>
  601.  
  602. </div>
  603. </div>
  604.  
  605. </div>
  606.  
  607. <div id="paginationnext">{block:Pagination}
  608. {block:PreviousPage}<a href="{PreviousPage}" class="pagi">&#171;</a>{/block:PreviousPage}
  609. {block:NextPage}<a href="{NextPage}" class="pagi">&#187;</a>{/block:NextPage}
  610. {/block:Pagination}
  611. </div>
  612.  
  613. <div id="postings">
  614. {block:Posts}
  615. <div id="entries">
  616.  
  617. {block:Quote}<h2 class="quote">{Quote}</h2>
  618. <p class="source">{Source}</p>{/block:Quote}
  619.  
  620. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  621. {block:Text}{Body}{/block:Text}
  622.  
  623. {block:Link}<a href="{URL}" class="link" {Target}><h1>&#187; {Name}</h1></a>
  624. {block:Description}{Description}{/block:Description}{/block:Link}
  625.  
  626. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  627. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  628.  
  629. {block:Photoset}<center>{Photoset-500}</center>
  630. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  631.  
  632. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  633.  
  634. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  635.  
  636. {block:Answer}
  637. <div id="question"><img src="{AskerPortraitURL-48}" alt="Asker Portrait"/><div id="ques"><b>&#187; A message from {Asker}:</b> <br /><br />{Question}</div></div>
  638. <div id="answer">{Answer}</div>
  639. {/block:Answer}
  640.  
  641. {block:Audio}<center>{AudioPlayerBlack}</center>
  642. <p class="source">{block:TrackName}{TrackName}{/block:TrackName} {block:ExternalAudio}| <a href="{ExternalAudioURL}" title="Download">Download</a>{/block:ExternalAudio} <br />{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount} {block:Artist}| {Artist}{/block:Artist}</p>
  643. <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  644.  
  645. <div id="datesandtags">
  646. {block:Date}Posted <a href="{Permalink}" title="Permalink" class="tagsnav">{TimeAgo}</a> | <a href="{ReblogURL}" title="Reblog Post" target="_blank" class="tagsnav">Reblog</a>{/block:Date}
  647. {block:RebloggedFrom}| <a href="{ReblogParentURL}" title="Via: {ReblogParentName}" class="tagsnav">Via</a>{/block:RebloggedFrom} {block:ContentSource}| <a href="{SourceURL}" title="Source: {SourceTitle}" class="tagsnav">Source</a>{/block:ContentSource}
  648. <div style="float:right;">{block:NoteCount}{NoteCount} Notes{/block:NoteCount}</div>
  649. {block:HasTags}<br />Tags: {block:Tags} #<a href="/tagged/{Tag}" title="{Tag}" class="tagsnav">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  650. </div>
  651.  
  652. {block:PostNotes}
  653. {PostNotes}{/block:PostNotes}
  654. {/block:Posts}
  655. </div>
  656. </div>
  657.  
  658. </div>
  659.  
  660. </body>
  661. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement