API tools faq
paste
assshhhhllleey

theme 17

assshhhhllleey
Dec 23rd, 2013
585
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 　　　　　　
  3. Theme 17 by
  4.  
  5. ╱╭╮╱╱╱╱╱╱╱╱╱╭╮╱╱╭╮
  6. ╭╯╰╮╱╱╱╱╱╱╱╱┃┃╱╭╯╰╮
  7. ╰╮╭┫╭╮╭┳━━┳━┫┃╭╋╮╭╋━╮╭━━┳━┳━┳╮╱╭╮
  8. ╱┃┃╰╯╰╯┃┃━┫╭┫╰╯╋┫┃┃╭╮┫╭╮┃╭┫╭┫┃╱┃┃
  9. ╱┃╰╮╭╮╭┫┃━┫┃┃╭╮┫┃╰┫┃┃┃╭╮┃┃┃┃┃╰━╯┃
  10. ╱╰━┻╯╰╯╰━━┻╯╰╯╰┻┻━┻╯╰┻╯╰┻╯╰╯╰━╮╭╯
  11. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  12. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  13.  
  14. aka ashley
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20.  
  21. <head><title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26.  
  27. <meta name="color:Ask Background" content="#000000"/>
  28. <meta name="color:Ask Text" content="#ffffff"/>
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Border" content="#000000"/>
  31. <meta name="color:Description Text" content="#000000"/>
  32. <meta name="color:Description Links" content="#000000"/>
  33. <meta name="color:Text" content="#000000"/>
  34. <meta name="color:Post Links" content="#787878"/>
  35. <meta name="color:Sidebar Title" content="#000000"/>
  36. <meta name="color:Sidebar Links" content="#000000"/>
  37. <meta name="color:Link Hover" content="#f2f2f2"/>
  38. <meta name="color:ToolTip Shadow" content="#ffffff"/>
  39. <meta name="color:Scrollbar" content="#000000"/>
  40.  
  41. <meta name="image:Sidebar" content=""/>
  42. <meta name="image:Background" content=""/>
  43.  
  44. <meta name="if:ChangingTitle" content="1" />
  45.  
  46. <meta name="text:Sidebar Title" content="" />
  47. <meta name="text:Sidebar Title2" content="" />
  48. <meta name="text:Link 1" content="/" />
  49. <meta name="text:Link 1 Text" content="" />
  50. <meta name="text:Link 2" content="/" />
  51. <meta name="text:Link 2 Text" content="" />
  52. <meta name="text:Link 3" content="/" />
  53. <meta name="text:Link 3 Text" content="" />
  54. <meta name="text:Link 4" content="/" />
  55. <meta name="text:Link 4 Text" content="" />
  56. <meta name="text:Link 5" content="/" />
  57. <meta name="text:Link 5 Text" content="" />
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>
  61.  
  62. <style type="text/css">
  63.  
  64. iframe#tumblr_controls {
  65. white-space:nowrap;-webkit-filter: invert(100%);-moz-filter: invert(100%);-o-filter: invert(100%);-ms-filter: invert(100%);filter: invert(100%);transition: .8s ease-in-out;-webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;
  66. }
  67.  
  68. ::-webkit-scrollbar {
  69. width: 5px;
  70. height: 5px;
  71. }
  72.  
  73. ::-webkit-scrollbar-track {
  74. border-left:2px solid {color:Background};
  75. border-right:2px solid {color:Background};
  76. background:{color:Scrollbar};
  77. }
  78.  
  79. ::-webkit-scrollbar-thumb:vertical {
  80. height: 9px;
  81. background-color: {color:Scrollbar};
  82. border-radius: 100px;
  83. border-top:1px solid {color:Scrollbar};
  84. border-bottom:1px solid {color:Scrollbar};
  85. }
  86.  
  87. body {
  88. margin:0px;
  89. color:{color:text};
  90. font-family:calibri;
  91. font-size:10px;
  92. line-height:100%;
  93. letter-spacing:0px;
  94. text-align:justify;
  95. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  96. background:{color:background} url('{image:Background}') fixed;
  97. }
  98.  
  99. a {
  100. text-decoration:none;
  101. outline:none;
  102. -moz-outline-style:none;
  103. color:{color:Post Links};
  104. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  105. -moz-transition-duration:0.3s;
  106. -webkit-transition-duration:0.3s;
  107. -o-transition-duration:0.3s;
  108. }
  109.  
  110.  
  111. img {
  112. border:none;
  113. }
  114.  
  115. blockquote {
  116. padding-left:5px;
  117. border-left:2px solid;
  118. }
  119.  
  120. blockquote blockquote {
  121. padding-left:5px;
  122. border-left:2px solid;
  123. }
  124.  
  125. h1 {
  126. font-size:13px;
  127. text-transform:uppercase;
  128. font-family:'CALIBRI';
  129. font-style:italic;
  130. line-height:100%;
  131. text-align:left;
  132. padding:0px;
  133. }
  134.  
  135. a:hover {
  136. color:#000000;
  137. -moz-transition-duration:0.3s;
  138. -webkit-transition-duration:0.3s;
  139. -o-transition-duration:0.3s;
  140. }
  141.  
  142. #quote {
  143. font-family:tangerine;
  144. font-size:33px;
  145. line-height:65%;
  146. padding-bottom:8px;
  147. }
  148.  
  149.  
  150. /*ENTRIES*/
  151.  
  152. #entries {
  153. padding:10px;
  154. width:500px;
  155. margin-left:412px;
  156. margin-top:40px;
  157. font-size:10px;
  158. font-family:'arial';
  159. letter-spacing:0px;
  160. }
  161.  
  162. #post {
  163. width:500px;
  164. padding-bottom:40px;
  165. padding:15px;
  166. margin-top:20px;
  167. }
  168.  
  169. /*SIDEBAR*/
  170.  
  171. #sidebar {
  172. position:fixed;
  173. margin-top:80px;
  174. margin-left:200px;
  175. -moz-transition-duration:0.6s;
  176. -webkit-transition-duration:0.6s;
  177. -o-transition-duration:0.6s;
  178. }
  179.  
  180. #sidebarimage img {
  181. width:210px;
  182. margin-top:164px;
  183. padding:3px;
  184. margin-left:-80px;
  185. -moz-transition-duration:0.3s;
  186. -webkit-transition-duration:0.3s;
  187. -o-transition-duration:0.3s;
  188. }
  189.  
  190. #sidebarimage img:hover {
  191. opacity:0.7;
  192. -moz-transition-duration:0.3s;
  193. -webkit-transition-duration:0.3s;
  194. -o-transition-duration:0.3s;
  195. }
  196.  
  197. .title {
  198. padding-bottom:8px;
  199. width:210px;
  200. font-size:21px;
  201. font-family:calibri;
  202. font-style:italic;
  203. position:fixed;
  204. text-align:left;
  205. margin-top:120px;
  206. margin-left:-76px;
  207. color:{color:Sidebar Title};
  208. border-bottom:3px solid {color:Border};
  209. -moz-transition-duration:0.6s;
  210. -webkit-transition-duration:0.6s;
  211. -o-transition-duration:0.6s;
  212. }
  213.  
  214. {block:IfChangingTitle}
  215. .title2 {
  216. padding-bottom:8px;
  217. width:210px;
  218. font-size:21px;
  219. font-family:calibri;
  220. font-style:italic;
  221. position:fixed;
  222. text-align:left;
  223. margin-top:120px;
  224. margin-left:-76px;
  225. opacity:0;
  226. color:{color:Sidebar Title2};
  227. border-bottom:3px solid {color:Border};
  228. -moz-transition-duration:0.6s;
  229. -webkit-transition-duration:0.6s;
  230. -o-transition-duration:0.6s;
  231. }
  232.  
  233. #sidebar:hover .title {
  234. opacity:0;
  235. }
  236.  
  237. #sidebar:hover .title2 {
  238. opacity:1;
  239. }
  240. {/block:IfChangingTitle}
  241.  
  242. .links {
  243. width:212px;
  244. font-family:'calibri';
  245. padding: 4px;
  246. text-align:center;
  247. text-transform:uppercase;
  248. position:fixed;
  249. margin-top:144px;
  250. margin-left:-82px;
  251. word-spacing:28px;
  252. }
  253.  
  254. .links a {
  255. width:94px;
  256. padding:3px;
  257. font-size:24px;
  258. letter-spacing:0px;
  259. color:{color:Sidebar Links};
  260. }
  261.  
  262. .links a:hover {
  263. -moz-transition-duration:0.3s;
  264. -webkit-transition-duration:0.3s;
  265. -o-transition-duration:0.3s;
  266. color:{color:Link Hover};
  267. }
  268.  
  269. #description {
  270. text-align:justify;
  271. font-family:'calibri';
  272. width:208px;
  273. margin-top:7px;
  274. margin-left:-76px;
  275. font-size:11px;
  276. position:fixed;
  277. text-transform:none;
  278. line-height:100%;
  279. }
  280.  
  281. #pagination {
  282. font-style:bold;
  283. padding:2px;
  284. font-family:'arial';
  285. letter-spacing:0px;
  286. font-size:9px;
  287. text-align:center;
  288. padding:2px;
  289. margin-top:10px;
  290. text-transform:lowercase;
  291. }
  292.  
  293. #pagination a {
  294. color:{color:Description Text};
  295. }
  296.  
  297.  
  298. /*POST INFO*/
  299.  
  300. #info {
  301. width:500px;
  302. text-align:left;
  303. font-family:'trebuchet ms';
  304. margin-top:3px;
  305. margin-left:px;
  306. letter-spacing:1px;
  307. font-size:8px;
  308. font-style:none;
  309. padding:1px;
  310. line-height:10px;
  311. text-transform:uppercase;
  312. border-top:3px solid;
  313. border-color:{color:Border};
  314. }
  315.  
  316. #info a {
  317. text-align:center;
  318. color:{color:Post Links};
  319. }
  320.  
  321. #info a:hover {
  322. -moz-transition-duration:0.3s;
  323. -webkit-transition-duration:0.3s;
  324. -o-transition-duration:0.3s;
  325. color:{color:Link Hover}
  326. }
  327.  
  328. #tags {
  329. float:left;
  330. width:489px;
  331. margin-top:-7px;
  332. margin-left:-5px;
  333. text-align:left;
  334. font-size:7px;
  335. padding:5px;
  336. font-size:8px;
  337. opacity:1;
  338. transition-duration: 0.5s;
  339. -moz-transition-duration: 0.5s;
  340. -webkit-transition-duration: 0.5s;
  341. -o-transition-duration: 0.5s;
  342. }
  343.  
  344. #tags a {
  345. letter-spacing:0px;
  346. font-size:8px;
  347. text-align:center;
  348. font-family:'CALIBRI';
  349. text-decoration:none;
  350. display:inline-block;
  351. color:{color:Post Links};
  352. }
  353.  
  354. #tags a:hover {
  355. background-color:#fff;
  356. -moz-transition-duration:0.3s;
  357. -webkit-transition-duration:0.3s;
  358. -o-transition-duration:0.3s;
  359. color:{color:Link Hover};
  360. }
  361.  
  362. /*QUESTION*/
  363.  
  364. #askpost { padding:3px;}
  365.  
  366. #asker {
  367. padding:4px;
  368. padding-bottom:3px;
  369. font-family:'tangerine';
  370. font-size:30px;
  371. letter-spacing:0px;
  372. text-align:left;
  373. line-height:100%;
  374. font-style:italic;
  375. }
  376.  
  377. #asker a{
  378. font-size:35px;
  379. }
  380.  
  381. #ask {
  382. color:{color:Ask Text};
  383. padding:14px;
  384. font-family:'calibri';
  385. font-size:11px;
  386. letter-spacing:0px;
  387. text-align:left;
  388. margin-top:0px;
  389. line-height:100%;
  390. background-color:{color:Ask Background};
  391. }
  392.  
  393. #ask:first-letter {
  394. float:left;
  395. font-family: impact;
  396. font-size:24px;
  397. color:{color:Ask Text};
  398. margin-top:-1px;
  399. padding:1px;
  400. padding-right:10px;
  401. margin-left:-3px;
  402. }
  403.  
  404. #answer {
  405. margin-left:6px;
  406. font-size:11px;
  407. font-family:arial;
  408. }
  409.  
  410. #answer:first-letter {
  411. margin-top:-3px;
  412. float:left;
  413. display:inline;
  414. font-family: impact;
  415. font-size:24px;
  416. color:{color:Ask Background};
  417. padding:2px;
  418. padding-right:10px;
  419. margin-left:2px;
  420. }
  421.  
  422. #s-m-t-tooltip {/* tutorial by meem.co.vu */
  423. max-width:300px;
  424. padding: 4px;
  425. margin-left:12px;
  426. margin-top:-6px;
  427. font-family:calibri; /* change the font */
  428. font-size:10px; /* change the font size */
  429. letter-spacing:1px; /* change the letter spacing */
  430. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  431. color:#000; /* change the text color */
  432. z-index:999999999999999999999999999999999999;
  433. text-shadow:1px 1px 1px {color:ToolTip Shadow}, -1px -1px 1px {color:ToolTip Shadow};
  434. text-decoration:underline;
  435. }
  436.  
  437. .audiopost {
  438. width:500px;
  439. min-height:100px;
  440. }
  441.  
  442.  
  443. .audioplayer {
  444. width:39px;
  445. overflow:hidden;
  446. background:white;
  447. margin-top:40px;
  448. margin-left:32px;
  449. }
  450.  
  451. .audcont {
  452. opacity:.7;
  453. background:white;
  454. width:100px;
  455. height:100px;
  456. position:absolute;z-index:99999999;
  457. transition-duration: 0.5s;
  458. -moz-transition-duration: 0.5s;
  459. -webkit-transition-duration: 0.5s;
  460. -o-transition-duration: 0.5s;
  461. }
  462.  
  463. .audcont:hover {
  464. opacity:.9;
  465. transition-duration: 0.5s;
  466. -moz-transition-duration: 0.5s;
  467. -webkit-transition-duration: 0.5s;
  468. -o-transition-duration: 0.5s;
  469. }
  470.  
  471. .audioinfo {
  472. margin-left:110px;
  473. line-height:110%;
  474. }
  475.  
  476. .albumpic {
  477. display:inline;
  478. width:100px;
  479. height:100px;
  480. position:absolute;
  481. padding-right:10px;
  482. }
  483.  
  484. .albumpic img {
  485. width:100px;
  486. height:100px;
  487. }
  488.  
  489. #poop {padding: 2px; font-color:#000; position:fixed; text-align: right; bottom:-22px; right:3px; line-height:120%; font-size:18px; letter-spacing:1px; font-family:just another hand;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }
  490.  
  491. #poop a {color: #000;}
  492.  
  493. #poop:hover {
  494. bottom:2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
  495. }
  496.  
  497. {CustomCSS}</style></head><body>
  498.  
  499. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  500. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  501. <!--tutorial by meem.co.vu-->
  502. <script>
  503. (function($){
  504. $(document).ready(function(){
  505. $("a[title]").style_my_tooltips({
  506. tip_follows_cursor:true,
  507. tip_delay_time:90,
  508. tip_fade_speed:600,
  509. attribute:"title"
  510. });
  511. });
  512. })(jQuery);
  513. </script>
  514.  
  515. <div id="sidebar">
  516.  
  517. <div class="title">{text:Sidebar Title}</div>
  518. {block:IfChangingTitle} <div class="title2">{text:Sidebar Title2}</div>{/block:IfChangingTitle}
  519.  
  520. <div class="links">
  521. <a title="{text:Link 1 Text}" href="{text:Link 1}">•</a>
  522. <a title="{text:Link 2 Text}" href="{text:Link 2}">•</a>
  523. <a title="{text:Link 3 Text}" href="{text:Link 3}">○</a>
  524. <a title="{text:Link 4 Text}" href="{text:Link 4}">•</a>
  525. <a title="{text:Link 5 Text}" href="{text:Link 5}">•</a>
  526.  
  527. </div>
  528.  
  529. <div id="sidebarimage">
  530. <a title="home" href="/">
  531. <img src="{image:Sidebar}">
  532. </a>
  533. </div>
  534.  
  535. <div id="description">{Description}
  536.  
  537. {block:Pagination}
  538. <div id="pagination">
  539. {block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}
  540. — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
  541. </div>
  542. {/block:Pagination}
  543. </div></div>
  544.  
  545. <div id="entries">
  546. {block:Posts}
  547. <div id="post">
  548.  
  549. {block:Text}
  550. <h1>{block:Title}{Title}{/block:Title}</h1>
  551. {Body}{/block:Text}
  552.  
  553. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  554. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  555.  
  556. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  557. {/block:Caption}{/block:Photoset}
  558.  
  559. {block:Quote}<div id="quote">"{Quote}"</div>
  560. {block:Source}<div class="qsource"> —{Source}</div>
  561. {/block:Source}{/block:Quote}
  562.  
  563. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  564.  
  565. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  566.  
  567.  
  568.  
  569. {block:Audio}<div class="audcont"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  570. <div class="audiopost"><div class="albumpic"><img src="https://cdn1.iconfinder.com/data/icons/metro-ui-icon-set/512/Music_Library.png"></div>{block:AlbumArt}<div class="albumpic"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  571. <div class="audioinfo"><br>
  572. {block:TrackName}<b><u>Title</u>:</b> {TrackName} <br><br><br> {/block:TrackName}
  573. {block:Artist}<b><u>Artist</u>:</b> {Artist} <br><br><br> {/block:Artist}
  574. {/block:ExternalAudio}<b><u>Played</u>:</b> {PlayCount} times <br>
  575. </div></div>
  576. {/block:Audio}
  577.  
  578. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  579.  
  580. {block:Answer}<div id="asker"><b>{Asker}</b> asked —<br> </div><div id="ask">Q:{Question} —</div><div id="askpost"><div id="answer">A:{Answer}</div></div>{/block:Answer}
  581.  
  582.  
  583. <div id="info">
  584. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  585. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  586. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  587. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  588. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  589. {block:HasTags}<div id="tags">
  590.  
  591. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  592. </div>{block:HasTags}
  593. </div>
  594. </div>
  595. {/block:Posts}
  596. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  597. {/block:Posts}</div></div></div>
  598.  
  599. <div id="poop">
  600. <a href="http://twerkitnarry.tumblr.com/">▲▼<br>TWERKITNARRY</a>
  601. </div>
  602.  
  603. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!