precioussammy

yours

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