API tools faq
paste
Advertisement
belgravs

Blackberry Theme

belgravs
Dec 19th, 2013
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!---- customized theme by sasha @belgravs, keep credit intact if you want to survive. base code by hoenarry. ---->
  14.  
  15. <style type="text/css">html, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  16.  
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19.  
  20. <meta name="color:title" content="#000000"
  21.  
  22. <meta name="color:text" content="#838282"/>
  23.  
  24. <meta name="color:link" content="#b8b8b8"/>
  25.  
  26. <meta name="color:border" content="#989898"/>
  27.  
  28. <meta name="color:link hover" content="#181818"/>
  29.  
  30. <meta name="image:sidebar" content=""/>
  31.  
  32. <meta name="image:titletab" content=""/>
  33.  
  34. <meta name="text:link1" content="">
  35.  
  36. <meta name="text:link1 url" content="/">
  37.  
  38. <meta name="text:link2" content="">
  39.  
  40. <meta name="text:link2 url" content="/">
  41.  
  42. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  43.  
  44. <style>
  45. div#qTip {
  46. padding: 2px;
  47. display: none;
  48. text-align: center;
  49. position: absolute;
  50. font-size:8px;
  51. line-height:10px;
  52. font-family:sans-serif;
  53. font-weight:bold;
  54. z-index: 1000;
  55. background: #000;
  56. border:1px solid {color:border};
  57. color: #fff;
  58. text-transform:uppercase;
  59. letter-spacing: 1px;
  60. }
  61. </style>
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {
  67. background-color:#000; /*scrollbar's slider color*/
  68. height:100px;
  69. -moz-border-radius: 0px; /*these make bar rounded*/
  70. border-radius: 0px;
  71. }
  72.  
  73. ::-webkit-scrollbar-thumb:horizontal {
  74. background-color:#000; /*scrollbar's slider color*/
  75. height:100px !important;
  76. }
  77.  
  78. ::-webkit-scrollbar {
  79. height:10px;
  80. width:5px; /*width of slider*/
  81. background-color:#ffffff; /*scrollbar's main color*/
  82. }
  83.  
  84. body {
  85. background:{color:background};
  86. margin:0px;
  87. color:{color:text};
  88. font-size:9px;
  89. line-height:100%;
  90. font-family: sans-serif;
  91.  
  92. }
  93.  
  94. #bite
  95. #bite a{
  96. display:block
  97. }
  98.  
  99. #bite .death {
  100. margin-top:-21px;filter: alpha(opacity = 0);
  101. opacity:0;-webkit-transition: all 0.5s ease-out;
  102. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  103. }
  104.  
  105. #bite:hover .death {
  106. margin-top:3px;
  107. -webkit-transition: all 0.8s ease-out;
  108. -moz-transition: all 0.8s ease-out;
  109. transition: all 0.8s ease-out;
  110. filter: alpha(opacity = 100);
  111. filter: alpha(opacity = 100);
  112. opacity:100;
  113. }
  114.  
  115.  
  116.  
  117. a {
  118.  
  119. text-decoration:none;
  120. outline:none;
  121. color:{color:link};
  122.  
  123. -moz-outline-style:none;
  124.  
  125. -moz-transition-duration:0.5s;
  126.  
  127. -webkit-transition-duration:0.5s;
  128.  
  129. -o-transition-duration:0.5s;
  130.  
  131. }
  132.  
  133.  
  134.  
  135. a:hover{
  136. color:{color:link hover};
  137. font-style:normal;
  138.  
  139. -moz-transition-duration:0.5s;
  140.  
  141. -webkit-transition-duration:0.5s;
  142.  
  143. -o-transition-duration:0.5s;
  144.  
  145. }
  146.  
  147. ::selection {
  148. background: #282828;
  149. color:#fff;
  150. }
  151.  
  152. ::-moz-selection {
  153. background: #282828;
  154. color: #fff;
  155. }
  156.  
  157. ::-webkit-selection {
  158. background: #282828;
  159. color: #fff;
  160. }
  161.  
  162.  
  163.  
  164. img {
  165. border:none;
  166. }
  167.  
  168.  
  169.  
  170. blockquote {
  171. padding-left:5px;
  172. border-left:2px solid;
  173. }
  174.  
  175.  
  176.  
  177. blockquote blockquote {
  178. padding-left:5px;
  179. border-left:2px solid;
  180. }
  181.  
  182.  
  183.  
  184. h1 {
  185. font-size:22px;
  186. }
  187.  
  188. h2 {
  189. font-size:16px;
  190. }
  191.  
  192. h3 {
  193. font-size:14px;
  194. }
  195.  
  196. #entries {
  197. padding:10px;
  198. width:500px;
  199. margin-left:450px;
  200. margin-top:0px;
  201. padding:0px;
  202. padding-left:50px;
  203. border-left:1px solid {color:border};
  204. }
  205.  
  206.  
  207.  
  208. #post {
  209. width:500px;
  210. }
  211.  
  212.  
  213.  
  214. /*Sidebar*/
  215.  
  216. #title{
  217. font-family:arial black;
  218. font-size:30px;
  219. letter-spacing:-3px;
  220. font-weight:bold;
  221. color:{color:title};
  222. text-align:center;
  223. height:40px;
  224. width:150px;
  225. line-height:50px;
  226. }
  227.  
  228.  
  229. #title a {
  230. color:{color:title};
  231. text-decoration:none;
  232. outline:none;
  233.  
  234. -moz-outline-style:none;
  235.  
  236. -moz-transition-duration:1s;
  237.  
  238. -webkit-transition-duration:1s;
  239.  
  240. -o-transition-duration:1s;
  241.  
  242. }
  243.  
  244.  
  245.  
  246. #title a:hover {
  247. cursor:help;
  248. color:{color:title};
  249. font-style:normal;
  250.  
  251. -moz-transition-duration:0.5s;
  252.  
  253. -webkit-transition-duration:0.5s;
  254.  
  255. -o-transition-duration:0.5s;
  256.  
  257. }
  258.  
  259.  
  260. #sidebar {
  261. width:150px;
  262. position:fixed;
  263. margin-left:200px;
  264. margin-top:200px;
  265. padding-right:-50px;
  266. }
  267.  
  268.  
  269. #sidebarimage {
  270. width:; 170px;
  271. }
  272.  
  273. #sidebarimage img {
  274. width:150px;
  275. }
  276.  
  277.  
  278. #links {
  279. margin-top: 2px;
  280. margin-left:0px;
  281. margin-bottom:-4px;
  282. font-size:12px;
  283. text-transform:normal;
  284. text-align:center;
  285. letter-spacing:2pxpx;
  286. line-height:170%;
  287. width:150px;
  288. font-style:normal;
  289. font-weight:bold;
  290. }
  291.  
  292.  
  293. #links a{
  294. padding:3px;
  295. color:{color:link};
  296. letter-spacing:0px;
  297. text-decoration:none;
  298.  
  299. -moz-transition-duration:1s;
  300.  
  301. -webkit-transition-duration:1s
  302.  
  303. -o-transition-duration:1s;
  304.  
  305. }
  306.  
  307. #links a:hover{
  308. color:{color:link hover};
  309. font-style:normal;
  310.  
  311. -moz-transition-duration:0.5s;
  312.  
  313. -webkit-transition-duration:0.5s;
  314.  
  315. -o-transition-duration:0.5s;
  316.  
  317. }
  318.  
  319. #description {
  320. width:150px;
  321. margin-top:5px;
  322. margin-left:0px;
  323. line-height:13px;
  324. text-align:center;
  325. font-size:11px;
  326. font-weight:bold;
  327. font-family:sans-serif;
  328. }
  329.  
  330. /*Pagi and Caption*/
  331.  
  332.  
  333. #pagination {
  334. font-size:16px;
  335. margin-top:40px;
  336. margin-bottom:20px;
  337. text-align:center;
  338. margin-left:0px;
  339. font-style:normal;
  340. font-weight:bold;
  341. }
  342.  
  343.  
  344.  
  345. .caption {
  346. width:500px;
  347. text-align:left;
  348. line-height:120%;
  349. }
  350.  
  351.  
  352.  
  353. /*Asks*/
  354.  
  355. .ask {
  356. padding:10px;
  357. text-align:left;
  358. color:{color:text};
  359. background-color:#eee;
  360. border-bottom:1px solid #eee;
  361. }
  362.  
  363. .ans {
  364. text-align:left;
  365. padding:10px;
  366. color:{color:text};
  367. }
  368.  
  369.  
  370.  
  371. /*Audio Player*/
  372.  
  373. .audio {
  374. width:500px;
  375. padding-bottom:0px;
  376. background-color:#000;
  377. height:50px;
  378. }
  379.  
  380. .playercontainer {
  381. text-align:left;
  382. padding: 0px;
  383. background-color:#181818;
  384. width:50px;
  385. }
  386.  
  387. .playbutton {
  388. width: 30px;
  389. height: 30px;
  390. overflow: hidden;
  391. position: absolute;
  392. z-index: 1000;
  393. margin: 11px 10px 10px 10px;
  394. }
  395.  
  396. .playbox {
  397. background-color: #e5e5e5;
  398. position: absolute;
  399. z-index: 1000;
  400. margin-top: 0px;
  401. margin-left: 0px;
  402. }
  403.  
  404. .audioinfo {
  405. text-align:center;
  406. padding:10px;
  407. margin-left:-5px;
  408. font-size:10px;
  409. color:#fff;
  410. width:500px;
  411. letter-spacing:1px;
  412. font-family: sans-serif;
  413. }
  414.  
  415.  
  416.  
  417. #postinfo {
  418. text-align:left;padding-top:3px;
  419. margin-top:5px;
  420. margin-bottom:10px;
  421. text-transform: lowercase;
  422. letter-spacing:0px;
  423. text-align:center;
  424. font-size:8px;
  425. line-height: 10px;
  426. color:{color:link};
  427. }
  428.  
  429.  
  430.  
  431. #postinfo a {
  432. color:{color:link};
  433. text-align:center;
  434. font-style:normal;
  435. }
  436.  
  437.  
  438.  
  439. #postinfo a:hover {
  440. color:{color:link hover};
  441. }
  442.  
  443.  
  444.  
  445. .note {
  446. text-transform:lowercase;
  447. font-style:normal;
  448. letter-spacing:0px;
  449. font-size: 9px;
  450. text-align:left;
  451. line-height:90%;
  452. margin-left:-40px;
  453. }
  454.  
  455.  
  456.  
  457. .note li {
  458. list-style-type:none;
  459. border-bottom:1px solid {color:border};
  460. padding:10px 25px 10px 25px;
  461. text-align:left;
  462. margin:0px;
  463.  
  464. -moz-transition-duration:0.5s;
  465.  
  466. -webkit-transition-duration:0.5s;
  467.  
  468. -o-transition-duration:0.5s;
  469.  
  470. }
  471.  
  472.  
  473.  
  474. .tags {
  475. font-style:normal;
  476. width:500px;
  477. text-transform:uppercase;
  478. font-style:normal;
  479. color:{color:tags};
  480. letter-spacing:2px;
  481. line-height:120%;
  482. font-size:8px;
  483. text-align:left;
  484. padding:2px;
  485.  
  486. -moz-transition-duration:0.5s;
  487.  
  488. -webkit-transition-duration:0.5s;
  489.  
  490. -o-transition-duration:0.5s;
  491.  
  492. }
  493.  
  494.  
  495.  
  496. .tags a {
  497. color:{color:tags};
  498. letter-spacing:1px;
  499. padding:1px;
  500. }
  501.  
  502.  
  503.  
  504. .tags a:hover {
  505. color:{color:link};
  506. }
  507.  
  508.  
  509. ul.chat, .chat ol, .chat li {
  510. list-style:none;
  511. margin:0px;
  512. padding:2px;
  513. }
  514.  
  515.  
  516.  
  517. .label {
  518. text-decoration:underline;
  519. font-weight:300;
  520. background-color:{color:infobg};
  521. margin-right:5px;
  522. }
  523.  
  524.  
  525.  
  526. #quote {
  527. line-height:17px;
  528. font-family:arial black;
  529. letter-spacing:-2px;
  530. }
  531.  
  532. #quotesource {
  533. line-height:10px;
  534. letter-spacing:0px;
  535. }
  536.  
  537.  
  538. .user_1 .label {color:{color:text}; font-weight:bold}
  539.  
  540. .user_2 .label {color:{color:link}; font-weight:bold}
  541.  
  542. .user_3 .label {color:{color:text}; font-weight:bold}
  543.  
  544. .user_4 .label {color:{color:link}; font-weight:bold}
  545.  
  546. .user_5 .label {color:{color:text}; font-weight:bold}
  547.  
  548. .user_6 .label {color:{color:link}; font-weight:bold}
  549.  
  550. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  551.  
  552.  
  553.  
  554. {CustomCSS}
  555.  
  556.  
  557.  
  558. </style>
  559.  
  560. </head><body>
  561.  
  562. <div id="bite">
  563. <div id="sidebar">
  564.  
  565. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  566.  
  567. <div id="title"><a href="/" style="cursor:help">{title}</a></div>
  568.  
  569.  
  570. <div id="links">
  571. <a href="/">home</a>
  572. <a href="/ask">mail</a>
  573. <a href="/">link1</a>
  574. <a href="/">link2</a>
  575. </div>
  576.  
  577.  
  578.  
  579. <div class="death">
  580. <div id="description">{Description}</div>
  581.  
  582. </div>
  583.  
  584. </div>
  585.  
  586. </div>
  587.  
  588. <div id="entries">
  589.  
  590.  
  591. {block:Posts}<div id="post"><br><br><br><br><br><br>
  592.  
  593.  
  594.  
  595. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  596.  
  597.  
  598.  
  599. <div id="quote">{block:Quote}<h1>❝{Quote}❞</h1></div><div id="quotesource"><h3>-{Source}</h3>{/block:Quote}</div>
  600.  
  601.  
  602.  
  603. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  604.  
  605. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  606.  
  607.  
  608.  
  609. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  610.  
  611.  
  612.  
  613. {block:Photoset}<center>{Photoset-500}</center>
  614.  
  615. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  616.  
  617.  
  618.  
  619. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  620.  
  621.  
  622.  
  623. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  624.  
  625.  
  626.  
  627. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  628.  
  629.  
  630. {block:Audio}<div class="audio">
  631. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  632. </div></div>
  633. <div class="audioinfo">{block:TrackName}<b>"{TrackName}"</b><br /><br />{/block:TrackName}{block:Artist}{Artist}<br />{/block:Artist}</div></div>
  634.  
  635. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642. <div id="postinfo"><a href="{Permalink}">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a> {/block:Date} | <a href="{Permalink}">{NoteCount} notes </a> {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a> | {/block:RebloggedFrom}
  643.  
  644. {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
  645.  
  646. {block:HasTags}<div id="tags">{block:Tags} # <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  647.  
  648. {/block:Posts}
  649.  
  650. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  651.  
  652.  
  653. {/block:Posts}</div></div></div>
  654.  
  655.  
  656. <div id="pagination">
  657. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">backward</a> {/block:PreviousPage} ♡
  658. {block:NextPage}<a href="{NextPage}">onward</a>{/block:NextPage}{/block:Pagination}
  659. </div>
  660.  
  661.  
  662. </div>
  663.  
  664.  
  665.  
  666.  
  667.  
  668. </div>
  669.  
  670. </div>
  671.  
  672.  
  673.  
  674. </div>
  675.  
  676.  
  677.  
  678. </body>
  679.  
  680.  
  681.  
  682. <div style="position:fixed; bottom:0px; right:10px">
  683.  
  684. <h1><a href="http://belgravs.tumblr.com">‽</a</h1>
  685.  
  686. </div>
  687.  
  688. </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!