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

The Cave

By: freedominpanem on Apr 4th, 2012  |  syntax: None  |  size: 14.41 KB  |  hits: 820  |  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 HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!----
  5.  
  6. © THEME #2: THE CAVE | MADE BY PANEMTHEMES.TUMBLR.COM
  7.  
  8.    * Do NOT redistribute this theme.
  9.    * Do NOT delete or move the theme credit.
  10.    * All changes are most definitely allowed.
  11.    * Personal: Rachael @ freedom-in-panem.tumblr.com.
  12.    * Enjoy the theme!
  13.  
  14. ---->
  15.  
  16. <meta name="color:Background" content="#111111">
  17. <meta name="color:Bold Text" content="#FF1E00">
  18. <meta name="color:Italic Text" content="#0FB60A">
  19. <meta name="color:Link Text" content="#FF7F00">
  20.  
  21. <meta name="color:Nav Background" content="#013A85">
  22. <meta name="color:Nav Link Background" content="#3F58BE">
  23. <meta name="color:Nav Link Background Hover" content="#8AA0FC">
  24. <meta name="color:Nav Link Text" content="#202020">
  25.  
  26. <meta name="color:Sidebar Background" content="#444444">
  27. <meta name="color:Sidebar Title" content="#FF1E00">
  28. <meta name="color:Sidebar Subtitle" content="#FC9B05">
  29. <meta name="color:Sidebar Text" content="#BBBBBB">
  30.  
  31. <meta name="color:Post Wrap" content="#444444">
  32. <meta name="color:Post Background" content="#2E2E2E">
  33. <meta name="color:Post Title" content="#FFB100">
  34. <meta name="color:Post Text" content="#BBBBBB">
  35.  
  36. <meta name="color:Question Background" content="#242424">
  37. <meta name="color:Question Text" content="#FFFFFF">
  38.  
  39. <meta name="color:Stats Background" content="#013485">
  40. <meta name="color:Stats Text" content="#FFFFFF">
  41.  
  42. <meta name="image:Background" content="">
  43. <meta name="image:Sidebar" content="http://static.tumblr.com/imnherg/HsLm1zevs/tumblr_m1cal0cnkg1adfasr565x2o1_500.jpg">
  44.  
  45. <meta name="text:Header Title" content="Title">
  46. <meta name="text:Header Subtitle" content="Subtitle">
  47.  
  48. <meta name="text:Name 1" content="Link 1">
  49. <meta name="text:URL 1" content="http://">
  50. <meta name="text:Name 2" content="Link 2">
  51. <meta name="text:URL 2" content="http://">
  52. <meta name="text:Name 3" content="Link 3">
  53. <meta name="text:URL 3" content="http://">
  54. <meta name="text:Name 4" content="Link 4">
  55. <meta name="text:URL 4" content="http://">
  56.  
  57. <head>
  58.  
  59. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC' rel='stylesheet' type='text/css'>
  64.  
  65. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  66. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/w6Plgoc1g/cufon-yui.js"></script>
  67.  
  68. <script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  71. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
  72.  
  73. <title>{Title}</title>
  74. <link rel="shortcut icon" href="{Favicon}">
  75. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  77.  
  78. <style type="text/css">
  79. /* BODY */
  80. body {
  81. background-image: url('{image:Background}');
  82. background-attachment: fixed;
  83. background-color: {color:Background};
  84. margin: 0;
  85. }
  86.  
  87. #credits {position:fixed; bottom:6px; left:8px; font-size:12px}
  88. #credits a {color:{color:Sidebar Subtitle}; text-transform:uppercase; text-decoration:none; font-family:'Ubuntu Condensed';}
  89. #credits a:hover {color:{color:Sidebar Title};}
  90.  
  91. #nav {
  92. background-color: {color:Nav Background};
  93. width: 470px;
  94. padding-top: 15px;
  95. padding-bottom: 0px;
  96. padding-left:7px;
  97. padding-right:7px;
  98. position: fixed;
  99. left: 0px;
  100. top: 120px;
  101. -moz-border-radius: 0px 50px 50px 0px;
  102. -webkit-border-radius: 0px 50px 50px 0px;
  103. border-radius: 0px 50px 50px 0px;
  104. -webkit-box-shadow: 0px 5px 4px -2px #111; -moz-box-shadow: 0px 5px 4px -2px #111; box-shadow: 0px 5px 4px -2px #111; z-index:9999;
  105. }
  106.  
  107. #header1 {display:inline; padding:3px;}
  108.  
  109. .header1 {width:58px; height:45px; background-color:{color:Nav Link Background}; font:11px 'Ubuntu Condensed'; color:{color:Nav Link Text}; padding:2px; -webkit-border-radius: 250px; -moz-border-radius: 250px;
  110. border-radius: 250px; text-transform:uppercase; text-align:center; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;}
  111.  
  112. .header1 a {color:{color:Nav Link Text}; text-decoration:none; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; background-color:#trans;}
  113.  
  114. .header1 img {-webkit-border-radius: 250px; -moz-border-radius: 250px;
  115. border-radius: 250px; padding:-3px!important;}
  116.  
  117. .header1:hover a{color:{color:Nav Link Text Hover};}
  118. .header1:hover {color:{color:Nav Link Text Hover}; background-color:{color:Nav Link Background Hover}; opacity:1; transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);}
  119.  
  120. #sidebar {
  121. width: 260px;
  122. position: fixed;
  123. left: 150px;
  124. top: 225px;
  125.  z-index:999;
  126. }
  127.  
  128. #title {
  129. font-family: 'Ruthie', cursive;
  130. position:fixed;
  131. font-size: 42px;
  132. width: 450px;
  133. margin-top:55px;
  134. color: {color:Sidebar Title};
  135. text-align: center;
  136. }
  137.  
  138. #subtitle {
  139. font-family: 'IM Fell English SC';
  140. position:fixed;
  141. font-size: 21px;
  142. width: 450px;
  143. margin-top:70px;
  144. color: {color:Sidebar Subtitle};
  145. text-align: center;
  146. }
  147.  
  148. #description {
  149. background-color: {color:Sidebar Background};
  150. width: 260px;
  151. padding: 15px;
  152. font-family: helvetica;
  153. font-size: 10px;
  154. color: {color:Sidebar Text};
  155. letter-spacing: 0px;
  156. text-align: justify;
  157. margin-bottom: 3px;
  158. }
  159.  
  160. #sidebar b, strong {
  161. color: {color:Bold Text};
  162. }
  163.  
  164. #sidebar i, em {
  165. color: {color:Italic Text};
  166. }
  167.  
  168. #sidebar a {
  169. color: {color:Link Text};
  170. text-decoration: none;
  171. }
  172.  
  173. #sidebar img {
  174. max-width: 260px;
  175. margin-bottom: 10px;}
  176.  
  177. #page {
  178. width: 272px;
  179. margin-left: 0px;
  180. margin-top:210px;
  181. position:fixed;
  182. }
  183.  
  184. #page a {
  185. background-color: #trans;
  186. display: inline;
  187. width: 130px;
  188. height: 15px;
  189. font-family: georgia;
  190. font-size: 72px;
  191. color: {color:Link Text};
  192. text-align: center;
  193. margin-left: 20px;
  194. text-decoration:none;
  195. -webkit-transition: all 0.5s ease-in-out;
  196. -moz-transition: all 0.5s ease-in-out;
  197. -o-transition: all 0.5s ease-in-out;
  198. -ms-transition: all 0.5s ease-in-out;
  199. transition: all 0.5s ease-in-out;
  200. }
  201.  
  202. #page a:hover {
  203. background-color: {color:Navi Link Background Hover};
  204. color: {color:Navi Link Text};
  205. }
  206.  
  207. #postwrap {
  208. background-color: {color:Post Wrap};
  209. position: fixed;
  210. width: 540px;
  211. height: 100%;
  212. left: 500px;
  213. top: 0;
  214. }
  215.  
  216. #posts {
  217. margin-top: 0px;
  218. margin-left: 510px;
  219. }
  220.  
  221. .entry {
  222. background-color: {color:Post Background};
  223. padding: 10px;
  224. overflow: hidden;
  225. position: relative;
  226. width: 500px;
  227. margin-bottom: 15px;
  228. font-family: helvetica;
  229. font-size: 10px;
  230. color: {color:Post Text};
  231. letter-spacing: 0px;
  232. }
  233.  
  234. .entry b, strong {
  235. color: {color:Bold Text};
  236. }
  237.  
  238. .entry i, em {
  239. color: {color:Italic Text};
  240. }
  241.  
  242. .entry a {
  243. color: {color:Link Text};
  244. text-decoration: none;
  245. }
  246.  
  247. .entry h1 {
  248. font-family: georgia;
  249. font-size: 20px;
  250. color: {color:Post Title};
  251. font-weight: normal;
  252. text-transform: none;
  253. text-align: left;
  254. margin: 0;
  255. }
  256.  
  257. .entry h1 a {
  258. color: {color:Post Title};
  259. }
  260.  
  261. .entry img {
  262. max-width: 500px;
  263. margin-bottom: -3px;
  264. }
  265.  
  266. .entry blockquote {
  267. border-left: 5px solid {color:Post Wrap};
  268. padding-left: 6px;
  269. margin-left: 5px;
  270. }
  271.  
  272. .quote {
  273. font-family: georgia;
  274. font-size: 24px;
  275. color: {color:Bold Text};
  276. float: left;
  277. padding-right:5px;
  278. margin-top:-5px;
  279. }
  280.  
  281. .entry h2 {
  282. font-family: georgia;
  283. font-size: 20px;
  284. color: {color:Post Title};
  285. font-weight: normal;
  286. text-transform: none;
  287. margin: 0;
  288. }
  289.  
  290. .audio {
  291. background-color: #000000;
  292. width: 500px;
  293. height: 27px;
  294. }
  295.  
  296. #question{
  297.         width:470px;
  298.         padding:15px;
  299.         background-color: {color:Question Background};
  300.         color:{color:Question Text};-moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
  301. }
  302.  
  303. #asker{
  304.         text-align: left; vertical-align:bottom; margin-top:2px; margin-left:20px; font-size:14px; letter-spacing:1px; font-family: 'Ubuntu Condensed'; text-transform:uppercase;
  305. }
  306.  
  307. #asker a{color:{color:link}}
  308.  
  309. #asker img{
  310.         vertical-align:center;
  311.         float:left;
  312.         max-height:16px;
  313.         margin-left: 26px;
  314.         margin-right: 5px;
  315. }
  316.  
  317. #arrow{
  318. width: 13px;
  319. height: 7px;
  320. font-size:32px;
  321. margin-top:-15px;
  322. margin-left:18px;
  323. font-family:'trebuchet ms';
  324. color:{color:Question Background};
  325. }
  326.  
  327. .hover{
  328. width:70px;
  329. position:absolute;
  330. margin-left:430px;
  331. margin-top:5px;
  332. float:right;
  333. background:{color:Stats Background};
  334. padding:5px;
  335. opacity:0;
  336. -webkit-transition: 0.3s ease-in;
  337. height:auto;
  338. -moz-border-radius: 40px 0px 0px 40px;
  339. -webkit-border-radius: 40px 0px 0px 40px;
  340. border-radius: 40px 0px 0px 40px;
  341. text-align:center;}
  342.  
  343. .hover a{color:{color:Stats Text}; font-size:12px; font-family: 'Ubuntu Condensed', sans-serif; text-transform:uppercase;}
  344.  
  345. .entry:hover .hover{
  346. opacity:1;
  347. -webkit-transition: 0.6s ease-in-out;
  348. -moz-transition: 0.6s ease-in-out;
  349. -o-transition: 0.6s ease-in-out;
  350. z-index:1;
  351. }
  352.  
  353. #ending {width:500px; background-color:#trans; font:10px 'Ubuntu Condensed'; text-transform:uppercase; text-align:right; margin-top:2px; letter-spacing:1px; margin-bottom:-3px; margin-right:5px; padding:2px 0px; padding-top:7px; color:#888888; line-height:92%; border-top:1px {color:Post Wrap} solid; {block:PermalinkPage}display:none;{/block:PermalinkPage};}
  354. #ending a{color:{color:Post Wrap};}
  355.  
  356. .permalink {
  357. font-family: georgia;
  358. font-size: 10px;
  359. color: {color:Post Text};
  360. text-transform: lowercase;
  361. text-align: center;
  362. width: 520px;
  363. position: relative;
  364. z-index: 999;
  365. }
  366.  
  367. .permalink b {
  368. color: {color:Bold Text};
  369. font-weight: normal;
  370. }
  371.  
  372. #date {
  373. color: {color:Italic Text};
  374. }
  375.  
  376. .permalink a {
  377. color: {color:Link Text};
  378. text-decoration: none;
  379. }
  380.  
  381. ol.notes {
  382. padding: 0px;
  383. margin: 15px 0px;
  384. list-style-type: none;
  385. background: transparent;
  386. border: 0px;
  387. letter-spacing: 0px;
  388. text-transform: lowercase;
  389. }
  390.  
  391. ol.notes li.note {
  392. padding: 1px;
  393. text-align: left;
  394. letter-spacing: 0px;
  395. text-transform: lowercase;
  396. }
  397.  
  398. .notes img{
  399. width: 8px;
  400. position: relative;
  401. top: 1px;
  402. opacity: .5;
  403. }
  404.  
  405. iframe#tumblr_controls {
  406. right:3px !important;
  407. position: fixed !important;
  408. -webkit-transition: opacity 0.7s linear;
  409. opacity: 0.2;
  410. -webkit-transition: all 0.8s ease-out;
  411. -moz-transition: all 0.8s ease-out;
  412. transition: all 0.8s ease-out;
  413. }
  414.  
  415. iframe#tumblr_controls:hover {
  416. -webkit-transition: opacity 0.7s linear;
  417. opacity: 1;
  418. -webkit-transition: all 0.4s ease-out;
  419. -moz-transition: all 0.4s ease-out;
  420. transition: all 0.4s ease-out;
  421. }
  422.  
  423. {CustomCSS}
  424. </style>
  425. </head>
  426. <body>
  427.  
  428. <div id="credits"><a href="http://panemthemes.tumblr.com" target="_new">panemthemes</a></div>
  429.  
  430. <div id="title">{text:Header Title}</div><br>
  431. <div id="subtitle">{text:Header Subtitle}</div>
  432.  
  433. <div id="nav">
  434. <div id="header1">
  435. <table class="tble" cellspacing="4px">
  436. <tr>
  437. <td class="header1"><a href="/"><img src="{PortraitURL-64}" border="0" width="58"></a></td>
  438. <td class="header1"><a href="/ask">message</a></td>
  439. <td class="header1"><a href="/archive">archive</a></td>
  440. <td class="header1"><a href="{text:URL 1}">{text:Name 1}</a></td>
  441. <td class="header1"><a href="{text:URL 2}">{text:Name 2}</a></td>
  442. <td class="header1"><a href="{text:URL 3}">{text:Name 3}</a></td>
  443. <td class="header1"><a href="{text:URL 4}">{text:Name 4}</a></td>
  444. </tr>
  445. </table></div></div>
  446.  
  447. {block:Pagination}<div id="page">
  448. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  449. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  450. </div>{/block:Pagination}
  451.  
  452. <div id="sidebar">
  453. <div id="description">
  454. <center><img src="{image:Sidebar}" alt=""></center>
  455. {Description}
  456. </div>
  457. </div>
  458.  
  459. <div id="postwrap"></div>
  460.  
  461. <div id="posts">
  462. {block:Posts}
  463.  
  464. <div class="entry">
  465.  
  466. {block:IndexPage}<div class="hover"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}
  467.  
  468. {block:Text}
  469. {block:Title}<h1>{Title}</h1>{/block:Title}
  470. {Body}
  471. {/block:Text}
  472.  
  473. {block:Photo}
  474. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  475. {block:Caption}{Caption}{/block:Caption}
  476. {/block:Photo}
  477.  
  478. {block:Photoset}
  479. <div class="photo">{Photoset-500}
  480. </div>
  481. {block:Caption}{Caption}{/block:Caption}
  482. {/block:Photoset}
  483.  
  484. {block:Quote}
  485. <div class="quote">&#10077;</div>
  486. <h2>{Quote}</h2>
  487. {block:Source}<p align="right"><b>&mdash;</b> {Source}</p>{/block:Source}
  488. {/block:Quote}
  489.  
  490. {block:Link}
  491. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  492. {block:Description}{Description}{/block:Description}
  493. {/block:Link}
  494.  
  495. {block:Chat}
  496. {block:Title}<h1>{Title}</h1>{/block:Title}
  497. {block:Lines}
  498. {block:Label}
  499. <b>{Label}</b>
  500. {/block:Label}
  501. {Line}<br />
  502. {/block:Lines}
  503. {/block:Chat}
  504.  
  505. {block:Audio}
  506. <div class="audio"><center>{AudioPlayerBlack}</center></div>
  507. {block:Caption}<br />{Caption}{/block:Caption}
  508. {/block:Audio}
  509.  
  510. {block:Video}
  511. {Video-500}
  512. <center><i>{FormattedPlayCount}</i> plays</center><br />
  513. {block:Caption}{Caption}{/block:Caption}
  514. {/block:Video}
  515.  
  516. {block:Answer}
  517. <div id="question">{Question}</div>
  518. <div id="arrow">◥</div>
  519. <br>
  520. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br>
  521. {Answer}
  522. {/block:answer}
  523.  
  524. <div id="ending">
  525.  
  526. {block:date}{TimeAgo} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:RebloggedFrom} | <a href="{ReblogParentURL}" target="_blank">VIA</a> - <a href="{ReblogRootURL}" target="_blank">SOURCE</a>{/block:RebloggedFrom}{/block:date}
  527.  
  528. </div>
  529.  
  530. </div>
  531.  
  532. {block:PermalinkPage}
  533. <div class="permalink">
  534. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  535. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  536. {block:PostNotes}
  537. {PostNotes}
  538. {/block:PostNotes}
  539. </div>
  540. {/block:PermalinkPage}
  541.  
  542. {/block:Posts}
  543. </div>
  544. </div>
  545.  
  546. </body>
  547. </html>
create a new version of this paste RAW Paste Data