API tools faq
paste
Advertisement
assshhhhllleey

theme 13

assshhhhllleey
Jul 27th, 2013
1,717
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.82 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 　　　　　　
  3. Theme 13 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.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(function(){ // document ready
  27. if (!!$('.links').offset()) { // make sure ".sticky" element exists
  28. var stickyTop = $('.links').offset().top; // returns number
  29. $(window).scroll(function(){ // scroll event
  30. var windowTop = $(window).scrollTop(); // returns number
  31. if (stickyTop < windowTop){
  32. $('.links').css({ position: 'fixed', top: 0});
  33. }
  34. else {
  35. $('.links').css('position','static');
  36. }
  37. });
  38. }
  39. });
  40. </script>
  41.  
  42.  
  43. <title>{Title}</title>
  44.  
  45. <link rel="shortcut icon" href="{Favicon}">
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47.  
  48. {block:Description}<meta name="description" content="{MetaDescription}" />
  49. {/block:Description}
  50.  
  51.  
  52. <meta name="color:Background" content="#ffffff"/>
  53. <meta name="color:Sidebar" content="#ffffff"/>
  54. <meta name="color:Tags" content="f0f0f0"/>
  55. <meta name="color:Hover" content="#ffffff"/>
  56. <meta name="color:Line" content="#f2f2f2"/>
  57. <meta name="color:Border" content="#e4e4e4"/>
  58. <meta name="color:Post" content="#ffffff"/>
  59. <meta name="color:scrollbarbg" content="ffffff"/>
  60.  
  61. <meta name="image:picture" content=""/>
  62. <meta name="image:picture2" content=""/>
  63. <meta name="image:picture3" content=""/>
  64. <meta name="image:picture4" content=""/>
  65.  
  66. <meta name="text:Link 1" content="" />
  67. <meta name="text:Link 1 Text" content="" />
  68. <meta name="text:Link 2" content="" />
  69. <meta name="text:Link 2 Text" content="" />
  70. <meta name="text:Link 3" content="" />
  71. <meta name="text:Link 3 Text" content="" />
  72. <meta name="text:title2" content="">
  73.  
  74. <meta name="if:Show Link 1" content="1" />
  75. <meta name="if:Show Link 2" content="1" />
  76. <meta name="if:Show Link 3" content="1" />
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>
  79.  
  80. <style type="text/css">
  81.  
  82. iframe#tumblr_controls {position:fixed; z-index:9999999999; top: 3px; margin: 0 0 0 0; right:4px; -webkit-filter: invert(100%); opacity:.9;}
  83.  
  84. /* --- SCROLLBAR ---*/
  85.  
  86. ::-webkit-scrollbar {
  87. width: 5px;height: 5px;}
  88. ::-webkit-scrollbar-button:start:decrement,
  89. ::-webkit-scrollbar-button:end:increment {
  90. height: 6px;display: block;background-color: {color:white};}
  91. ::-webkit-scrollbar-track-piece {
  92. background-color: {color:scrollbarbg};}
  93. ::-webkit-scrollbar-thumb:vertical {
  94. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  95.  
  96.  
  97. /* ----------------------------- BODY -----------------------------*/
  98.  
  99. body {
  100. background:{color:background};
  101. margin:0px;
  102. color:#000;
  103. font-family:Calibri;
  104. font-size:9px;
  105. line-height:100%;
  106. }
  107.  
  108. a {
  109. text-decoration:none;
  110. outline:none;
  111. -moz-outline-style:none;
  112. color:#000;
  113. -webkit-transition: all 0.7s ease;
  114. -moz-transition: all 0.7s ease;
  115. -o-transition: all 0.7s ease;
  116. }
  117.  
  118. img {
  119. border:none;
  120. }
  121.  
  122. blockquote {
  123. padding-left:5px;
  124. border-left:2px solid;
  125. }
  126.  
  127. blockquote blockquote {
  128. padding-left:5px;
  129. border-left:2px solid;
  130. }
  131.  
  132. h1 {
  133. font-size:9px;
  134. text-transform:uppercase;
  135. }
  136.  
  137. a:hover {
  138. opacity:1;
  139. color:{color:hover};
  140. -webkit-transition: all 0.7s ease;
  141. -moz-transition: all 0.7s ease;
  142. -o-transition: all 0.7s ease;
  143. }
  144.  
  145. /* -------------------------- POST ENTRIES --------------------------*/
  146.  
  147.  
  148. #entries {
  149. margin-left:450px;
  150. margin-top:40px;
  151. width:500px;
  152. padding:10px;
  153. padding-top: 140px;
  154. padding-bottom:50px;
  155. font-size:10px;
  156. }
  157.  
  158. /* -------------------------- BODY: POSTS --------------------------*/
  159.  
  160.  
  161. #post {
  162. margin-top:15px;
  163. width:500px;
  164. padding:10px;
  165. padding-bottom:1px;
  166. background-color:{color:Post};
  167. }
  168.  
  169. /* ------------------------- SIDEBAR IMAGE -------------------------*/
  170.  
  171.  
  172. #sidebar {
  173. margin-left:440px;
  174. margin-top:-30px;
  175. height: 170px;
  176. width:555px;
  177. padding-top:3px;
  178. position:absolute;
  179. opacity:.9;
  180. background-color:#000;
  181. }
  182.  
  183. #sidebarimage {
  184. width: 120px;
  185. height: 120px;
  186. border-radius:100px;
  187. }
  188.  
  189. #sidebarimage img {
  190. width:120px;
  191. height: 120px;
  192. padding:6px;
  193. border-radius:100px;
  194. border:solid 1px {color:border};
  195. background-color:{color:Sidebar};
  196. }
  197.  
  198.  
  199. #sidebarimage2 {
  200. width: 120px;
  201. height: 120px;
  202. margin-top: -120px;
  203. margin-left: 140px;
  204. border-radius:100px;
  205. }
  206.  
  207. #sidebarimage2 img {
  208. width:120px;
  209. height: 120px;
  210. padding:6px;
  211. border-radius:100px;
  212. border:solid 1px {color:border};
  213. background-color:{color:Sidebar};
  214. -webkit-transition: all 0.8s ease-in-out;
  215. -moz-transition: all 0.8s ease-in-out;
  216. -o-transition: all 0.8s ease-in-out;
  217. }
  218.  
  219. #sidebarimage2 img:hover {
  220. -webkit-transition: all 0.8s ease-in-out;
  221. -moz-transition: all 0.8s ease-in-out;
  222. -o-transition: all 0.8s ease-in-out;
  223. -webkit-transform: rotate(360deg);
  224. -moz-transform: rotate(360deg);
  225. -o-transform: rotate(360deg);
  226. -webkit-filter:grayscale(100%);
  227. }
  228.  
  229. #sidebarimage3 {
  230. width: 120px;
  231. height: 120px;
  232. margin-top: -120px;
  233. margin-left: 280px;
  234. border-radius:100px;
  235. }
  236.  
  237. #sidebarimage3 img {
  238. width:120px;
  239. height: 120px;
  240. padding:6px;
  241. border-radius:100px;
  242. border:solid 1px {color:border};
  243. background-color:{color:Sidebar};
  244. -webkit-transition: all 0.8s ease-in-out;
  245. -moz-transition: all 0.8s ease-in-out;
  246. -o-transition: all 0.8s ease-in-out;
  247. }
  248.  
  249. #sidebarimage4 {
  250. width: 120px;
  251. height: 120px;
  252. margin-top: -120px;
  253. margin-left: 420px;
  254. border-radius:100px;
  255. }
  256.  
  257. #sidebarimage4 img {
  258. width:120px;
  259. height: 120px;
  260. padding:6px;
  261. border-radius:100px;
  262. border:solid 1px {color:border};
  263. background-color:{color:Sidebar};
  264. -webkit-transition: all 0.8s ease-in-out;
  265. -moz-transition: all 0.8s ease-in-out;
  266. -o-transition: all 0.8s ease-in-out;
  267. }
  268.  
  269. #sidebarimage4 img:hover {
  270. -webkit-transition: all 0.8s ease-in-out;
  271. -moz-transition: all 0.8s ease-in-out;
  272. -o-transition: all 0.8s ease-in-out;
  273. -webkit-transform: rotate(360deg);
  274. -moz-transform: rotate(360deg);
  275. -o-transform: rotate(360deg);
  276. -webkit-filter:grayscale(100%);
  277. }
  278.  
  279. /* ------------------------- SIDEBAR LINKS -------------------------*/
  280.  
  281. .links {
  282. margin-top:0px;
  283. margin-left:0px;
  284. width:541px;
  285. height:5px;
  286. padding: 7px;
  287. padding-bottom: 9px;
  288. text-align:center;
  289. text-transform:uppercase;
  290. word-spacing:45px;
  291. font-family:georgia;
  292. font-style: italic;
  293. background-color: #fff;
  294. border-bottom: 5px solid #000;
  295. border-top: 20px solid #000;
  296. opacity: 1;
  297. }
  298.  
  299. .links a {
  300. font-size: 16px;
  301. color: #000;
  302. word-spacing:2px;
  303. text-shadow:10px 0px transparent, -10px 0px transparent;
  304. -webkit-transition: all 0.7s ease;
  305. -moz-transition: all 0.7s ease;
  306. -o-transition: all 0.7s ease;
  307. }
  308.  
  309. .links a:hover {
  310. text-shadow:0px 0px #000, -0px 0px #000;
  311. -webkit-transition: all 0.7s ease;
  312. -moz-transition: all 0.7s ease;
  313. -o-transition: all 0.7s ease;
  314. }
  315.  
  316.  
  317. /* -------------------------- TITLE --------------------------*/
  318.  
  319. .title {
  320. margin-top:-114px;
  321. margin-left:286px;
  322. width:103px;
  323. height: 83px;
  324. position:absolute;
  325. padding:10px;
  326. padding-top:30px;
  327. line-height:100%;
  328. text-align:center;
  329. font-size:24px;
  330. font-style:italic;
  331. font-family:cambria;
  332. color:#000;
  333. border-radius:100px;
  334. background-color: #fff;
  335. opacity: 0;
  336. -webkit-transition: all 0.8s ease-in-out;
  337. -moz-transition: all 0.8s ease-in-out;
  338. -o-transition: all 0.8s ease-in-out;
  339. }
  340.  
  341. .title:hover {
  342. opacity:1;
  343. -webkit-transition: all 0.8s ease-in-out;
  344. -moz-transition: all 0.8s ease-in-out;
  345. -o-transition: all 0.8s ease-in-out;
  346. -webkit-transform: rotate(360deg);
  347. -moz-transform: rotate(360deg);
  348. -o-transform: rotate(360deg);
  349. }
  350.  
  351.  
  352. /* -------------------------- DESCRIPTION --------------------------*/
  353.  
  354. #description {
  355. margin-top:-114px;
  356. margin-left:6px;
  357. width:103px;
  358. height: 90px;
  359. position:absolute;
  360. padding:10px;
  361. padding-top:23px;
  362. line-height:90%;
  363. text-align:center;
  364. font-size:12px;
  365. font-style:italic;
  366. font-family:cambria;
  367. color:#000;
  368. border-radius:100px;
  369. background-color: #fff;
  370. opacity: 0;
  371. -webkit-transition: all 0.8s ease-in-out;
  372. -moz-transition: all 0.8s ease-in-out;
  373. -o-transition: all 0.8s ease-in-out;
  374. }
  375.  
  376. #description a {
  377. color:#000;
  378. -moz-transition-duration:0.4s;
  379. -webkit-transition-duration:0.4s;
  380. -o-transition-duration:0.4s;
  381. }
  382.  
  383. #description:hover {
  384. opacity:1;
  385. -webkit-transition: all 0.8s ease-in-out;
  386. -moz-transition: all 0.8s ease-in-out;
  387. -o-transition: all 0.8s ease-in-out;
  388. -webkit-transform: rotate(360deg);
  389. -moz-transform: rotate(360deg);
  390. -o-transform: rotate(360deg);
  391. }
  392. /* --------------------------- PAGINATION ---------------------------*/
  393.  
  394.  
  395. #pagination {
  396. margin-left:440px;
  397. bottom:4px;
  398. width:555px;
  399. padding: 8px;
  400. position:fixed;
  401. text-align:center;
  402. font-size:12px;
  403. letter-spacing:0px;
  404. font-family:georgia;
  405. background-color: #fff;
  406. opacity: .9;
  407. color: #000;
  408. }
  409.  
  410. #pagination a {
  411. color: #000;
  412. }
  413.  
  414. /* --------------------------- POST INFO ---------------------------*/
  415.  
  416.  
  417. #info {
  418. margin-top:10px;
  419. text-align:right;
  420. text-transform:uppercase;
  421. font-size:8px;
  422. font-style:none;
  423. font-family: cambria italic;
  424. border-top:1px solid {color:Line}
  425. }
  426.  
  427. /* --------------------------- POST TAGS ---------------------------*/
  428.  
  429.  
  430. #tags {
  431. margin-top:4px;
  432. text-align:right;
  433. text-transform:lowercase;
  434. font-size:10px;
  435. font-style:italic;
  436. letter-spacing:0px;
  437. font-family:cambria;
  438. opacity: 0;
  439. -webkit-transition: all 0.6s ease-in-out;
  440. -moz-transition: all 0.6s ease-in-out;
  441. -o-transition: all 0.6s ease-in-out;
  442. -ms-transition: all 0.6s ease-in-out;
  443. transition: all 0.6s ease-in-out;
  444. }
  445.  
  446. #tags a {
  447. display:inline;
  448. padding:-3px;
  449. text-align:left;
  450. color:{color:Tags};
  451. -webkit-transition: all 0.6s ease-in-out;
  452. -moz-transition: all 0.6s ease-in-out;
  453. -o-transition: all 0.6s ease-in-out;
  454. -ms-transition: all 0.6s ease-in-out;
  455. transition: all 0.6s ease-in-out;
  456. }
  457.  
  458. #post:hover #tags {
  459. opacity:1;
  460. }
  461.  
  462.  
  463. /* --------------------------- QUESTIONS ---------------------------*/
  464.  
  465. #asker {
  466. padding:5px;
  467. text-align:left;
  468. letter-spacing:1px;
  469. font-style:italic;
  470. font-family:cambria;
  471. border:5px #000 double;
  472. background-color:#fff;
  473. }
  474.  
  475. /*--------------------DON'T REMOVE/CHANGE CREDIT--------------------*/
  476.  
  477. #credit {padding: 2px; font-color:#000; position:fixed; bottom:4px; right:-160px; font-size:20px; letter-spacing:1px; font-family:just another hand;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease; }
  478.  
  479. #credit a {color: #000;}
  480.  
  481. #credit:hover {
  482. right:2px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  483. }
  484.  
  485. /*------------------------------------------------------------------*/
  486.  
  487. {CustomCSS}</style></head><body>
  488.  
  489. <div id="sidebar">
  490. <div id="sidebarimage"><img src="{image:picture}"></div>
  491. <div id="sidebarimage2"><img src="{image:picture2}"></div>
  492. <div id="sidebarimage3"><img src="{image:picture3}"></div>
  493. <div id="sidebarimage4"><img src="{image:picture4}"></div>
  494.  
  495.  
  496. <div id="description">
  497. {Description}
  498. </div>
  499.  
  500. <div class="title">"{text:title2}"</div>
  501.  
  502.  
  503. <div class="links">
  504. <a href="/">home</a>
  505. <a href="/ask">mssg</a>
  506. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  507. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  508. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  509. </div></div>
  510.  
  511.  
  512. {block:Pagination}<div id="pagination">
  513. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  514. {block:JumpPagination length="5"}
  515. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  516. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  517. {/block:JumpPagination}
  518. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  519. </div>{/block:Pagination}
  520.  
  521. </div></div></div>
  522.  
  523. <div id="entries">{block:Posts}<div id="post">
  524.  
  525. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  526.  
  527. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  528.  
  529. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  530.  
  531. {block:Quote}{Quote}{/block:Quote}
  532.  
  533. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  534.  
  535. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  536.  
  537. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  538. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  539. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  540. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  541. {/block:Audio}
  542.  
  543. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  544.  
  545. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:11px;font-style:italic;"><big>• {Asker}:</big> </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  546.  
  547. <div id="info">
  548. <br>{block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">
  549. {NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank">( reblog ) &nbsp;</a><div style="float:right;">{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"> - (© {SourceLink})</a>{/block:ContentSource}</div>{block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}<img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png"></div>{/block:HasTags} </div></div>{/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}{/block:Posts} </div></div>
  550.  
  551. <div id="credit">
  552. <a href="http://twerkitnarry.tumblr.com/">▲▼ &nbsp; TWERKITNARRY &nbsp; ▼▲</a>
  553. </div>
  554.  
  555.  
  556. </body></html>
  557.  
  558.  
  559. </body></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!