Advertisement
bramrps

brpscustom1

May 22nd, 2014
220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.64 KB | None | 0 0
  1. <!-- THEME by bramrps -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=BlackJack' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=KGSkinnyLatte' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=ThrowMyHandsUpInTheAir' rel='stylesheet' type='text/css'>
  13.  
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21.  
  22. <meta name="font:Body" content="Helvetica" />
  23. <meta name="color:Background" content="#fff" />
  24. <meta name="color:Body" content="#000" />
  25. <meta name="color:Entries" content="#fff" />
  26. <meta name="color:Borders" content="#fff" />
  27. <meta name="color:Link" content="#000" />
  28. <meta name="color:Link Bg" content="#f6daa6" />
  29. <meta name="color:Link Hover" content="#434342" />
  30. <meta name="color:Top Color" content="#f6daa6" />
  31. <meta name="color:Sidebars" content="#f6daa6" />
  32. <meta name="color:Info Bg" content="#f6daa6" />
  33. <meta name="color:Entry titles" content="#434342" />
  34. <meta name="color:Entries Border" content="#f6daa6" />
  35. <meta name="color:Title Color" content="#434342" />
  36. <meta name="color:Subtitle Color" content="#000" />
  37. <meta name="image:Image" content="http://i.imgur.com/ugbmUNM.png" />
  38. <meta name="image:Image2" content="http://i.imgur.com/eKM3BTu.png" />
  39. <meta name="image:Borderbar" content="http://i.imgur.com/zM2SVsd.png" />
  40. <meta name="image:Background" content="http://i.imgur.com/PB8pNh5.png" />
  41. <meta name="text:Link1" content="link" />
  42. <meta name="text:Link1 URL" content="/" />
  43. <meta name="text:Link2" content="link" />
  44. <meta name="text:Link2 URL" content="/" />
  45. <meta name="text:Link3" content="link" />
  46. <meta name="text:Link3 URL" content="/" />
  47. <meta name="text:Link4" content="link" />
  48. <meta name="text:Link4 URL" content="/" />
  49. <meta name="text:Link5" content="link" />
  50. <meta name="text:Link5 URL" content="/" />
  51. <meta name="text:Link6" content="link" />
  52. <meta name="text:Link6 URL" content="/" />
  53.  
  54. <meta name="text:main" content="this is your main title" />
  55. <meta name="text:sub" content="this is your sub title" />
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. body {
  61. background: {color:Background};
  62. background-image: url('http://i.imgur.com/PB8pNh5.png');
  63. background-attachment:fixed;
  64. position:absolute;
  65. font-size:12px;
  66. font-family: {font:Body};
  67. color:#000;
  68. }
  69.  
  70. blockquote {
  71. border-left: 3px solid #eee;
  72. padding:5px;
  73. padding-left:10px;
  74. text-align: justify;
  75. }
  76.  
  77.  
  78. b, strong {
  79. color:#434342
  80. }
  81.  
  82. i, em {
  83. color:#000
  84. }
  85.  
  86. a {
  87. text-decoration:none;
  88. outline:none;
  89. color:#000;
  90. -webkit-transition: all 0.5s ease-in-out;
  91. -moz-transition: all 0.5s ease-in-out;
  92. -o-transition: all 0.5s ease-in-out;
  93. }
  94.  
  95. a:hover {
  96. color:#434342;
  97. -webkit-transition: all 0.5s ease-in-out;
  98. -moz-transition: all 0.5s ease-in-out;
  99. -o-transition: all 0.5s ease-in-out;
  100. }
  101.  
  102. h1 {
  103. color:#434342;
  104. font-family:'georgia';
  105. font-style:normal;
  106. text-align:center;
  107. text-transform:uppercase;
  108. font-size: 25px;
  109. text-shadow: 0px 0px 1px #434342;
  110. }
  111.  
  112. h2 {
  113. font-family:'georgia';
  114. text-transform:uppercase;
  115. text-align:center;
  116. font-size: 25px;
  117. color:#000;
  118. text-shadow: 0px 0px 1px #000;
  119. }
  120.  
  121. #topbar {
  122. position:fixed;
  123. width:554px;
  124. height:54px;
  125. left:80px;
  126. top:260px;
  127. background-color:#f6daa6;
  128. border-color:#fff;
  129. border-style:solid;
  130. border-width:1px
  131. }
  132.  
  133. #toptitle {
  134. text:{text:main};
  135. font-family:'kg skinny latte';
  136. font-size:32px;
  137. color:#434342;
  138. font-style:normal;
  139. text-align:center;
  140. margin-top:0px;
  141. }
  142.  
  143. #topsub {
  144. text:{text:sub};
  145. font-family:'calibri';
  146. font-size:10px;
  147. color:#000;
  148. text-align:center;
  149. text-transform:uppercase;
  150. margin-top:-5px;
  151. }
  152.  
  153.  
  154. #borderbar1 {
  155. position:fixed;
  156. top:39px;
  157. left:80px;
  158. width:544px;
  159. height:203px;
  160. padding:5px;
  161. background-image:url('http://i.imgur.com/zM2SVsd.png');
  162. background-attachment:fixed;
  163. background-color:#fff;
  164. border-color:#fff;
  165. border-style:solid;
  166. border-width:1px
  167. }
  168.  
  169. #borderbar2 {
  170. position:fixed;
  171. top:323px;
  172. left:80px;
  173. width:544px;
  174. height:200px;
  175. padding:5px;
  176. background-image:url('http://i.imgur.com/zM2SVsd.png');
  177. background-attachment:fixed;
  178. background-color:#fff;
  179. border-color:#fff;
  180. border-style:solid;
  181. border-width:1px
  182. }
  183.  
  184.  
  185. #sidebar {
  186. position:fixed;
  187. top:333px;
  188. left:90px;
  189. width:225px;
  190. height:180px;
  191. padding:5px;
  192. background-color:#f6daa6;
  193. border-color:#fff;
  194. border-style:solid;
  195. border-width:1px
  196. }
  197.  
  198.  
  199. #sidebar2 {
  200. position:fixed;
  201. top:39px;
  202. left:526px;
  203. width:80px;
  204. height:180px;
  205. padding:5px;
  206. }
  207.  
  208.  
  209. #image {
  210. z-index:3;
  211. position:fixed;
  212. top:49px;
  213. left:90px;
  214. width:420px;
  215. height:183px;
  216. padding:5px;
  217. background-image:url('http://i.imgur.com/ugbmUNM.png');
  218. background-attachment:none;
  219. background-size:auto;
  220. background-position:top left;
  221. background-repeat:no-repeat;
  222. float:center;
  223. overflow:hidden;
  224. background-color:#fff;
  225. border-color:#fff;
  226. border-style:solid;
  227. border-width:1px
  228. }
  229.  
  230. #image2 {
  231. z-index:3;
  232. position:fixed;
  233. top:333px;
  234. left:335px;
  235. width:280px;
  236. height:180px;
  237. padding:5px;
  238. background-image:url('http://i.imgur.com/eKM3BTu.png');
  239. background-attachment:none;
  240. background-size:auto;
  241. background-position:top left;
  242. background-repeat:no-repeat;
  243. float:center;
  244. overflow:hidden;
  245. background-color:#fff;
  246. border-color:#fff;
  247. border-style:solid;
  248. border-width:1px
  249. }
  250.  
  251.  
  252. #description {
  253. padding:10px;
  254. color:{color:Description};
  255. font-size:11px;
  256. text-align:justify;
  257. font-family:{font:Body};
  258. }
  259.  
  260. #pagination {
  261. background:black;
  262. color:white;
  263. }
  264.  
  265. #links {
  266. text-align:center;
  267. }
  268.  
  269.  
  270. #links a{
  271. font-family:'calibri';
  272. background-color:#f6daa6;
  273. color:#fff;
  274. border-color:#fff;
  275. border-style:solid;
  276. border-width:1px;
  277. width:89px;
  278. height:29px;
  279. line-height:29px;
  280. font-size:10px;
  281. text-transform:uppercase;
  282. display:inline-block;
  283. margin-top:5px;
  284. margin-bottom:0px;
  285. padding:2px;
  286. color:#000;
  287. -webkit-transition: all 0.2s ease-in-out;
  288. -moz-transition: all 0.2s ease-in-out;
  289. -o-transition: all 0.2s ease-in-out;
  290. }
  291.  
  292. #links a:hover{
  293. color:{color:Background};
  294. background:#434342;
  295. letter-spacing:3px;
  296. font-style:italic;
  297. -webkit-transition: opacity 0.7s linear;opacity: 1;
  298. -webkit-transition: all 0.3s ease-out;
  299. -moz-transition: all 0.3s ease-out;
  300. transition: all 0.3s ease-out
  301. }
  302.  
  303. .user_1 .label {
  304. color:#434342;
  305. font-size: 10px;
  306. padding: 5px;
  307. text-transform:uppercase;
  308. font-weight:bold
  309. }
  310.  
  311. .user_2 .label {
  312. color:#000;
  313. font-size: 10px;
  314. padding: 5px;
  315. text-transform:uppercase;
  316. font-weight:bold
  317. }
  318.  
  319.  
  320. ul.chat, .chat ol, .chat li {
  321. list-style:none;
  322. margin:0px;
  323. padding: 3px
  324. }
  325.  
  326. p {
  327. margin-top:5px;
  328. margin-bottom:5px
  329. }
  330.  
  331. #entries {
  332. font-size:10px;
  333. margin-left: 700px;
  334. margin-top:40px;
  335. float: right;
  336. text-align: justify;
  337. }
  338.  
  339. #post {
  340. background-color:#fff;
  341. border:double;
  342. border-color:#f6daa6;
  343. font-size:10px;
  344. padding: 8px;
  345. padding-top: 0px;
  346. padding-bottom: 6px;
  347. margin-bottom:20px;
  348. width: 500px;
  349. color:#000;
  350. text-align: left;
  351. overflow:hidden;
  352. }
  353.  
  354. #quotetext {
  355. font-family:'blackjack';
  356. font-size:25px;
  357. color:#434342;
  358. font-style:normal;
  359. text-align:justify;
  360. margin-top:5px;
  361. padding:5px;
  362. }
  363.  
  364. #asks {
  365. text-align:center;
  366. margin:20px;
  367. padding:10px;
  368. background-color:transparent;
  369. border:1px solid #000;
  370. }
  371.  
  372. .asker {
  373. font-family:'throw my hands up in the air';
  374. margin-bottom:-8px;
  375. font-size:20px;
  376. letter-spacing:1px;
  377. text-shadow:0px 0px 2px #000;
  378. font-style:normal;
  379.  
  380. }
  381.  
  382. #answers {
  383. margin-left:3px;
  384. margin-top:8px
  385. }
  386.  
  387. #info {
  388. font-family:'calibri';
  389. text-align: center;
  390. padding: 5px;
  391. padding-top: 2px;
  392. padding-bottom: 2px;
  393. background-color: #f6daa6;
  394. color:#000;
  395. text-transform:uppercase;
  396. border-color:#000;
  397. border-style:solid;
  398. border-width:1px
  399. }
  400.  
  401.  
  402. #credit a{
  403. position:fixed;
  404. right:3px;
  405. bottom:3px;
  406. padding:4px;
  407. background:white;
  408. font-size:11px;
  409. color:black;
  410. -moz-transition-duration:1s;
  411. -webkit-transition-duration:1s;
  412. -o-transition-duration:1s;
  413. }
  414.  
  415. #credit a:hover {
  416. opacity:1;
  417. color:white;
  418. background:black;
  419. -moz-transition-duration:1s;
  420. -webkit-transition-duration:1s;
  421. -o-transition-duration:1s;
  422. }
  423.  
  424.  
  425. </style>
  426. <style type="text/css">{CustomCSS}</style>
  427. </head>
  428.  
  429. <body>
  430. <div id="borderbar1">
  431.  
  432. </div>
  433.  
  434. <div id="borderbar2">
  435.  
  436. </div>
  437.  
  438. <div id="topbar">
  439. <div id="toptitle">{text:main}</div>
  440. <div id="topsub">{text:sub}</div>
  441. </div>
  442.  
  443. <div id="sidebar">
  444.  
  445. <div id="description">
  446. {block:Description}{Description}{/block:Description}<br><br>
  447. <center>
  448. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} ♡ {block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}</center>
  449. </div>
  450. <div id="sidebar2">
  451. <div id="links">
  452. <a href="/">home</a><br>
  453. <a href="/ask">ask</a><br>
  454. <a href="{text:Link3 URL}">{text:Link3}</a><br>
  455. <a href="{text:Link4 URL}">{text:Link4}</a><br>
  456. <a href="{text:Link5 URL}">{text:Link5}</a><br>
  457. </div>
  458.  
  459.  
  460. </div>
  461. <div id="image">
  462.  
  463. </div>
  464.  
  465. <div id="image2">
  466.  
  467. </div>
  468.  
  469. </div>
  470.  
  471.  
  472. <div id="entries">
  473. {block:Posts}
  474. <div id="post">
  475.  
  476. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  477.  
  478. {block:Quote}<div id="quotetext">“{Quote}” </div>
  479. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  480.  
  481. {block:Link}<a href="{URL}" class="link" {Target}> <h2>➝ {Name}</h2></a>
  482. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  483.  
  484. {block:Photo}<br><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  485. {block:Photoset}<br><center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  486.  
  487. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  488.  
  489. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}<br></li>{/block:Lines}</ul>
  490.  
  491. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  492.  
  493.  
  494.  
  495.  
  496. {block:Audio}
  497. {block:AudioPlayer}
  498. {AudioPlayerWhite}
  499. {/block:AudioPlayer}
  500. {block:AlbumArt}
  501. <img src="{AlbumArtURL}" width="200px"/>
  502. {/block:AlbumArt}
  503. <br>
  504. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  505. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  506. {block:Album}Album: {Album}{/block:Album}<br>
  507. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  508. {block:Caption}{Caption}{/block:Caption}
  509. {/block:Audio}
  510.  
  511. {block:Answer}
  512. <div id="asks"><big><big><big><em>{Asker} asked:</big></big></big></em>
  513. <hr>
  514. {Question}</div>
  515. <div id="answers">{Answer}</div>{/block:Answer}
  516.  
  517.  
  518.  
  519.  
  520. <div id="info">
  521. posted {block:Date}<b><a href="{Permalink}">{TimeAgo}</a></b>{/block:Date}
  522. {block:NoteCount}with <i>{NoteCountWithLabel}</i>{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} via (<b><a href="{ReblogParentURL}"><a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a></b>){/block:RebloggedFrom}
  523. {block:ContentSource} <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}<br>
  524. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </div>
  525.  
  526. </div>
  527. {/block:Posts}
  528.  
  529. {block:PostNotes}{PostNotes}{/block:PostNotes}
  530.  
  531. </div>
  532.  
  533.  
  534.  
  535. <!----- put in your url here! ---->
  536. <div id="credit"><a href="http://bramrps.tumblr.com">♥</a></div>
  537. </body>
  538. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement