API tools faq
paste
Advertisement
nofacesface

Prismatic Theme

nofacesface
Nov 19th, 2013
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat (◡‿◡✿)
  6. -->
  7.  
  8. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  9.  
  10. <head>
  11.  
  12. <script type='text/javascript'>
  13. //<![CDATA[
  14. var rate = 7;
  15. if (document.getElementById)
  16. window.onerror=new Function("return true")
  17.  
  18. var objActive; // The object which event occured in
  19. var act = 0; // Flag during the action
  20. var elmH = 0; // Hue
  21. var elmS = 128; // Saturation
  22. var elmV = 255; // Value
  23. var TimerID; // Timer ID
  24. if (document.all) {
  25. document.onmouseout = doRainbowAnchor;
  26. document.onmouseout = stopRainbowAnchor;
  27. }
  28. else if (document.getElementById) {
  29. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  30. document.onmouseover = Mozilla_doRainbowAnchor;
  31. document.onmouseout = Mozilla_stopRainbowAnchor;
  32. }
  33. function doRainbow(obj)
  34. {
  35. if (act == 0) {
  36. act = 1;
  37. if (obj)
  38. objActive = obj;
  39. else
  40. objActive = event.srcElement;
  41. clrOrg = objActive.style.color;
  42. TimerID = setInterval("ChangeColor()",100);
  43. }
  44. }
  45. function stopRainbow()
  46. {
  47. if (act) {
  48. objActive.style.color = clrOrg;
  49. clearInterval(TimerID);
  50. act = 0;
  51. }
  52. }
  53. function doRainbowAnchor()
  54. {
  55. if (act == 0) {
  56. var obj = event.srcElement;
  57. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  58. obj = obj.parentElement;
  59. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  60. break;
  61. }
  62. if (obj.tagName == 'A' && obj.href != '') {
  63. objActive = obj;
  64. act = 1;
  65. clrOrg = objActive.style.color;
  66. TimerID = setInterval("ChangeColor()",100);
  67. }
  68. }
  69. }
  70. function stopRainbowAnchor()
  71. {
  72. if (act) {
  73. if (objActive.tagName == 'A') {
  74. objActive.style.color = clrOrg;
  75. clearInterval(TimerID);
  76. act = 0;
  77. }
  78. }
  79. }
  80. function Mozilla_doRainbowAnchor(e)
  81. {
  82. if (act == 0) {
  83. obj = e.target;
  84. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  85. obj = obj.parentNode;
  86. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  87. break;
  88. }
  89. if (obj.nodeName == 'A' && obj.href != '') {
  90. objActive = obj;
  91. act = 1;
  92. clrOrg = obj.style.color;
  93. TimerID = setInterval("ChangeColor()",100);
  94. }
  95. }
  96. }
  97. function Mozilla_stopRainbowAnchor(e)
  98. {
  99. if (act) {
  100. if (objActive.nodeName == 'A') {
  101. objActive.style.color = clrOrg;
  102. clearInterval(TimerID);
  103. act = 0;
  104. }
  105. }
  106. }
  107. function ChangeColor()
  108. {
  109. objActive.style.color = makeColor();
  110. }
  111. function makeColor()
  112. {
  113. // Don't you think Color Gamut to look like Rainbow?
  114. // HSVtoRGB
  115. if (elmS == 0) {
  116. elmR = elmV; elmG = elmV; elmB = elmV;
  117. }
  118. else {
  119. t1 = elmV;
  120. t2 = (255 - elmS) * elmV / 255;
  121. t3 = elmH % 60;
  122. t3 = (t1 - t2) * t3 / 60;
  123. if (elmH < 60) {
  124. elmR = t1; elmB = t2; elmG = t2 + t3;
  125. }
  126. else if (elmH < 120) {
  127. elmG = t1; elmB = t2; elmR = t1 - t3;
  128. }
  129. else if (elmH < 180) {
  130. elmG = t1; elmR = t2; elmB = t2 + t3;
  131. }
  132. else if (elmH < 240) {
  133. elmB = t1; elmR = t2; elmG = t1 - t3;
  134. }
  135. else if (elmH < 300) {
  136. elmB = t1; elmG = t2; elmR = t2 + t3;
  137. }
  138. else if (elmH < 360) {
  139. elmR = t1; elmG = t2; elmB = t1 - t3;
  140. }
  141. else {
  142. elmR = 0; elmG = 0; elmB = 0;
  143. }
  144. }
  145. elmR = Math.floor(elmR).toString(16);
  146. elmG = Math.floor(elmG).toString(16);
  147. elmB = Math.floor(elmB).toString(16);
  148. if (elmR.length == 1) elmR = "0" + elmR;
  149. if (elmG.length == 1) elmG = "0" + elmG;
  150. if (elmB.length == 1) elmB = "0" + elmB
  151. elmH = elmH + rate;
  152. if (elmH >= 360)
  153. elmH = 0;
  154. return '#' + elmR + elmG + elmB;
  155. }
  156. //]]>
  157. </script>
  158.  
  159.  
  160. <meta name="color:Link" content="#000"/>
  161. <meta name="color:navbox" content="#000"/>
  162. <meta name="color:blogtitle" content="#000"/>
  163. <meta name="color:Background" content="#000" />
  164. <meta name="color:Text" content="#000" />
  165. <meta name="color:Underline" content="#000" />
  166. <meta name="color:Bold" content="#000" />
  167. <meta name="color:Italic" content="#000" />
  168. <meta name="color:desc" content="#000" />
  169. <meta name="color:Scroll" content="#000" />
  170. <meta name="color:navbox" content="#000" />
  171. <meta name="color:Hover" content="#000" />
  172. <meta name="color:Permalink" content="#000" />
  173.  
  174. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  175.  
  176.  
  177. <meta name="image:circle" content="http://static.tumblr.com/855f919627760888cf6b568143fb8856/cbjpgjf/uwamvzctw/tumblr_static_tumblr_m6r65gtmt61qzgamco1_1280.jpg"/>
  178. <meta name="image:circlehover" content="http://static.tumblr.com/cbjpgjf/GOomwix8l/tumblr_mw8tjubqtu1qzgamco1_1280.jpg"/>
  179. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/Z6Gmwix9g/tumblr_m3hswandi51r0oika.gif" />
  180.  
  181. <meta name="text:Link 1" content="" />
  182. <meta name="text:Link 1 Title" content="" />
  183. <meta name="text:Link 2" content="" />
  184. <meta name="text:Link 2 Title" content="" />
  185. <meta name="text:Link 3" content="" />
  186. <meta name="text:Link 3 Title" content="" />
  187. <meta name="text:Link 4" content="" />
  188. <meta name="text:Link 4 Title" content="" />
  189. <meta name="text:Link 5" content="" />
  190. <meta name="text:Link 5 Title" content="" />
  191. <meta name="text:Link 6" content="" />
  192. <meta name="text:Link 6 Title" content="" />
  193.  
  194.  
  195.  
  196. <meta name="if:caption" content="0"/>
  197. <meta name="if:photoeffect" content="0"/>
  198. <meta name="if:largeposts" content="0"/>
  199. <meta name="if:smallposts" content="1"/>
  200. <meta name="if:musicplayer" content="1"/>
  201.  
  202. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description goes here along with any other codes you want (ex. music codes, hits counter)"
  203. content="{MetaDescription}" />{/block:Description}
  204. <link rel="shortcut icon" href="{Favicon}">
  205.  
  206. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  207.  
  208. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  209.  
  210. <style>
  211. div#qTip {
  212. padding: 4px;
  213. display: none;
  214. text-align: center;
  215. position: absolute;
  216. font-size:8px;
  217. line-height:10px;
  218. z-index: 1000;
  219. background-color: rgba(255,255,255,0.6);
  220. color: {color:Text};
  221. text-transform:uppercase;
  222. letter-spacing: 3px;
  223.  
  224. }
  225. </style>
  226.  
  227. <style type="text/css">
  228.  
  229. #tumblr_controls {
  230. position: fixed !important;
  231. }
  232.  
  233. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  234.  
  235. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  236.  
  237.  
  238.  
  239. ::-webkit-scrollbar {width: 5px;height:5px;background:#FFF;}
  240. ::-webkit-scrollbar-thumb {background:{color:Scroll};}
  241.  
  242.  
  243.  
  244. /* GENERAL */
  245.  
  246. @font-face {
  247. font-family: "body";
  248. src: url('http://static.tumblr.com/cbjpgjf/wPKmv5fe4/slkscr.ttf');
  249. }
  250.  
  251.  
  252. body{
  253. margin:0px;
  254. font-family: body;
  255. font-size: 8px;
  256. letter-spacing:0px;
  257. line-height: 11px;
  258. color: {color:text};
  259. }
  260.  
  261.  
  262.  
  263. body {
  264. background-color: {color:Background};
  265.  
  266. background-image: url({image:Background});
  267. margin: 0;
  268. word-wrap: break-word;
  269. background-attachment: fixed;
  270. overflow-x: hidden;
  271.  
  272. }
  273.  
  274.  
  275. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  276. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  277. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  278.  
  279. a:hover{color:{color:Hover};}
  280.  
  281. a.class1 {color: {color:blogtitle};}
  282. a.class1:link
  283. a.class1:active
  284. a.class1:visited{text-decoration: none;color: {color:Link};
  285. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  286. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  287. a.class1:hover{color: {color:titlehover};}
  288.  
  289.  
  290. /* POSTS */
  291.  
  292.  
  293. #content{
  294. position: relative;
  295. margin-top:10px;
  296. {block:iflargeposts}
  297. width:600px;
  298. margin-left:440px;
  299. {/block:iflargeposts}
  300. {block:ifsmallposts}
  301. width:300px;
  302. margin-left:450px;
  303. {/block:ifsmallposts}
  304.  
  305. }
  306. .entry{
  307. {block:iflargeposts}
  308. width: 500px;
  309. {/block:iflargeposts}
  310. {block:ifsmallposts}
  311. width:250px;
  312. {/block:ifsmallposts}
  313. margin: 30px 30px;
  314. padding: 10px;
  315. background-color: white;
  316. -webkit-transition: all 0.4s ease-in-out;
  317. -moz-transition: all 0.4s ease-in-out;
  318. -o-transition: all 0.4s ease-in-out;
  319. -ms-transition: all 0.4s ease-in-out;
  320. transition: all 0.4s ease-in-out;}
  321.  
  322.  
  323.  
  324.  
  325. .entry img{max-width:100%;
  326. opacity: 0.7px;
  327. -webkit-transition: opacity 0.6s linear;
  328. -webkit-transition: all 0.6s ease-in-out;
  329. -moz-transition: all 0.6s ease-in-out;
  330. -o-transition: all 0.6s ease-in-out;}
  331.  
  332.  
  333. .entry {
  334. {block:ifphotoeffect}
  335. opacity: 1;
  336. -webkit-filter: grayscale(100%);
  337. {/block:ifphotoeffect} }
  338.  
  339. .entry:hover {
  340. opacity: 1;
  341. -webkit-filter:none;
  342. -webkit-transition: opacity 0.6s linear;
  343. -webkit-transition: all 0.6s ease-in-out;
  344. -moz-transition: all 0.6s ease-in-out;
  345. -o-transition: all 0.6s ease-in-out;
  346. }
  347.  
  348.  
  349. /* SIDEBAR */
  350.  
  351. #mainc {
  352. z-index: 10;
  353. position:fixed;
  354. width:350px;
  355. height: 350px;
  356. background-color: black;
  357. margin-top:140px;
  358. margin-left: 60px;
  359. border-top-left-radius: 500px ;
  360. border-top-right-radius:500px ;
  361. border-bottom-right-radius: 500px ;
  362. border-bottom-left-radius: 500px ;
  363. -webkit-transition: opacity 0.6s linear;
  364. -webkit-transition: all 0.6s ease-in-out;
  365. -moz-transition: all 0.6s ease-in-out;
  366. -o-transition: all 0.6s ease-in-out;}
  367.  
  368. #mainc img {
  369. position: absolute;
  370. width: 100%;
  371. height: 350px;
  372. border-top-left-radius: 500px ;
  373. border-top-right-radius:500px ;
  374. border-bottom-right-radius: 500px ;
  375. border-bottom-left-radius: 500px ;
  376. }
  377.  
  378. #infocwrapper {
  379. z-index: 0;
  380. opacity: 0;
  381. position: fixed;
  382. width:350px;
  383. height: 350px;
  384. margin-top:140px;
  385. margin-left: 60px;
  386. border-top-left-radius: 500px ;
  387. border-top-right-radius:500px ;
  388. border-bottom-right-radius: 500px ;
  389. border-bottom-left-radius: 500px ;
  390. -webkit-transition: opacity 0.6s linear;
  391. -webkit-transition: all 0.6s ease-in-out;
  392. -moz-transition: all 0.6s ease-in-out;
  393. -o-transition: all 0.6s ease-in-out;
  394. }
  395.  
  396. #infoc {
  397. position: absolute;
  398. width:350px;
  399. height: 350px;
  400. background-color: black;
  401. margin-top:0px;
  402. margin-left: 0px;
  403. border-top-left-radius: 500px ;
  404. border-top-right-radius:500px ;
  405. border-bottom-right-radius: 500px ;
  406. border-bottom-left-radius: 500px ;}
  407.  
  408. #infoc img {
  409. position: absolute;
  410. width: 100%;
  411. height: 350px;
  412. border-top-left-radius: 500px ;
  413. border-top-right-radius:500px ;
  414. border-bottom-right-radius: 500px ;
  415. border-bottom-left-radius: 500px ;
  416. }
  417.  
  418. .both:hover #infocwrapper {
  419. z-index: 99;
  420. opacity: 1;
  421. }
  422.  
  423.  
  424.  
  425. .maincirclet {
  426. overflow: hidden;
  427. position:fixed;
  428. width:250px;
  429. height: 250px;
  430. margin-top:50px;
  431. margin-left: 50px;
  432. -webkit-transition: opacity 0.6s linear;
  433. -webkit-transition: all 0.6s ease-in-out;
  434. -moz-transition: all 0.6s ease-in-out;
  435. -o-transition: all 0.6s ease-in-out;}
  436.  
  437.  
  438. #infoc:hover .maincirclet {
  439. opacity: 0; }
  440.  
  441.  
  442. .maincircletext { margin-top: 110px; /* add to lower title, subtract to raise title */
  443. text-align: center;
  444. background-color: rgba(255,255,255,0.7);
  445. text-transform: uppercase;
  446. font-family:courier new;
  447. font-size: 20px;
  448. letter-spacing: 15px; /* how far apart the letters are */
  449. line-height: 30px;
  450. color: {color:blogtitle};
  451. }
  452.  
  453. .halfcircle1 {
  454. overflow: hidden;
  455. position: fixed;
  456. margin-top: 25px;
  457. margin-left: 30px;
  458. width:285px;
  459. height: 130px;
  460. border-radius: 500px 500px 0 0;
  461. -moz-border-radius: 500px 500px 0 0;
  462. -webkit-border-radius: 500px 500px 0 0;
  463. background-color: rgba(255,255,255,0.7);
  464. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  465. }
  466.  
  467.  
  468. .halfcircle2 {
  469. overflow: hidden;
  470. position: fixed;
  471. width:290px;
  472. height: 130px;
  473. margin-top: 195px;
  474. margin-left: 25px;
  475. border-radius: 0 0 500px 500px;
  476. -moz-border-radius: 0 0 500px 500px;
  477. -webkit-border-radius: 0 0 500px 500px;
  478. background-color: rgba(255,255,255,0.7);
  479. }
  480.  
  481. .aboutbox {
  482. overflow: hidden;
  483. position: fixed;
  484. margin-top: 30px;
  485. margin-left: 50px;
  486. width: 190px;
  487. height: 100px;
  488. }
  489.  
  490. .aboutbox2 {
  491. overflow: hidden;
  492. position: fixed;
  493. margin-top: 0px;
  494. margin-left: 50px;
  495. width: 190px;
  496. height: 100px;
  497. }
  498.  
  499. .abouttext {
  500. padding: 4px;
  501. text-align: center;
  502. font-family:body;
  503. font-size: 8px;
  504. line-height: 11px;
  505. color: black;
  506. }
  507.  
  508. /* NAVIGATION */
  509.  
  510. .linksc {
  511. opacity: 1;
  512. position:fixed;
  513. width:290px;
  514. height: 25px;
  515. text-align:center;
  516. margin-top:162px;
  517. margin-left: 30px;
  518. -webkit-transition: opacity 0.6s linear;
  519. -webkit-transition: all 0.6s ease-in-out;
  520. -moz-transition: all 0.6s ease-in-out;
  521. -o-transition: all 0.6s ease-in-out;}
  522.  
  523. .linkbox1 {
  524. position: absolute;
  525. width: 25px;
  526. height: 25px;
  527. margin-left: 0px;
  528. margin-top: 0px;
  529. background-color: {color:navbox};
  530. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  531. }
  532.  
  533. .link1rain {
  534. opacity: 0;
  535. position: absolute;
  536. width: 25px;
  537. height: 25px;
  538. margin-left: 0px;
  539. margin-top: 0px;
  540. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  541. background-image:url("http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif");
  542. }
  543.  
  544. .link1rain:hover {
  545. opacity: 1;
  546. }
  547.  
  548. .linkbox2 {
  549. position: relative;
  550. float: left;
  551. width: 25px;
  552. height: 25px;
  553. margin-left: 53px;
  554. margin-top: 0px;
  555. background-color: {color:navbox};
  556. -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
  557. }
  558.  
  559. .link2rain {
  560. opacity: 0;
  561. position: relative;
  562. width: 25px;
  563. height: 25px;
  564. margin-left: 0px;
  565. margin-top: 0px;
  566. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  567. background-image:url("http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif");
  568. }
  569.  
  570. .link2rain:hover {
  571. opacity: 1;
  572. }
  573.  
  574. .linkbox3 {
  575. position: relative;
  576. float: left;
  577. width: 25px;
  578. height: 25px;
  579. margin-left: 28px;
  580. margin-top: 0px;
  581. background-color: {color:navbox};
  582. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  583. }
  584.  
  585. .link3rain {
  586. opacity: 0;
  587. position: relative;
  588. width: 25px;
  589. height: 25px;
  590. margin-left: 0px;
  591. margin-top: 0px;
  592. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  593. background-image:url("http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif");
  594. }
  595.  
  596. .link3rain:hover {
  597. opacity: 1;
  598. }
  599.  
  600.  
  601. .linkbox4 {
  602. position: relative;
  603. float: left;
  604. width: 25px;
  605. height: 25px;
  606. margin-left: 28px;
  607. margin-top: 0px;
  608. background-color: {color:navbox};
  609. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  610. }
  611.  
  612. .link4rain {
  613. opacity: 0;
  614. position: relative;
  615. width: 25px;
  616. height: 25px;
  617. margin-left: 0px;
  618. margin-top: 0px;
  619. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  620. background-image:url("http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif");
  621. }
  622.  
  623. .link4rain:hover {
  624. opacity: 1;
  625. }
  626.  
  627. .linkbox5 {
  628. position: relative;
  629. float: left;
  630. width: 25px;
  631. height: 25px;
  632. margin-left: 28px;
  633. margin-top: 0px;
  634. background-color: {color:navbox};
  635. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  636. }
  637.  
  638. .link5rain {
  639. opacity: 0;
  640. position: relative;
  641. width: 25px;
  642. height: 25px;
  643. margin-left: 0px;
  644. margin-top: 0px;
  645. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  646. background-image:url("http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif");
  647. }
  648.  
  649. .link5rain:hover {
  650. opacity: 1;
  651. }
  652.  
  653. .linkbox6 {
  654. position: relative;
  655. float: left;
  656. width: 25px;
  657. height: 25px;
  658. margin-left: 28px;
  659. margin-top: 0px;
  660. background-color: {color:navbox};
  661. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  662.  
  663. .link6rain {
  664. opacity: 0;
  665. position: relative;
  666. width: 25px;
  667. height: 25px;
  668. margin-left: 0px;
  669. margin-top: 0px;
  670. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  671. background-image:url("http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif");
  672. }
  673.  
  674. .link6rain:hover {
  675. opacity: 1;
  676. }
  677.  
  678.  
  679. /* TITLES */
  680.  
  681. .title a{color:{color:text};}
  682. .title {font-family:courier new;
  683. font-size:15px;
  684. font-style:none;
  685. text-transform: lowercase;
  686. margin:0px 0px 0px 0px;
  687. color:#000;}
  688.  
  689. .quote {
  690. padding:10px;
  691. font-size:9px;
  692. letter-spacing: 0px;
  693. text-transform:none;
  694. color: {color:Text};}
  695.  
  696. .source {
  697. font-size:9px;
  698. letter-spacing: 2px;
  699. text-align:right;
  700. font-style:none;
  701. font-weight:none;
  702. text-transform:none;}
  703.  
  704. .answer {margin:10px;}
  705.  
  706. /* PERMALINKS */
  707.  
  708.  
  709. .entry:hover .perma {
  710. opacity:1;
  711. z-index:999;
  712. -webkit-transition: all 0.9s ease;
  713. -moz-transition: all 0.9s ease;}
  714.  
  715. {block:PermalinkPage}
  716. {block:iflargeposts}
  717. width:500px;
  718. {/block:iflargeposts}
  719. {block:ifsmallposts}
  720. width:250px;
  721. {/block:ifsmallposts}
  722.  
  723. {/block:PermalinkPage}
  724.  
  725. .perma a {
  726. color:{color:Link};
  727. font-size:9px;
  728. font-family: consolas;
  729. text-transform:normal;}
  730.  
  731. .perma a:hover {
  732. color:{color:Hover};
  733. }
  734.  
  735.  
  736. .perma {
  737. margin-left:4px;
  738. text-transform: normal;
  739. position:absolute;
  740. font-size: 9px;
  741. text-transform: uppercase;
  742. line-height:10px;
  743. text-align:center;
  744. margin-top:0px;
  745. width: 55px;
  746. height: 35px;
  747. opacity:0;
  748. padding: 8px;
  749. -webkit-transition: all 0.9s ease;
  750. -moz-transition: all 0.9s;
  751. }
  752.  
  753.  
  754. .permanumberbox {
  755. background-image:url("http://static.tumblr.com/cbjpgjf/djxmwfvsd/tumblr_m3hswandi51r0oika.gif");
  756. position: absolute;
  757. margin-top: 2px;
  758. {block:ifsmallposts}
  759. margin-left: 162px;
  760. {block:ifsmallposts}
  761. {block:iflargeposts}
  762. margin-left: 413px;
  763. {block:iflargeposts}
  764. height: 10px;
  765. width: 60px;
  766. padding: 2px;
  767. opacity: 1;
  768. overflow:hidden;
  769. -webkit-transition: all 0.9s ease;
  770. -moz-transition: all 0.9s;
  771.  
  772. }
  773.  
  774.  
  775.  
  776. .permareblogbox {
  777. background-image:url("http://static.tumblr.com/cbjpgjf/djxmwfvsd/tumblr_m3hswandi51r0oika.gif");
  778. position: absolute;
  779. margin-top: 2px;
  780. margin-left: 0px;
  781. height: 10px;
  782. width: 60px;
  783. opacity: 1;
  784. letter-spacing: 2px;
  785. padding: 2px;
  786. overflow:hidden;
  787. -webkit-transition: all 0.9s ease;
  788. -moz-transition: all 0.9s;
  789.  
  790. }
  791.  
  792.  
  793. #permalink{
  794. {block:PermalinkPage}
  795. text-align:center;
  796. margin-top:10px;
  797. padding:0px;
  798. font-size:8px;
  799. text-transform:lowercase;
  800. color: #000;
  801. {/block:PermalinkPage}
  802. }
  803.  
  804. /* AUDIO */
  805.  
  806. .artcover {position:absolute;}
  807. .artcover img {width:70px;height:70px;float:left;}
  808. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  809. .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
  810. .i{display:block;padding:6px 3px;line-height:8px;}
  811. .player{position:absolute;background:#FFF;width:30px;height:30px;
  812. opacity:0.45;padding:20px;overflow:hidden;
  813. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  814. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  815. .player:hover{opacity:0.75;}
  816.  
  817. /* TEXT */
  818.  
  819. i, em{color:{color:Italic};}
  820. b{color:{color:Bold}; letter-spacing: 1px;}
  821. b, strong{color:{color:Title}; letter-spacing: 2px;}
  822. ul,ol{margin:0px;margin-left:-10px;}
  823. p{padding:0px;margin:10px;}
  824. u{text-decoration:none;color: {color:Underline}; letter-spacing: 1px;
  825. border-bottom:1px solid {color:Underline};}
  826. blockquote {margin:2px; margin-left:10px;
  827. padding:2px;border-left:1px solid #000;}
  828.  
  829.  
  830. /* MUSIC PLAYER */
  831.  
  832. #music-player-rounded {
  833. z-index: 9991;
  834. position:fixed;
  835. margin-left:40px;
  836. margin-top:0px;
  837. width:25px;
  838. height:25px;
  839. -moz-border-radius:100px;
  840. -webkit-border-radius:100px;
  841. border-radius:100px;
  842. opacity:1;
  843. background-color: rgba(255,255,255,0.2);
  844. }
  845.  
  846. #music-player-rounded img {
  847. margin-top: 5px;
  848. margin-left: 5px;
  849. }
  850. .music-player {
  851. opacity: 0;
  852. margin-top:-12px;
  853. margin-left:26px;
  854. width:100px;
  855. height:0px;
  856. overflow:hidden;
  857. -webkit-transition: all 0.7s ease;
  858. -moz-transition: all 0.7s ease;
  859. transition: all 0.7s ease;
  860. }
  861.  
  862. #music-player-rounded:hover .music-player {
  863. opacity: 1;
  864. height: 20px;
  865.  
  866. }
  867.  
  868. .music-player-embed {
  869. margin-left:-20px;
  870. margin-top:-15px;
  871. -webkit-transition: all 0.7s ease;
  872. -moz-transition: all 0.7s ease;
  873. transition: all 0.7s ease;
  874. }
  875.  
  876. #music-player-rounded:hover .music-player-embed {
  877. margin-top:0px;
  878.  
  879. }
  880.  
  881. /* MISC */
  882.  
  883. #warning {
  884. z-index: -10000;
  885. position: fixed;
  886. top: 0;left: 0;
  887. width: 100%;
  888. height: 100%;
  889. background-color: rgba(255,255,255,0.8);
  890. color: #000;
  891. text-align: center;
  892. text-transform: uppercase;
  893. padding-top: 250px;
  894. font-family: consolas;
  895. font-size: 13px;
  896. letter-spacing: 4px;
  897. opacity: 0;
  898. {block:iflargeposts}
  899. {block:ifsmallposts}opacity: 1;z-index:10000;{/block:ifsmallposts}
  900. {/block:iflargeposts}
  901.  
  902. {block:ifnotlargeposts}{block:ifnotsmallposts}opacity: 1;z-index:10000;{/block:ifnotsmallposts}{/block:ifnotlargeposts}
  903. }
  904.  
  905. .c img{
  906. padding-left: 2.5px;
  907. padding-top: 2px;
  908. border-radius: 500px;
  909. opacity: 0;
  910. width:25px;
  911. height: 25px;
  912. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  913. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  914.  
  915. .c{overflow: hidden; position:fixed;right:7px;bottom:7px; background-color: rgba(255,255,255,0.5);
  916. width: 30px; height: 30px; border-radius: 500px;}
  917.  
  918.  
  919. .c img:hover{
  920. opacity: 1;
  921. }
  922.  
  923.  
  924. .popup_block{
  925. display:none;
  926. padding:20px;
  927. float:left;
  928. position:fixed;
  929. top:50%;left:50%;
  930. z-index: 99999;}
  931.  
  932. img.btn_close {float: right;margin: -20 -20px 0 0;}
  933. *html #fade {position: absolute;}
  934. *html .popup_block {position: absolute;}
  935. #fade {display:none;background:#fff;position:fixed;left:0;top:0;
  936. width:100%;height:100%;opacity:0.8;z-index:9999;}
  937.  
  938. .l .odd{display:block;padding:5px 5px;}
  939. .l .even{display:block;background:#F7F7F7;padding:5px 5px;}
  940.  
  941. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  942. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  943. border-radius:10px;border-top-left-radius:0px;background:#000;}
  944.  
  945. ::selection {color: {color:Hover};}
  946. ::-moz-selection {color: {color:Hover};}
  947. ::-webkit-selection{color: {color:Hover};}
  948.  
  949. img{ margin-bottom:-3px;}
  950.  
  951. /* POSTNOTES */
  952.  
  953. ol.notes a{letter-spacing:1px;}
  954. ol.notes {
  955. list-style:none;
  956. font-size:8px;
  957. margin-top:20px;
  958. text-transform:none;}
  959.  
  960. ol.notes li.note img.avatar {
  961. vertical-align:-5px;
  962. margin-right:5px;
  963. width:20px;
  964. padding:4px;
  965. border:1px solid #EEE;}
  966.  
  967. ol.notes li.note {margin:5px 0px 10px -20px;}
  968. ol.notes li.note span.action {font-style: normal;}
  969. ol.notes li.note .answer_content {font-weight: normal;}
  970. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  971.  
  972. </style>
  973.  
  974. </head>
  975. <body>
  976.  
  977. {block:ifmusicplayer}
  978. <!-- MUSIC PLAYER -->
  979. <div id="music-player-rounded">
  980. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  981. <div class="music-player">
  982. <div class="music-player-embed">
  983. <!-- MUSIC PLAYER CODE BEGINS HERE -->
  984. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/1p1ezvaobte3z5e/hysteria%20%28_wtf%20is%20festival%20trap_%20anthem%29.mp3?dl=1&token_hash=AAHsASdO3E_ymZbeegY_Xv7rl59MlMHWuZjm6zeBQqNCCw&t0=Hysteria&f1=https://dl.dropboxusercontent.com/s/80alsg820s07kb2/Zedd%20vs%20Bingo%20Players%20-%20Spectrum%20vs%20Out%20Of%20My%20Mind%20%28Chuckie%27s%20Dada%20Titanium%20Voices%20Mash%20Up%29.mp3?dl=1&token_hash=AAGrEEwyrrdIXmkSIG3S--M70FHFQKJdtPkEl96xOIxykg&t1=Mash-Up&f2=https://dl.dropboxusercontent.com/s/7sshglarjxczd14/J%20%20Rabbit%20-%20Tequila%20Remix.mp3?dl=1&token_hash=AAGcXVhUtlZf54pM53ACq2pZM2xOCosUxiwAQ6xWqR6VXg&t2=Tequila&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  985. <!-- MUSIC PLAYER ENDS HERE-->
  986. </div>
  987. </div>
  988. </div>
  989. <!--MUSIC PLAYER-->
  990. {/block:ifmusicplayer}
  991.  
  992. <div id="warning">please select only one post size</div>
  993.  
  994. <div class="both">
  995. <div id="mainc"><img src="{image:circle}">
  996. <div class="maincirclet">
  997. <div class="maincircletext">{Title}</div>
  998. </div>
  999.  
  1000. </div><!--mainc-->
  1001.  
  1002. <div id="infocwrapper"><div id="infoc"><img src="{image:circlehover}">
  1003.  
  1004. <div class="linksc">
  1005.  
  1006.  
  1007. <a href="{text:Link 1}" title="{text:Link 1 Title}">
  1008. <div class="linkbox1">
  1009. <div class="link1rain"></div>
  1010. </div>
  1011. </a>
  1012.  
  1013. <a href="{text:Link 2}" title="{text:Link 2 Title}">
  1014. <div class="linkbox2">
  1015. <div class="link2rain"></div>
  1016. </div>
  1017. </a>
  1018.  
  1019. <a href="{text:Link 3}" title="{text:Link 3 Title}">
  1020. <div class="linkbox3">
  1021. <div class="link3rain"></div>
  1022. </div>
  1023. </a>
  1024.  
  1025. <a href="{text:Link 4}" title="{text:Link 4 Title}">
  1026. <div class="linkbox4">
  1027. <div class="link4rain"></div>
  1028. </div>
  1029. </a>
  1030.  
  1031. <a href="{text:Link 5}" title="{text:Link 5 Title}">
  1032. <div class="linkbox5">
  1033. <div class="link5rain"></div>
  1034. </div></a>
  1035.  
  1036. <a href="{text:Link 6}" title="{text:Link 6 Title}">
  1037. <div class="linkbox6">
  1038. <div class="link6rain"></div>
  1039. </div>
  1040. </a>
  1041.  
  1042.  
  1043. </div><!--linksc-->
  1044.  
  1045. <div class="halfcircle1">
  1046. <div class="aboutbox"><div class="abouttext">
  1047. <!--DESCRIPTION PART 1 STARTS HERE-->
  1048. This theme is called "Prismatic" which is part of the rainbow theme packet.
  1049. <br>
  1050. <b>important:</b> you must go into the code to write the description because of the way I constructed the about box. There will be
  1051. <!--DESCRIPTION PART 1 ENDS HERE-->
  1052. </div></div>
  1053. </div>
  1054. <div class="halfcircle2"> <div class="aboutbox2"><div class="abouttext">
  1055. <!--DESCRIPTION PART 2 STARTS HERE-->
  1056. <br>
  1057. indications for you to know where to write so no worries.
  1058. <br>
  1059. <b>features:</b> 2 sidebar pics | six custom links | two 350px columns or one 500px column |caption on/off option | b&w filter option
  1060. <br>
  1061. all artwork is by <a href="http://milkmanner.tumblr.com/">milkmanner</a>
  1062. <br>
  1063. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2314257&name=rainbows"></script> , <script language="JavaScript">
  1064. var ref = (''+document.referrer+'');
  1065. var w_h = window.screen.width + " x " + window.screen.height;
  1066. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3635448&e1=%&e2=%&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1067. </script>
  1068.  
  1069. <!--DESCRIPTION PART 2 ENDS HERE-->
  1070. </div></div></div>
  1071.  
  1072.  
  1073. </div><!--infoc-->
  1074. </div>
  1075. </div><!--both-->
  1076.  
  1077.  
  1078. <div id="content">
  1079. {block:Posts}
  1080.  
  1081. <div class="entry">
  1082.  
  1083. {block:IndexPage}
  1084.  
  1085. <div class="perma">
  1086. <a href="{Permalink}"><div class="permanumberbox">{NoteCount}</div></a>
  1087.  
  1088. <a href="{ReblogURL}" target="_blank"><div class="permareblogbox">reblog</div></a>
  1089.  
  1090. </span></div>
  1091.  
  1092. {/block:IndexPage}
  1093.  
  1094. {block:Text}
  1095. <div class="title">{Title}</div>{Body}
  1096. {/block:Text}
  1097.  
  1098. {block:Link}
  1099. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  1100. {block:Description}{Description}{/block:Description}
  1101. {/block:Link}
  1102.  
  1103. {block:Photo}
  1104. <a href="{Permalink}">
  1105. {block:IndexPage}
  1106. {block:iflargeposts}<center><img src="{PhotoURL-500}"></center>{/block:iflargeposts}
  1107. {block:ifsmallposts}<center><img src="{PhotoURL-250}"></center>{/block:ifsmallposts}
  1108. {/block:IndexPage}
  1109. {block:PermalinkPage}
  1110. {block:iflargeposts}<center><img src="{PhotoURL-500}"></center>{/block:iflargeposts}
  1111. {block:ifsmallposts}<center><img src="{PhotoURL-250}"></center>{/block:ifsmallposts}
  1112. {/block:PermalinkPage}
  1113. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1114. {/block:Photo}
  1115.  
  1116. {block:Photoset}
  1117. {block:IndexPage}
  1118. {block:iflargeposts}{Photoset-500}{/block:iflargeposts}
  1119. {block:ifsmallposts}{Photoset-250}{/block:ifsmallposts}
  1120. {/block:IndexPage}
  1121. {block:PermalinkPage}
  1122. {block:iflargeposts}{Photoset-500}{/block:iflargeposts}
  1123. {block:ifsmallposts}{Photoset-250}{/block:ifsmallposts}
  1124. {/block:PermalinkPage}
  1125. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1126. {/block:Photoset}
  1127.  
  1128. {block:Quote}
  1129. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  1130. {/block:Quote}
  1131.  
  1132. {block:Chat}
  1133. <div class="title">{Title}</div>{block:Lines}
  1134. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1135. {block:Label}<b>{Label} </b>{/block:Label}
  1136. {Line}</div></div>{/block:Lines}
  1137. {/block:Chat}
  1138.  
  1139. {block:Audio}
  1140. {block:AlbumArt}
  1141. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1142. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  1143. <div class="audioinfo">
  1144. <div class="i"><b>TITLE:</b>
  1145. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  1146.  
  1147. <div class="i"><b>ARTIST:</b>
  1148. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  1149.  
  1150. <div class="i"><b>PLAYS:</b>
  1151. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  1152. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}{/block:Audio}
  1153.  
  1154. {block:Video}
  1155. {block:IndexPage}
  1156. {block:iflargeposts}{Video-500}{/block:iflargeposts}
  1157. {block:ifsmallposts}{Video-250}{/block:ifsmallposts}
  1158. {/block:IndexPage}
  1159. {block:PermalinkPage}
  1160. {block:iflargeposts}{Video-500}{/block:iflargeposts}
  1161. {block:ifsmallposts}{Video-250}{/block:ifsmallposts}
  1162. {/block:PermalinkPage}
  1163. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1164. {/block:Video}
  1165.  
  1166. {block:Answer}
  1167. <div class="quote">{Question} → <b>{Asker}</b></div>
  1168. <div class="answer">{Answer}</div>
  1169. {/block:Answer}
  1170.  
  1171. <div id="permalink">
  1172. <div class="tags">
  1173. {block:IfShowTags}
  1174. {block:HasTags}
  1175. {block:Tags}<span style="{color:post border};"</span>
  1176. <a href="{TagURL}">#{Tag}</a>
  1177. {/block:Tags}
  1178. {/block:HasTags}
  1179. {/block:IfShowTags}
  1180. </div></div>
  1181. {/block:IndexPage}
  1182.  
  1183. {block:PermalinkPage}
  1184. <div id="permalink">
  1185. {block:Date}posted
  1186. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  1187. {block:NoteCount}with
  1188. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  1189. {block:RebloggedFrom}
  1190. | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1191. {/block:RebloggedFrom}
  1192.  
  1193. <div class="tags">
  1194. {block:HasTags}
  1195. Tagged:
  1196. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1197. {/block:Tags}
  1198. {/block:HasTags}
  1199. </div></div>
  1200. {/block:PermalinkPage}
  1201.  
  1202. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1203.  
  1204. </div>
  1205. {/block:Posts}
  1206. </div>
  1207.  
  1208.  
  1209. <div class="c">
  1210. <a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a>
  1211. </div>
  1212.  
  1213.  
  1214.  
  1215.  
  1216.  
  1217. </body>
  1218. </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!