API tools faq
paste
letsrp

Berlin Calling - Theme #13

letsrp
Oct 23rd, 2013
650
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.79 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. ,-./ ) / ( ` ) `--. ,---(`' )/`--| ( ' ) | | (_ o._)|
  7. \ '_ '`). (_ o _) | | \ (_ o _). |(_ o _) / | (_,_) /
  8. > (_) )| (_,_)___| :_ _: (_,_). '.| (_,_).' __| '-.-'
  9. ( . .-'' \ .---. (_I_) .---. \ | |\ \ | | |
  10. `-'`-'|__\ `-' / (_(=)_)\ `-' | | \ `' | |
  11. | \ / (_I_) \ /| | \ // )
  12. `--------``'-..-' '---' `-...-' ''-' `'-' `---'
  13.  
  14.  
  15. this theme was made by letsrp @ tumblr.com
  16. - don't use as base to make your own themes
  17. - don't edit and redistribute it
  18. - keep credit
  19. - don't steal, please
  20. -->
  21.  
  22. <html>
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}" />
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  27. <meta name="description" content="{MetaDescription}" />
  28.  
  29. <!-- DEFAULT VARIABLES -->
  30. <meta name="color:background" content="#efe7b4" />
  31. <meta name="color:text" content="#e4e4e4" />
  32. <meta name="color:link" content="#ffffff" />
  33. <meta name="color:hover" content="#f0ebc6" />
  34. <meta name="color:entry" content="#502e2c" />
  35. <meta name="color:scroll" content="#ffffff" />
  36. <meta name="color:accent" content="#795553c" />
  37. <meta name="color:title" content="#ffffff" />
  38.  
  39. <meta name="image:background" content=""/>
  40. <meta name="image:header" content="http://static.tumblr.com/d9f914e876de63c8b65905b6c9a0e87d/yy7o4zk/fZKmv4jft/tumblr_static_kylie_jenner_union_jack_skirt.gif"/>
  41.  
  42. <meta name="image:side 1" content="http://static.tumblr.com/b68af04c84d6f9c25ac9ccf7ea22c329/yy7o4zk/8AKmv4kga/tumblr_static_jh.gif"/>
  43. <meta name="image:side 2" content="http://static.tumblr.com/6d2b7a97b009dec03d63b0104c919b44/yy7o4zk/gwkmv4kfp/tumblr_static_k.gif"/>
  44.  
  45. <meta name="image:link 1" content="http://static.tumblr.com/eff461279f64e39eb7820917d0f38aa8/yy7o4zk/oORmv4ftj/tumblr_static_untitled-1.jpg"/>
  46. <meta name="image:link 2" content="http://static.tumblr.com/2d55b1537252ac4a35296fde9a1a8bdd/yy7o4zk/sakmv4fue/tumblr_static_untitled-2.jpg"/>
  47. <meta name="image:link 3" content="http://static.tumblr.com/4ccf38915e629d3f060b119e7c2d5f7b/yy7o4zk/HK6mv4fw0/tumblr_static_untitled-3.jpg"/>
  48.  
  49. <meta name="text:ask url" content="letsrp"/>
  50. <meta name="text:link 1" content="/"/>
  51. <meta name="text:link 2" content="/"/>
  52. <meta name="text:link 3" content="/"/>
  53.  
  54. <meta name="text:header 1" content="first class, fancy free, she's high society,"/>
  55. <meta name="text:header 2" content="she's got the best of everything."/>
  56.  
  57. <meta name="if:show tags" content="0"/>
  58. <meta name="if:tiny cursor" content="1"/>
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. /* ------------ BODY & LINKS -------------- */
  64.  
  65. body{
  66. background-color:{color:background};
  67. background-image: url('{image:Background}');
  68. background-attachment:fixed;
  69. color:{color:text};
  70. font-family:arial;
  71. font-size:9px;
  72. line-height:11px;
  73. text-align:justify;
  74. }
  75.  
  76. a:link, a:active, a:visited{
  77. color: {color:link};
  78. text-decoration:none;
  79. -webkit-transition-duration: .30s;
  80. }
  81.  
  82. a:hover{
  83. color:{color:hover};
  84. -webkit-transition-duration: .30s;}
  85.  
  86. {block:iftinycursor}
  87. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}{/block:iftinycursor}
  88.  
  89. ::-webkit-scrollbar-thumb{
  90. background-color: {color:scroll};
  91. border: 2px solid {color:accent};
  92. height:auto;
  93. }
  94.  
  95. ::-webkit-scrollbar {
  96. height:auto;
  97. width:9px;
  98. background-color: {color:scroll};
  99. border: 4px solid {color:accent};
  100. }
  101.  
  102.  
  103. /* ------------ SIDE & DESC -------------- */
  104.  
  105. #char {
  106. position:fixed;
  107. margin-top:95px;
  108. margin-left:60px;
  109. padding:4px;
  110. background-color: {color:accent};
  111. width: 300px;
  112. height: 7px;
  113. line-height:100%;
  114. color:{color:title};
  115. font-family: arial;
  116. font-size: 8px;
  117. text-transform: lowercase;
  118. text-align:left;
  119. text-indent:6px;
  120. }
  121.  
  122. #s1 {
  123. position:fixed;
  124. width:300px;
  125. height:150px;
  126. background-color:{color:entry};
  127. padding:4px;
  128. margin-top:110px;
  129. margin-left:60px;
  130. }
  131.  
  132. #s2 {
  133. position:fixed;
  134. width:300px;
  135. height:150px;
  136. background-color:{color:entry};
  137. padding:4px;
  138. margin-top:270px;
  139. margin-left:60px;
  140. }
  141.  
  142. .abox {
  143. position:fixed;
  144. margin-top:428px;
  145. margin-left:60px;
  146. padding:4px;
  147. background-color: {color:accent};
  148. width: 300px;
  149. height: 7px;
  150. line-height:100%;
  151. color:{color:title};
  152. -webkit-transition: 0.5s ease-out;
  153. -moz-transition: 0.5s ease-out;
  154. -o-transition: 0.5s ease-out;
  155. overflow:hidden;
  156. }
  157.  
  158. .abox:hover {
  159. padding:4px;
  160. width: 300px;
  161. height: 200px;
  162. overflow: auto;
  163. -webkit-transition: 0.5s ease-out;
  164. -moz-transition: 0.5s ease-out;
  165. -o-transition: 0.5s ease-out;
  166. }
  167.  
  168. #headerimg img {
  169. width:550px;
  170. height:200px;
  171. margin-left:440px;
  172. margin-top:-8px;
  173. padding:5px;
  174. background-color:{color:entry};
  175. }
  176.  
  177. /* ------------ POSTS -------------- */
  178.  
  179. #entries{
  180. width: 510px;
  181. margin-left:440px;
  182. position:absolute;
  183. padding:25px;
  184. margin-top:-3px;
  185. background-color:{color:entry};
  186. }
  187.  
  188. .post{
  189. float:left;
  190. width: 500px;
  191. margin-left:5px;
  192. padding-bottom:5px;
  193. }
  194.  
  195. /* ------------ TITLES -------------- */
  196.  
  197. #tit{
  198. font-size: 15px;
  199. color:{color:text};
  200. text-align: left;
  201. line-height:16px;
  202. padding:6px;
  203. }
  204.  
  205. #ltit{
  206. font-size: 15px;
  207. color:{color:text};
  208. text-align: center;
  209. line-height:16px;
  210. }
  211.  
  212. #quo{
  213. font-size:14px;
  214. color:{color:text};
  215. text-align:center;
  216. padding:3px;
  217. line-height:13px;
  218. }
  219.  
  220. #source{
  221. margin-top:3px;
  222. text-align:right;
  223. margin-bottom:5px;
  224. font-size:9px;
  225. }
  226.  
  227. /* ------------ QUESTIONS -------------- */
  228.  
  229. #q{
  230. color:{color:text};
  231. }
  232.  
  233. #asker{
  234. height:16px;
  235. margin-left:55px;
  236. padding-left:5px;
  237. font-size: 8px;
  238. letter-spacing: 2px;
  239. color:{color:text};
  240. text-indent:5px;
  241. text-transform: uppercase;
  242. line-height:16px;
  243. text-align:right;
  244. padding-top:5px;
  245. }
  246.  
  247. #asker a{
  248. color:{color:link};
  249. }
  250.  
  251. #asker a:hover{
  252. color:{color:hover};
  253. text-decoration:underline;
  254. }
  255.  
  256. .questions{
  257. color:{color:text};
  258. line-height:11px;
  259. text-transform: lowercase;
  260. padding:5px;
  261. margin-left:55px;
  262. border-top:5px solid {color:accent};
  263. text-align:right;
  264. }
  265.  
  266. .answer{
  267. color:{color:text};
  268. margin-top:1px;
  269. }
  270.  
  271. /* ------------ NAVI -------------- */
  272.  
  273. .navlinks {
  274. display:inline-block;
  275. height:40px;
  276. width:40px;
  277. margin-top:5px;
  278. border:1px dashed {color:accent};
  279. border-radius:50px;
  280. }
  281.  
  282. .navlinks:hover {
  283. -webkit-transition: all 0.7s ease-out;
  284. -moz-transition: all 0.7s ease-out;
  285. transition:all 0.7s ease-out;
  286. -webkit-transform: rotate(+360deg)
  287. }
  288.  
  289. /* ------------ PERMA & TAGS -------------- */
  290.  
  291. #info{
  292. display:block;
  293. color:{color:text};
  294. padding:1px;
  295. height:16px;
  296. line-height:17px;
  297. margin-top:15px;
  298. font-size:8px;
  299. text-transform:lowercase;
  300. -webkit-transition-duration:0.4s;
  301. -o-transition-duration:0.4s;
  302. -moz-transition-duration:0.4s;
  303. margin-bottom:2px;
  304. text-align:left;
  305. border-top:1px dashed {color:accent};
  306. }
  307.  
  308. #info a{
  309. color:{color:link};
  310. }
  311.  
  312. #info a:hover{
  313. color:{color:hover};
  314. }
  315.  
  316. #tags{
  317. margin-right:7px;
  318. margin-top:-5px;
  319. text-align:left;
  320. text-transform:lowercase;
  321. font-size:8px;
  322. font-style:italic;
  323. opacity:1;
  324. -webkit-transition:0.3s linear;
  325. outline: none;
  326. }
  327.  
  328. /* ------------ BLOCKQUOTE & P -------------- */
  329.  
  330. blockquote{
  331. padding-left:3px;
  332. padding-right:5px;
  333. margin-left:10px;
  334. margin-right:10px;
  335. margin-top:4px;
  336. margin-bottom:4px;
  337. border-left:3px solid {color:text};
  338. }
  339.  
  340. /* ------------ AUDIO -------------- */
  341.  
  342. .audio{
  343. opacity: 1.0;
  344. position:relative;
  345. overflow:hidden;
  346. min-height:130px;
  347. font-size: 10px;
  348. font-family:{font:body};}
  349.  
  350. .player{
  351. position:absolute;
  352. z-index:3;
  353. background:#000000;
  354. margin-top:45px;
  355. margin-left:73px;
  356. opacity:0.75;
  357. filter:alpha(opacity=75);
  358. border:0px #000000 solid;
  359. border-radius: 100px;}
  360.  
  361. .audioplayer{
  362. border: 0px solid {color:perma};
  363. width:363px;
  364. height:15px;
  365. overflow:hidden;
  366. padding:5px;
  367. padding-bottom:13px;
  368. margin-right:5px;
  369. margin-top: 5px;}
  370.  
  371. .audioinfo{
  372. margin-top: 15px;
  373. margin-left:120px;
  374. line-height:10px;
  375. font-family: {font:body};
  376. font-size:10px!important;
  377. font-style: normal;}
  378.  
  379. .audiocaption{
  380. margin-left:20px;}
  381.  
  382. .audiocaption img{
  383. max-width:330px!important;}
  384.  
  385. .audiocaption blockquote img{
  386. max-width:320px!important;}
  387.  
  388. .audiocaption blockquote blockquote img{
  389. max-width:310px!important;}
  390.  
  391. /* ------------ CHAT -------------- */
  392.  
  393. .user_1 .label {color:{color:text}; font-weight:bold;}
  394. .user_2 .label {color:{color: text}; font-weight:bold;}
  395. .user_3 .label {color:{color:text}; font-weight:bold;}
  396. .user_4 .label {color:{color:text}; font-weight:bold;}
  397. .user_5 .label {color:{color: text}; font-weight:bold;}
  398. .user_6 .label {color:{color:text}; font-weight:bold;}
  399. .user_7 .label {color:{color:text}; font-weight:bold;}
  400. .user_8 .label {color:{color: text}; font-weight:bold;}
  401. .user_9 .label {color:{color:text}; font-weight:bold;}
  402. .user_10 .label {color:{color:text}; font-weight:bold;}
  403.  
  404. .ul.chat {}
  405. .chat ol {}
  406. .chat li {
  407. list-style:none;
  408. margin-left:-30px;
  409. padding:-5px;
  410. margin-bottom:3px;
  411. }
  412.  
  413. /* ------------ NOTES -------------- */
  414.  
  415. .notes{
  416. margin-left:-15px;
  417. margin-top:30px;
  418. width: 500px;
  419. font-size:10px;
  420. }
  421.  
  422. .notes a:hover{
  423. color:{color:link};
  424. }
  425.  
  426. ol.notes{
  427. list-style-type:none;
  428. }
  429.  
  430. ol.notes li.note{
  431. padding-bottom:2px;
  432. margin-bottom:5px;
  433. }
  434.  
  435. ol.notes li.note img.avatar{
  436. vertical-align:-6px;
  437. }
  438.  
  439. ol.notes li.note img{
  440. padding:2px;
  441. }
  442.  
  443. ol.notes li.note blockquote{
  444. padding-left:5px;
  445. margin-left:30px;
  446. }
  447.  
  448. /* ------------ CREDIT -------------- */
  449.  
  450. .credit {
  451. position:fixed;
  452. bottom:4px;
  453. right:10px;
  454. font-size: 8px;
  455. text-transform:uppercase;
  456. letter-spacing: 2px;
  457. padding: 5px;
  458. font-family:calibri;
  459. }
  460.  
  461. .credit a{
  462. color:{color:entry};
  463. opacity:0.9;
  464. }
  465.  
  466. .credit a:hover{
  467. color:{color:entry};
  468. }
  469.  
  470. </style>
  471. </head>
  472. <body>
  473.  
  474. <div id="char">{text:header 1}</div>
  475. <div id="s1"><img src="{image:side 1}"/></div>
  476. <div style="width: 95px;height: 150px;margin-top:114px;margin-left:269px;line-height:8px;position:fixed;">
  477. {Description}
  478. <br><br>
  479. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">fall</a>{/block:PreviousPage} ✦ {block:NextPage}<a href="{NextPage}">rise</a>{/block:NextPage}</div>{/block:Pagination} </center>
  480. </div></div>
  481.  
  482. <div id="s2"><img src="{image:side 2}" style="float:right;"/>
  483. <div style="position:fixed;width:42px;height:auto;margin-left:27px;">
  484. <div class="navlinks"><a href="{text:link 1}"><img src="{image:link 1}" style="border-radius:50px;"/></a></div>
  485. <div class="navlinks"><a href="{text:link 2}"><img src="{image:link 2}" style="border-radius:50px;"/></a></div>
  486. <div class="navlinks"><a href="{text:link 3}"><img src="{image:link 3}" style="border-radius:50px;"/></a></div>
  487. </div></div>
  488.  
  489. <div class='abox'>
  490. <div style="font-family: arial;font-size: 8px; text-transform: lowercase;text-align:right;">{text:header 2}</div>
  491. <table><tr><td valign="top">
  492. <div style="width:287px;">
  493. <iframe frameborder="0" height="300" id="ask_form" src="http://www.tumblr.com/ask_form/{text:ask url}.tumblr.com" width="100%"></iframe>
  494. <script type="text/javascript"><![CDATA[// <![CDATA[
  495. // <![CDATA[
  496. // <![CDATA[
  497. // <![CDATA[
  498. // <![CDATA[
  499. // <![CDATA[
  500. // <![CDATA[
  501. // <![CDATA[
  502. document.getElementById(‘ask_form’).allowTransparency=true;
  503. // ]]]]]]]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  504. // ]]]]]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  505. // ]]]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  506. // ]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  507. // ]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  508. // ]]]]]]]]><![CDATA[><![CDATA[><![CDATA[>
  509. // ]]]]]]><![CDATA[><![CDATA[>
  510. // ]]]]><![CDATA[>]]></script>
  511. </div></td></div></tr></table></div></div>
  512.  
  513.  
  514. <div id="headerimg"><img src="{image:header}"></div>
  515. <div id="entries">
  516. {block:Posts}
  517. <div class="post">
  518.  
  519. {block:Title}<div id="tit">{Title}</div>{/block:Title}
  520. {block:Text}{Body}{/block:Text}
  521.  
  522. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center><br>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523.  
  524. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  525.  
  526. {block:Quote}<div id="quo">"{Quote}"</div>
  527. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  528.  
  529. {block:Link}<div id="ltit"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  530. {/block:Link}
  531.  
  532. {block:Chat}{block:Title}<div id="tit">{Title}</div>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><br>{/block:Chat}
  533.  
  534. {block:Audio}<div class="audio"><span style="position:absolute; width:60px; height:60px; margin-left:-15px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="70px" height="70px" align="left" style="margin-left:50px; margin-top: 16px; opacity: 0.7; border-radius: 0px;" />{/block:AlbumArt}</span><div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {FormattedPlayCount}
  535. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  536. </div><br><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  537.  
  538. {block:Video}{Video-500}}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  539.  
  540. {block:Answer}<div id="q"><img src="{AskerPortraitURL-40}" align="left"/><div id="asker"> asked by {Asker}</div><div class="questions">{Question}</div><div class="answer">{Answer}</div></div>{/block:answer}
  541.  
  542. {block:Date}
  543. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} © <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>{block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}✘<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}</div><br>{/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  544.  
  545. <div class="credit" align="right"><a href="http://letsrp.tumblr.com/">theme</a></div>
  546. </div>
  547. </div>
  548. </div>
  549. </body>
  550. </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!