precioussammy

crash

Dec 8th, 2014
372
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.80 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <head>
  12.  
  13. <!--
  14. © sunshinesthemes.tumblr.com | Base Code 1
  15. edited and created by precioussammy.tumblr.com
  16. -->
  17.  
  18. <!-- defaults -->
  19.  
  20. <!-- images -->
  21.  
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Sidebar" content="" />
  24. <meta name="image:Sidebar2" content="" />
  25.  
  26. <!-- colors -->
  27.  
  28. <meta name="color:Background" content="#ffffff" />
  29. <meta name="color:SidebarBackground" content="#000000" />
  30. <meta name="color:Body" content="#000000" />
  31. <meta name="color:Description" content="#000000" />
  32. <meta name="color:Info" content="#000000" />
  33. <meta name="color:Border" content="#eeeeee" />
  34. <meta name="color:Italic" content="#faacd7" />
  35. <meta name="color:NoteCount" content="#000000" />
  36. <meta name="color:Bold" content="#000000" />
  37.  
  38. <meta name="color:Tags" content="#000000" />
  39. <meta name="color:TagsHover" content="#ffffff" />
  40.  
  41. <meta name="color:Pagination" content="#000000" />
  42. <meta name="color:PaginationHover" content="#000000" />
  43.  
  44. <meta name="color:Links" content="#000000" />
  45. <meta name="color:LinksHover" content="#000000" />
  46.  
  47. <meta name="color:SidebarLinks" content="#000000" />
  48. <meta name="color:SidebarLinksHover" content="#000000" />
  49.  
  50. <!-- links/text -->
  51.  
  52. <meta name="text:Link1" content="/" />
  53. <meta name="text:Link1 Title" content="link" />
  54. <meta name="text:Link2" content="/" />
  55. <meta name="text:Link2 Title" content="link" />
  56. <meta name="text:Link3" content="/" />
  57. <meta name="text:Link3 Title" content="link" />
  58. <meta name="text:Link4" content="/" />
  59. <meta name="text:Link4 Title" content="link" />
  60.  
  61. <!-- tooltips -->
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:90,
  71. tip_fade_speed:600,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <style type="text/css">
  79.  
  80. /* fonts (if you use them) */
  81.  
  82. /* scroll bar */
  83.  
  84. ::-webkit-scrollbar-thumb {
  85. background:#ccc;
  86. border: 1px solid white;
  87. height:auto;
  88. }
  89.  
  90. ::-webkit-scrollbar {
  91. height:9px;
  92. width:0px;
  93. background:#ccc;
  94. border:4px solid white;
  95. }
  96.  
  97. ::selection {
  98. background:white;
  99. }
  100.  
  101. /* body/post defaults */
  102.  
  103. h1 {
  104. font-size: 7px;
  105. text-transform: uppercase;
  106. font-family: Century Gothic;
  107. letter-spacing: 1px;
  108. color:{color:Body};
  109. }
  110.  
  111. body {
  112. background:{color:Background};
  113. background-image:url('{image:Background}');
  114. color:{color:Body};
  115. margin:0px;
  116. font-family:Calibri;
  117. font-style:none;
  118. font-size:9px;
  119. line-height:100%;
  120. cursor: url(http://i.imgur.com/ZOrzC.png), progress;
  121. }
  122.  
  123. a:link, a:active {
  124. text-decoration:none;
  125. color:{color:Links};
  126. }
  127.  
  128. a:visited {
  129. text-decoration:none;
  130. color:{color:Links};
  131. }
  132.  
  133. a:hover {
  134. text-decoration:none;
  135. color:{color:LinksHover};
  136. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
  137. -webkit-transition: all .8s linear;
  138. }
  139.  
  140. b, strong, .strong {
  141. color:{color:Bold};
  142. }
  143.  
  144. i, em, .em {
  145. color:{color:Italic};
  146. }
  147.  
  148. small{
  149. font-size:7px;
  150. }
  151.  
  152. big{
  153. font-size:12px;
  154. }
  155.  
  156. blockquote {
  157. padding-left:5px;
  158. border-left:2px solid {color:Body};
  159. }
  160.  
  161. img {
  162. border:none;
  163. }
  164.  
  165. /* tumblr controls */
  166.  
  167. iframe#tumblr_controls{
  168. white-space:nowrap;
  169. -webkit-filter: invert(100%);
  170. -moz-filter: invert(100%);
  171. -o-filter: invert(100%);
  172. -ms-filter: invert(100%);
  173. filter: invert(100%);
  174. opacity:.7;
  175. -webkit-transition: all .8s linear;
  176. }
  177.  
  178. /* posts */
  179.  
  180. #entries {
  181. position:absolute;
  182. width:500px;
  183. height:auto;
  184. margin-left:400px;
  185. margin-top:50px;
  186. margin-bottom:50px;
  187. z-index:1;
  188. }
  189.  
  190. #post {
  191. width:500px;
  192. height:auto;
  193. margin-top:20px;
  194. padding:10px;
  195. border: 1px solid {color:Border};
  196. box-shadow:1px 1px 5px rgba(0,0,0,.1);
  197. background:white;
  198. }
  199.  
  200. /* sidebar */
  201.  
  202. #sidebar {
  203. width:100%;
  204. height:250px;
  205. position:fixed;
  206. margin-left:0px;
  207. margin-top:150px;
  208. background:{color:SidebarBackground};
  209. z-index:0;
  210. }
  211.  
  212. #photo img {
  213. width:90px;
  214. height:90px;
  215. margin-top:65px;
  216. margin-left:120px;
  217. position:fixed;
  218. border:10px solid {color:Border};
  219. }
  220.  
  221. #photo2 img {
  222. width:90px;
  223. height:90px;
  224. margin-top:65px;
  225. margin-left:1015px;
  226. position:fixed;
  227. border:10px solid {color:Border};
  228. }
  229.  
  230.  
  231. /* links */
  232.  
  233. #links {
  234. position:fixed;
  235. width:100px;
  236. height:auto;
  237. padding:5px;
  238. margin-top:65px;
  239. margin-left:950px;
  240. -webkit-transition: all .8s linear;
  241. }
  242.  
  243. #links a{
  244. text-transform:uppercase;
  245. padding:5px;
  246. border-left:10px solid {color:Border};
  247. color:{color:SidebarLinks};
  248. font-size:11px;
  249. -webkit-transition: all .8s linear;
  250. }
  251.  
  252. #links a:hover {
  253. border-left:10px solid {color:SidebarLinksHover};
  254. color:{color:SidebarLinksHover};
  255. -webkit-transition: all .8s linear;
  256. }
  257.  
  258. /* tooltips appearance */
  259.  
  260. #s-m-t-tooltip {
  261. display:inline-block;
  262. text-align:center;
  263. color:black;
  264. font-style:bold;
  265. background:white;
  266. font-size: 6px;
  267. text-transform: uppercase;
  268. font-family: Century Gothic;
  269. letter-spacing: 1px;
  270. border-radius:2px;
  271. max-width:100px;
  272. padding:2px 3px 3px 2px;
  273. margin:20px 0px 0px 20px;
  274. z-index:9999999999999;
  275. border:1px solid {color:Border};
  276. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  277. }
  278.  
  279. /* description */
  280.  
  281. #description {
  282. font-size:10px;
  283. color:{color:Description};
  284. border-right:10px solid {color:Border};
  285. margin-top:65px;
  286. margin-left:240px;
  287. width:100px;
  288. height:100px;
  289. overflow:auto;
  290. text-align:justify;
  291. padding:5px;
  292. }
  293.  
  294. #description a {
  295. color:{color:Description};
  296. }
  297.  
  298. /* pagi */
  299.  
  300. #pagination {
  301. width:100px;
  302. margin-top:220px;
  303. margin-left:960px;
  304. text-align:left;
  305. position:fixed;
  306. padding:5px;
  307. font-size: 8px;
  308. font-family: Consolas;
  309. color:{color:Pagination};
  310. }
  311.  
  312. #pagination a {
  313. color:{color:Pagination};
  314. }
  315.  
  316. #pagination a:hover {
  317. color:{color:PaginationHover};
  318. }
  319.  
  320. /* post info */
  321.  
  322. #postinfo {
  323. margin-top:5px;
  324. padding:5px;
  325. color:{color:Info};
  326. border-top:1px solid {color:Border};
  327. }
  328.  
  329. /* via & source */
  330.  
  331. #info {
  332. margin-bottom:5px;
  333. text-align:right;
  334. text-transform:uppercase;
  335. font-size:8px;
  336. font-style:none;
  337. }
  338.  
  339. /* tags */
  340.  
  341. #tags {
  342. width:490px;
  343. height:auto;
  344. color:{color:Tags};
  345. margin-top:5px;
  346. text-align:left;
  347. -webkit-transition: all .8s linear;
  348. }
  349.  
  350. #tags a {
  351. display:inline;
  352. text-transform:none;
  353. font-family:cambria;
  354. font-style:italic;
  355. color:{color:Tags};
  356. font-size:8px;
  357. padding:2px;
  358. letter-spacing:1px;
  359. line-height:120%;
  360. border-left:1px solid {color:Border};
  361. -webkit-transition: all .8s linear;
  362. }
  363.  
  364. #tags a:hover {
  365. color:{color:TagsHover};
  366. -webkit-transition: all .8s linear;
  367. border-left:10px solid {color:LinksHover};
  368. }
  369.  
  370. /* asks */
  371.  
  372. #question {
  373. height:auto;
  374. width:auto;
  375. padding:10px;
  376. border-left:10px solid {color:LinksHover};
  377. text-align:left;
  378. }
  379.  
  380. #question a{
  381. text-transform:none;
  382. font-style:none;
  383. }
  384.  
  385. #asker img {
  386. border:5px solid {color:linkshover};
  387. }
  388.  
  389. #asker {
  390. display:block;
  391. margin-top:0px;
  392. font-size: 7px;
  393. text-transform: uppercase;
  394. font-family: Century Gothic;
  395. letter-spacing: 1px;
  396. color:{color:Asker};
  397. }
  398.  
  399. #answer {
  400. text-transform:none;
  401. font-style:none;
  402. text-align:left;
  403. padding:10px;
  404. height:auto;
  405. }
  406.  
  407. #answer a{
  408. text-align:left;
  409. }
  410.  
  411. /* audio player */
  412.  
  413. .cover {
  414. width:80px;
  415. height:80px;
  416. padding:5px;
  417. margin-top:0px;
  418. border:1px solid {color:Border};
  419. }
  420.  
  421. .playbox {
  422. background:white;
  423. position: absolute;
  424. z-index: 1000;
  425. margin-top: -65px;
  426. margin-left: 26px;
  427. border-radius:100%;
  428. opacity:.5;
  429. -webkit-transition: all .8s linear;
  430. }
  431.  
  432. .playbox:hover {
  433. opacity:1;
  434. -webkit-transition: all .8s linear;
  435. }
  436.  
  437. .playbutton {
  438. width: 20px;
  439. height: 30px;
  440. overflow: hidden;
  441. position: relative;
  442. z-index: 1000;
  443. margin: 5px 14px 3px 6px;
  444. }
  445.  
  446. .audioinfo {
  447. display:block;
  448. margin-top:-75px;
  449. margin-left:100px;
  450. width:auto;
  451. height:auto;
  452. text-align:left;
  453. padding:5px;
  454. font-size: 7px;
  455. text-transform: uppercase;
  456. font-family: Century Gothic;
  457. letter-spacing: 1px;
  458. border-left:10px solid {color:linkshover};
  459. }
  460.  
  461. /* quotes */
  462.  
  463. .quote{
  464. text-align:left;
  465. font-size: 7px;
  466. text-transform: uppercase;
  467. font-family: Century Gothic;
  468. letter-spacing: 1px;
  469. border-left:10px solid {color:linkshover};
  470. padding:5px;
  471. }
  472.  
  473. .source {
  474. text-align:left;
  475. font-size: 7px;
  476. text-transform: uppercase;
  477. font-family: Century Gothic;
  478. letter-spacing: 1px;
  479. padding:5px;
  480. margin-left:30px;
  481. margin-top:5px;
  482. }
  483.  
  484. /* credit */
  485.  
  486. #cred {
  487. position:fixed;
  488. right:-160px;
  489. bottom:10px;
  490. padding:5px;
  491. width:auto;
  492. height:auto;
  493. background:white;
  494. color:{color:Body};
  495. border: 1px solid {color:Border};
  496. -webkit-transition: all 1s linear;
  497. }
  498.  
  499. #cred a{
  500. text-align:center;
  501. color:{color:Body};
  502. font-style:bold;
  503. font-size: 6px;
  504. text-transform: uppercase;
  505. font-family: Century Gothic;
  506. letter-spacing: 1px;
  507. border-radius:2px;
  508. }
  509.  
  510. #cred img {
  511. height:auto;
  512. width:auto;
  513. position:fixed;
  514. bottom:10px;
  515. right:10px;
  516. -webkit-transition: all 1s linear;
  517. }
  518.  
  519. #cred:hover {
  520. right:30px;
  521. -webkit-transition: all 1s linear;
  522. }
  523.  
  524. </style>
  525.  
  526. <div id="sidebar">
  527. {block:Pagination}
  528. <div id="pagination">
  529. {block:PreviousPage}
  530. <a href="{PreviousPage}">-</a>
  531. {/block:PreviousPage}
  532.  
  533. {block:JumpPagination length="5"}
  534. {block:CurrentPage}
  535. <span class="current_page">{PageNumber}</span>
  536. {/block:CurrentPage}
  537.  
  538. {block:JumpPage}
  539. <a class="jump_page" href="{URL}">{PageNumber}</a>
  540. {/block:JumpPage}
  541. {/block:JumpPagination}
  542.  
  543. {block:NextPage}
  544. <a href="{NextPage}">+</a>
  545. {/block:NextPage}
  546. </div>
  547. {/block:Pagination}
  548.  
  549. <div id="links">
  550. <a href="/">home</a><br><br>
  551. <a href="/ask">mail</a><br><br>
  552. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}<br><br>
  553. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}<br><br>
  554. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}<br><br>
  555. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  556. </div>
  557.  
  558. <div id="photo"><img src="{image:sidebar}"></div>
  559. <div id="photo2"><img src="{image:sidebar2}"></div>
  560.  
  561. <div id="description">{Description}</div>
  562. </div>
  563.  
  564. <div id="entries">
  565.  
  566. {block:Posts}
  567.  
  568. <div id="post">
  569.  
  570. {block:Text}
  571. <h1>{block:Title}<b>{Title}</b>{/block:Title}</h1>
  572. {Body}
  573. {/block:Text}
  574.  
  575. {block:Photo}
  576. {LinkOpenTag}
  577. <img src="{PhotoURL-500}" />
  578. {LinkCloseTag}
  579. {block:Caption}{Caption}{/block:Caption}
  580. {/block:Photo}
  581.  
  582. {block:Photoset}
  583. {Photoset-500}
  584. {block:Caption}{Caption}{/block:Caption}
  585. {/block:Photoset}
  586.  
  587. {block:Link}
  588. <h1><b><a href="{URL}" {Target}>{Name}</a></b></h1>
  589. {block:Description}{Description}{/block:Description}
  590. {/block:Link}
  591.  
  592. {block:Chat}
  593. {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
  594. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  595. {/block:Chat}
  596.  
  597. {block:Video}
  598. {Video-500}
  599. {block:Caption}{Caption}{/block:Caption}
  600. {/block:Video}
  601.  
  602. {block:Quote}
  603. <div class="quote">
  604. ❝{Quote}❞
  605. </div>
  606. {block:Source}<div class="source"><b>-{Source}</b></div>{/block:Source}
  607. {/block:Quote}
  608.  
  609. {block:Answer}
  610.  
  611. <div id="asker"><b>{Asker}</b> asked:</div>
  612. <div id="question">{Question}</div>
  613. <div id="answer">{Answer}</div>
  614. {/block:Answer}
  615.  
  616. {block:Audio}
  617. {block:AlbumArt}
  618. <img src="{AlbumArtURL}" class="cover" />
  619. {/block:AlbumArt}
  620.  
  621. <div class="playbox"><div class="playbutton">
  622. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  623. </div>
  624. </div>
  625.  
  626. <div class="audioinfo">
  627. {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
  628. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  629. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  630. </div>
  631. {/block:Audio}
  632.  
  633. <div id="postinfo">
  634.  
  635. <div id="info">
  636.  
  637. <a href="{ReblogURL}" target="_blank" title="reblog?" style="padding:5px;" />reblog</a>
  638.  
  639. {block:NoteCount}
  640. {TimeAgo}<a href="{Permalink}">
  641. <font color="{color:NoteCount}">{NoteCount}</font></a>
  642. {/block:NoteCount}
  643.  
  644.  
  645. {block:RebloggedFrom}
  646. <a href="{ReblogParentURL}">via</a>
  647. {/block:RebloggedFrom}
  648.  
  649. {block:ContentSource}
  650. <a href="{SourceURL}">source</a>
  651. {/block:ContentSource}
  652. </div> <!-- end info -->
  653.  
  654. {block:HasTags}
  655. <div id="tags">
  656. {block:Tags}<a href="{TagURL}">{Tag},</a>
  657. {/block:Tags}</div>
  658. {/block:HasTags}
  659.  
  660. </div> <!-- end post info -->
  661.  
  662. </div>
  663.  
  664. {block:PostNotes}
  665. <div id="notes">{PostNotes}</div>
  666. {/block:PostNotes}
  667. {/block:Posts}
  668.  
  669. </div>
  670.  
  671. <div id="cred"><a href="http://precioussammy.tumblr.com/"><img src="http://static.tumblr.com/d3afqhp/CYZnbyomn/tumblr_lm6ow3rkt81qfoi4t.gif">precioussammy</a></div>
  672.  
  673. </body>
  674. </html>
Advertisement
Add Comment
Please, Sign In to add comment