API tools faq
paste
Advertisement
simraaa

themesofrp chara #2

simraaa
Jan 26th, 2014
259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀▀█ ▒█▀▀▀█ ▒█▀▀▀ ▒█▀▀█ ▒█▀▀█
  5. ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ░▀▀▀▄▄ ▒█░░▒█ ▒█▀▀▀ ▒█▄▄▀ ▒█▄▄█
  6. ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄▄█ ▒█▄▄▄█ ▒█░░░ ▒█░▒█ ▒█░░░
  7.  
  8. brings to you a simple charater themes inspired by chanel. here are some reminders. :~)
  9. 001. ᴅᴏɴᴜᴛ ᴄʟᴀɪᴍ ᴛʜɪs ᴛʜᴇᴍᴇ ᴛᴏ ʙᴇ ʏᴏᴜʀs
  10. 002. ᴅᴏɴᴜᴛ ᴇᴅɪᴛ ᴀɴᴅ ʀᴇᴅɪsᴛʀᴜʙᴇ
  11. 003. ᴅᴏɴᴜᴛ ᴛᴀᴋᴇ ᴘᴀʀᴛs ᴏғ ʜᴛᴍʟ ғʀᴏᴍ ᴛʜɪs ᴛʜᴇᴍᴇ
  12. 004. ᴅᴏɴᴜᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs
  13. 005. ʏᴏᴜ ᴍᴀʏ ᴇᴅɪᴛ ᴀɴᴅ sᴛᴜғғ
  14. 006. ᴇɴᴊᴏʏ ᴀɴᴅ ʜᴀᴘᴘʏ ʜᴏʟɪᴅᴀʏs!
  15. IF YOU HAVE ANY QUESTIONS LET ME KNOW YAY FUN FUN. TWIRLS
  16. BASE CODE by MALFOYMANNOR
  17. -->
  18.  
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20.  
  21.  
  22. <head>
  23.  
  24.  
  25. <meta name="color:link" content="#E6E4E4">
  26. <meta name="color:hover" content="#454545">
  27. <meta name="color:text" content="#9A9A9A">
  28. <meta name="color:scrollbar" content="#9A9A9A">
  29. <meta name="color:audio" content="#9A9A9A">
  30. <meta name="color:ask" content="#9A9A9A">
  31. <meta name="color:acent" content="#9A9A9A">
  32. <meta name="color:border" content="#9A9A9A">
  33. <meta name="color:tags" content="#9A9A9A">
  34.  
  35. <meta name="image:sidebar" content=""/>
  36.  
  37.  
  38.  
  39.  
  40. <meta name="text:link 1" content="/">
  41. <meta name="text:nav link" content="navigaytion">
  42. <meta name="text:home text" content="take me home">
  43. <meta name="text:ask text" content="hit me up bby">
  44. <meta name="text:ask link" content="/ask">
  45. <meta name="text:link 1 title" content="link 1">
  46. <meta name="text:link 2" content="/">
  47. <meta name="text:link 2 title" content="link 2">
  48. <meta name="text:link 3" content="/">
  49. <meta name="text:link 3 title" content="link 3">
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  58. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59. <link rel="shortcut icon" href="{Favicon}" />
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61.  
  62. <style type="text/css">
  63.  
  64. ::-webkit-scrollbar-thumb{
  65. background-color: {color:acent};
  66. border: 2px solid {color:background};
  67. height:auto;
  68. }
  69.  
  70. ::-webkit-scrollbar {
  71. height:9px;
  72. width:9px;
  73. background-color: {color:acent};
  74. border: 4px solid {color:background};
  75. }
  76.  
  77. a {
  78. color:{color:link};
  79. text-decoration:none;
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. a:hover {
  86. color:{color:hover};
  87. text-decoration:none;
  88. -moz-transition-duration:0.5s;
  89. -webkit-transition-duration:0.5s;
  90. -o-transition-duration:0.5s;
  91. }
  92.  
  93. body {
  94. background-color:{color:background};
  95. font-weight:normal;
  96. background-image:url('{image:background}');
  97. }
  98.  
  99. h1 {
  100. font-size:12px;
  101. text-transform:lowercase;
  102. text-align:center;
  103. font-family:arial;
  104. font-weight:bold;
  105. line-height:100%;
  106. letter-spacing:0px;
  107. color:{color:text};
  108. }
  109.  
  110. h2 {
  111. font-size:18px;
  112. text-align:center;
  113. line-height:100%;
  114. letter-spacing:0px;
  115. color:{color:text};
  116. font-family:arial;
  117. font-weight:bold;
  118. text-transform:lowercase;
  119. letter-spacing:-.5px;
  120. padding:5px;
  121. padding-bottom:2px;
  122. }
  123.  
  124. blockquote {
  125. border-left:2px solid {color:Border};
  126. padding: 5px;
  127. margin:5px;
  128. }
  129.  
  130. #sidebar {
  131. color:{color:text};
  132. position:fixed;
  133. width:250px;
  134. height:160px;
  135. margin-top:200px;
  136. margin-left:100px;
  137. text-align:right;
  138. z-index:-10;
  139. }
  140.  
  141. .desc {
  142. height: auto;
  143. width: 200px;
  144. padding: 5px;
  145. margin-bottom:10px;
  146. margin-top:-10px;
  147. text-align:center;
  148. font-size:8px;
  149. color:{color:text};
  150. letter-spacing:1px;
  151. line-height:100%;
  152. margin-left: 44px;
  153. font-family: trebuchet ms;
  154. text-transform: uppercase;
  155. opacity:0;
  156. -webkit-transition: all 0.2s linear;
  157. -moz-transition: all 0.2s linear;
  158. transition: all 0.2s linear;
  159. }
  160.  
  161. .desc a {
  162. color:{color:link};
  163. }
  164. #sidebar:hover .desc {
  165. margin-top:10px;
  166. opacity:1;
  167. -webkit-transition: all 0.2s linear;
  168. -moz-transition: all 0.2s linear;
  169. transition: all 0.2s linear;
  170. }
  171.  
  172. #container {
  173. float:left;
  174. margin-left:500px;
  175. margin-top:0px;
  176. text-align:justify;
  177. color:{color:text};
  178. margin-bottom: 35px;
  179. }
  180.  
  181. #stuff {
  182. width:500px;
  183. margin-top:75px;
  184. padding:10px;
  185. text-align:justify;
  186. font-size:11px;
  187. line-height:90%;
  188. letter-spacing:0x;}
  189.  
  190. #asker {
  191. font-family: trebuchet ms;
  192. text-transform: uppercase;
  193. font-size:10px;
  194. color:{color:text};
  195. }
  196.  
  197. #question {
  198. font-family: trebuchet ms;
  199. text-transform: uppercase;
  200. font-size:10px;
  201. color:{color:text};
  202. }
  203.  
  204. .ask {
  205. padding:15px;
  206. width:470px;
  207. text-align:right;
  208. color:#ffffff;
  209. background-color:{color:ask};
  210. font-family: trebuchet ms;
  211. text-transform: uppercase;
  212. font-size:10px;
  213. }
  214.  
  215. .answer {
  216. width:500px;
  217. padding:5px;
  218. font-style: normal;
  219. font-family: trebuchet ms;
  220. font-size:8x;
  221. color:{color:text};
  222. }
  223.  
  224. #audio {
  225. background-color:{color:ask};
  226. width:480px;
  227. padding:10px;
  228. height: 80px;
  229. margin-bottom:0px;
  230. font-family: times new;
  231. }
  232.  
  233. .artcover {
  234. width:70px;
  235. height:70px;
  236. position:absolute;
  237. }
  238.  
  239. .artcover img {
  240. width:70px;
  241. height:70px;
  242. float:left;
  243. border: 5px solid #FFF;
  244. }
  245.  
  246. .player {
  247. position:absolute;
  248. z-index:1;
  249. width:70px;
  250. height:70px;
  251. margin-top:5px;
  252. margin-left:5px;
  253. display:block;
  254. opacity:0.7;
  255. -webkit-transition:all 0.4s;
  256. -moz-transition:all 0.4s;
  257. -o-transition:all 0.4s;
  258. -ms-transition: all 0.4s;
  259. transition:all 0.5s;
  260. background:#fff;
  261. }
  262.  
  263. .player:hover {
  264. -webkit-transition:all 0.4s;
  265. -moz-transition:all 0.4s;
  266. -o-transition:all 0.4s;
  267. -ms-transition: all 0.4s;
  268. transition:all 0.4s;
  269. opacity:0.5;
  270. }
  271.  
  272. .audioplayer {
  273. width:30px;
  274. height:30;
  275. margin-top:14px;
  276. margin-left:14px;
  277. overflow:hidden;
  278. padding:3px;
  279. }
  280.  
  281. .audioinfo {
  282. color:{color:text};
  283. width:460px;
  284. height:52px;
  285. margin-left:120px;
  286. display:block;
  287. padding-top:18px;
  288. font-size:13px;
  289. letter-spacing:1px;
  290. text-transform:lowercase;
  291. text-align:left;
  292. font-style:italic;
  293. }
  294.  
  295. .note {
  296. text-transform:lowercase;
  297. font-style:italic;
  298. letter-spacing:0px;
  299. font-size: 11px;
  300. text-align:left;
  301. line-height:100%;
  302. margin-left:-40px;
  303. }
  304.  
  305. .note li {
  306. list-style-type:none;
  307. border-bottom:1px solid {color:border};
  308. padding:10px 25px 10px 25px;
  309. background-color:#ffffff;
  310. text-align:left;
  311. margin:0px;
  312. -moz-transition-duration:0.5s;
  313. -webkit-transition-duration:0.5s;
  314. -o-transition-duration:0.5s;
  315. }
  316.  
  317. .note li:hover {
  318. background-color:{color:border};
  319. -moz-transition-duration:0.5s;
  320. -webkit-transition-duration:0.5s;
  321. -o-transition-duration:0.5s;
  322. }
  323.  
  324. .tags {
  325. width:500px;
  326. font-family: trebuchet ms;
  327. text-transform: uppercase;
  328. font-size: 7px;
  329. color:{color:tags};
  330. letter-spacing:1px;
  331. text-align:left;
  332. padding:6px;
  333. -moz-transition-duration:0.5s;
  334. -webkit-transition-duration:0.5s;
  335. -o-transition-duration:0.5s;
  336. }
  337.  
  338.  
  339. #postinfo {
  340. width:480px;
  341. padding:10px;
  342. margin-top: 5px;
  343. color:{color:postinfobg};
  344. font-family: trebuchet ms;
  345. text-transform: uppercase;
  346. font-size: 8px;
  347. letter-spacing:1px;
  348. text-align:center;
  349. }
  350.  
  351. #postinfo a {
  352. color:{color:hover};
  353. text-align:center;
  354. letter-spacing:1px;
  355. }
  356. #pagination {
  357. text-align:center;
  358. margin-top:50px;
  359. margin-left:300px;
  360. position:fixed;
  361. }
  362.  
  363. #cred {
  364. bottom: 10px;
  365. right: 5px;
  366. font-size:7px;
  367. position:fixed;
  368. padding: 5px;
  369. border-radius: 10px;
  370. text-transform:uppercase;
  371. text-align:center;
  372. font-family:'trebuchet ms';
  373. letter-spacing:1px;
  374. color:{color:text};
  375. background-color:{color:border};
  376. }
  377.  
  378. #cred a:hover {
  379. color:{color:text};
  380. }
  381.  
  382. {CustomCSS}
  383.  
  384. </style></head>
  385.  
  386. <img src="https://31.media.tumblr.com/8d0aa4c3cf8996806e844f0bc894515b/tumblr_inline_mzxkthPvnb1s0rami.png"style="margin-top:200px;margin-left:150px;z-index:10000;width:200px;position:fixed;">
  387. <div id="sidebar">
  388. <img src="{image:sidebar}"style="width:160px;">
  389. <select onChange="location.href=this.options[this.selectedIndex].value;" style="text-align:center;width:200px; font-family:courier new; font-size:11px;">
  390. <option value="/">{text:home text}</option>
  391. <option value="{text:ask link}">{text:ask text}</option>
  392. <option value="{text:nav link}">navigation</option>
  393. <option value="{text:Link 1}">{text:Link 1 Title}</option>
  394. <option value="{text:Link 2}">{text:Link 2 Title}</option>
  395. <option value="{text:Link 3}">{text:Link 3 Title}</option>
  396. </select>
  397.  
  398. <div class="desc">
  399. {Description}
  400. </div>
  401. <div id="pagination"style="font-family:courier new; font-size:11px;">
  402. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  403. {block:NextPage}— <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  404. </div>
  405.  
  406. </div>
  407.  
  408.  
  409.  
  410. <div id="container">
  411.  
  412. {block:Posts}
  413.  
  414. <div id="stuff">
  415.  
  416. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  417.  
  418. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  419.  
  420. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  421. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  422.  
  423. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  424.  
  425. {block:Photoset}<center>{Photoset-500}</center>
  426. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  427.  
  428. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  429.  
  430. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  431.  
  432. {block:Answer}<div class="ask"><span id="asker">{Asker} asked:</span> <p><span id="question">{Question}</span></div><div class="answer">{Answer}</div>{/block:answer}
  433.  
  434.  
  435. {block:Audio}
  436. <div id="audio">
  437. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  438. <div class="player">
  439. <div class="audioplayer">{AudioPlayerWhite}</div></div>
  440. <div class="audioinfo">
  441. {block:TrackName}<a style="text-transform:uppercase;">song title: {TrackName}</a>{/block:TrackName}
  442. <div style="font-size:10px; margin-top:5px;">
  443. {block:Artist}artist: {Artist}{/block:Artist} with {FormattedPlayCount} plays
  444. </div></div></div>
  445. <div class="caption">
  446. {block:Caption}{Caption}{/block:Caption}
  447. </div>
  448. {/block:Audio}
  449. {block:ContentSource}
  450. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  451. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  452. {/block:SourceLogo}
  453. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  454. {/block:ContentSource}
  455.  
  456. <div id="postinfo">
  457. {block:Date} posted {Month} {DayOfMonth} {/block:Date}</a>with{block:NoteCount} <a href="{Permalink}"/">{NoteCountWithLabel} {/block:NoteCount}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a> - <a href="{ReblogRootURL}">source</a>
  458. {/block:RebloggedFrom}
  459. - <a href="{ReblogURL}" target="_blank" >reblog</a>
  460.  
  461. </div>
  462.  
  463. {block:HasTags}
  464. <div class="tags">
  465. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  466. {/block:HasTags}
  467. <div class="note">
  468. {block:PostNotes}{PostNotes}{/block:PostNotes}
  469. </div>
  470. </div>
  471. {/block:Posts}
  472.  
  473.  
  474. </div>
  475. <div id="cred"><a href="http://themesofrp.tumblr.com/">roar </a></div>
  476. </body>
  477. </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!