Advertisement
hrrald

THEME #003 BY BOOFRP - PRETTY HURTS

Mar 1st, 2014
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.53 KB | None | 0 0
  1. <html lang="en">
  2. <!--
  3. *´¨)
  4. ¸.•´¸.•*´¨) ¸.•*¨)
  5. (¸.•´ (¸.•` ¤ BOOFRP'S THEME #003 -- PRETTY HURTS
  6.  
  7. Pretty simple. Please do not even steal anything off of this theme.
  8. If you have any questions, let me know. Just know, you are not all
  9. owed to post an edited version of this theme or claim it as your o
  10. wn considering i have made it and it took a lot of time. Any quest
  11. ions will be answered if you just ask me.
  12. Do NOT whatever you do, take the credit out. It's only in the corn
  13. er, like damn. Other than that, enjoy!!
  14.  
  15. :¨·.·¨:
  16. `·.. Bo // boofrp
  17.  
  18. -->
  19. <head>
  20.  
  21. <title>{title}</title>
  22. <link rel=”shortcut icon” href=”{Favicon}”/>
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="color:bold"content="#fff">
  27. <meta name="text:tab title"content="this is a moving tab title">
  28. <meta name="color:italic"content="#fff">
  29. <meta name="color:text"content="#000">
  30. <meta name="color:link"content="#000">
  31. <meta name="color:post"content="#fff">
  32. <meta name="color:infobg"content="#000">
  33. <meta name="color:hover"content="#fff">
  34. <meta name="color:desctext"content="#fff">
  35. <meta name="color:border"content="#000">
  36. <meta name="color:background"content="#fff">
  37. <meta name="color:description"content="#fff">
  38.  
  39. <meta name="image:topbar"content="">
  40. <meta name="image:sidebar"content="">
  41. <meta name="image:bg"content="">
  42.  
  43. <meta name="text:link1"content="home">
  44. <meta name="text:link2"content="ask">
  45. <meta name="text:link3"content="nav">
  46. <meta name="text:link4"content="home">
  47. <meta name="text:link5"content="ask">
  48. <meta name="text:link6"content="nav">
  49. <meta name="text:link7"content="home">
  50. <meta name="text:link8"content="ask">
  51. <meta name="text:link9"content="nav">
  52. <meta name="text:link10"content="home">
  53.  
  54.  
  55. <meta name="text:link1 url"content="/">
  56. <meta name="text:link2 url"content="/">
  57. <meta name="text:link3 url"content="/">
  58. <meta name="text:link4 url"content="/">
  59. <meta name="text:link5 url"content="/">
  60. <meta name="text:link6 url"content="/">
  61. <meta name="text:link7 url"content="/">
  62. <meta name="text:link8 url"content="/">
  63. <meta name="text:link9 url"content="/">
  64. <meta name="text:link10 url"content="/">
  65.  
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70.  
  71. body{
  72. color:{color:text};
  73. font-family:helvetica;
  74. font-size:10px;
  75. background:{color:background} url('{image:bg}') top left fixed repeat;
  76. }
  77.  
  78. h1 {
  79. font-family:helvetica;
  80. font-size:15px;
  81. text-align:center;
  82. font-style:italic;
  83. line-height:80%;
  84. letter-spacing:1px;
  85. border:1px solid {color:border};
  86. background-color:transparent;
  87. padding:6px;
  88. font-weight:italic;
  89. }
  90.  
  91. h2 {
  92. font-family:helvetica;
  93. font-size:19px;
  94. text-align:center;
  95. font-style:italic;
  96. line-height:80%;
  97. border-bottom:5px solid {color:border};
  98. letter-spacing:1px;
  99. background-color:transparent;
  100. padding:6px;
  101. font-weight:italic;
  102. }
  103.  
  104.  
  105. blockquote {
  106. border-left:2px solid {color:border};
  107. margin-left:3px;
  108. padding-left:5px; }
  109.  
  110. b { font-weight:bold;
  111. color:{color:bold}; }
  112. i { font-weight:italic;
  113. color:{color:italic}; }
  114. u {text-decoration:none;
  115. border-bottom:1px solid {color:text}; }
  116.  
  117. a { color:{color:link};
  118. font-family:helvetica;
  119. text-decoration:none;-moz-transition-duration:0.5s;
  120. -webkit-transition-duration:0.5s;
  121. -o-transition-duration:0.5s;}
  122. a:hover {color:{color:hover};}
  123.  
  124. #entries{
  125. width:400px;
  126. margin-left:75px;
  127. position:absolute;
  128. margin-top:100px;
  129. }
  130.  
  131. #post{
  132. padding:19px;
  133. background-color:{color:post};
  134. border:1px solid {color:border};
  135. width:400px;
  136. float:left;
  137. margin:8px;
  138. }
  139. .pagi {
  140. border:1px solid {color:border};display:inline-block;
  141. background-color:{color:postbg};
  142. margin-top:600px;
  143. display:box;
  144. text-align:center;
  145. width:50px;
  146. margin-left:610px;
  147. position:fixed;
  148. padding:4px;
  149. font-family:helvetica;
  150. font-size:10px;
  151. }
  152.  
  153. .pagi a {
  154. color:{color:link};
  155. }
  156.  
  157.  
  158.  
  159. #oops{
  160. z-index:9;
  161. position:fixed !important;
  162. width:1px;
  163. height:1px;
  164. top:200px;
  165. left: 55px;
  166. padding:2px;
  167. -webkit-transition: all 1s ease;
  168. -moz-transition: all 1s ease;
  169. -o-transition: all 1s ease;
  170. transition: all 1s ease;
  171. }
  172.  
  173. #oops:hover{
  174. z-index:99;
  175. position:fixed !important;
  176. top:50px;
  177. left: 55px;
  178. padding:2px;
  179. -webkit-transition: all 1s ease;
  180. -moz-transition: all 1s ease;
  181. -o-transition: all 1s ease;
  182. transition: all 1s ease;
  183. }
  184.  
  185.  
  186. #postbg img{
  187. margin-top:-10px;
  188. margin-left:50px;
  189. position:fixed;
  190. width:498px;
  191. border:1px solid {color:border};
  192. height:1000%;
  193. background:{color:text};
  194. }
  195.  
  196.  
  197. #sidebar img {
  198. margin-top:285px;
  199. margin-left:600px;
  200. position:fixed;
  201. padding:5px;
  202. z-index:4985348957394857;
  203. }
  204.  
  205. #topbar {
  206. margin-top:-5px;
  207. margin-left:555px;
  208. z-index:38443857;
  209. position:fixed;
  210. }
  211.  
  212. #description{
  213. font-size:10px;
  214. position:fixed;
  215. text-transform:none;
  216. background-color:{color:text};
  217. border-left:4px solid {color:postbg};
  218. color:{color:desctext};
  219. padding:10px;
  220. height:70px;
  221. width:417px;
  222. margin-top:10px;
  223. margin-left:84px;
  224. position:absolute;
  225. z-index:9999;
  226. }
  227.  
  228. #links a {
  229. width:226px;
  230. margin-bottom:-3px;
  231. border-left:4px solid {color:text};
  232. border-right:4px solid {color:text};
  233. height:15px;
  234. text-align:center;
  235. padding:8px;
  236. letter-spacing:3px;
  237. color:{color:desc text};
  238. background-color:{color:border};
  239. font-size:10x;
  240. text-transform:uppercase;
  241. display:block;font-family:helvetica;
  242. font-size:10px;
  243. -moz-transition-duration:0.5s;
  244. -webkit-transition-duration:0.5s;
  245. -o-transition-duration:0.5s;}
  246.  
  247.  
  248. #info {
  249. color:{color:text};
  250. text-align:right;
  251. font-family:courier new;
  252. font-size: 9px;
  253. letter-spacing:0px;
  254. background-color:{color:infobg};
  255. font-style: normal;
  256. margin-top:15px;
  257. width:395px;
  258. border-bottom: 1px solid {color:border};
  259. padding:3px;outline:5px solid {color:border};
  260. outline-offset:4px;
  261. text-transform:uppercase;
  262. }
  263.  
  264. #info a {
  265. color:{color:text};
  266. text-align:left;
  267. font-size: 9px;
  268. letter-spacing:0px;
  269. font-style:normal;
  270. }
  271.  
  272. #info a:hover {
  273. color:{color:hover};
  274. }
  275.  
  276. .note {
  277. text-transform:uppercase;
  278. font-style:normal;
  279. letter-spacing:0px;
  280. font-size: 8px;
  281. text-align:left;
  282. line-height:90%;
  283. margin-left:-40px;
  284. }
  285.  
  286. .note li {
  287. list-style-type:none;
  288. border-bottom:1px solid {color:border};
  289. padding:10px 25px 10px 25px;
  290. text-align:left;
  291. margin:0px;
  292. -moz-transition-duration:0.5s;
  293. -webkit-transition-duration:0.5s;
  294. -o-transition-duration:0.5s;
  295. }
  296.  
  297. #credit {
  298. position:fixed;
  299. font-size:8px;
  300. font-weight:normal;
  301. line-height:150%;
  302. letter-spacing:0px;
  303. right:10px;
  304. bottom:15px;
  305. text-transform:uppercase;
  306. text-align:center;
  307. }
  308.  
  309. #credit a {
  310. padding:3px;
  311. color:{color:text};
  312. background-color:{color:background};
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. -o-transition-duration:0.5s;
  316. }
  317.  
  318.  
  319. #question {
  320. font-size: 10px;
  321. color:{color:text};
  322. background-color:{color:background};
  323. padding:10px;
  324. margin-bottom:0px;
  325. width:380px;
  326. }
  327.  
  328. .askerimg{
  329. width:460px;
  330. font-size:20px;
  331. font-style:italic;
  332. font-weight:bold;
  333. }
  334.  
  335. {CustomCSS}</style>
  336.  
  337. </head>
  338. <body>
  339. <div id="postbg">
  340. <img src="{image:postbg}">
  341. </div>
  342.  
  343. <div id="sidebar">
  344. <img src="{image:sidebar}">
  345. </div>
  346. <div id="oops">
  347. <div id="topbar"> <img src= "{image:topbar}">
  348.  
  349. <div id="links">
  350. <table>
  351. <tr>
  352. <td>
  353. <a href="{text:link1 url}">{text:link1}</a>
  354. <a href="{text:link2 url}">{text:link2}</a>
  355. <a href="{text:link3 url}">{text:link3}</a>
  356. <a href="{text:link4 url}">{text:link4}</a>
  357. <a href="{text:link5 url}">{text:link5}</a>
  358. </td>
  359. <td>
  360. <a href="{text:link6 url}">{text:link6}</a>
  361. <a href="{text:link7 url}">{text:link7}</a>
  362. <a href="{text:link8 url}">{text:link8}</a>
  363. <a href="{text:link9 url}">{text:link9}</a>
  364. <a href="{text:link10 url}">{text:link10}</a>
  365. </td>
  366. </tr>
  367. </table>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374.  
  375. <div id="description">
  376. {description}</div>
  377.  
  378. {block:Pagination}
  379. <div class="pagi">
  380. {block:PreviousPage}
  381. <a href="{PreviousPage}">BACKWARD</a>
  382. {/block:PreviousPage}
  383. {block:NextPage}
  384. <a href="{NextPage}">FORWARD</a>
  385. {/block:NextPage}
  386. </div>
  387. {/block:Pagination}
  388. </div>
  389. <div id="entries">
  390.  
  391. {block:Posts}
  392.  
  393. <div id="post">
  394.  
  395.  
  396. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  397.  
  398. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  399.  
  400. {block:Photoset}<center>{Photoset-400}</center>
  401. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  402.  
  403.  
  404. {block:Quote}
  405. <h2>{Quote}</h2>
  406. <div align="right">
  407. {block:Source}<h1>-{Source}</h1>{/block:Source}
  408. </div>
  409. {/block:Quote}
  410.  
  411.  
  412. {block:Video}
  413. {Video-400}<br>
  414. {PlayCountWithLabel}
  415. {/block:Video}
  416.  
  417.  
  418. {block:Link}
  419. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  420. {block:Description}{Description}{/block:Description}
  421. {/block:Link}
  422.  
  423. {block:Chat}
  424. {block:Lines}
  425. {block:Label}
  426. <br>{Label}
  427. {/block:Label}
  428. &nbsp;{Line}
  429. {/block:Lines}
  430. {/block:Chat}
  431.  
  432. {block:Audio}
  433. {AudioPlayerGrey}
  434. <br><div align="right">{block:Artist}
  435. Artist: {Artist}</div>
  436. {/block:Artist}<br>
  437. {block:Caption}{Caption}{/block:Caption}
  438. {/block:Audio}
  439.  
  440.  
  441. {block:Answer}<div class="askerimg">{Asker} whispered:</div><div id="question"></b><big><big>-- </big></big>{Question}</center><br></div><br><div id="answer">{Answer}</div>{/block:Answer}
  442.  
  443. {block:Date}<div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  444. {block:ContentSource} ( ©<a href="{SourceURL}">{SourceLink}</a> ){/block:ContentSource}</div>{/block:Date}
  445. {block:HasTags}
  446. {/block:HasTags}
  447. <div class="note">
  448. {block:PostNotes}{PostNotes}{/block:PostNotes}
  449. </div>
  450. </div>
  451.  
  452. {/block:Posts}
  453.  
  454. </div>
  455. <div id="credit"><a href="http://boofrp.tumblr.com">B O O F R P </a>
  456. </div>
  457. </body>
  458. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement