precioussammy

woods2.0

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