API tools faq
paste
Advertisement
letsrp

Hello Aussie - Theme #15

letsrp
Oct 26th, 2013
980
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 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. <script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script>
  25. <script type='text/javascript'>
  26. $(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.but').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>
  27.  
  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.  
  33. <!-- DEFAULT VARIABLES -->
  34. <meta name="color:background" content="#215f72" />
  35. <meta name="color:text" content="#3c3b3b" />
  36. <meta name="color:link" content="#325f6e" />
  37. <meta name="color:hover" content="#ffffff" />
  38. <meta name="color:perma" content="#7eb4c5">
  39. <meta name="color:accent" content="#ffffff" />
  40. <meta name="color:ask" content="#65a3b6" />
  41. <meta name="color:desc" content="#fffffff" />
  42. <meta name="color:sym" content="#fffffff" />
  43.  
  44. <meta name="image:background" content=""/>
  45. <meta name="image:side 1" content=""/>
  46. <meta name="image:side 2" content=""/>
  47. <meta name="image:png" content=""/>
  48.  
  49. <meta name="image:Link 1" content=""/>
  50. <meta name="image:Link 2" content=""/>
  51. <meta name="image:Link 3" content=""/>
  52.  
  53. <meta name="text:Link 1" content="/" />
  54. <meta name="text:Link 2" content="/" />
  55. <meta name="text:Link 3" content="/" />
  56.  
  57. <meta name="if:show tags" content="0"/>
  58. <meta name="if:tiny cursor" content="1"/>
  59.  
  60. <meta name="text:date 1" content=""/>
  61. <meta name="text:update 1" content=""/>
  62. <meta name="text:date 2" content=""/>
  63. <meta name="text:update 2" content=""/>
  64. <meta name="text:date 3" content=""/>
  65. <meta name="text:update 3" content=""/>
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70. /* ------------ BODY & LINKS -------------- */
  71.  
  72. body{
  73. background-color:{color:background};
  74. background-image: url('{image:Background}');
  75. background-attachment:fixed;
  76. color:{color:text};
  77. font-family:calibri;
  78. font-size:10px;
  79. line-height:10px;
  80. text-align:justify;
  81. }
  82.  
  83. a:link, a:active, a:visited{
  84. color: {color:link};
  85. text-decoration:none;
  86. -webkit-transition-duration: .90s;
  87. }
  88.  
  89. a:hover{
  90. color:{color:hover};
  91. -webkit-transition-duration: .90s;}
  92.  
  93. {block:iftinycursor}
  94. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}{/block:iftinycursor}
  95.  
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98. background-color:{color:accent};
  99. height:50px;
  100. border:5px solid {color:background};
  101. }
  102.  
  103. ::-webkit-scrollbar-button:vertical {
  104. height:8px;
  105. display: block;
  106. background-color:{color:accent};
  107. }
  108.  
  109. ::-webkit-scrollbar {
  110. height:0px;
  111. width:12px;
  112. background-color:{color:background};
  113. }
  114.  
  115. @font-face {font-family: "whoa"; src: url('http://static.tumblr.com/pwgdr2n/P7mm3isl4/whoadna.ttf'); }
  116.  
  117.  
  118. /* ------------ SIDE & DESC -------------- */
  119.  
  120. #sidebar{
  121. width: 200px;
  122. margin-top: 150px;
  123. margin-left:730px;
  124. position:fixed;
  125. }
  126.  
  127. #pic1{
  128. width:200px;
  129. height:150px;
  130. }
  131.  
  132. #pic1 img {
  133. width:200px;
  134. height:150px;
  135. border:1px solid {color:accent};
  136. padding:3px;
  137. }
  138.  
  139. #pic2{
  140. width:200px;
  141. height:150px;
  142. position:absolute;
  143. margin-top:12px;
  144. }
  145.  
  146. #pic2 img {
  147. width:200px;
  148. height:150px;
  149. border:1px solid {color:accent};
  150. padding:3px;
  151. }
  152.  
  153. #png{
  154. width:150px;
  155. height:300px;
  156. position:absolute;
  157. margin-top:-126px;
  158. margin-left:-80px;
  159. }
  160.  
  161. #png img {
  162. width:150px;
  163. height:300px;
  164. }
  165.  
  166. #side2{
  167. position:fixed;
  168. color:{color:desc};
  169. width:150px;
  170. margin-top:170px;
  171. margin-left:940px;
  172. padding:4px;
  173. }
  174.  
  175. /* ------------ POSTS -------------- */
  176.  
  177. #entries{
  178. width: 500px;
  179. margin-left:60px;
  180. margin-top:10px;
  181. position:absolute;
  182. }
  183.  
  184. .post{
  185. padding:25px;
  186. background-color:{color:accent};
  187. float:left;
  188. margin:10px;
  189. width: 500px;
  190. }
  191.  
  192. /* ------------ TITLES -------------- */
  193.  
  194. #tit{
  195. font-size:18px;
  196. color:{color:text};
  197. font-family:whoa;
  198. text-align:left;
  199. text-transform:lowercase;
  200. padding:3px;
  201. }
  202.  
  203. #ltit{
  204. font-size:14px;
  205. color:{color:text};
  206. font-family:calibri;
  207. text-align:left;
  208. padding:3px;
  209. }
  210.  
  211. #quo{
  212. font-size:14px;
  213. color:{color:text};
  214. font-family:calibri;
  215. text-align:left;
  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. font-family:calibri;
  226. }
  227.  
  228. .t {
  229. font-family: 'whoa';
  230. font-size:20px;
  231. line-height:100%;
  232. color:{color:desc};
  233. text-align:center;
  234. padding:2px;
  235. margin-top:10px;
  236. }
  237.  
  238. .update {
  239. line-height:100%;
  240. text-align:center;
  241. background-color:{color:ask};
  242. color:{color:desc};
  243. padding:2px 2px 1px 2px
  244. }
  245.  
  246. /* ------------ QUESTIONS -------------- */
  247.  
  248. .questions{
  249. color:{color:text};
  250. font-size:10px;
  251. line-height:11px;
  252. font-style:italic;
  253. text-transform: lowercase;
  254. padding:7px;
  255. text-align:left;
  256. background:{color:ask};
  257. }
  258.  
  259. .answer{
  260. color:{color:text};
  261. padding:7px;
  262. text-align:left;
  263. margin-top:1px;
  264. }
  265.  
  266. /* ------------ NAVI -------------- */
  267.  
  268. .but {
  269. display:inline;
  270. padding:3px;
  271. margin-left:5px;
  272. }
  273.  
  274. .tab-content {
  275. text-align:justify;
  276. padding:5px;
  277. display: none;
  278. }
  279.  
  280. #tab1-content {
  281. display: block;
  282. }
  283.  
  284. .highlight {
  285. background-color:none;
  286. }
  287.  
  288. #tab-strip {
  289. width:206px;
  290. height:1px;
  291. position:fixed;
  292. background-color:{color:ask};
  293. margin-top:137px;
  294. margin-left:730px;
  295. font-size:20px;
  296. line-height:2px;
  297. color:{color:sym};
  298. text-align:center;
  299. }
  300.  
  301. #tab-strip a {
  302. text-decoration: none;
  303. color:{color:sym};
  304. }
  305.  
  306. /* ------------ PERMA & TAGS -------------- */
  307.  
  308. #sym{
  309. background-color:{color:ask};
  310. color:{color:sym};
  311. height:16px;
  312. width:15px;
  313. text-indent:3px;
  314. line-height:16px;
  315. padding:1px;
  316. margin-top:10px;
  317. -webkit-transition-duration:0.7s;
  318. -o-transition-duration:0.7s;
  319. -moz-transition-duration:0.7s;
  320. margin-bottom:2px;
  321. }
  322.  
  323. #info{
  324. display:block;
  325. background: {color:perma};
  326. color:{color:text};
  327. padding:1px;
  328. height:16px;
  329. text-indent:2px;
  330. line-height:16px;
  331. margin-top:-20px;
  332. margin-left:17px;
  333. -webkit-transition-duration:0.7s;
  334. -o-transition-duration:0.7s;
  335. -moz-transition-duration:0.7s;
  336. margin-bottom:2px;
  337. }
  338.  
  339. #info:hover {
  340. text-indent:20px;
  341. }
  342.  
  343. #info a{
  344. color:{color:link};
  345. }
  346.  
  347. #info a:hover{
  348. color:{color:hover};
  349. }
  350.  
  351. #tags{
  352. margin-right:7px;
  353. text-align:center;
  354. text-transform:lowercase;
  355. font-size:9px;
  356. font-style:italic;
  357. opacity:1;
  358. -webkit-transition:0.3s linear;
  359. outline: none;
  360. font-family:calibri;
  361. }
  362.  
  363. /* ------------ BLOCKQUOTE & P -------------- */
  364.  
  365. blockquote{
  366. padding-left:3px;
  367. margin-left:10px;
  368. margin-right:10px;
  369. border-left:2px solid {color:background};
  370. margin-top:1px;
  371. margin-bottom:1px;
  372. }
  373.  
  374. p{
  375. margin-top:6px;
  376. margin-bottom:6px;}
  377.  
  378. pre{
  379. color:{color:text};
  380. font-size:12px;
  381. margin-left:10px;
  382. padding:10px;
  383. }
  384.  
  385. /* ------------ AUDIO -------------- */
  386.  
  387. .audio{
  388. opacity: 1.0;
  389. position:relative;
  390. overflow:hidden;
  391. min-height:130px;
  392. font-size: 10px;
  393. font-family: calibri;
  394. }
  395.  
  396. .player{
  397. position:absolute;
  398. z-index:3;
  399. background:#000000;
  400. margin-top:45px;
  401. margin-left:73px;
  402. opacity:0.75;
  403. filter:alpha(opacity=75);
  404. border:0px #000000 solid;
  405. border-radius: 100px;}
  406.  
  407. .audioplayer{
  408. border: 0px solid {color:perma};
  409. width:363px;
  410. height:15px;
  411. overflow:hidden;
  412. padding:5px;
  413. padding-bottom:13px;
  414. margin-right:5px;
  415. margin-top: 5px;}
  416.  
  417. .audioinfo{
  418. margin-top: 15px;
  419. margin-left:120px;
  420. line-height:10px;
  421. font-family: calibri;
  422. font-size:10px!important;
  423. font-style: normal;}
  424.  
  425. .audiocaption{
  426. margin-left:20px;}
  427.  
  428. .audiocaption img{
  429. max-width:330px!important;}
  430.  
  431. .audiocaption blockquote img{
  432. max-width:320px!important;}
  433.  
  434. .audiocaption blockquote blockquote img{
  435. max-width:310px!important;}
  436.  
  437. /* ------------ CHAT -------------- */
  438.  
  439. .user_1 .label {color:{color:text}; font-weight:bold;}
  440. .user_2 .label {color:{color: text}; font-weight:bold;}
  441. .user_3 .label {color:{color:text}; font-weight:bold;}
  442. .user_4 .label {color:{color:text}; font-weight:bold;}
  443. .user_5 .label {color:{color: text}; font-weight:bold;}
  444. .user_6 .label {color:{color:text}; font-weight:bold;}
  445. .user_7 .label {color:{color:text}; font-weight:bold;}
  446. .user_8 .label {color:{color: text}; font-weight:bold;}
  447. .user_9 .label {color:{color:text}; font-weight:bold;}
  448. .user_10 .label {color:{color:text}; font-weight:bold;}
  449.  
  450. .ul.chat {}
  451. .chat ol {}
  452. .chat li {
  453. list-style:none;
  454. margin-left:-30px;
  455. padding:-5px;
  456. margin-bottom:3px;
  457. }
  458.  
  459. /* ------------ NOTES -------------- */
  460.  
  461. .notes{
  462. margin-left:-15px;
  463. margin-top:30px;
  464. width: 500px;
  465. font-size:10px;
  466. }
  467.  
  468. .notes a:hover{
  469. color:{color:link};
  470. }
  471.  
  472. ol.notes{
  473. list-style-type:none;
  474. }
  475.  
  476. ol.notes li.note{
  477. padding-bottom:7px;
  478. margin-bottom:12px;
  479. }
  480.  
  481. ol.notes li.note img.avatar{
  482. vertical-align:-6px;
  483. }
  484.  
  485. ol.notes li.note img{
  486. padding:2px;
  487. border-radius:10px;
  488. }
  489.  
  490. ol.notes li.note blockquote{
  491. padding-left:5px;
  492. margin-left:30px;
  493. }
  494.  
  495. /* ------------ CREDIT -------------- */
  496.  
  497. .credit {
  498. position:fixed;
  499. bottom:4px;
  500. right:10px;
  501. font-size: 8px;
  502. text-transform:uppercase;
  503. letter-spacing: 2px;
  504. padding: 5px;
  505. font-family:calibri;
  506. }
  507.  
  508. .credit a{
  509. color:{color:link};
  510. opacity:0.9;
  511. }
  512.  
  513. .credit a:hover{
  514. color:{color:hover};
  515. }
  516.  
  517. {CustomCSS}
  518. </style>
  519. </head>
  520. <body>
  521.  
  522. <div id='tab-strip'><div id='tab1' class='but'>✦</div><div id='tab2' class='but'>✦</div><div id='tab3' class='but'>✦</div></div>
  523.  
  524. <div id="sidebar"><div id="pic1"><img src="{image:side 1}"></div> <div id="pic2"><img src="{image:side 2}"></div><div id="png"><img src="{image:png}"></div></div>
  525.  
  526. <div id="side2">
  527. <table cellspacing="0" cellpadding="0" style="width:150px; height:auto;"><td style="width:150px;" valign="top">
  528.  
  529. <!------------------------------------------------------------ DESC -->
  530. <div id='tab1-content' class='tab-content'>
  531. <div class="t">{Title}</div>{Description}<center>{block:Pagination}<br>{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination} </center>
  532. </div></div></div>
  533.  
  534. <!----------------------------------------------------------- LINKS -->
  535. <div id='tab2-content' class='tab-content'>
  536. <a href="{text:Link 1}"><img src="{image:Link 1}"></a>
  537. <a href="{text:Link 2}"><img src="{image:Link 2}"></a>
  538. <a href="{text:Link 3}"><img src="{image:Link 3}"></a>
  539. </div></div></div>
  540.  
  541. <!--------------------------------------------------------- UPDATES -->
  542. <div id='tab3-content' class='tab-content'>
  543. <div class="t">updates</div>
  544. <span class="update">{text:date 1}</span> {text:update 1}<br><br>
  545. <span class="update">{text:date 2}</span> {text:update 2}<br><br>
  546. <span class="update">{text:date 3}</span> {text:update 3}
  547. </div></div></td></tr></table></div></div></div>
  548.  
  549. <div id="entries">
  550. {block:Posts}
  551. <div class="post">
  552.  
  553. {block:Title}<div id="tit">{Title}</div>{/block:Title}
  554. {block:Text}{Body}{/block:Text}
  555.  
  556. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">
  557. <br>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  558.  
  559. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  560.  
  561. {block:Quote}<div id="quo">"{Quote}"</div>
  562. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  563.  
  564. {block:Link}<div id="ltit"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  565. {/block:Link}
  566.  
  567. {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}
  568.  
  569. {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}
  570. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  571. </div><br><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  572.  
  573. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  574.  
  575. {block:Answer}<div class="questions">{Question} ― {Asker} </div>
  576. <div class="answer">{Answer}</div>{/block:answer}
  577.  
  578. {block:Date}<div id="sym">✦</div>
  579. <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}
  580.  
  581. <div class="credit" align="right"><a href="http://letsrp.tumblr.com/">theme</a>
  582.  
  583. </div>
  584. </div>
  585. </body>
  586. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!