API tools faq
paste
Advertisement
bramrps

THEME 24: CRASH MY PARTY

bramrps
Mar 9th, 2015
673
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.87 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme #24 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=Rochester' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=HeadVersusHeart' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Lobster' 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="Georgia" />
  23. <meta name="color:Background" content="#fff" />
  24. <meta name="color:Body" content="#000" />
  25. <meta name="color:Borders" content="#000" />
  26. <meta name="color:Bold" content="#000" />
  27. <meta name="color:Link" content="#8d8c8d" />
  28. <meta name="color:Link Hover" content="#fff" />
  29. <meta name="color:Sidebars" content="#fff" />
  30. <meta name="color:Info Bg" content="#000" />
  31. <meta name="color:Entry titles" content="#000" />
  32. <meta name="color:Title Color" content="#000" />
  33. <meta name="image:Image" content="" />
  34. <meta name="image:Image2" content="" />
  35. <meta name="image:Background" content="" />
  36. <meta name="text:Link1" content="link" />
  37. <meta name="text:Link1 URL" content="/" />
  38. <meta name="text:Link2" content="link" />
  39. <meta name="text:Link2 URL" content="/" />
  40. <meta name="text:Link3" content="link" />
  41. <meta name="text:Link3 URL" content="/" />
  42. <meta name="text:Link4" content="link" />
  43. <meta name="text:Link4 URL" content="/" />
  44. <meta name="text:Link5" content="link" />
  45. <meta name="text:Link5 URL" content="/" />
  46. <meta name="text:Link6" content="link" />
  47. <meta name="text:Link6 URL" content="/" />
  48.  
  49. <meta name="text:main" content="this is your main title" />
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. body {
  55. background: {color:Background};
  56. background-image: url('{image:Background}');
  57. background-attachment:fixed;
  58. position:absolute;
  59. font-size:12px;
  60. font-family: {font:Body};
  61. color:{color:Body};
  62. }
  63.  
  64. blockquote {
  65. margin-left: 15px;
  66. margin-right:15px;
  67. border-left: 1px solid {color:Borders};
  68. padding-left:5px;
  69. text-align: justify;
  70. }
  71.  
  72.  
  73. b, strong {
  74. color:{color:Bold};
  75. }
  76.  
  77. i, em {
  78. color:{color:Body}
  79. text-shadow: 0px 0px 2px #000;
  80. }
  81.  
  82. a {
  83. text-decoration:none;
  84. outline:normal;
  85. color:{color:Link};
  86. -webkit-transition: all 0.5s ease-in-out;
  87. -moz-transition: all 0.5s ease-in-out;
  88. -o-transition: all 0.5s ease-in-out;
  89. }
  90.  
  91. a:hover {
  92. -webkit-transition: all 0.5s ease-in-out;
  93. -moz-transition: all 0.5s ease-in-out;
  94. -o-transition: all 0.5s ease-in-out;
  95. }
  96.  
  97. pre {
  98. font-family:georgia;
  99. font-size:8px;
  100. text-transform:Uppercase;
  101. background-color:{color:Entry Titles};
  102. padding:2px;
  103. text-align:center;
  104. border-left:1px solid #000;
  105. border-right:1px solid #000;
  106. color:{color:Body};
  107. }
  108.  
  109. h1 {
  110. margin-top:-3px;
  111. margin-bottom:5px;
  112. color:{color:Entry titles};
  113. font-family:'georgia';
  114. font-style:normal;
  115. text-align:left;
  116. text-transform:uppercase;
  117. font-size: 20px;
  118. color: {color:Entry titles};
  119. padding-bottom:0px;
  120. text-shadow: 1px 0px 0px #000;
  121. }
  122.  
  123. h2 {
  124. margin-top:0px;
  125. margin-bottom:5px;
  126. font-family:'lobster';
  127. text-transform:lowercase;
  128. text-align:center;
  129. font-size: 25px;
  130. color:{color:Entry titles};
  131. text-shadow: 1px 0px 0px #000;
  132. }
  133.  
  134. h3 {
  135. margin-top:-5px;
  136. margin-bottom:-5px;
  137. color:{color:Entry titles};
  138. font-family:'georgia';
  139. font-style:normal;
  140. text-align:center;
  141. text-transform:uppercase;
  142. font-size: 20px;
  143. text-shadow: 1px 0px 0px #000;
  144. color: {color:Entry titles};
  145. }
  146.  
  147.  
  148. img {
  149. border: 0;
  150. max-width: 100%;}
  151.  
  152. img:hover {
  153. opacity:0.7;
  154. -webkit-transition:all 0.4s ease-in-out;
  155. -moz-transition:all 0.4s ease-in-out;
  156. -o-transition:all 0.4s ease-in-out;
  157. -ms-transition: all 0.4s ease-in-out;
  158. transition:all 0.5s ease-in-out
  159. }
  160.  
  161.  
  162.  
  163. #toptitle {
  164. font-family:'georgia';
  165. font-size:30px;
  166. text-transform:lowercase;
  167. font-style:italic;
  168. text-shadow: 1px 0px 0px #000;
  169. text-align:left;
  170. margin-top:-2px;
  171. color:{color:Title Color};
  172. }
  173.  
  174. #titlebar {
  175. position:fixed;
  176. top:30px;
  177. left:45px;
  178. width:500px;
  179. height:50px;
  180. }
  181.  
  182.  
  183. #sidebar {
  184. position:fixed;
  185. top:65px;
  186. left:260px;
  187. width:190px;
  188. height:200px;
  189. background-color:transparent;
  190.  
  191. }
  192.  
  193.  
  194. #sidebar2 {
  195. position:fixed;
  196. top:260px;
  197. left:260px;
  198. width:190px;
  199. height:200px;
  200. padding-top:2px;
  201. background-color:transparent;
  202. }
  203.  
  204. #sidebar3 {
  205. position:fixed;
  206. top:450px;
  207. left:155px;
  208. width:210px;
  209. height:25px;
  210. background-color:transparent;
  211. }
  212.  
  213.  
  214. #image {
  215. z-index:3;
  216. position:fixed;
  217. top:55px;
  218. left:54px;
  219. width:200px;
  220. height:400px;
  221. background-image:url('{image:Image}');
  222. background-color:#fff;
  223. }
  224.  
  225. #image2 {
  226. z-index:3;
  227. position:fixed;
  228. top:55px;
  229. left:450px;
  230. width:20px;
  231. height:400px;
  232. background-image:url('{image:Image2}');
  233. background-color:transparent;
  234. }
  235.  
  236. #description {
  237. padding-right:10px;
  238. padding-left:5px;
  239. color:{color:Description};
  240. font-size:10px;
  241. text-align:justify;
  242. font-family:'georgia';
  243. }
  244.  
  245. #pagination {
  246. font-family:'georgia';
  247. font-size:10px;
  248. text-transform:uppercase;
  249. display:inline-block;
  250. margin-top:7px;
  251. color:{color:Body};
  252. -webkit-transition: all 0.2s ease-in-out;
  253. -moz-transition: all 0.2s ease-in-out;
  254. -o-transition: all 0.2s ease-in-out;
  255. }
  256.  
  257. #links {
  258. text-align:center;
  259. }
  260.  
  261.  
  262. #links a{
  263. font-family:'georgia';
  264. background-color:transparent;
  265. color:#fff;
  266. width:190px;
  267. height:30px;
  268. line-height:30px;
  269. font-size:25px;
  270. text-transform:uppercase;
  271. display:inline-block;
  272. margin-top:2px;
  273. margin-bottom:0px;
  274. padding:0px;
  275. color:{color:Link};
  276. text-shadow: 1px 0px 0px #000;
  277. -webkit-transition: all 0.2s ease-in-out;
  278. -moz-transition: all 0.2s ease-in-out;
  279. -o-transition: all 0.2s ease-in-out;
  280. }
  281.  
  282. #links a:hover{
  283. color:{color:Link Hover};
  284. text-transform:lowercase;
  285. -webkit-transition: opacity 0.7s linear;opacity: 1;
  286. -webkit-transition: all 0.3s ease-out;
  287. -moz-transition: all 0.3s ease-out;
  288. transition: all 0.3s ease-out;
  289. }
  290.  
  291. .user_1 .label {
  292. color:{color:Link};
  293. font-family:'georgia';
  294. font-size: 10px;
  295. padding: 5px;
  296. text-transform:uppercase;
  297. font-weight:bold
  298. }
  299.  
  300. .user_2 .label {
  301. color:{color:Entry titles};
  302. font-family:'georgia';
  303. font-size: 10px;
  304. padding: 5px;
  305. text-transform:uppercase;
  306. font-weight:bold
  307. }
  308.  
  309. .user_3 .label {
  310. color:{color:Link};
  311. font-family:'georgia';
  312. font-size: 10px;
  313. padding: 5px;
  314. text-transform:uppercase;
  315. font-weight:bold
  316. }
  317.  
  318. .user_4 .label {
  319. color:{color:Entry titles};
  320. font-family:'georgia';
  321. font-size: 10px;
  322. padding: 5px;
  323. text-transform:uppercase;
  324. font-weight:bold
  325. }
  326.  
  327. .user_5 .label {
  328. color:{color:Link};
  329. font-family:'georgia';
  330. font-size: 10px;
  331. padding: 5px;
  332. text-transform:uppercase;
  333. font-weight:bold
  334. }
  335.  
  336. .user_6 .label {
  337. color:{color:Entry titles};
  338. font-family:'georgia';
  339. font-size: 10px;
  340. padding: 5px;
  341. text-transform:uppercase;
  342. font-weight:bold
  343. }
  344.  
  345. .user_7 .label {
  346. color:{color:Link};
  347. font-family:'georgia';
  348. font-size: 10px;
  349. padding: 5px;
  350. text-transform:uppercase;
  351. font-weight:bold
  352. }
  353.  
  354. .user_8 .label {
  355. color:{color:Entry titles};
  356. font-family:'georgia';
  357. font-size: 10px;
  358. padding: 5px;
  359. text-transform:uppercase;
  360. font-weight:bold
  361. }
  362.  
  363. .user_9 .label {
  364. color:{color:Link};
  365. font-family:'georgia';
  366. font-size: 10px;
  367. padding: 5px;
  368. text-transform:uppercase;
  369. font-weight:bold
  370. }
  371.  
  372. .user_10 .label {
  373. color:{color:Entry titles};
  374. font-family:'georgia';
  375. font-size: 10px;
  376. padding: 5px;
  377. text-transform:uppercase;
  378. font-weight:bold
  379. }
  380.  
  381.  
  382. ul.chat, .chat ol, .chat li {
  383. list-style:none;
  384. margin-top:-8px;
  385. margin-bottom:0px;
  386. padding: 3px;
  387. }
  388.  
  389. p {
  390. margin-top:0px;
  391. margin-bottom:4px
  392. }
  393.  
  394.  
  395. #entries {
  396. position:absolute;
  397. margin-left:550px;
  398. margin-top:50px;
  399. font-size:10px;
  400. text-align:justify;
  401.  
  402. }
  403.  
  404. #post {
  405. background-color:transparent;
  406. padding:8px;
  407. padding-top:5px;
  408. padding-bottom:5px;
  409. margin-bottom:35px;
  410. width:500px;
  411. }
  412.  
  413.  
  414. #quotetext {
  415. font-family:'georgia';
  416. font-size:15px;
  417. color:{color:Borders};
  418. font-style:normal;
  419. text-align:center;
  420. margin-top:5px;
  421. padding:2px;
  422. }
  423.  
  424.  
  425. #asks {
  426. text-align:left;
  427. font-size:10px;
  428. font-family:'georgia';
  429. margin:5px;
  430. padding:10px;
  431. min-height:47px;
  432. background-color:transparent;
  433. box-shadow:3px 3px 3px {color:Info Bg};
  434. }
  435.  
  436. .asker {
  437. font-family:'georgia';
  438. color:{color:Entry titles};
  439. text-transform:uppercase;
  440. margin-top:2px;
  441. margin-bottom:-8px;
  442. font-size:14px;
  443. font-style:italic;
  444. text-shadow: 1px 0px 0px #000;
  445.  
  446. }
  447.  
  448. #askimage {
  449. height:50px;
  450. width:50px;
  451. float:left;
  452. margin-top:15px;
  453. margin-left:15px;
  454. padding-right:5px;
  455. opacity:0.5;
  456. -webkit-transition:all 0.4s ease-in-out;
  457. -moz-transition:all 0.4s ease-in-out;
  458. -o-transition:all 0.4s ease-in-out;
  459. -ms-transition: all 0.4s ease-in-out;
  460. transition:all 0.5s ease-in-out;
  461. }
  462.  
  463. #answers {
  464. padding-left:20px;
  465. padding-right:20px;
  466. margin-left:5px;
  467. margin-top:8px;
  468. margin-bottom:10px;
  469. text-align:justify;
  470. }
  471.  
  472. #audio {
  473. border-radius:100%;
  474. width:100%;
  475. height:100px;
  476. margin-bottom:5px
  477. }
  478.  
  479. .albumart {
  480. border-radius:50px;
  481. margin-top:15px;
  482. margin-left:15px;
  483. float:left;
  484. width:71px;
  485. height:71px
  486. }
  487.  
  488. .player {
  489. border-radius:50px;
  490. margin-left:10px;
  491. margin-top:10px;
  492. display:block;
  493. height:59px;
  494. width:59px;
  495. padding:11px;
  496. overflow:hidden;
  497. position:absolute;
  498. opacity:0.5;
  499. background:#fff;
  500. -webkit-transition:all 0.4s ease-in-out;
  501. -moz-transition:all 0.4s ease-in-out;
  502. -o-transition:all 0.4s ease-in-out;
  503. -ms-transition: all 0.4s ease-in-out;
  504. transition:all 0.5s ease-in-out
  505. }
  506.  
  507. .player:hover {
  508. opacity:0.9;
  509. -webkit-transition:all 0.4s ease-in-out;
  510. -moz-transition:all 0.4s ease-in-out;
  511. -o-transition:all 0.4s ease-in-out;
  512. -ms-transition: all 0.4s ease-in-out;
  513. transition:all 0.5s ease-in-out}
  514.  
  515. .audioplayer {
  516. width:30px;
  517. height:30px;
  518. margin-top:17px;
  519. margin-left:17px;
  520. overflow:hidden
  521.  
  522. }
  523.  
  524. .audioinfo {
  525. font-size:9px;
  526. font-family:georgia;
  527. text-transform:uppercase;
  528. color:{color:text};
  529. text-align:left;
  530. padding-top:22px;
  531. margin-left:90px;
  532. }
  533.  
  534. .audiotitle {
  535. color:{color:Entry titles};
  536. margin-top:-3px;
  537. margin-bottom:-6px;
  538. margin-left:5px;
  539. text-transform: uppercase;
  540. font-size: 20px;
  541. font-family:'georgia';
  542. font-weight:bold;
  543. text-shadow: 1px 1px 1px #000;
  544. }
  545.  
  546. #info {
  547. font-family:'georgia';
  548. font-size:8px;
  549. text-align: right;
  550. margin-bottom: 0px;
  551. margin-top: 5px;
  552. padding-right:5px;
  553. padding: 0px;
  554. padding-top: 2px;
  555. color:{color:Body};
  556. text-transform:uppercase;
  557. background-color:transparent;
  558. border-top:1px solid {color:Info Bg};
  559. }
  560.  
  561. #info2 {
  562. font-family:'georgia';
  563. font-size:8px;
  564. text-align: right;
  565. margin-bottom: -2px;
  566. padding: 0px;
  567. padding-top: 0px;
  568. padding-bottom:0px;
  569. padding-right:5px;
  570. color:{color:Body};
  571. text-transform:lowercase;
  572. font-style:italic;
  573. background-color:transparent;
  574. }
  575.  
  576. #credit a{
  577. position:fixed;
  578. right:3px;
  579. bottom:3px;
  580. padding:4px;
  581. background:white;
  582. font-size:11px;
  583. color:black;
  584. -moz-transition-duration:1s;
  585. -webkit-transition-duration:1s;
  586. -o-transition-duration:1s;
  587. }
  588.  
  589. #credit a:hover {
  590. opacity:1;
  591. color:white;
  592. background:black;
  593. -moz-transition-duration:1s;
  594. -webkit-transition-duration:1s;
  595. -o-transition-duration:1s;
  596. }
  597.  
  598.  
  599. </style>
  600. <style type="text/css">{CustomCSS}</style>
  601. </head>
  602.  
  603. <body>
  604.  
  605.  
  606.  
  607. <div id="sidebar3"><center>
  608. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">backward</a>{/block:PreviousPage}&nbsp;—&nbsp;{block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}{/block:Pagination}</div> </center></div>
  609.  
  610. <div id="image2"></div>
  611.  
  612. <div id="image">
  613.  
  614. <div id="titlebar"><div id="toptitle">{text:main}</div></div>
  615.  
  616. <div id="sidebar">
  617.  
  618. <div id="description">
  619. {block:Description}
  620. {Description}{/block:Description}
  621. </div></div>
  622.  
  623.  
  624. <div id="sidebar2">
  625. <div id="links">
  626. <a href="{text:Link1 URL}">REFRESH.</a><br>
  627. <a href="{text:Link2 URL}">MESSAGE.</a><br>
  628. <a href="{text:Link3 URL}">{text:Link3}.</a><br>
  629. <a href="{text:Link4 URL}">{text:Link4}.</a><br>
  630. <a href="{text:Link5 URL}">{text:Link5}.</a><br>
  631. <a href="{text:Link6 URL}">{text:Link6}.</a>
  632.  
  633. </div>
  634.  
  635. </div></div>
  636.  
  637. </div>
  638.  
  639.  
  640.  
  641. </div>
  642.  
  643. </div>
  644.  
  645.  
  646.  
  647.  
  648. <div id="entries">
  649.  
  650. {block:Posts}
  651.  
  652. <div id="post">
  653.  
  654.  
  655. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  656.  
  657. {block:Quote}<div id="quotetext">&quot;{Quote}&quot; </div>
  658. <div style="font-family:georgia; font-size:10px; text-align:right; padding-bottom:2px;">— {Source}</div>{/block:Quote}
  659.  
  660. {block:Link}<a href="{URL}" class="link" {Target}> <h2>➝ {Name}</h2></a>
  661. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  662.  
  663. {block:Photo}<div style="padding-top:2px;"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  664. {block:Photoset}<div style="padding-top:2px;"><center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  665.  
  666. {block:Chat}{block:Title}<h3>{Title}</h3>{/block:Title}<div style="padding:10px;">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  667.  
  668. <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>
  669.  
  670. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  671.  
  672.  
  673.  
  674.  
  675. {block:Audio}
  676. <div id="audio">
  677. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  678. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 50px">{/block:AlbumArt}</div>
  679. <div class="audioinfo">
  680. <div class="audiotitle">{block:TrackName}{TrackName} ➝{/block:TrackName}</div><br>
  681. <div style="padding-left:20px;">{block:Artist}⋆ <b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br>
  682. ⋆ <b>Album:</b> {Album}{/block:Album}<br>
  683. ⋆ <b>Played:</b> {FormattedPlayCount} times</div></div>
  684. {block:Caption}{Caption}{/block:Caption}</div>
  685. {/block:Audio}
  686.  
  687. {block:Answer}
  688. <div id="askimage"><img src="{AskerPortraitURL-64}" style="border-radius:40px;"></div>
  689. <div id="asks"><div style="font-family:'georgia'; text-transform:uppercase; font-size:14px; text-align:left; padding-top:5px; text-shadow: 1px 0px 0px #000; font-style:italic; color:{color:link};">{Asker} wondered »</div><p></p>
  690. <div style="margin-left:10px; text-align:justify; text-transform:normal; font-size:9px;">{Question}</div></div>
  691. <div id="answers">{Answer}</div>{/block:Answer}
  692.  
  693. <div id="info">{block:Date}<b><a href="{Permalink}">{TimeAgo}</a></b>{/block:Date}
  694. {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}
  695. {block:ContentSource} <a href="{SourceURL}">♥</a> {block:ContentSource}{/block:RebloggedFrom}<br>
  696. <div id="info2">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  697. </div></div>
  698.  
  699. </div>
  700. {block:PostNotes}<div style="padding-left:20px;">{PostNotes}</div>{/block:PostNotes}
  701. {/block:Posts}
  702.  
  703.  
  704. </div></div>
  705.  
  706. </div>
  707.  
  708.  
  709.  
  710. <div id="credit"><a href="http://bramrps.tumblr.com/tagged/mythemes">BRPS</a></div>
  711. </body>
  712. </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!