API tools faq
paste
Advertisement
letsrp

Warrior - Theme #8

letsrp
Sep 27th, 2013
517
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.73 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="#9790a3" />
  31. <meta name="color:text" content="#919191" />
  32. <meta name="color:link" content="#7e7491" />
  33. <meta name="color:hover" content="#b3b0b8" />
  34. <meta name="color:perma" content="#dad8d8">
  35. <meta name="color:accent" content="#f5f5f4" />
  36. <meta name="color:ask" content="#dfdde0" />
  37.  
  38. <meta name="image:side 1" content="http://static.tumblr.com/a28da5052245144011a7f00bff5ce02a/yy7o4zk/oaImtsxm9/tumblr_static_capture.jpg"/>
  39. <meta name="image:side 2" content="http://static.tumblr.com/2455d4ed2dbe1d6ac0785ff26ae3f350/yy7o4zk/BqPmtt0rw/tumblr_static_tumblr_mdx91gwqqv1rzf3fgo2_250_large.gif"/>
  40. <meta name="image:png" content="http://static.tumblr.com/b5a0fbd4b427e9755d498a530d8d2043/yy7o4zk/UCpmtt6t5/tumblr_static_demi_lovato_png_by_alyssalovato-d4lkwzx.png"/>
  41. <meta name="image:background" content=""/>
  42.  
  43. <meta name="image:link 1" content="http://static.tumblr.com/f663111c7faec5fa12926b210e7d463a/yy7o4zk/MGzmtstyr/tumblr_static_untitled-1.png"/>
  44. <meta name="image:link 2" content="http://static.tumblr.com/2b74daf24d235f8ed1d13b65cd12e44e/yy7o4zk/IQ0mtstyw/tumblr_static_2.png"/>
  45. <meta name="image:link 3" content="http://static.tumblr.com/82ef0eb52a635ced515ae89e8ca64fa7/yy7o4zk/PdAmtstz1/tumblr_static_6.png"/>
  46.  
  47. <meta name="if:show tags" content=""/>
  48. <meta name="if:tiny cursor" content="1"/>
  49. <meta name="if:sidebar" content="1"/>
  50.  
  51. <meta name="text:link 1" content="/" />
  52. <meta name="text:link 2" content="/n" />
  53. <meta name="text:link 3" content="/ask" />
  54.  
  55. <meta name="text:png right" content="1130px" />
  56. <meta name="text:png up" content="150px" />
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. /* ------------ BODY & LINKS -------------- */
  62.  
  63. body{
  64. background-color:{color:background};
  65. background-image: url('{image:Background}');
  66. background-attachment:fixed;
  67. color:{color:text};
  68. font-family:calibri;
  69. font-size:10px;
  70. line-height:11px;
  71. text-align:justify;
  72. }
  73.  
  74. a:link, a:active, a:visited{
  75. color: {color:link};
  76. text-decoration:none;
  77. -webkit-transition-duration: .90s;
  78. }
  79.  
  80. a:hover{
  81. color:{color:hover};
  82. -webkit-transition-duration: .90s;}
  83.  
  84. {block:iftinycursor}
  85. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}{/block:iftinycursor}
  86.  
  87.  
  88. ::-webkit-scrollbar-thumb:vertical{
  89. background-color:{color:background};
  90. height:50px; border:5px solid {color:accent};
  91. }
  92.  
  93. ::-webkit-scrollbar{
  94. width:12px;
  95. background-color:{color:background};
  96. }
  97.  
  98.  
  99. b, strong {
  100. color: {color:background};
  101. }
  102.  
  103. /* ------------ SIDE & DESC -------------- */
  104.  
  105. #side {
  106. background-color:{color:accent};
  107. position: fixed;
  108. margin-top:-8px;
  109. margin-left:145px;
  110. height:100%;
  111. width:250px;
  112. background-image: url('{image:side 1}');
  113. }
  114.  
  115. #side2 {
  116. position: fixed;
  117. margin-top:200px;
  118. margin-left:920px;
  119. height:400px;
  120. width:200px;
  121. }
  122.  
  123. #side2 img{
  124. width: 200px;
  125. z-index: 1;
  126. padding:2px;
  127. border:1px solid {color:accent};
  128. }
  129.  
  130. .desc{
  131. font-size:10px;
  132. margin-top:8px;
  133. margin-left:0px;
  134. width:167px;
  135. height:auto;
  136. background:{color:accent};
  137. padding:20px;
  138. position:fixed;
  139. }
  140.  
  141. #png{
  142. margin-left:{text:png right};
  143. margin-top:{text:png up};
  144. height:auto;
  145. position:fixed;
  146. }
  147.  
  148. #png img{
  149. width: 140px;
  150. z-index: 1;
  151. }
  152.  
  153. /* ------------ POSTS -------------- */
  154.  
  155. #entries{
  156. width:400px;
  157. margin-left:420px;
  158. margin-top:20px;
  159. position:absolute;
  160. }
  161.  
  162. .post{
  163. padding:25px;
  164. background-color:{color:accent};
  165. width:400px;
  166. float:left;
  167. margin:8px;
  168. }
  169.  
  170. /* ------------ TITLES -------------- */
  171.  
  172. h1{
  173. color:{color:text};
  174. font-size:15px;
  175. line-height:13px;
  176. font-style:italic;
  177. text-transform:normal;
  178. text-align:left;
  179. }
  180.  
  181. h2{
  182. color:{color:text};
  183. font-size:15px;
  184. line-height:13px;
  185. font-style:italic;
  186. text-transform:normal;
  187. text-align:left;
  188. }
  189.  
  190. h3{
  191. color:{color:text};
  192. margin-top:3px;
  193. text-align:right;
  194. margin-bottom:5px;
  195. font-size:10px;
  196. }
  197.  
  198. /* ------------ QUESTIONS -------------- */
  199.  
  200. .questions{
  201. color:{color:text};
  202. font-size:10px;
  203. line-height:11px;
  204. text-transform:normal;
  205. margin-left:-5px;
  206. margin-bottom: 5px;
  207. text-transform: lowercase;
  208. padding:10px;
  209. text-align:left;
  210. background:{color:ask};
  211. }
  212.  
  213. .answer{
  214. color:{color:text};
  215. padding:5px;
  216. text-align:left;
  217. margin-top:-2px;
  218. border-top:3px solid {color:ask};
  219. margin-left:-5px;
  220. }
  221.  
  222. /* ------------ NAVI -------------- */
  223.  
  224. #linkzz{
  225. margin-top:150px;
  226. margin-left:920px;
  227. text-align:center;
  228. width:200px;
  229. height:auto;
  230. position:fixed;
  231. }
  232.  
  233. @-webkit-keyframes wobble {
  234. 0% { -webkit-transform: translateX(0%); }
  235. 15% { -webkit-transform: translateX(-6%) rotate(-13deg); }
  236. 30% { -webkit-transform: translateX(6%) rotate(8deg); }
  237. 45% { -webkit-transform: translateX(-6%) rotate(-8deg); }
  238. 60% { -webkit-transform: translateX(3%) rotate(6deg); }
  239. 75% { -webkit-transform: translateX(-3%) rotate(-3deg); }
  240. 100% { -webkit-transform: translateX(0%); }}
  241. .demi {width:52px; display:inline-block;}
  242. .demi:hover{-webkit-animation: wobble 0.7s linear;}
  243.  
  244. /* ------------ PERMA & TAGS -------------- */
  245.  
  246. #info{
  247. display:block;
  248. margin:5px 0px 2px 0px;
  249. padding:4px;
  250. color:{color:Text};
  251. font-size:8px;
  252. line-height:110%;
  253. text-transform:uppercase;
  254. width:392px;
  255. letter-spacing:1px;
  256. text-align:center;
  257. border-top:1px dotted {color:perma};
  258. }
  259.  
  260. #info a{
  261. color:{color:link};
  262. }
  263.  
  264. #info a:hover{
  265. color:{color:hover};
  266. }
  267.  
  268. #tags{
  269. margin-right:7px;
  270. text-align:center;
  271. text-transform:uppercase;
  272. font-size:8px;
  273. opacity:1;
  274. -webkit-transition:0.3s linear;
  275. outline: none;
  276. }
  277.  
  278. /* ------------ BLOCKQUOTE & P -------------- */
  279.  
  280. blockquote{
  281. padding-left:3px;
  282. margin-left:10px;
  283. margin-right:10px;
  284. border-left:3px solid {color:background};
  285. }
  286.  
  287. p{margin-top:2px; margin-bottom:2px}
  288.  
  289. pre{
  290. color: {color:text};
  291. font-size:13px;
  292. margin-left:15px;
  293. padding:10px;}
  294.  
  295. /* ------------ AUDIO -------------- */
  296.  
  297. .audio{
  298. opacity: 1.0;
  299. position:relative;
  300. overflow:hidden;
  301. min-height:130px;
  302. font-size: 10px;
  303. font-family:tahoma;}
  304.  
  305. .player{
  306. position:absolute;
  307. z-index:3;
  308. background:#000000;
  309. margin-top:45px;
  310. margin-left:73px;
  311. opacity:0.75;
  312. filter:alpha(opacity=75);
  313. border:0px #000000 solid;
  314. border-radius: 100px;}
  315.  
  316. .audioplayer{
  317. border: 0px solid {color:perma};
  318. width:363px;
  319. height:15px;
  320. overflow:hidden;
  321. padding:5px;
  322. padding-bottom:13px;
  323. margin-right:5px;
  324. margin-top: 5px;}
  325.  
  326. .audioinfo{
  327. margin-top: 15px;
  328. margin-left:120px;
  329. line-height:10px;
  330. font-family: tahoma;
  331. font-size:10px!important;
  332. font-style: normal;}
  333.  
  334. .audiocaption{
  335. margin-left:20px;}
  336.  
  337. .audiocaption img{
  338. max-width:330px!important;}
  339.  
  340. .audiocaption blockquote img{
  341. max-width:320px!important;}
  342.  
  343. .audiocaption blockquote blockquote img{
  344. max-width:310px!important;}
  345.  
  346. /* ------------ CHAT -------------- */
  347.  
  348. .user_1 .label {color:{color:text}; font-weight:bold;}
  349. .user_2 .label {color:{color: text}; font-weight:bold;}
  350. .user_3 .label {color:{color:text}; font-weight:bold;}
  351. .user_4 .label {color:{color:text}; font-weight:bold;}
  352. .user_5 .label {color:{color: text}; font-weight:bold;}
  353. .user_6 .label {color:{color:text}; font-weight:bold;}
  354. .user_7 .label {color:{color:text}; font-weight:bold;}
  355. .user_8 .label {color:{color: text}; font-weight:bold;}
  356. .user_9 .label {color:{color:text}; font-weight:bold;}
  357. .user_10 .label {color:{color:text}; font-weight:bold;}
  358.  
  359. .ul.chat {}
  360. .chat ol {}
  361. .chat li {
  362. list-style:none;
  363. margin-left:-30px;
  364. padding:-5px;
  365. margin-bottom:3px;
  366. }
  367.  
  368. /* ------------ NOTES -------------- */
  369.  
  370. .notes{
  371. margin-left:-15px;
  372. margin-top:30px;
  373. width:400px;
  374. font-size:10px;
  375. }
  376.  
  377. .notes a:hover{
  378. color:{color:link};
  379. }
  380.  
  381. ol.notes{
  382. list-style-type:none;
  383. }
  384.  
  385. ol.notes li.note{
  386. padding-bottom:7px;
  387. margin-bottom:12px;
  388. border-bottom:1px dotted {color:accent};
  389. }
  390.  
  391. ol.notes li.note img.avatar{
  392. vertical-align:-6px;
  393. }
  394.  
  395. ol.notes li.note img{
  396. padding:2px;
  397. border-radius:10px;
  398. }
  399.  
  400. ol.notes li.note blockquote{
  401. padding-left:5px;
  402. margin-left:30px;
  403. }
  404.  
  405. /* ------------ CREDIT -------------- */
  406.  
  407. .credit {
  408. position:fixed;
  409. bottom:4px;
  410. right:10px;
  411. font-size: 8px;
  412. text-transform:uppercase;
  413. letter-spacing: 2px;
  414. padding: 5px;
  415. }
  416.  
  417. .credit a{
  418. color:#FFF;
  419. opacity:0.9;
  420. }
  421.  
  422. .credit a:hover{
  423. color:#FFF;
  424. }
  425.  
  426. </style>
  427. </head>
  428. <body>
  429.  
  430. <div id="side"></div></div>
  431. <div id="linkzz">
  432. <a href="{text:Link 1}"><img class="demi" src="{image:Link 1}"></a>
  433. <a href="{text:Link 2}"><img class="demi" src="{image:Link 2}"></a>
  434. <a href="{text:Link 3}"><img class="demi" src="{image:Link 3}"></a>
  435. </div>
  436. <div id="side2">{block:ifsidebar}
  437. <div id="side2img"><img src="{image:side 2}"/></div>{/block:ifsidebar}
  438. <div class="desc">{Description}
  439. <br><center>{block:pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a> ― {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:pagination}</center></div></div>
  440.  
  441. <div id="png">
  442. <div id="pngimg"><img src="{image:png}"/></div>
  443.  
  444. </div></div></div>
  445. <div id="entries">
  446. {block:Posts}
  447. <div class="post">
  448.  
  449. {block:Text}<span style="margin-left:-6px;">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</span>{/block:Text}
  450.  
  451. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}"width=400px><br>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  452.  
  453. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  454.  
  455. {block:Quote}<h2>{Quote}<h2> {block:Source}<h3>― {Source}{/block:Source}</h3>{/block:Quote}
  456.  
  457. {block:Link}<h1><a href="{URL}" {Target}><b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  458.  
  459. {block:Chat}{block:Title}<h2>{Title}</h2>{/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}
  460.  
  461. {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}
  462. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  463. </div>
  464. <br><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  465.  
  466. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  467.  
  468. {block:Answer}<div class="questions"><b>{Asker}:</b> "{Question}"</div>
  469. <div class="answer">{Answer}</div>{/block:answer}
  470.  
  471. {block:Date}
  472. <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}
  473.  
  474. <div class="credit" align="right"><a href="http://letsrp.tumblr.com/">credit</a></div>
  475.  
  476.  
  477. </div>
  478. </div>
  479. </div>
  480. </body>
  481. </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!