API tools faq
paste
Advertisement
bramrps

THEME 32: RACHEL BERRY

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