API tools faq
paste
letsrp

Molly's Chamber - Theme #6

letsrp
Sep 15th, 2013
656
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4. ゜・。。・゜☆゜・。。(◕‿◕✿)・゜゜・。。・゜☆゜・。。・゜
  5.  
  6. .---. .-''-.,---------. .-'''-..-------. .-------.
  7. | ,_| .'_ _ \ \/ _ | _ _ \ \ _(`)_ \
  8. ,-./ ) / ( ` ) `--. ,---(`' )/`--| ( ' ) | | (_ o._)|
  9. \ '_ '`). (_ o _) | | \ (_ o _). |(_ o _) / | (_,_) /
  10. > (_) )| (_,_)___| :_ _: (_,_). '.| (_,_).' __| '-.-'
  11. ( . .-'' \ .---. (_I_) .---. \ | |\ \ | | |
  12. `-'`-'|__\ `-' / (_(=)_)\ `-' | | \ `' | |
  13. | \ / (_I_) \ /| | \ // )
  14. `--------``'-..-' '---' `-...-' ''-' `'-' `---'
  15.  
  16.  
  17. this theme was made by letsrp @ tumblr.com
  18. - don't use as base to make your own themes
  19. - don't edit and redistribute it
  20. - keep credit
  21. - don't steal, please
  22.  
  23. ゜・。。・゜☆゜・。。(◕‿◕✿)・゜゜・。。・゜☆゜・。。・゜
  24. -->
  25.  
  26. <html>
  27. <head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31. <meta name="description" content="{MetaDescription}" />
  32. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  33.  
  34. <!-- DEFAULT VARIABLES -->
  35. <meta name="color:Background" content="#ebe9ea"/>
  36. <meta name="color:Posts" content="#ffffff"/>
  37. <meta name="color:Sidebar" content="#ffffff"/>
  38. <meta name="color:Text" content="#565756"/>
  39. <meta name="color:Links" content="#86244c"/>
  40. <meta name="color:Links Hover" content="#b1b0b0"/>
  41. <meta name="color:Header" content="#f5f5f5">
  42. <meta name="color:Shadow" content="#d3d6d5">
  43. <meta name="color:Accent" content="#86244c">
  44.  
  45. <meta name="image:Sidebar" content="http://static.tumblr.com/59c29cd1a411792c4ff2f1ba920ca2f4/yy7o4zk/aRlmt6w4o/tumblr_static_tumblr_static_tumblr_inline_mrx0e6g5mx1qz4rgp.gif"/>
  46. <meta name="image:Png" content="http://static.tumblr.com/e7e8651fb8c9dc98c61f9fe55728802c/yy7o4zk/gCOmt6tdl/tumblr_static_selena_gomez_png_14_hq_by_diamondlightart-d4bkdl6.png"/>
  47. <meta name="image:Background" content="http://static.tumblr.com/d8fcc0ea93bb743ca99899bf748158d5/yy7o4zk/nDVmt1pae/tumblr_static_tumblr_static_tumblr_mm8xqcumjw1s5um8no1_250.png"/>
  48. <meta name="image:Title" content="http://static.tumblr.com/8ae03c940ce1226640cd1df0a3529b79/yy7o4zk/Xipmt6ubv/tumblr_static_tumblr_static_capture.png"/>
  49.  
  50. <meta name="image:Link 1" content="http://static.tumblr.com/3ed300a5aa9c485aa80cc55229f7a7a5/yy7o4zk/Pjsmt6vev/tumblr_static_home.png"/>
  51. <meta name="image:Link 2" content="http://static.tumblr.com/e36bc602d7ca90f105e2d5bb996cc714/yy7o4zk/Tp6mt6vfh/tumblr_static_links.png"/>
  52. <meta name="image:Link 3" content="http://static.tumblr.com/470935f1693e6669e59e35eb6bbf5be3/yy7o4zk/P7Umt6vfv/tumblr_static_in.png"/>
  53. <meta name="image:Link 4" content="http://static.tumblr.com/aa35be0857362c07e7b20e930db793ba/yy7o4zk/IQNmt6vgd/tumblr_static_theme.png"/>
  54.  
  55. <meta name="text:Link 1" content="/"/>
  56. <meta name="text:Link 2" content="/ask"/>
  57. <meta name="text:Link 3" content="/n"/>
  58. <meta name="text:Link 4" content="http://letsrp.tumblr.com/"/>
  59.  
  60. <meta name="text:Png Up" content="138px"/>
  61. <meta name="text:Png Left" content="-8px"/>
  62.  
  63. <meta name="if:tiny cursor" content="1"/>
  64.  
  65. <style type="text/css">
  66.  
  67. body{
  68. color:{color:Text};
  69. background-attachment:fixed;
  70. background-image: url('{image:Background}');
  71. background-color:{color:Background};
  72. text-align:justify;
  73. line-height:11px;
  74. font-family: consolas;
  75. font-size:11px;
  76. }
  77.  
  78. a{
  79. color:{color:Links};
  80. text-decoration:none;
  81. }
  82.  
  83. a:hover{
  84. color:{color:Links Hover};
  85. text-decoration:none;
  86. }
  87.  
  88. blockquote {
  89. border-left:2px solid {color:Accent};
  90. padding-left:3px;
  91. margin-left:15px;
  92. margin-right:15px;
  93. margin-bottom:-5px;
  94. margin-top:-5px;
  95. }
  96.  
  97. b, strong {
  98. color: {color:Accent};
  99. }
  100.  
  101. {block:iftinycursor}body, a, a:hover, a:visited {
  102. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), progress;}
  103. {/block:iftinycursor}
  104.  
  105. #head{
  106. margin-left:-8px;
  107. height:128px;
  108. width:1357px;
  109. background-image:url('{image:gif}');
  110. margin-top:-8px;
  111. background-color:{color:Header};
  112. }
  113.  
  114. #entry{
  115. margin-left:510px;
  116. text-align:justify;
  117. width:500px;
  118. height:100%;
  119. position:relative;
  120. margin-top:-45px;
  121. background-color:{color:Posts};
  122. padding:25px;
  123. -moz-border-radius: 10px;
  124. border-radius: 10px;-webkit-box-shadow: 1px 2px 2px {color:Shadow};
  125. -moz-box-shadow: 1px 2px 2px {color:Shadow};
  126. box-shadow: 1px 2px 2px {color:Shadow};
  127. }
  128.  
  129. #posts{
  130. overflow:hidden;
  131. text-align:justify;
  132. width:500px;
  133. position:relative;
  134. margin-bottom:10px;
  135. }
  136. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  137.  
  138. #sidebar{
  139. position:fixed;
  140. width: 245px;
  141. height:160px;
  142. margin-left:220px;
  143. margin-top:5px;
  144. padding:8px;
  145. background-color:{color:Sidebar};
  146. -moz-border-radius: 10px;
  147. border-radius: 10px;-webkit-box-shadow: 1px 2px 2px {color:Shadow};
  148. -moz-box-shadow: 1px 2px 2px {color:Shadow};
  149. box-shadow: 1px 2px 2px {color:Shadow};
  150. }
  151.  
  152. #sidebar2{
  153. position:fixed;
  154. width: 241px;
  155. height:auto;
  156. margin-left:220px;
  157. line-height:10px;
  158. margin-top: 189px;
  159. padding:10px;
  160. background-color:{color:Sidebar};
  161. text-align:left;
  162. -moz-border-radius: 10px;
  163. border-radius: 10px;-webkit-box-shadow: 1px 2px 2px {color:Shadow};
  164. -moz-box-shadow: 1px 2px 2px {color:Shadow};
  165. box-shadow: 1px 2px 2px {color:Shadow};
  166. }
  167.  
  168. #audio{
  169. margin-bottom:5px;
  170. width:500px;
  171. height:105px;
  172. }
  173.  
  174. #info {
  175. width:499px;
  176. padding:0px;
  177. font-size:8px;
  178. color:{color:Links};
  179. margin-top:10px;
  180. margin-bottom:5px;
  181. text-transform:uppercase;
  182. letter-spacing:2px;
  183. text-align:left;
  184. font-family:littlefont;
  185. font-size:8px;
  186. border-top:1px solid {color:Accent};
  187. border-bottom:1px solid {color:Accent};
  188. border-right:1px solid {color:Accent};
  189. }
  190.  
  191. #tags {
  192. margin-top:-10px;
  193. font-size:8px;
  194. text-align:left;
  195. padding:5px;
  196. font-family:littlefont;
  197. text-transform:uppercase;
  198. }
  199.  
  200. #date {
  201. background-color:{color:Accent};
  202. display:inline-block; padding: 2px 10px 3px;
  203. color:{color:Posts};
  204. }
  205.  
  206. #tags a:hover {
  207. text-decoration:underline;
  208. transition-duration: 0.9s;
  209. -moz-transition-duration: 0.9s;
  210. -webkit-transition-duration: 0.9s;
  211. -o-transition-duration: 0.9s;
  212. }
  213.  
  214. #title2{
  215. text-align: center; font-family: Dosis;
  216. text-transform: uppercase;
  217. font-weight: normal;
  218. font-size:20px;
  219. margin-top:10px;
  220. line-height:18px;
  221. }
  222.  
  223. #source{
  224. margin-top:3px;
  225. text-align:right;
  226. margin-bottom:5px;
  227. font-size:9px;
  228. }
  229.  
  230. .chat{
  231. line-height: 12px;
  232. list-style: none;
  233. margin-left:-40px;
  234. }
  235.  
  236. .chat ul{
  237. line-height: 15px;
  238. list-style: none;
  239. line-height:20px;
  240. }
  241.  
  242. .person1{
  243. background-color:{color:Background};
  244. color: {color:Text};
  245. }
  246.  
  247. .person1 .label{
  248. font-weight: bold;
  249. color:{color:Text};
  250. }
  251.  
  252. .person2{
  253. color: {color:Text};
  254. left: 5px;
  255. }
  256.  
  257. ::-webkit-scrollbar{
  258. width: 9px;
  259. height: 4px;
  260. background:{color:Background};
  261. }
  262.  
  263. ::-webkit-scrollbar-thumb{
  264. background-color: {color:Accent};
  265. }
  266.  
  267. #q{
  268. background-color:{color:Background};
  269. color:{color:Text};
  270. margin-left:10px;
  271. width:450px;
  272. height:auto;
  273. text-transform:uppercase;
  274. margin-top:7px;
  275. padding:10px;
  276. text-align:left;
  277. font-size:9px;
  278. border-right:10px solid {color:Accent};
  279. }
  280.  
  281. #pagination {
  282. font-size: 8px;
  283. line-height: 21px;
  284. margin-top:0px;
  285. text-align:center;
  286. margin-bottom:-5px;
  287. }
  288.  
  289. #pagination a {
  290. margin: 0 1px 0 0;
  291. padding: 2px 5px;
  292. color: {color:Links};
  293. background:{color:Background};
  294. text-decoration: none;
  295. }
  296.  
  297. #pagination a:hover {
  298. border:none;
  299. }
  300.  
  301. #pagination span.pagination_a {
  302. margin: 0 1px 0 0;
  303. padding: 2px 5px;
  304. }
  305.  
  306. #pagination span.info {
  307. margin: 0 1px 0 0;
  308. padding: 2px 5px;
  309. text-decoration: none;
  310. }
  311.  
  312. #stoneroses{
  313. position:absolute;
  314. margin-left: 530px;
  315. margin-top:30px;
  316. width:700px;
  317. }
  318.  
  319. .casita{
  320. background: url('{image:Link 1}') ;
  321. display: inline-block;
  322. width: 125px;
  323. height: 58px;
  324. overflow: hidden;
  325. margin-right:2px;
  326. -webkit-animation-duration: 1s;
  327. -moz-animation-duration: 1s;
  328. -ms-animation-duration: 1s;
  329. -o-animation-duration: 1s;
  330. animation-duration: 1s;
  331. }
  332.  
  333. .casita:hover{
  334. -webkit-animation-name: bounce;
  335. -moz-animation-name: bounce;
  336. -o-animation-name: bounce;
  337. animation-name: bounce
  338. -webkit-animation-duration: 1s;
  339. -moz-animation-duration: 1s;
  340. -ms-animation-duration: 1s;
  341. -o-animation-duration: 1s;
  342. animation-duration: 1s;
  343. }
  344.  
  345. @-webkit-keyframes bounce{
  346. 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  347. 40% {-webkit-transform: translateY(-30px);}
  348. 60% {-webkit-transform: translateY(-15px);}
  349. }
  350.  
  351. .pregunta{
  352. background: url('{image:Link 2}') ;
  353. display: inline-block;
  354. width: 125px;
  355. height: 58px;
  356. overflow: hidden;
  357. margin-right:2px;
  358. -webkit-animation-duration: 1s;
  359. -moz-animation-duration: 1s;
  360. -ms-animation-duration: 1s;
  361. -o-animation-duration: 1s;
  362. animation-duration: 1s;
  363. }
  364.  
  365. .pregunta:hover{
  366. -webkit-animation-name: bounce;
  367. -moz-animation-name: bounce;
  368. -o-animation-name: bounce;
  369. animation-name: bounce
  370. -webkit-animation-duration: 1s;
  371. -moz-animation-duration: 1s;
  372. -ms-animation-duration: 1s;
  373. -o-animation-duration: 1s;
  374. animation-duration: 1s;
  375. }
  376.  
  377. @-webkit-keyframes bounce{
  378. 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  379. 40% {-webkit-transform: translateY(-30px);}
  380. 60% {-webkit-transform: translateY(-15px);}
  381. }
  382.  
  383. .puta{
  384. background: url('{image:Link 3}') ;
  385. display: inline-block;
  386. width: 125px;
  387. height: 58px;
  388. overflow: hidden;
  389. margin-right:2px;
  390. -webkit-animation-duration: 1s;
  391. -moz-animation-duration: 1s;
  392. -ms-animation-duration: 1s;
  393. -o-animation-duration: 1s;
  394. animation-duration: 1s;
  395. }
  396.  
  397. .puta:hover{
  398. -webkit-animation-name: bounce;
  399. -moz-animation-name: bounce;
  400. -o-animation-name: bounce;
  401. animation-name: bounce
  402. -webkit-animation-duration: 1s;
  403. -moz-animation-duration: 1s;
  404. -ms-animation-duration: 1s;
  405. -o-animation-duration: 1s;
  406. animation-duration: 1s;
  407. }
  408.  
  409. @-webkit-keyframes bounce{
  410. 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  411. 40% {-webkit-transform: translateY(-30px);}
  412. 60% {-webkit-transform: translateY(-15px);}
  413. }
  414.  
  415. .letsrp{
  416. background: url('{image:Link 4}') ;
  417. display: inline-block;
  418. width: 125px;
  419. height: 58px;
  420. overflow: hidden;
  421. margin-right:2px;
  422. -webkit-animation-duration: 1s;
  423. -moz-animation-duration: 1s;
  424. -ms-animation-duration: 1s;
  425. -o-animation-duration: 1s;
  426. animation-duration: 1s;
  427. }
  428.  
  429. .letsrp:hover{
  430. -webkit-animation-name: bounce;
  431. -moz-animation-name: bounce;
  432. -o-animation-name: bounce;
  433. animation-name: bounce
  434. -webkit-animation-duration: 1s;
  435. -moz-animation-duration: 1s;
  436. -ms-animation-duration: 1s;
  437. -o-animation-duration: 1s;
  438. animation-duration: 1s;
  439. }
  440.  
  441. @-webkit-keyframes bounce{
  442. 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  443. 40% {-webkit-transform: translateY(-30px);}
  444. 60% {-webkit-transform: translateY(-15px);}
  445. }
  446.  
  447. .notes{
  448. margin-left:-15px;
  449. margin-top:30px;
  450. width:480px;
  451. font-size:10px;
  452. }
  453.  
  454. .notes a:hover{
  455. color:{color:Links};
  456. }
  457.  
  458. ol.notes{
  459. list-style-type:none;
  460. }
  461.  
  462. ol.notes li.note{
  463. padding-bottom:7px;
  464. margin-bottom:12px;
  465. border-bottom:1px solid {color:Accent};
  466. }
  467.  
  468. ol.notes li.note img.avatar{
  469. vertical-align:-6px;
  470. }
  471.  
  472. ol.notes li.note img{
  473. padding:2px;
  474. border-radius:5px;
  475. }
  476.  
  477. ol.notes li.note blockquote{
  478. padding-left:5px;
  479. margin-left:30px;
  480. }
  481.  
  482.  
  483. {CustomCSS}
  484. </style>
  485. </head>
  486. <body>
  487.  
  488. <div id="head">
  489. <div id="stoneroses">
  490. <a href="{text:Link 1}" class="casita"></a>
  491. <a href="{text:Link 2}" class="pregunta"></a>
  492. <a href="{text:Link 3}" class="puta"></a>
  493. <a href="{text:Link 4}" class="letsrp"></a>
  494. </div><br><br><br><br><br><br><br>
  495.  
  496. <div style="bottom:-80px; height:10px; width:100%;margin-top:35px;margin-right:0px;background-color:{color:Accent};"></div></div>
  497. <div style="background-image: url('{image:Title}'); margin-top:-90px; height:164px;width:255px;margin-left:222px;">
  498. </div></div></div></div>
  499.  
  500. <div id="sidebar">
  501. <img src="{image:Sidebar}" width=245px>
  502.  
  503. </div>
  504. <div id="sidebar2">
  505. {Description}
  506. {block:Pagination}<div id="pagination">
  507. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  508. {block:JumpPagination length="5"}
  509. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  510. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  511. {/block:JumpPagination}
  512. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}</div>
  513. {/block:Pagination}
  514.  
  515. </div></div></div>
  516. <div id="entry">
  517. {block:Posts}
  518. <div id="posts">
  519. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  520. {block:Text}{Body}{/block:Text}
  521.  
  522. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523.  
  524. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  525.  
  526. {block:Quote}<div id="title2">"{Quote}"</div>
  527. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  528.  
  529. {block:Link}<div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  530. {block:Description}{Description}{/block:Description}
  531. {/block:Link}
  532.  
  533. {block:Chat}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  534.  
  535. {block:Audio}<div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" width="70px" height="70px" align="left" style="margin-right:10px" />{/block:AlbumArt}<div style="width:495px; height:auto;padding:2px;font-size:8px;line-height:100%;">
  536. {AudioPlayerWhite}<br>
  537. {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
  538. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  539. <b>Played:</b> {PlayCount} times
  540. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div></div> {/block:Audio}
  541.  
  542. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  543.  
  544. {block:Answer}
  545. <div id="q"><b>{Asker}</b> wants to know: {Question}</div>{Answer}{/block:Answer}
  546.  
  547. {block:Date}<div id="info">
  548. <div id="date">{ShortMonth}-{DayOfMonthWithZero}</div> -
  549. <a href="{Permalink}">{24Hour}:{Minutes}</a>
  550. {block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} -
  551. <a href="{ReblogURL}" target="_blank"> Reblog </a>
  552. {block:RebloggedFrom} - <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  553. {block:ContentSource} - <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  554.  
  555. {block:HasTags}
  556. <div id="tags">
  557. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>
  558. {/block:HasTags}
  559. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  560. </div>{/block:Posts}
  561.  
  562. </div>
  563. </div>
  564. </div>
  565. </body>
  566. <div style="position:fixed;background-image: url('{image:Png}');top:{text:Png Up}; height:700px; width:225px;margin-left:{text:Png Left};font-family:arial; font-size:9px;"></div>
  567. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!