Advertisement
bljrps

THEME 002: BEVERLY HILLS

May 2nd, 2015
566
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.67 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <head><title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!-- A THEME BY BILLYLEWISJRRPS.
  12. " B E V E R L Y H I L L S "
  13. DON'T REDISTRUBTE EVER, OKAY? THANKS! -->
  14.  
  15. <meta name="image:Background" content="">
  16. <meta name="image:littlepic" content="">
  17. <meta name="image:sidebar" content="">
  18. <meta name="image:bbar" content="" />
  19.  
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:entries" content="#dfdfdf"/>
  23. <meta name="color:Text" content="#8f8f8f"/>
  24. <meta name="color:Title" content="#8f8f8f"/>
  25. <meta name="color:SBLinks" content="#8f8f8f" />
  26. <meta name="color:SBLinksBG" content="#dfdfdf"/>
  27. <meta name="color:borders" content="#8f8f8f"/>
  28. <meta name="color:link" content="#8f8f8f"/>
  29. <meta name="color:Hover" content="#8f8f8f"/>
  30. <meta name="color:Scrollbar" content="#dfdfdf"/>
  31. <meta name="color:InfoBG" content="#8f8f8f"/>
  32. <meta name="color:shadow" content="#111111" />
  33.  
  34. <meta name="text:Home URL" content="/">
  35. <meta name="text:Home" content="Home">
  36. <meta name="text:Ask URL" content="/">
  37. <meta name="text:Ask" content="Ask">
  38. <meta name="text:blogtitle" content="this is your main title" />
  39. <meta name="text:subtitle" content="this is your second title" />
  40. <meta name="text:Link 1 URL" content="/">
  41. <meta name="text:Link 1" content="Link 1">
  42. <meta name="text:Link 2 URL" content="/">
  43. <meta name="text:Link 2" content="Link 2">
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. ::-moz-selection {background-color:#eeeeee; color:{color:scrollbar};}
  49.  
  50. ::selection {background-color:#eeeeee; color:{color:scrollbar};}
  51.  
  52. b, strong {color:{color:title}}
  53. i, em {color:{color:text}}
  54. p {margin-top:5px; margin-bottom:5px}
  55.  
  56. blockquote {border-left:1px solid {color:borders}; padding-left:5px; margin:1px 2px 1px 10px}
  57. hr {background-color: #fff; margin-left:0px; width:500px; height: 1px; border: 0; }
  58.  
  59. code {/*what your code will look like*/
  60. font-size:9px;
  61. font-family:georgia;
  62. color:{color:text};
  63. text-transform:uppercase;}
  64.  
  65. pre {padding: 5px;
  66. background-color:{color:background};
  67. border: 1px solid {color:borders};
  68. color: {color:title};
  69. font-family:arial;
  70. text-shadow: 1px 1px 0px {color:shadow};
  71. line-height:100%;
  72. text-align:center;
  73. font-size: 17px;
  74. font-weight: bold;
  75. font-style:italic;
  76. text-transform: uppercase;
  77. white-space: pre-wrap;
  78. margin-top: 8px;
  79. margin-bottom:3px;}
  80.  
  81. .entries img {border:1px solid {color:borders};
  82. display:block;
  83. margin:0px;
  84. max-width:100%;
  85. padding:5px;
  86. background-image:url('{image:bbar}');
  87. }
  88.  
  89. /*YOUR THEME BASICS*/
  90.  
  91. body {color:{color:text}; text-align:justify; font-size:10px; font-family:georgia; background-color:{color:background}; letter-spacing:0px;}
  92.  
  93. a {color:{color:link}; text-decoration:none; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; font-style:italic; letter-spacing:0px; font-style:none;}
  94. a:hover {color:{color:text}; letter-spacing:0px; font-style:italic; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  95.  
  96. #image {position:fixed; background-color:{color:sidebar}; width:388px; height:155px; overflow:hidden; margin-top:97px; margin-left:150px; border:1px solid{color:borders};}
  97.  
  98. #bbar {position:fixed; background-image: url('{image:bbar}'); background-color:#ffffff; width:400px; height:385px; overflow:hidden; margin-top:91px; margin-left:144px; border:1px solid {color:borders}}
  99.  
  100. .sidebar {
  101. position:fixed;
  102. width:100px;
  103. height:100px;
  104. margin-left:150px;
  105. margin-top:293px;
  106. padding:10px;
  107. background-color:{color:borders};
  108. z-index:99999999999999999;
  109. opacity:1;
  110. }
  111.  
  112. .sidebar img{padding:5px;
  113. background-image:url('{image:bbar}');
  114. position:fixed;
  115. width:100px;
  116. height:100px;
  117. margin-left:-5px;
  118. margin-top:-5px;
  119. }
  120. .description {border:1px solid {color:borders};
  121. position:fixed;
  122. overflow:auto;/*it will have a scrollbar*/
  123. height:130px;
  124. width:243px;
  125. margin-left:275px;
  126. margin-top:260px;
  127. padding:10px;
  128. opacity:1;
  129. text-align:justify;
  130. font-family:georgia;
  131. font-size:10px;
  132. background-color:{color:entries};
  133. color:{color:text};
  134. z-index:9999999;
  135. }
  136.  
  137. .title {
  138. position:fixed;
  139. display:block;
  140. text-align:center;
  141. padding:10px;
  142. width:100px;
  143. margin-top:260px;
  144. margin-left:150px;
  145. font-family:georgia;
  146. font-style:italic;/*can also be normal, italic, or oblique*/
  147. font-weight:normal;/*can also be bold*/
  148. text-transform:uppercase;
  149. font-size:8px;
  150. z-index:999999999;
  151. background-color:{color:borders};
  152. color:{color:SBLinksBG}; }
  153.  
  154. #blogtitle {position:fixed; margin-top:58px; margin-left:145px;text-align:center; color:{color:title}; font-family:arial; font-size:35px; font-style:italic; font-weight:bold; letter-spacing:-2px; line-height:85%; text-align: center; text-transform:uppercase; margin-bottom:-4px; margin-right:5px; text-shadow: 1px 1px 0px {color:shadow};}
  155.  
  156. #sub {position:fixed; margin-left:347px; margin-top:78px; color:{color:background};text-shadow: 1px 1px 0px {color:shadow}; font-family:georgia; font-size:11px; letter-spacing:2px; font-style:none; text-align:right; margin-bottom:5px}
  157.  
  158. .links {
  159. position:fixed;
  160. width:340px;
  161. height:500px;
  162. margin-left:239px;
  163. margin-top:418px;
  164. text-align:center;
  165. z-index:99999;
  166. }
  167.  
  168. .links a {text-shadow: 1px 1px 0px {color:shadow};
  169. display:inline-block;
  170. position:center;
  171. margin-left:2px;
  172. margin-right:5px;
  173. margin-top:4px;
  174. margin-bottom:0px;
  175. padding:5px;
  176. width:115px;
  177. font-family:arial;
  178. font-style:italic;
  179. font-weight:bold;
  180. text-decoration:none;
  181. text-transform:uppercase;
  182. font-size:10px;
  183. color:{color:SBLinks};
  184. background-color:{color:SBLinksBG};
  185. border:1px solid {color:borders};
  186. -webkit-transition:all 0.5s ease-in-out;
  187. -moz-transition:all 0.5s ease-in-out;
  188. -o-transition:all 0.5s ease-in-out;
  189. transition:all 0.5s ease-in-out;}
  190.  
  191. .links a:hover {
  192. text-decoration:none;
  193. color:{color:Hover};
  194. background-color:{color:background};
  195. -webkit-transition:all 0.5s ease-in-out;
  196. -moz-transition:all 0.5s ease-in-out;
  197. -o-transition:all 0.5s ease-in-out;
  198. transition:all 0.5s ease-in-out;}
  199.  
  200. #pagination {position:fixed;
  201. display:block;
  202. text-align:center;
  203. text-shadow:1px solid {color:shadow};
  204. padding:18px;
  205. width:83px;
  206. height:15px;
  207. z-index:999999999;
  208. margin-top:420px;
  209. margin-left:150px;
  210. font-size:8.5px;
  211. font-family:'times new roman';
  212. font-style:italic;
  213. text-transform:uppercase;
  214. text-align:center; z-index:999999999;
  215. background-color:{color:borders};
  216. color:{color:SBLinksBG};}
  217. #pagination a {color:{color:link}}
  218. #pagination a:hover {color:{color:text}}
  219.  
  220. #entriesbg {
  221. height:auto;
  222. width:522px;
  223. padding:5px;
  224. margin-bottom:30px;
  225. background-color:{color:entries};
  226. border:1px solid {color:borders};
  227. background-image:url('{image:bbar}');}
  228.  
  229. .posts {margin-left:600px;
  230. overflow:auto;
  231. margin-top:20px;
  232. color:{color:text};
  233. }
  234. .post_title {font-family:arial;
  235. padding:5px;
  236. background-image:url({image:bbar});
  237. border:1px solid {color:borders};
  238. font-size:25px;
  239. font-style:italic;
  240. text-transform:uppercase;
  241. font-weight:700;
  242. margin:0px 0px 10px 0px;
  243. text-shadow: 1px 1px 0px {color:shadow};
  244. color:{color:title};
  245. }
  246.  
  247. .entries {/*entries are INSIDE posts*/
  248. width:500px;
  249. padding:10px;
  250. color:{color:text};
  251. background-color:{color:entries};
  252. border:1px solid {color:borders};
  253. }
  254.  
  255. .info {/*# of notes, the time posted, etc*/
  256. display:block;
  257. padding:10px;
  258. font-size:13px;
  259. font-family:georgia;
  260. text-transform:uppercase;
  261. font-style:italic;
  262. text-align:center;
  263. color:{color:link};
  264. background-color:{color:InfoBG};
  265. margin-top:0px;
  266. margin-bottom:1px;
  267. margin-left:0px;
  268. border-bottom:1px solid {color:borders};
  269. border-right:1px solid {color:borders};
  270. border-left:1px solid {color:borders};
  271. width:500px;}
  272.  
  273. .info a {
  274. color:{color:link};
  275. -webkit-transition:all 0.5s ease-in-out;
  276. -moz-transition:all 0.5s ease-in-out;
  277. -o-transition:all 0.5s ease-in-out;
  278. transition:all 0.5s ease-in-out;}
  279.  
  280. .info a:hover {
  281. color:{color:hover};
  282. -webkit-transition:all 0.5s ease-in-out;
  283. -moz-transition:all 0.5s ease-in-out;
  284. -o-transition:all 0.5s ease-in-out;
  285. transition:all 0.5s ease-in-out;}
  286.  
  287. #tags {
  288. margin-top:3px;
  289. padding:5px;
  290. font-weight:bold;
  291. font-family:arial;
  292. width:490px;
  293. text-transform:uppercase;
  294. background-image:url({image:bbar});
  295. font-size:11px;
  296. border:1px solid {color:borders};
  297. }
  298.  
  299. #tags a {
  300. color:{color:link};
  301. text-shadow: 1px 1px 0px {color:shadow};
  302. }
  303.  
  304.  
  305. /*POST TYPES AND POST ATTRIBUTES*/
  306.  
  307.  
  308. .text {
  309. display:block;
  310. padding:5px;
  311. text-align:justify;
  312. color:{color:Text};
  313. }
  314.  
  315. .photo img {
  316. display:block;
  317. margin-bottom:5px; }
  318.  
  319. .quote {
  320. display:block;
  321. padding:10px;
  322. text-align:center;
  323. font-size:20px;
  324. font-family:'cambria';
  325. font-style:italic;
  326. border-top:5px solid {color:borders};
  327. color:{color:entries};
  328. background-color:{color:InfoBG};}
  329.  
  330. .source {
  331. display:block;
  332. padding:5px;
  333. text-align:right;
  334. font-size:9px;}
  335.  
  336. .chat ul {
  337. display:block;
  338. list-style:none;
  339. margin-left:-40px;
  340. }
  341.  
  342. /* chat lines style */
  343. .chat li {
  344. padding:5px;
  345. display:block;
  346. }
  347.  
  348. /* odd lines style */
  349. .chat .odd {color:white; font-size:12px; padding:5px;
  350. background:{color:text};margin-bottom:4px;
  351. }
  352.  
  353. /* even lines style */
  354. .chat .even {color:white; font-size:12px; margin-bottom:4px;padding:5px; text-align:right;
  355. background:{color:link};
  356. }
  357.  
  358. #audios {
  359. width:100%;
  360. height:100px;
  361. margin-bottom:7px}
  362.  
  363. .albumart {
  364. float:left;
  365. width:100px;
  366. height:100px}
  367.  
  368. .player {
  369. width:25px;
  370. height:25px;
  371. margin-top:34px;
  372. margin-left:33px;
  373. overflow:hidden;
  374. position:absolute;
  375. padding:3px;
  376. opacity:0.4;
  377. -webkit-transition:all 0.4s ease-in-out;
  378. -moz-transition:all 0.4s ease-in-out;
  379. -o-transition:all 0.4s ease-in-out;
  380. -ms-transition: all 0.4s ease-in-out;
  381. transition:all 0.5s ease-in-out}
  382.  
  383. .player:hover {
  384. opacity:0.7;
  385. -webkit-transition:all 0.4s ease-in-out;
  386. -moz-transition:all 0.4s ease-in-out;
  387. -o-transition:all 0.4s ease-in-out;
  388. -ms-transition: all 0.4s ease-in-out;
  389. transition:all 0.5s ease-in-out}
  390.  
  391. .audioinfo {
  392. margin-left:120px;
  393. line-height:150%;
  394. font-family:calibri;
  395. font-size:10px}
  396.  
  397.  
  398. #asker {width:500px;
  399. text-align:right;
  400. font-family:arial;
  401. font-style: italic;
  402. color{color:link};
  403. font-size:19px;
  404. letter-spacing:0px;
  405. margin-left:-23px;
  406. margin-top:-10px;
  407. text-shadow: 1px 1px 0px {color:shadow};}
  408. #asker a {color:{color:link};}
  409. #asker a:hover {color:{color:text};}
  410. #question {padding:1px;
  411. margin-top:2px;
  412. margin-bottom:-6px;
  413. margin-left:1px;
  414. font-family:arial;
  415. text-align:center;
  416. font-size:25px;
  417. letter-spacing:-1px;
  418. text-transform:uppercase;
  419. font-weight:bold;
  420. font-style:italic;
  421. text-shadow: 1px 1px 0px {color:shadow};
  422. color:{color:title};
  423. border: 1px solid {color:borders};
  424. background-image: url('{image:bbar}');
  425. z-index:1;}
  426.  
  427. /*NOTES DO NOT REMOVE*/
  428. .notes {
  429. font-family:georgia;
  430. text-align:center;
  431. text-transform:uppercase;
  432. font-size:8px;
  433. width:520px;
  434. margin-left:-30px;
  435. margin-top:20px;
  436. color:{color:SBLINKS};
  437. background-color:rgba(0,0,0,0);/*the rgba thing makes it transparent*/
  438. }
  439.  
  440. .notes a{
  441. color:{color:SBLINKSBG};
  442. }
  443.  
  444. .notes li{
  445. list-style-type:none;
  446. background-color:rgba(0,0,0,0);
  447. padding:5px;
  448. }
  449.  
  450. .notes img {
  451. opacity:0;
  452. display:none;
  453. }
  454.  
  455.  
  456. ::-webkit-scrollbar {width: 5px; height: 3px; background: {color:background};}
  457.  
  458. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; border:1px solid #000; -moz-border-radius: 5px;border-radius: 75px;}
  459.  
  460. /* credit do not touch */
  461. .creditup a{font-family:arial;
  462. font-size:9px;
  463. bottom:5px;
  464. right:7px;
  465. position:fixed;
  466. font-weight:bold;
  467. center;
  468. text-transform:uppercase;
  469. color:{color:scollbar};
  470. text-align:justify;
  471. text-decoration:none;}
  472. .creditup span{letter-spacing:1.3px; font-family:georgia;}
  473. .creditup a:hover{color:{color:entries};}
  474.  
  475. </style>
  476.  
  477. </head>
  478. <!--HTML-->
  479. <body>
  480. </ul><div id="bbar"><img src="{image:bbar}" /></div>
  481. <div id="image" align="center"><img src="{image:sidebar}" /></div>
  482.  
  483. <div class="sidebar"><img src="{image:littlepic}"></div>
  484. <div class="links">
  485. <a href="{text:Home URL}">{text:Home}</a>
  486. <a href="{text:Ask URL}">{text:Ask}</a>
  487. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  488. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2} <!--- add more links by copy and pasting whats above until you hav eyour desired amount!--->
  489.  
  490. </div>
  491.  
  492.  
  493. </div>
  494. <div class="title">{Title}</div></div></div>
  495. <div class="description">
  496. {Description}</div>
  497.  
  498. </div>
  499. <div id="blogtitle">{text:blogtitle}</div>
  500. <div id="sub">{text:subtitle}</div>
  501. </div><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} page {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  502. <!--POSTS-->
  503.  
  504. <div class="posts">
  505.  
  506. {block:Posts}<div id="entriesbg">
  507.  
  508. <div class="entries">
  509.  
  510. <!--TEXT POSTS-->
  511.  
  512. {block:Text}
  513.  
  514. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  515. <div class="text">{Body}</div>
  516.  
  517. {/block:Text}
  518.  
  519. <!--END TEXT POSTS-->
  520.  
  521. <!--PHOTO POSTS-->
  522.  
  523. {block:Photo}
  524.  
  525. <div class="photo"><center><img src="{PhotoURL-500}"/></center></div>
  526. <div class="text">{Caption}</div>
  527.  
  528. {/block:Photo}
  529.  
  530. <!--END PHOTO POSTS-->
  531.  
  532. <!--PHOTOSET POSTS-->
  533.  
  534. {block:Photoset}
  535.  
  536. <center><div class="photo">{Photoset-500}</div></center>
  537. <div class="text">{Caption}</div>
  538.  
  539. {/block:Photoset}
  540.  
  541. <!--END PHOTOSET POSTS-->
  542.  
  543. <!--QUOTE POSTS-->
  544.  
  545. {block:Quote}
  546.  
  547. <div class="quote">"{Quote}"</div>
  548. <div class="source">{Source}</div>
  549.  
  550. {/block:Quote}
  551.  
  552. <!--END QUOTE POSTS-->
  553.  
  554. <!--LINK POSTS-->
  555.  
  556. {block:Link}
  557.  
  558. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  559. {block:Description}<div class="text">{Description}</div>{/block:Description}
  560.  
  561. {/block:Link}
  562.  
  563. <!--END LINK POSTS-->
  564.  
  565. <!--CHAT POSTS-->
  566.  
  567. {block:Chat}
  568.  
  569. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  570. <div class="chat">
  571. <ul>
  572. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  573. </ul>
  574. </div>
  575.  
  576. {/block:Chat}
  577.  
  578. <!--END CHAT POSTS-->
  579.  
  580. {block:Audio}
  581. <div id="audios">
  582. <div class="player">{AudioPlayerWhite}</div>
  583. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  584. <div class="audioinfo"><br>
  585. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  586. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  587. <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
  588. <b>PLAYS:</b> {PlayCount}</div></div>
  589. {block:Caption}{Caption}{/block:Caption}
  590. {/block:Audio}
  591.  
  592. <!--END AUDIO POSTS-->
  593.  
  594. <!--VIDEO POSTS-->
  595.  
  596. {block:Video}
  597.  
  598. <center><div class="photo">{VideoEmbed-500}</div></center>
  599. <div class="text">{Caption}</div>
  600.  
  601. {/block:Video}
  602.  
  603. <!--END VIDEO POSTS-->
  604.  
  605. <!--ANSWER POSTS-->
  606. {block:Answer}
  607. <div id="question">
  608. <br>
  609. {Question}<br><br></div>
  610. <div id="asker">{Asker}<b> asked this,</b></div><br>
  611. <div id="answer">{Answer}</div>
  612. {/block:Answer}
  613.  
  614. <!--END ANSWER POSTS-->
  615. </div>
  616. <div class="info">
  617. <a><a href="{Permalink}"> {NoteCountWithLabel}</a> — {block:Date} {TimeAgo} ON {DayOfMonthWithZero} {ShortMonth} {Year}{/block:Date}{block:RebloggedFrom} — <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom} {block:ContentSource}& <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}<br>
  618. {block:HasTags}
  619. <div id="tags">
  620. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  621. </div>{/block:HasTags}
  622. </div>
  623. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  624. </div> {/block:Posts}
  625. </div>
  626. </div>
  627. {/block:PermalinkPage}
  628. </div>
  629.  
  630. </div>
  631. </div>
  632. <!-- DO NOT TOUCH THIS CREDIT! -->
  633. <div class="creditup"><a href="http://billylewisjrrps.tumblr.com"><span>BLJRPS</span><br>t h e m e</a></div>
  634.  
  635. <!-- thanks for using my theme friend! -->
  636. </div>
  637. </div>
  638. <!--END POSTS-->
  639.  
  640. </body>
  641.  
  642. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement