API tools faq
paste
Advertisement
xsanaa

31

xsanaa
Aug 25th, 2014
482
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ╭╮╱╱╭╮╭╮
  4. ┃╰┳━┫╰┫╰┳━╮╭━┳┳━╮
  5. ┃╋┃┻┫╭┫┃┃╋╰┫┃┃┃╋╰╮
  6. ╰━┻━┻━┻┻┻━━┻┻━┻━━╯ themes
  7.  
  8. remove credit and i'll have your head on a stick.
  9.  
  10. ---->
  11. <head>
  12. <link rel="shortcut icon" href="{Favicon}" />
  13.  
  14.  
  15. <!--DEFAULT VARIABLES-->
  16. <meta name="color:background" content="#fff"/>
  17. <meta name="color:link" content="#777"/>
  18. <meta name="color:text" content="#777"/>
  19.  
  20. <meta name="color:scrollbar" content="#ccc"/>
  21. <meta name="image:sidebar" content="1"/>
  22. <meta name="image:bg" content="1"/>
  23. <meta name="text:Link One" content""/>
  24. <meta name="text:Link One Title" content"Link One"/>
  25. <meta name="text:Link Two" content""/>
  26. <meta name="text:Link Two Title" content"Link Two"/>
  27. <meta name="text:Link Three" content""/>
  28. <meta name="text:Link Three Title" content"Link Three"/>
  29. <meta name="text:Link Four" content="" />
  30. <meta name="text:Link Four Title" content"Link Four"/>
  31. <meta name="text:Link Five" content="" />
  32. <meta name="text:Link Five Title" content"Link Five"/>
  33.  
  34. <meta name="if:stripes" content="0"/>
  35. <meta name="if:texture2" content="0"/>
  36. <meta name="if:check" content="0"/>
  37. <meta name="if:check2" content="0"/>
  38. <meta name="if:simple" content="0"/>
  39. <meta name="if:roundedborder" content="0"/>
  40. <meta name="if:rough" content="0"/>
  41. <meta name="if:bw" content="0"/>
  42. <meta name="if:bluegradientborder" content="0"/>
  43. <meta name="if:ombregradientborder" content="0"/>
  44. <meta name="if:pinkgradientborder" content="0"/>
  45. <meta name="if:woodenborder" content="0"/>
  46. <meta name="if:colorfulborder" content="0"/>
  47. <meta name="if:purpleborder" content="0"/>
  48.  
  49. <style type="text/css">
  50.  
  51. @font-face { font-family: 'song'; src: url('http://static.tumblr.com/kjq4nx5/R4On04vko/please_write_me_a_song.ttf');}
  52.  
  53.  
  54. ::-webkit-scrollbar {
  55. width: 5px;height: 5px;}
  56. ::-webkit-scrollbar-button:start:decrement,
  57. ::-webkit-scrollbar-button:end:increment {
  58. height: 6px;display: block;background-color: {color:white};}
  59. ::-webkit-scrollbar-track-piece {
  60. background-color: {color:scrollbarbg};}
  61. ::-webkit-scrollbar-thumb:vertical {
  62. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  63.  
  64. body {
  65. background: {color:background} url('{image:bg}') fixed;
  66. coverbackground-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  67. margin:0px;
  68. color:{color:text};
  69. font-family:Arial, Helvetica;
  70. font-size:9px;
  71. line-height:100%;
  72. }
  73.  
  74.  
  75. a:link, a:active, a:visited{
  76. text-decoration: none;
  77. -webkit-transition: color 0.3s ease-out;
  78. -moz-transition: color 0.3s ease-out;
  79. transition: color 0.3s ease-out;
  80. color:{color:link};
  81. }
  82.  
  83. a:hover {
  84. text-decoration: none;
  85. font-style:;
  86. color: {color:Hover};
  87. }
  88.  
  89.  
  90.  
  91.  
  92.  
  93. /*CUSTOMIZE SIDEBAR HERE*/
  94.  
  95. #sidebarya{
  96. position:fixed !important;
  97. width:214px;
  98. height:214px;
  99. margin-top:205px;
  100. margin-left:200px;
  101. background:white;
  102. -webkit-transition: all 0.9s linear;
  103. -moz-transition: all 0.9s linear;
  104. -o-transition: all 0.9s linear;
  105. transition: all 0.9s linear;
  106. overflow:visible;
  107. {block:ifroundedborder}
  108. border-radius:5px;
  109. {/block:ifroundedborder}
  110. {block:ifbluegradientborder}
  111. background-image:url(http://static.tumblr.com/mfvn0vd/Mk7n5rv9k/bg1.jpg);
  112. background-size:cover;
  113. border-radius:5px;
  114. {/block:ifbluegradientborder}
  115. {block:ifombregradientborder}
  116. background-image:url(http://static.tumblr.com/kjq4nx5/m2Lmotq55/tumblr_mfh9ydn6061qeccpho1_r1_500.jpg);
  117. background-size:repeat;
  118. border-radius:5px;
  119. {/block:ifombregradientborder}
  120. {block:ifpinkgradientborder}
  121. background-image:url(http://37.media.tumblr.com/b347edd3d0e71e26c70906b46ec08a64/tumblr_mfip29K8Y01rcha6to1_500.jpg);
  122. background-size:cover;
  123. border-radius:5px;
  124. {/block:ifpinkgradientborder}
  125. {block:ifwoodenborder}
  126. background-image:url(http://37.media.tumblr.com/tumblr_m8ruema3Or1rsxgl4o1_250.png);
  127. background-size:cover;
  128. border-radius:5px;
  129. {/block:ifwoodenborder}
  130. {block:ifcolorfulborder}
  131. background-image:url(http://25.media.tumblr.com/d9dc9b6d4456c69a0d5258d2fd12bd31/tumblr_mk34hsMbMK1s8etn8o1_500.jpg);
  132. background-size:200% 200%;
  133. border-radius:5px;
  134. {/block:ifcolorfulborder}
  135. {block:ifpurpleborder}
  136. background-image:url(http://i48.tinypic.com/14e8hdv.jpg);
  137. background-size:200% 200%;
  138. border-radius:5px;
  139. {/block:ifpurpleborder}
  140. }
  141.  
  142.  
  143. }
  144.  
  145. #sidebar{
  146. position:fixed !important;
  147. width:205px;
  148. height:205px;
  149. margin-top:0px;
  150. margin-left:0px;
  151. border:1px solid #a59b9b;
  152. border-radius:0px;
  153. background:white;
  154. -webkit-transition: all 0.9s linear;
  155. -moz-transition: all 0.9s linear;
  156. -o-transition: all 0.9s linear;
  157. transition: all 0.9s linear;
  158. overflow:hidden;
  159. }
  160.  
  161. #sidebarimg{
  162. {block:ifbw}
  163. -webkit-filter:grayscale(1);
  164. {/block:ifbw}
  165. position:fixed;
  166. margin-top:13px;
  167. margin-left:14px;
  168. height:185px;
  169. width:185px;
  170. z-index:1;
  171. opacity:1;
  172. overflow:hidden;
  173. -webkit-transition: all 0.9s linear;
  174. -moz-transition: all 0.9s linear;
  175. -o-transition: all 0.9s linear;
  176. transition: all 0.9s linear;
  177. -webkit-transform-origin: center center;
  178. -moz-transform-origin: center center;
  179. transform-origin: center center;
  180. }
  181.  
  182. #sidebarya:hover #sidebarimg{
  183. opacity:0;
  184. overflow:hidden;
  185. transform: translate(0,400px);
  186. -ms-transform: translate(0,400px);
  187. -webkit-transform: translate(0,400px);
  188. -o-transform: translate(0,400px);
  189. }
  190.  
  191. #inner{
  192. position:fixed;
  193. background:white;
  194. {block:ifstripes}
  195. background-image: url(http://static.tumblr.com/kjq4nx5/Ow6n04j15/28qpxmg.png);
  196. {/block:ifstripes}
  197. {block:iftexture2}
  198. background-image: url(http://static.tumblr.com/eb290c87f1de8f8b4dca858532b62fb2/vtg00tr/kVBn0agu8/tumblr_static_grey333.jpg);
  199. {/block:iftexture2}
  200. {block:ifcheck}
  201. background-image: url(http://static.tumblr.com/74f7cdffc9b2c3f62771c7acac3f512d/nqwpoza/qJ8mrovlj/tumblr_static_tumblr_mrovjnjtw81ryqfhgo1_400.png);
  202. {/block:ifcheck}
  203. {block:ifcheck2}
  204. background-image: url(http://media.tumblr.com/tumblr_mcmugbNN1s1qh9yw5.png);
  205. {/block:ifcheck2}
  206. {block:ifrough}
  207. background-image:url("http://themes.themaxdavis.com/application/themes/new/IMG/bg_body.gif");
  208. {/block:ifrough}
  209. {block:ifsimple}
  210. background-image:url("http://i45.tinypic.com/16jhspi.png");
  211. {/block:ifsimple}
  212. height:185px;
  213. width:185px;;
  214. margin-left:13px;
  215. margin-top:-397px;
  216. opacity:0;
  217. border:1px solid #eee;
  218. -webkit-transition: all 0.9s linear;
  219. -moz-transition: all 0.9s linear;
  220. -o-transition: all 0.9s linear;
  221. transition: all 0.9s linear;
  222. overflow:hidden;
  223. z-index:16;
  224. -webkit-transform-origin: center center;
  225. -moz-transform-origin: center center;
  226. transform-origin: center center;
  227. }
  228.  
  229. #sidebarya:hover #inner{
  230. transform: translate(0,410px);
  231. -ms-transform: translate(0,410px);
  232. -webkit-transform: translate(0,410px);
  233. -o-transform: translate(0,410px);
  234. opacity:1;
  235. }
  236.  
  237. .desc{
  238. position:fixed !important;
  239. width:170px;
  240. background:transparent;
  241. height:92px;
  242. margin-top:0px;
  243. margin-left:0px;
  244. text-align:center;
  245. font-family:songs;
  246. color:{color:text};
  247. font-size:16px;
  248. line-height:16px;
  249. padding:5px;
  250. padding-top:8px;
  251. border-radius:5px;
  252. opacity:1;
  253. z-index:10;
  254. overflow:hidden;
  255. -o-transition-transition: all 0.2s linear;
  256. -webkit-transition: all 0.2s linear;
  257. -moz-transition: all 0.2s linear;
  258. }
  259.  
  260.  
  261.  
  262.  
  263.  
  264. #links{
  265. position:fixed;
  266. background:transparent;
  267. width: 317px;
  268. height: 45px;
  269. margin-top:142px;
  270. margin-left:35px;
  271. color:{color:links};
  272. font-size:15px;
  273. line-height:24px;
  274. -o-transition-transition: all 1s ease;
  275. -webkit-transition: all 1s ease;
  276. -moz-transition: all 1s ease;
  277. transition: all 1s ease;
  278. overflow:hidden;
  279. z-index:0;
  280. opacity:0;
  281. }
  282.  
  283. #sidebarya:hover #links{
  284. z-index:1;
  285. opacity:1;
  286. -webkit-transition: all 2s ease;
  287. -moz-transition: all 2s ease;
  288. -o-transition: all 2s ease;
  289. transition: all 2s ease;
  290. }
  291.  
  292.  
  293.  
  294. #links a:hover{
  295. -webkit-transition: all 3s ease;
  296. -moz-transition: all 3s ease;
  297. -o-transition: all 3s ease;
  298. transition: all 3s ease;
  299. -webkit-filter: blur(15px);
  300. text-shadow:0px 0px 0px #ddd, 0px 0px 0px #bbb;
  301. text-decoration:underline;
  302.  
  303. color:{color:hover};
  304. }
  305.  
  306. .line{
  307. position:fixed;
  308. margin-top:120px;
  309. margin-left:7px;
  310. width:170px;
  311. height:1px;
  312. border-top: 1px solid #404040 ;
  313. opacity: 1;
  314. -webkit-transition: all 1.1s ease;
  315. -moz-transition: all 1.1s ease;
  316. -o-transition: all 1.1s ease;
  317. transition: all 1.1s ease;
  318. }
  319.  
  320. .line2{
  321. position:fixed;
  322. margin-top:130px;
  323. margin-left:20px;
  324. width:145px;
  325. height:1px;
  326. border-top: 1px solid #505050 ;
  327. opacity: 0.8;
  328. -webkit-transition: all 1.1s ease;
  329. -moz-transition: all 1.1s ease;
  330. -o-transition: all 1.1s ease;
  331. transition: all 1.1s ease;
  332. }
  333.  
  334. .line3{
  335. position:fixed;
  336. margin-top:140px;
  337. margin-left:34px;
  338. width:118px;
  339. height:1px;
  340. border-top: 1px solid #585858 ;
  341. opacity: 0.6;
  342. -webkit-transition: all 1.1s ease;
  343. -moz-transition: all 1.1s ease;
  344. -o-transition: all 1.1s ease;
  345. transition: all 1.1s ease;
  346. }
  347.  
  348.  
  349.  
  350. #pagination {
  351. width:150px;
  352. height:15px;
  353. font-size:40px;
  354. text-align:center;
  355. margin-left:380px;
  356. padding-top:5px;
  357. opacity:1;
  358. word-spacing: 2px;
  359. margin-top:430px;
  360. position:fixed;
  361. font-family:cambria;
  362. letter-spacing:0px;
  363. background-color:;
  364. text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.72);
  365. }
  366.  
  367. #pagination a {
  368. color:white;
  369. }
  370.  
  371. #all {
  372. {block:ifsaturate} -webkit-filter:saturate(0.5);
  373. -webkit-transition: all 0.7s ease-in-out;
  374. -moz-transition: all 0.7s ease-in-out;
  375. -o-transition: all 0.7s ease-in-out;{/block:ifsaturate}
  376. margin-left:519px;
  377. margin-top:20px;
  378. width:400px;
  379. padding:5px;
  380. font-size:11px;
  381. {block:ifbw}
  382. -webkit-filter:grayscale(1);
  383. {/block:ifbw}
  384. }
  385.  
  386.  
  387.  
  388. #posts {
  389. {block:ifroundedborder}
  390. border-radius:5px;
  391. {/block:ifroundedborder}
  392. width:500px;
  393. padding-bottom:20px;
  394. text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.50);
  395. padding:10px;
  396. background:white;
  397. margin-top:30px;
  398. background-color:white;
  399. {block:ifombregradientborder}
  400. background-image:url(http://static.tumblr.com/kjq4nx5/m2Lmotq55/tumblr_mfh9ydn6061qeccpho1_r1_500.jpg);
  401. background-size:250% 250%;
  402. border-radius:5px;
  403. {/block:ifombregradientborder}
  404. {block:ifpinkgradientborder}
  405. background-image:url(http://37.media.tumblr.com/b347edd3d0e71e26c70906b46ec08a64/tumblr_mfip29K8Y01rcha6to1_500.jpg);
  406. background-size:cover;
  407. border-radius:5px;
  408. {/block:ifpinkgradientborder}
  409. {block:ifbluegradientborder}
  410. background-image:url(http://static.tumblr.com/mfvn0vd/Mk7n5rv9k/bg1.jpg);
  411. background-size:cover;
  412. border-radius:5px;
  413. {/block:ifbluegradientborder}
  414. {block:ifwoodenborder}
  415. background-image:url(http://37.media.tumblr.com/tumblr_m8ruema3Or1rsxgl4o1_250.png);
  416. background-size:cover;
  417. border-radius:5px;
  418. {/block:ifwoodenborder}
  419. {block:ifcolorfulborder}
  420. background-image:url(http://25.media.tumblr.com/d9dc9b6d4456c69a0d5258d2fd12bd31/tumblr_mk34hsMbMK1s8etn8o1_500.jpg);
  421. background-size:200% 200%;
  422. border-radius:5px;
  423. {/block:ifcolorfulborder}
  424. {block:ifpurpleborder}
  425. background-image:url(http://i48.tinypic.com/14e8hdv.jpg);
  426. background-size:200% 200%;
  427. border-radius:5px;
  428. {/block:ifpurpleborder}
  429.  
  430. }
  431.  
  432.  
  433. #details {
  434. text-align:right;
  435. margin-top:8px;
  436. text-transform:uppercase;
  437. font-size:8px;
  438. font-style:none;
  439. border-top:1px solid {color:Line};
  440. }
  441.  
  442.  
  443. #tags {
  444. font-family:cambria;
  445. letter-spacing:0px;
  446. text-transform:lowercase;
  447. font-size:10px;
  448. font-style:italic;
  449. margin-top:2px;
  450. text-align:right;
  451. }
  452.  
  453. #tags a {
  454. display:inline-block;
  455. padding:-3px;
  456. text-align:right;
  457. color:{color:Tags};
  458. -webkit-transition: all 0.6s ease-in-out;
  459. -moz-transition: all 0.6s ease-in-out;
  460. -o-transition: all 0.6s ease-in-out;
  461. -ms-transition: all 0.6s ease-in-out;
  462. -transition: all 0.6s ease-in-out;
  463. }
  464.  
  465.  
  466. #question {
  467. padding:8px;
  468. font-family:cambria;
  469. letter-spacing:2px;
  470. text-align:right;
  471. font-style:italic;
  472. border:3px {color:border} solid;
  473. color:{color:text};
  474. background-color:{color:background}
  475. }
  476.  
  477.  
  478. </style>
  479.  
  480.  
  481.  
  482. <div id='sidebarya'>
  483. <div id='sidebar'>
  484. <div id='sidebarimg'>
  485. <img src='{image:sidebar}' style='-webkit-border-radius: 0px; background:transparent;-webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;z-index:5; border:1px solid #eee;' margin-top=0px; width=205px height=205px;/>
  486. </div>
  487. <div id="inner">
  488. <div class="line"></div>
  489. <div class="line2"></div>
  490. <div class="line3"></div>
  491. <center><div class="desc">{Description}</div></center>
  492.  
  493. <div id="links">
  494. <a href='{text:Link One}'>{text:Link One Title}</a> -
  495. <a href='{text:Link Two}'>{text:Link Two Title}</a> -
  496. <a href='{text:Link Three}'>{text:Link Three Title}</a>
  497. <br><a href='{text:Link Four}'>{text:Link Four Title}</a> -
  498. <a href='{text:Link Five}'>{text:Link Five Title}</a> -
  499. <a href='http://bethanathemes.tumblr.com/'> cred</a></div>
  500. </div>
  501. </div>
  502. </div>
  503.  
  504.  
  505. {block:Pagination}<div id="pagination">
  506. {block:PreviousPage}<a href="{PreviousPage}">↞</a>{/block:PreviousPage}
  507. {block:NextPage}<a href="{NextPage}">↠</a>{/block:NextPage}
  508. </div>{/block:Pagination}
  509. </div>
  510.  
  511.  
  512.  
  513. <div id="all">{block:Posts}<div id="posts">
  514.  
  515. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  516.  
  517. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  518.  
  519. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  520.  
  521. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  522.  
  523. {block:Quote}{Quote}{/block:Quote}
  524.  
  525. {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>
  526. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  527. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  528. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  529. {/block:Audio}
  530.  
  531. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  532.  
  533. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  534.  
  535.  
  536. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  537.  
  538. <div id="details">
  539. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  540. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  541. {/block:Posts}
  542. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  543. {/block:Posts}</div></div></div>
  544.  
  545.  
  546. <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid;padding:4px; background:white;"><a href="http://bethanathemes.tumblr.com/">bethana</a></center></div>
  547.  
  548.  
  549. </body></html>
  550.  
  551. </body>
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!