API tools faq
paste
Advertisement
outerscience

lipstick

outerscience
Jul 3rd, 2018
1,660
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. lipstick theme by cassiel dualattacks
  7. moderate editing allowed ; can change
  8. credit emoji but not remove it, ty !!
  9. ♡ base code made by animecharacter ♡
  10.  
  11. ----->
  12.  
  13. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  14. <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
  15. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
  16. <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
  19. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  20. <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
  21.  
  22. <meta charset="utf-8">
  23. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <title>{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{image:favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  33.  
  34. <meta name="image:sidebar img" content="">
  35. <meta name="image:bg img" content="">
  36. <meta name="image:post bg" content="">
  37. <meta name="image:sidebar bg" content="">
  38. <meta name="image:extra tab bg" content="">
  39. <meta name="image:favicon" content="">
  40. <meta name="image:custom cursor" content="">
  41. <meta name="image:permalink pixel" content="">
  42. <meta name="image:extra tab img" content="">
  43. <meta name="image:link pixel 1" content="">
  44. <meta name="image:link pixel 2" content="">
  45. <meta name="image:link pixel 3" content="">
  46. <meta name="image:side pixel 1" content="">
  47. <meta name="image:side pixel 2" content="">
  48. <meta name="image:side pixel 3" content="">
  49. <meta name="image:side pixel 4" content="">
  50. <meta name="image:side pixel 5" content="">
  51. <meta name="image:side pixel 6" content="">
  52.  
  53. <meta name="color:background" content="fff">
  54. <meta name="color:sidebar bg" content="fff">
  55. <meta name="color:post bg" content="fff">
  56. <meta name="color:extra tab bg" content="fff">
  57. <meta name="color:question bg" content="fff">
  58. <meta name="color:border" content="fff">
  59. <meta name="color:link" content="fff">
  60. <meta name="color:link hover" content="fff">
  61. <meta name="color:link border" content="fff">
  62. <meta name="color:link border hover" content="fff">
  63. <meta name="color:link glow" content="fff">
  64. <meta name="color:sidebar img glow" content="fff">
  65. <meta name="color:sidebar glow" content="fff">
  66. <meta name="color:post glow" content="fff">
  67. <meta name="color:extra tab glow" content="fff">
  68. <meta name="color:text" content="fff">
  69. <meta name="color:text glow" content="fff">
  70. <meta name="color:scrollbar" content="fff">
  71. <meta name="color:scrollbar bg" content="fff">
  72. <meta name="color:blockquote" content="fff">
  73. <meta name="color:cursor sparkles" content="fff">
  74. <meta name="color:selection bg" content="fff">
  75. <meta name="color:selection text" content="fff">
  76. <meta name="color:tooltip bg" content="fff">
  77. <meta name="color:tooltip text" content="fff">
  78. <meta name="color:tooltip border" content="fff">
  79.  
  80. <meta name="if:show description" content=""/>
  81. <meta name="if:show title" content=""/>
  82. <meta name="if:extra tab" content=""/>
  83. <meta name="if:search box" content=""/>
  84. <meta name="if:show tags" content=""/>
  85. <meta name="if:show via src" content=""/>
  86. <meta name="if:bg stretch" content=""/>
  87. <meta name="if:post bg stretch" content=""/>
  88. <meta name="if:sidebar bg stretch" content=""/>
  89. <meta name="if:extra tab bg stretch" content=""/>
  90. <meta name="if:centered post text" content=""/>
  91. <meta name="if:transparent sidebar" content=""/>
  92. <meta name="if:transparent posts" content=""/>
  93. <meta name="if:transparent extra tab" content=""/>
  94. <meta name="if:text links" content=""/>
  95. <meta name="if:dropdown links" content=""/>
  96. <meta name="if:pixel links" content=""/>
  97. <meta name="if:side pixels" content=""/>
  98. <meta name="if:sidebar glow" content=""/>
  99. <meta name="if:sidebar img glow" content=""/>
  100. <meta name="if:post glow" content=""/>
  101. <meta name="if:extra tab glow" content=""/>
  102. <meta name="if:custom cursor" content=""/>
  103. <meta name="if:double border" content=""/>
  104. <meta name="if:rounded corners" content=""/>
  105. <meta name="if:rounded sidebar img" content=""/>
  106. <meta name="if:circle sidebar img" content=""/>
  107. <meta name="if:heart sidebar img" content=""/>
  108. <meta name="if:text glow" content=""/>
  109. <meta name="if:link border" content=""/>
  110. <meta name="if:link glow" content=""/>
  111. <meta name="if:underline links" content=""/>
  112. <meta name="if:link space on hover" content=""/>
  113. <meta name="if:rainbow links" content=""/>
  114. <meta name="if:cursor sparkles" content=""/>
  115. <meta name="if:tag redirect" content=""/>
  116.  
  117. <meta name="select:font family" content="arial">
  118. <meta name="select:font family" content="consolas">
  119. <meta name="select:font family" content="dotum">
  120. <meta name="select:font family" content="ms pgothic">
  121. <meta name="select:font family" content="open sans">
  122. <meta name="select:font family" content="indie flower">
  123. <meta name="select:font family" content="roboto mono">
  124. <meta name="select:font family" content="short stack">
  125. <meta name="select:font family" content="droid serif">
  126. <meta name="select:font family" content="poppins">
  127. <meta name="select:font family" content="josefin sans">
  128. <meta name="select:font family" content="ubuntu">
  129.  
  130. <meta name="select:post border type" content="none">
  131. <meta name="select:post border type" content="solid">
  132. <meta name="select:post border type" content="dashed">
  133. <meta name="select:post border type" content="dotted">
  134.  
  135. <meta name="select:sidebar border type" content="none">
  136. <meta name="select:sidebar border type" content="solid">
  137. <meta name="select:sidebar border type" content="dashed">
  138. <meta name="select:sidebar border type" content="dotted">
  139.  
  140. <meta name="select:extra tab border type" content="none">
  141. <meta name="select:extra tab border type" content="solid">
  142. <meta name="select:extra tab border type" content="dashed">
  143. <meta name="select:extra tab border type" content="dotted">
  144.  
  145. <meta name="select:dropdown border type" content="solid">
  146. <meta name="select:dropdown border type" content="dashed">
  147. <meta name="select:dropdown border type" content="dotted">
  148.  
  149. <meta name="select:footer text align" content="left">
  150. <meta name="select:footer text align" content="center">
  151. <meta name="select:footer text align" content="right">
  152.  
  153. <meta name="text:font size" content="12">
  154. <meta name="text:border size" content="1">
  155. <meta name="text:search box width" content="100">
  156. <meta name="text:search button width" content="50">
  157. <meta name="text:tag symbol" content="#">
  158. <meta name="text:sidebar img hover" content="hewwo!">
  159. <meta name="text:link divider" content="//">
  160. <meta name="text:via src divider" content="/">
  161. <meta name="text:notes symbol" content="!">
  162. <meta name="text:dropdown text" content="click me!">
  163. <meta name="text:tag redirect" content="leave blank if unwanted!">
  164. <meta name="text:search text" content="?!?!?!">
  165. <meta name="text:search button" content="GO!!">
  166. <meta name="text:extra tab title" content="updates">
  167. <meta name="text:extra tab content" content="i love u!">
  168. <meta name="text:link 1" content="">
  169. <meta name="text:link 1 url" content="/">
  170. <meta name="text:link 2" content="">
  171. <meta name="text:link 2 url" content="/">
  172. <meta name="text:link 3" content="">
  173. <meta name="text:link 3 url" content="/">
  174.  
  175. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  176.  
  177. <style type="text/css">
  178.  
  179. ::selection {
  180. background: {color:selection bg};
  181. color: {color:selection text};
  182. }
  183.  
  184. ::-moz-selection {
  185. background: {color:selection bg};
  186. color: {color:selection text};
  187. }
  188.  
  189. body {
  190. margin:0px;
  191. background-color:{color:background};
  192. background-image:url({image:bg img});
  193. {block:ifbgstretch}background-size:cover; background-attachment:fixed;{/block:ifbgstretch}
  194. {block:ifnotbgstretch}background-attachment:repeat;{/block:ifnotbgstretch}
  195. {block:iftextglow}text-shadow:0 0 3px {color:text glow};{/block:iftextglow}
  196. font-family: {select:font family};
  197. font-size:{text:font size}px;
  198. line-height:140%;
  199. color:{color:text};
  200. }
  201.  
  202. p{
  203. margin:0 0 10px 0;
  204. padding:0;
  205. }
  206.  
  207. pre {
  208. white-space: pre-wrap;
  209. white-space: -moz-pre-wrap;
  210. white-space: -pre-wrap;
  211. white-space: -o-pre-wrap;
  212. word-wrap: break-word;
  213. }
  214.  
  215. a{
  216. color:{color:link};
  217. {block:ifunderlinelinks}text-decoration:underline;{/block:ifunderlinelinks}
  218. {block:ifnotunderlinelinks}text-decoration:none;{/block:ifnotunderlinelinks}
  219. {block:iflinkglow}text-shadow: 0 0 3px {color:link glow};{/block:iflinkglow}
  220. {block:iflinkborder}text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};{/block:iflinkborder}
  221. }
  222.  
  223. a:hover{
  224. color:{color:link hover};
  225. -webkit-transition: color 0.2s ease-out;
  226. -moz-transition: color 0.2s ease-out;
  227. transition: color 0.2s ease-out;
  228. {block:ifunderlinelinks}text-decoration:underline;{/block:ifunderlinelinks}
  229. {block:ifnotunderlinelinks}text-decoration:none;{/block:ifnotunderlinelinks}
  230. {block:iflinkspaceonhover}letter-spacing:4px; transition: 0.3s;{/block:iflinkspaceonhover}
  231. {block:iflinkglow}text-shadow: 0 0 3px {color:link glow};{/block:iflinkglow}
  232. {block:iflinkborder}text-shadow: -1px 0 {color:link border hover}, 0 1px {color:link border hover}, 1px 0 {color:link border hover}, 0 -1px {color:link border hover};{/block:iflinkborder}
  233. }
  234.  
  235. li{
  236. margin-left:-15px;
  237. }
  238.  
  239. .com:last-child{display:none;}
  240.  
  241. ::-webkit-scrollbar {
  242. width:9px;
  243. height:0;
  244. background:{color:scrollbar bg};
  245. }
  246.  
  247. ::-webkit-scrollbar-thumb {
  248. background:{color:scrollbar};
  249. }
  250.  
  251. #wrapper{
  252. width:600px;
  253. margin:50px auto;
  254. }
  255.  
  256. #sidebar{
  257. width:200px;
  258. position:fixed;
  259. margin-top:25px;
  260. margin-left:635px;
  261. padding:15px;
  262. text-align:center;
  263. {block:iftransparentsidebar}
  264. background:transparent;
  265. {block:iftransparentsidebar}
  266. {block:ifnottransparentsidebar}
  267. background: {color:sidebar bg};
  268. background-image:url({image:sidebar bg});
  269. {block:ifnotbgstretch}background-attachment:repeat;{/block:ifnotbgstretch}
  270. {/block:ifnottransparentsidebar}
  271. {block:ifsidebarbgstretch}background-size:cover; background-attachment:fixed;{/block:ifsidebarbgstretch}
  272. border: {text:border size}px {select:sidebar border type} {color:border};
  273. {block:ifdoubleborder}border:4px double {color:border}; {/block:ifdoubleborder}
  274. {block:ifroundedcorners}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifroundedcorners}
  275. {block:ifsidebarbgstretch}background-size:cover;
  276. background-attachment:fixed;{/block:ifsidebarbgstretch}
  277. {block:ifsidebarglow}box-shadow:0 0 15px 9px {color:sidebar glow};{/block:ifsidebarglow}
  278. }
  279.  
  280. #content{
  281. width:600px;
  282. margin-left:70px;
  283. margin-top:20px;
  284. margin-bottom:50px;
  285. overflow:hidden;
  286. }
  287.  
  288. .post{
  289. width:400px;
  290. margin-top:20px;
  291. margin-bottom:70px;
  292. margin-left:20px;
  293. overflow:hidden;
  294. padding:15px;
  295. {block:iftransparentposts}
  296. background:transparent;
  297. {block:iftransparentposts}
  298. {block:ifnottransparentposts}
  299. background: {color:post bg};
  300. background-image:url({image:post bg});
  301. {/block:ifnottransparentposts}
  302. border: {text:border size}px {select:post border type} {color:border};
  303. {block:ifdoubleborder}border:4px double {color:border}; {/block:ifdoubleborder}
  304. {block:ifroundedcorners}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifroundedcorners}
  305. {block:ifpostbgstretch}background-size:cover;
  306. background-attachment:fixed;{/block:ifpostbgstretch}
  307. {block:ifpostglow}box-shadow:0 0 15px 9px {color:post glow};{/block:ifpostglow}
  308. {block:ifcenteredposttext}text-align:center;{/block:ifcenteredposttext}
  309. {block:ifnotcenteredposttext}text-align:none;{/block:ifnotcenteredposttext}
  310. }
  311.  
  312. #sidebar img, .post img{
  313. max-width:100%;
  314. }
  315.  
  316. #sidebar img{
  317. width:180px;
  318. text-align:center;
  319. margin-left:10px;
  320. margin-right:10px;
  321. {block:ifroundedsidebarimg}
  322. border-radius:15px;
  323. {/block:ifroundedsidebarimg}
  324. {block:ifcirclesidebarimg}
  325. border-radius:80%;
  326. {/block:ifcirclesidebarimg}
  327. {block:ifheartsidebarimg}
  328. -webkit-mask-image: url(https://i.imgur.com/7uQW9Ci.png);
  329. {/block:ifheartsidebarimg}
  330. {block:ifsidebarimgglow}box-shadow:0 0 15px 9px {color:sidebar img glow};{/block:ifsidebarimgglow}
  331. }
  332.  
  333. #sidepixels{
  334. margin-left:10px;
  335. margin-right:10px;
  336. margin-top:10px;
  337. margin-bottom:10px;
  338. text-align:center;
  339. line-height:2px;
  340. }
  341.  
  342. #sidepixels img{
  343. margin-bottom:3px;
  344. margin-left:10px;
  345. margin-right:10px;
  346. width:auto;
  347. border:none;
  348. border-radius:0%;
  349. box-shadow:none;
  350. text-align:center;
  351. {block:ifheartsidebarimg}
  352. -webkit-mask-image:none;
  353. {/block:ifheartsidebarimg}
  354. }
  355.  
  356. #extratab{
  357. margin-top:-45px;
  358. margin-left:5px;
  359. width:20px;
  360. height:20px;
  361. padding:5px;
  362. position:fixed;
  363. {block:iftransparentextratab}
  364. background:transparent;
  365. {block:iftransparentextratab}
  366. {block:ifnottransparentextratab}
  367. background: {color:extra tab bg};
  368. background-image:url({image:extra tab bg});
  369. {/block:ifnottransparentextratab}
  370. border: {text:border size}px {select:extra tab border type} {color:border};
  371. {block:ifdoubleborder}border:4px double {color:border}; {/block:ifdoubleborder}
  372. {block:ifroundedcorners}-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; {/block:ifroundedcorners}
  373. {block:ifextratabbgstretch}background-size:cover;
  374. background-attachment:fixed;{/block:ifextratabbgstretch}
  375. {block:ifextratabglow}box-shadow:0 0 9px 3px {color:extra tab glow};{/block:ifextratabglow}
  376. }
  377.  
  378. .extratabstuff{
  379. padding:15px;
  380. margin-top:-22px;
  381. margin-left:0px;
  382. opacity:0;
  383. }
  384.  
  385. .extratabcontent{
  386. font-size:{text:font size};
  387. font-family:{select:font family};
  388. color:{color:text};
  389. margin-left:-13px;
  390. margin-top:15px;
  391. overflow:hidden;
  392. width:150px;
  393. }
  394.  
  395. #extratab img{
  396. width:15px;
  397. height:15px;
  398. border-radius:0%;
  399. text-align:center;
  400. margin-top:3px;
  401. margin-left:3px;
  402. }
  403.  
  404. #extratabhr{
  405. opacity:0;
  406. }
  407.  
  408. #extratab:hover #extratabhr{
  409. opacity:1;
  410. border-color:{color:border};
  411. background-color:{color:border};
  412. -webkit-transition: all 0.6s ease-in-out;
  413. -moz-transition: all 0.6s ease-in-out;
  414. -o-transition: all 0.6s ease-in-out;
  415. -ms-transition: all 0.6s ease-in-out;
  416. transition: all 0.6s ease-in-out;
  417. }
  418.  
  419. #extratab:hover{
  420. width:150px;
  421. height:250px;
  422. opacity:1;
  423. overflow:hidden;
  424. -webkit-transition: all 0.6s ease-in-out;
  425. -moz-transition: all 0.6s ease-in-out;
  426. -o-transition: all 0.6s ease-in-out;
  427. -ms-transition: all 0.6s ease-in-out;
  428. transition: all 0.6s ease-in-out;
  429. {block:iftransparentextratab}
  430. background:transparent;
  431. {block:iftransparentextratab}
  432. {block:ifnottransparentextratab}
  433. background: {color:extra tab bg};
  434. background-image:url({image:extra tab bg});
  435. {/block:ifnottransparentextratab}
  436. border: {text:border size}px {select:extra tab border type} {color:border};
  437. {block:ifdoubleborder}border:4px double {color:border}; {/block:ifdoubleborder}
  438. {block:ifroundedcorners}-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; {/block:ifroundedcorners}
  439. {block:ifextratabbgstretch}background-size:cover;
  440. background-attachment:fixed;{/block:ifextratabbgstretch}
  441. {block:ifextratabglow}box-shadow:0 0 9px 3px {color:extra tab glow};{/block:ifextratabglow}
  442. }
  443.  
  444. #extratab:hover span{
  445. opacity:1;
  446. -webkit-transition: all 0.6s ease-in-out;
  447. -moz-transition: all 0.6s ease-in-out;
  448. -o-transition: all 0.6s ease-in-out;
  449. -ms-transition: all 0.6s ease-in-out;
  450. transition: all 0.6s ease-in-out;
  451. }
  452.  
  453. #extratab:hover .extratabstuff{
  454. opacity:1;
  455. -webkit-transition: all 0.6s ease-in-out;
  456. -moz-transition: all 0.6s ease-in-out;
  457. -o-transition: all 0.6s ease-in-out;
  458. -ms-transition: all 0.6s ease-in-out;
  459. transition: all 0.6s ease-in-out;
  460. }
  461.  
  462. #nav{
  463. margin-top:10px;
  464. margin-bottom:10px;
  465. text-align:center;
  466. }
  467.  
  468. #links{
  469. margin-bottom:0px;
  470. text-align:center;
  471. margin-left:10px;
  472. margin-right:10px;
  473. margin-top:0px;
  474. }
  475.  
  476. #links img{
  477. text-align:center;
  478. width:auto;
  479. border:none;
  480. border-radius:0%;
  481. box-shadow:none;
  482. border:none;
  483. margin-top:3px;
  484. margin-left:3px;
  485. margin-right:3px;
  486. }
  487.  
  488. #title{
  489. font-size:20px;
  490. margin-top:10px;
  491. margin-bottom:10px;
  492. margin-left:10px;
  493. margin-right:10px;
  494. text-align:center;
  495. }
  496.  
  497. #description{
  498. margin-top:5px;
  499. text-align:center;
  500. }
  501.  
  502. #dropdown{
  503. margin-top:10px;
  504. text-align:center;
  505. }
  506.  
  507. #credit{
  508. padding:10px;
  509. width:15px;
  510. height:15px;
  511. position:fixed;
  512. border-radius:100%;
  513. bottom:5px;
  514. left:3px;
  515. font-size:18px;
  516. }
  517.  
  518. #sb{
  519. width:{text:search button width}px;
  520. font-family:{select:font family};
  521. margin-top:-5px;
  522. margin-bottom:5px;
  523. padding:8px;
  524. border:2px solid {color:border};
  525. border-radius:6px;
  526. background-color:#ffffff;
  527. }
  528.  
  529. .sfm input{
  530. width:{text:search box width}px;
  531. font-family:{select:font family};
  532. margin-top:10px;
  533. margin-bottom:10px;
  534. padding:8px;
  535. border:2px solid {color:border};
  536. border-radius:6px;
  537. background-color:#ffffff;
  538. }
  539.  
  540. .media{
  541. margin:0 0 10px 0;
  542. }
  543.  
  544. .title{
  545. font-weight:normal;
  546. font-size:18px;
  547. text-align:center;
  548. margin:0 0 10px 0;
  549. }
  550.  
  551. .quote{
  552. font-weight:normal;
  553. font-size:18px;
  554. font-style:italic;
  555. margin:0 0 10px 0;
  556. text-align:center;
  557. }
  558.  
  559. .question{
  560. margin-bottom:10px;
  561. background:{color:question bg};
  562. }
  563.  
  564. blockquote{
  565. margin:0 0 10px 10px;
  566. padding:0 0 0 10px;
  567. border-left:solid 2px {color:blockquote};
  568. }
  569.  
  570. .post .footer{
  571. margin:0;
  572. text-align:{select:footer text align};
  573. }
  574.  
  575. ol.notes{
  576. list-style-type:square;
  577. padding:0;
  578. margin-top:40px;
  579. }
  580.  
  581. ol.notes li.note img{
  582. width:10px;
  583. height:10px;
  584. }
  585.  
  586. ol.notes li.note{
  587. margin:0px;
  588. }
  589.  
  590. {CustomCSS}
  591. </style>
  592.  
  593. {block:ifrainbowlinks}
  594. <!---rainbow links--->
  595. <script type='text/javascript'>
  596. //<![CDATA[
  597. var rate = 60;
  598. if (document.getElementById)
  599. window.onerror=new Function("return true")
  600. var objActive;
  601. var act = 0;
  602. var elmH = 0;
  603. var elmS = 128;
  604. var elmV = 255;
  605. var clrOrg;
  606. var TimerID;
  607. if (document.all) {
  608. document.onmouseover = doRainbowAnchor;
  609. document.onmouseout = stopRainbowAnchor;
  610. }
  611. else if (document.getElementById) {
  612. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  613. document.onmouseover = Mozilla_doRainbowAnchor;
  614. document.onmouseout = Mozilla_stopRainbowAnchor;
  615. }
  616. function doRainbow(obj)
  617. {
  618. if (act == 0) {
  619. act = 1;
  620. if (obj)
  621. objActive = obj;
  622. else
  623. objActive = event.srcElement;
  624. clrOrg = objActive.style.color;
  625. TimerID = setInterval("ChangeColor()",100);
  626. }
  627. }
  628. function stopRainbow()
  629. {
  630. if (act) {
  631. objActive.style.color = clrOrg;
  632. clearInterval(TimerID);
  633. act = 0;
  634. }
  635. }
  636. function doRainbowAnchor()
  637. {
  638. if (act == 0) {
  639. var obj = event.srcElement;
  640. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  641. obj = obj.parentElement;
  642. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  643. break;
  644. }
  645. if (obj.tagName == 'A' && obj.href != '') {
  646. objActive = obj;
  647. act = 1;
  648. clrOrg = objActive.style.color;
  649. TimerID = setInterval("ChangeColor()",100);
  650. }
  651. }
  652. }
  653. function stopRainbowAnchor()
  654. {
  655. if (act) {
  656. if (objActive.tagName == 'A') {
  657. objActive.style.color = clrOrg;
  658. clearInterval(TimerID);
  659. act = 0;
  660. }
  661. }
  662. }
  663. function Mozilla_doRainbowAnchor(e)
  664. {
  665. if (act == 0) {
  666. obj = e.target;
  667. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  668. obj = obj.parentNode;
  669. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  670. break;
  671. }
  672. if (obj.nodeName == 'A' && obj.href != '') {
  673. objActive = obj;
  674. act = 1;
  675. clrOrg = obj.style.color;
  676. TimerID = setInterval("ChangeColor()",100);
  677. }
  678. }
  679. }
  680. function Mozilla_stopRainbowAnchor(e)
  681. {
  682. if (act) {
  683. if (objActive.nodeName == 'A') {
  684. objActive.style.color = clrOrg;
  685. clearInterval(TimerID);
  686. act = 0;
  687. }
  688. }
  689. }
  690. function ChangeColor()
  691. {
  692. objActive.style.color = makeColor();
  693. }
  694. function makeColor()
  695. {
  696. if (elmS == 0) {
  697. elmR = elmV; elmG = elmV; elmB = elmV;
  698. }
  699. else {
  700. t1 = elmV;
  701. t2 = (255 - elmS) * elmV / 255;
  702. t3 = elmH % 60;
  703. t3 = (t1 - t2) * t3 / 60;
  704. if (elmH < 60) {
  705. elmR = t1; elmB = t2; elmG = t2 + t3;
  706. }
  707. else if (elmH < 120) {
  708. elmG = t1; elmB = t2; elmR = t1 - t3;
  709. }
  710. else if (elmH < 180) {
  711. elmG = t1; elmR = t2; elmB = t2 + t3;
  712. }
  713. else if (elmH < 240) {
  714. elmB = t1; elmR = t2; elmG = t1 - t3;
  715. }
  716. else if (elmH < 300) {
  717. elmB = t1; elmG = t2; elmR = t2 + t3;
  718. }
  719. else if (elmH < 360) {
  720. elmR = t1; elmG = t2; elmB = t1 - t3;
  721. }
  722. else {
  723. elmR = 0; elmG = 0; elmB = 0;
  724. }
  725. }
  726. elmR = Math.floor(elmR).toString(16);
  727. elmG = Math.floor(elmG).toString(16);
  728. elmB = Math.floor(elmB).toString(16);
  729. if (elmR.length == 1) elmR = "0" + elmR;
  730. if (elmG.length == 1) elmG = "0" + elmG;
  731. if (elmB.length == 1) elmB = "0" + elmB
  732. elmH = elmH + rate;
  733. if (elmH >= 360)
  734. elmH = 0;
  735. return '#' + elmR + elmG + elmB;
  736. }
  737. //]]>
  738. </script>
  739. <!---rainbow links--->
  740. {/block:ifrainbowlinks}
  741.  
  742. {block:ifcursorsparkles}
  743. <script type="text/javascript">
  744. // <![CDATA[
  745. var colour="{color:cursor sparkles}";
  746. var sparkles=120;
  747.  
  748. /****************************
  749. * Tinkerbell Magic Sparkle *
  750. * (c) 2005 mf2fm web-design *
  751. * http://www.mf2fm.com/rv *
  752. * DON'T EDIT BELOW THIS BOX *
  753. ****************************/
  754. var x=ox=400;
  755. var y=oy=300;
  756. var swide=800;
  757. var shigh=600;
  758. var sleft=sdown=0;
  759. var tiny=new Array();
  760. var star=new Array();
  761. var starv=new Array();
  762. var starx=new Array();
  763. var stary=new Array();
  764. var tinyx=new Array();
  765. var tinyy=new Array();
  766. var tinyv=new Array();
  767.  
  768. window.onload=function() { if (document.getElementById) {
  769. var i, rats, rlef, rdow;
  770. for (var i=0; i<sparkles; i++) {
  771. var rats=createDiv(3, 3);
  772. rats.style.visibility="hidden";
  773. document.body.appendChild(tiny[i]=rats);
  774. starv[i]=0;
  775. tinyv[i]=0;
  776. var rats=createDiv(5, 5);
  777. rats.style.backgroundColor="transparent";
  778. rats.style.visibility="hidden";
  779. var rlef=createDiv(1, 5);
  780. var rdow=createDiv(5, 1);
  781. rats.appendChild(rlef);
  782. rats.appendChild(rdow);
  783. rlef.style.top="2px";
  784. rlef.style.left="0px";
  785. rdow.style.top="0px";
  786. rdow.style.left="2px";
  787. document.body.appendChild(star[i]=rats);
  788. }
  789. set_width();
  790. sparkle();
  791. }}
  792.  
  793. function sparkle() {
  794. var c;
  795. if (x!=ox || y!=oy) {
  796. ox=x;
  797. oy=y;
  798. for (c=0; c<sparkles; c++) if (!starv[c]) {
  799. star[c].style.left=(starx[c]=x)+"px";
  800. star[c].style.top=(stary[c]=y)+"px";
  801. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  802. star[c].style.visibility="visible";
  803. starv[c]=50;
  804. break;
  805. }
  806. }
  807. for (c=0; c<sparkles; c++) {
  808. if (starv[c]) update_star(c);
  809. if (tinyv[c]) update_tiny(c);
  810. }
  811. setTimeout("sparkle()", 40);
  812. }
  813.  
  814. function update_star(i) {
  815. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  816. if (starv[i]) {
  817. stary[i]+=1+Math.random()*3;
  818. if (stary[i]<shigh+sdown) {
  819. star[i].style.top=stary[i]+"px";
  820. starx[i]+=(i%5-2)/5;
  821. star[i].style.left=starx[i]+"px";
  822. }
  823. else {
  824. star[i].style.visibility="hidden";
  825. starv[i]=0;
  826. return;
  827. }
  828. }
  829. else {
  830. tinyv[i]=50;
  831. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  832. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  833. tiny[i].style.width="2px";
  834. tiny[i].style.height="2px";
  835. star[i].style.visibility="hidden";
  836. tiny[i].style.visibility="visible"
  837. }
  838. }
  839.  
  840. function update_tiny(i) {
  841. if (--tinyv[i]==25) {
  842. tiny[i].style.width="1px";
  843. tiny[i].style.height="1px";
  844. }
  845. if (tinyv[i]) {
  846. tinyy[i]+=1+Math.random()*3;
  847. if (tinyy[i]<shigh+sdown) {
  848. tiny[i].style.top=tinyy[i]+"px";
  849. tinyx[i]+=(i%5-2)/5;
  850. tiny[i].style.left=tinyx[i]+"px";
  851. }
  852. else {
  853. tiny[i].style.visibility="hidden";
  854. tinyv[i]=0;
  855. return;
  856. }
  857. }
  858. else tiny[i].style.visibility="hidden";
  859. }
  860.  
  861. document.onmousemove=mouse;
  862. function mouse(e) {
  863. set_scroll();
  864. y=(e)?e.pageY:event.y+sdown;
  865. x=(e)?e.pageX:event.x+sleft;
  866. }
  867.  
  868. function set_scroll() {
  869. if (typeof(self.pageYOffset)=="number") {
  870. sdown=self.pageYOffset;
  871. sleft=self.pageXOffset;
  872. }
  873. else if (document.body.scrollTop || document.body.scrollLeft) {
  874. sdown=document.body.scrollTop;
  875. sleft=document.body.scrollLeft;
  876. }
  877. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  878. sleft=document.documentElement.scrollLeft;
  879. sdown=document.documentElement.scrollTop;
  880. }
  881. else {
  882. sdown=0;
  883. sleft=0;
  884. }
  885. }
  886.  
  887. window.onresize=set_width;
  888. function set_width() {
  889. if (typeof(self.innerWidth)=="number") {
  890. swide=self.innerWidth;
  891. shigh=self.innerHeight;
  892. }
  893. else if (document.documentElement && document.documentElement.clientWidth) {
  894. swide=document.documentElement.clientWidth;
  895. shigh=document.documentElement.clientHeight;
  896. }
  897. else if (document.body.clientWidth) {
  898. swide=document.body.clientWidth;
  899. shigh=document.body.clientHeight;
  900. }
  901. }
  902.  
  903. function createDiv(height, width) {
  904. var div=document.createElement("div");
  905. div.style.position="absolute";
  906. div.style.height=height+"px";
  907. div.style.width=width+"px";
  908. div.style.overflow="hidden";
  909. div.style.backgroundColor=colour;
  910. return (div);
  911. }
  912. // ]]>
  913. </script>
  914. {/block:ifcursorsparkles}
  915.  
  916. </head>
  917.  
  918. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  919.  
  920. <style>
  921. .tooltip{
  922. display: inline;
  923. position: relative;}
  924.  
  925. #s-m-t-tooltip {
  926. text-align:center;
  927. max-width:400px;
  928. padding:5px;
  929. margin:20px;
  930. background-color:{color:tooltip bg};
  931. color:{color:tooltip text};
  932. font-size:{text:font size}px;
  933. letter-spacing:1px;
  934. border-radius:0px;
  935. word-wrap:break-word;
  936. z-index:999999999999999999999999999999999999;
  937. border:{text:border size}px {select:post border type};
  938. border-color:{color:tooltip border};
  939. -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition-duration:0.2s; transition:all 0.2s linear;
  940. {block:ifrounded}
  941. -moz-border-radius:11px; -webkit-border-radius:11px;
  942. {/block:ifrounded}
  943. }
  944. </style>
  945.  
  946. <body>
  947.  
  948. {block:iftagredirect}{block:IndexPage}
  949. <script type="text/javascript">
  950. var url = location.href;
  951. if (url == "{BlogURL}") {
  952. window.location = "{BlogURL}tagged/{text:tag redirect}";
  953. }
  954. </script>
  955. {/block:IndexPage}{/block:iftagredirect}
  956.  
  957. {block:ifcustomcursor}
  958. <style>body, a, a:hover { cursor:url({image:custom cursor}), auto; }</style>
  959. {/block:ifcustomcursor}
  960.  
  961. {block:ifextratab}
  962.  
  963. <div id="extratab">
  964. <img src="{image:extra tab img}"><br><hr id="extratabhr">
  965. <div class="extratabstuff">
  966. <span style="float:right;margin-top:5px;margin-right:-15px;">{text:extra tab title}</span><br>
  967. <div class="extratabcontent">
  968. {text:extra tab content}
  969. </div>
  970. </div>
  971. </div>
  972.  
  973. {/block:ifextratab}
  974.  
  975. <div id="wrapper">
  976.  
  977. <div id="sidebar">
  978. {block:ifshowtitle}<div id="title"><a href="/">{Title}</a></div>{block:ifshowtitle}
  979. <div id="sidebar img">
  980. <a title="{text:sidebar img hover}" href="/">
  981. <img src="{image:sidebar img}">
  982. </a>
  983. </div>
  984. {block:ifshowdescription}
  985. <div id="description">
  986. {block:Description}
  987. <p>{Description}</p>
  988. {/block:Description}
  989. </div>
  990. {/block:ifshowdescription}
  991. {block:iftextlinks}
  992. <div id="links">
  993. <a href="{text:link 1 url}">{text:link 1}</a> {text:link divider}
  994. <a href="{text:link 2 url}">{text:link 2}</a> {text:link divider}
  995. <a href="{text:link 3 url}">{text:link 3}</a>
  996. </div>
  997. {/block:iftextlinks}
  998. {block:ifdropdownlinks}
  999. <div id="dropdown">
  1000. <select onchange='location=this.options[this.selectedIndex].value;' style='width:130px; background:#ffffff;border:{text:border size}px {select:dropdown border type} {color:border};color:{color:text};font-family:{select:font family};'>
  1001. <option>{text:dropdown text}</option>
  1002. <option value="{text:link 1 url}">{text:link 1}</option>
  1003. <option value="{text:link 2 url}">{text:link 2}</option>
  1004. <option value="{text:link 3 url}">{text:link 3}</option>
  1005. </select>
  1006. </div>
  1007. {/block:ifdropdownlinks}
  1008. {block:ifpixellinks}
  1009. <div id="links">
  1010. <a title="{text:link 1}" href="{text:link 1 url}">
  1011. <img src="{image:link pixel 1}">
  1012. </a>
  1013. <a title="{text:link 2}" href="{text:link 2 url}">
  1014. <img src="{image:link pixel 2}">
  1015. </a>
  1016. <a title="{text:link 3}" href="{text:link 3 url}">
  1017. <img src="{image:link pixel 3}">
  1018. </a>
  1019. </div>
  1020. {/block:ifpixellinks}
  1021. {block:ifsearchbox}
  1022. <form action="/search" method="get" class="sfm" align="center">
  1023. <input type="text" name="q" value="{SearchQuery}" placeholder="{text:search text}" id="sf"/>
  1024. <input type="submit" value="{text:search button}" id="sb"/>
  1025. </form>
  1026. {/block:ifsearchbox}
  1027. {block:Pagination}
  1028. <div id="nav">
  1029. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  1030. {block:NextPage}— <a href="{NextPage}">next</a>{/block:NextPage}
  1031. </div>
  1032. {/block:Pagination}
  1033. {block:ifsidepixels}
  1034. <div id="sidepixels">
  1035. <img src="{image:side pixel 1}"> <img src="{image:side pixel 2}"><br>
  1036. <img src="{image:side pixel 3}"> <img src="{image:side pixel 4}"><br>
  1037. <img src="{image:side pixel 5}"> <img src="{image:side pixel 6}">
  1038. </div>
  1039. {/block:ifsidepixels}
  1040. </div>
  1041.  
  1042. <div id="content">
  1043.  
  1044. {block:Posts}
  1045.  
  1046. <div class="post">
  1047.  
  1048. {block:Text}
  1049. {block:Title}
  1050. <div class="title">{Title}</div>
  1051. {/block:Title}
  1052. {Body}
  1053. {/block:Text}
  1054.  
  1055. {block:Photo}
  1056. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  1057. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1058. {/block:Photo}
  1059.  
  1060. {block:Photoset}
  1061. <div class="media">{Photoset-400}</div>
  1062. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1063. {/block:Photoset}
  1064.  
  1065. {block:Quote}
  1066. <div class="quote">"{Quote}"</div>
  1067. {block:Source}
  1068. <div class="quotesource">{Source}</div>
  1069. {/block:Source}
  1070. {/block:Quote}
  1071.  
  1072. {block:Link}
  1073. <div class="title"><a href="{URL}">{Name}</a></div>
  1074. {block:Description}
  1075. <div class="description">{Description}</div>
  1076. {/block:Description}
  1077. {/block:Link}
  1078.  
  1079. {block:Chat}
  1080. {block:Title}
  1081. <div class="title">{Title}</div>
  1082. {/block:Title}
  1083.  
  1084. {block:Lines}
  1085. <div class="{Alt} user_{UserNumber}">
  1086. {block:Label}
  1087. <b>{Label}</b>{/block:Label}
  1088. &nbsp;{Line}
  1089. </div>
  1090. {/block:Lines}
  1091. {/block:Chat}
  1092.  
  1093. {block:Video}
  1094. <div class="media">{Video-400}</div>
  1095. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1096. {/block:Video}
  1097.  
  1098. {block:Audio}
  1099. <div class="media">
  1100. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1101. {AudioPlayerWhite}
  1102. {block:TrackName}{TrackName}<br>{/block:TrackName}
  1103. {block:Artist}{Artist}<br>{/block:Artist}
  1104. {block:Album}{Album}{/block:Album}
  1105. </div>
  1106. {block:Caption}{Caption}{/block:Caption}
  1107. {/block:Audio}
  1108.  
  1109. {block:Answer}
  1110. <div class="question"><span style="text-transform:uppercase">{Asker}</span> inquired: {Question}</div>
  1111. <div class="caption">{Answer}</div>
  1112. {/block:Answer}
  1113.  
  1114.  
  1115. {block:Date}
  1116. <div class="footer">
  1117. <a href="{Permalink}">{24Hour}:{Minutes}</a> <img src="{image:permalink pixel}"> <a href="{Permalink}">{NoteCount}{text:notes symbol}</a>
  1118. {block:ifshowviasrc}{block:RebloggedFrom}<br><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}{text:via src divider} <a href="{SourceURL}">src</a>{/block:ContentSource}{/block:ifshowviasrc}
  1119. {block:ifshowtags}{block:HasTags}<br>{block:Tags}{text:tag symbol}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifshowtags}
  1120. </div>
  1121.  
  1122. {block:PermalinkPage}
  1123. {block:NoteCount}
  1124. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1125. {/block:NoteCount}
  1126. {/block:PermalinkPage}
  1127. {/block:Date}
  1128.  
  1129. </div>
  1130. {/block:Posts}
  1131.  
  1132. <div id="credit">
  1133. <a title="theme by angela" href="http://whitefixer.tumblr.com">💄</a>
  1134. </div>
  1135.  
  1136. </div>
  1137. </div>
  1138.  
  1139. </div>
  1140.  
  1141. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1142. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1143.  
  1144. </body>
  1145.  
  1146. </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!