API tools faq
paste
raee

theme 1

raee
Sep 15th, 2015
3,498
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme #1
  4.  
  5. edit whatever / re-distribute i dont care
  6.  
  7. -->
  8.  
  9.  
  10.  
  11.  
  12.  
  13. <!DOCTYPE html>
  14. <html>
  15. <head>
  16.  
  17. <meta name="image:icon" content"" />
  18. <meta name="image:bg image" content"" />
  19.  
  20. <meta name="image:sidebar bg image" content"" />
  21. <meta name="color:sidebar bg color" content="" />
  22. <meta name="color:outer bg color" content="" />
  23. <meta name="color:text" content="" />
  24. <meta name="color:links" content="" />
  25. <meta name="color:link hover" content="" />
  26. <meta name="color:footer" content="" />
  27. <meta name="color:footer border" content="" />
  28. <meta name="color:border container" content="" />
  29. <meta name="color:border sidebar" content="" />
  30. <meta name="color:scrollbar color" content="" />
  31. <meta name="color:scrollbar thumb" content="" />
  32.  
  33. <meta name="if:rainbow links" content="0">
  34.  
  35. <meta name="text:link1" content="" />
  36. <meta name="text:url1" content="" />
  37. <meta name="text:link2" content="" />
  38. <meta name="text:url2" content="" />
  39. <meta name="text:link3" content="" />
  40. <meta name="text:url3" content="" />
  41.  
  42.  
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  46. <meta name="description" content="" />
  47. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  48.  
  49.  
  50. {block:ifrainbowlinks}
  51. <script type='text/javascript'>
  52. //<![CDATA[
  53. var rate = 50;
  54. if (document.getElementById)
  55. window.onerror=new Function("return true")
  56.  
  57. var objActive; // The object which event occured in
  58. var act = 0; // Flag during the action
  59. var elmH = 0; // Hue
  60. var elmS = 128; // Saturation
  61. var elmV = 255; // Value
  62. var clrOrg; // A color before the change
  63. var TimerID; // Timer ID
  64. if (document.all) {
  65. document.onmouseover = doRainbowAnchor;
  66. document.onmouseout = stopRainbowAnchor;
  67. }
  68. else if (document.getElementById) {
  69. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  70. document.onmouseover = Mozilla_doRainbowAnchor;
  71. document.onmouseout = Mozilla_stopRainbowAnchor;
  72. }
  73. function doRainbow(obj)
  74. {
  75. if (act == 0) {
  76. act = 1;
  77. if (obj)
  78. objActive = obj;
  79. else
  80. objActive = event.srcElement;
  81. clrOrg = objActive.style.color;
  82. TimerID = setInterval("ChangeColor()",100);
  83. }
  84. }
  85. function stopRainbow()
  86. {
  87. if (act) {
  88. objActive.style.color = clrOrg;
  89. clearInterval(TimerID);
  90. act = 0;
  91. }
  92. }
  93. function doRainbowAnchor()
  94. {
  95. if (act == 0) {
  96. var obj = event.srcElement;
  97. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  98. obj = obj.parentElement;
  99. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  100. break;
  101. }
  102. if (obj.tagName == 'A' && obj.href != '') {
  103. objActive = obj;
  104. act = 1;
  105. clrOrg = objActive.style.color;
  106. TimerID = setInterval("ChangeColor()",100);
  107. }
  108. }
  109. }
  110. function stopRainbowAnchor()
  111. {
  112. if (act) {
  113. if (objActive.tagName == 'A') {
  114. objActive.style.color = clrOrg;
  115. clearInterval(TimerID);
  116. act = 0;
  117. }
  118. }
  119. }
  120. function Mozilla_doRainbowAnchor(e)
  121. {
  122. if (act == 0) {
  123. obj = e.target;
  124. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  125. obj = obj.parentNode;
  126. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  127. break;
  128. }
  129. if (obj.nodeName == 'A' && obj.href != '') {
  130. objActive = obj;
  131. act = 1;
  132. clrOrg = obj.style.color;
  133. TimerID = setInterval("ChangeColor()",100);
  134. }
  135. }
  136. }
  137. function Mozilla_stopRainbowAnchor(e)
  138. {
  139. if (act) {
  140. if (objActive.nodeName == 'A') {
  141. objActive.style.color = clrOrg;
  142. clearInterval(TimerID);
  143. act = 0;
  144. }
  145. }
  146. }
  147. function ChangeColor()
  148. {
  149. objActive.style.color = makeColor();
  150. }
  151. function makeColor()
  152. {
  153. // Don't you think Color Gamut to look like Rainbow?
  154. // HSVtoRGB
  155. if (elmS == 0) {
  156. elmR = elmV; elmG = elmV; elmB = elmV;
  157. }
  158. else {
  159. t1 = elmV;
  160. t2 = (255 - elmS) * elmV / 255;
  161. t3 = elmH % 60;
  162. t3 = (t1 - t2) * t3 / 60;
  163. if (elmH < 60) {
  164. elmR = t1; elmB = t2; elmG = t2 + t3;
  165. }
  166. else if (elmH < 120) {
  167. elmG = t1; elmB = t2; elmR = t1 - t3;
  168. }
  169. else if (elmH < 180) {
  170. elmG = t1; elmR = t2; elmB = t2 + t3;
  171. }
  172. else if (elmH < 240) {
  173. elmB = t1; elmR = t2; elmG = t1 - t3;
  174. }
  175. else if (elmH < 300) {
  176. elmB = t1; elmG = t2; elmR = t2 + t3;
  177. }
  178. else if (elmH < 360) {
  179. elmR = t1; elmG = t2; elmB = t1 - t3;
  180. }
  181. else {
  182. elmR = 0; elmG = 0; elmB = 0;
  183. }
  184. }
  185. elmR = Math.floor(elmR).toString(16);
  186. elmG = Math.floor(elmG).toString(16);
  187. elmB = Math.floor(elmB).toString(16);
  188. if (elmR.length == 1) elmR = "0" + elmR;
  189. if (elmG.length == 1) elmG = "0" + elmG;
  190. if (elmB.length == 1) elmB = "0" + elmB
  191. elmH = elmH + rate;
  192. if (elmH >= 360)
  193. elmH = 0;
  194. return '#' + elmR + elmG + elmB;
  195. }
  196. //]]>
  197. </script>
  198. {/block:ifrainbowlinks}
  199.  
  200. <style type="text/css">
  201.  
  202. body {
  203. background-color: {color:outer bg color};
  204. font-family: dotum;
  205. color: {color:text};
  206. font-size: 16px;
  207. font-style: {text:body};
  208. background-image:url({image:bg image});
  209. background-attachment:fixed;
  210. background-size:cover;
  211.  
  212.  
  213. }
  214.  
  215. ::-webkit-scrollbar {width: 10px; height: 3px; background-color:{color:scrollbar color};}
  216. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar thumb} ; border: 1px solid black;}
  217.  
  218. a {
  219. color: {color:links};
  220. text-decoration: none;
  221. -moz-transition-duration: 0.5s;
  222. -o-transition-duration: 0.5s;
  223. -webkit-transition-duration: 0.5s;
  224. transition-duration: 0.5s;
  225.  
  226. }
  227.  
  228. a:hover {
  229. color:{color:link hover};
  230. -moz-transition-duration: 0.5s;
  231. -o-transition-duration: 0.5s;
  232. -webkit-transition-duration: 0.5s;
  233. transition-duration: 0.5s;
  234. }
  235.  
  236. .container {
  237. margin: auto;
  238. width: 700px;
  239. height:500px;
  240. margin-top:140px;
  241. background-color:white;
  242. overflow: auto;
  243. padding: 10px;
  244. overflow-y:scroll;
  245. overflow-x:hidden;
  246. border:1px solid {color:border container};
  247.  
  248. }
  249.  
  250.  
  251.  
  252.  
  253. .sidebar {
  254. width: 100px;
  255. border:1px solid {color:border sidebar};
  256. padding:20px;
  257. background-color:{color:sidebar bg color};
  258. background-image: url({image:sidebar bg image});
  259. position: fixed;
  260. margin:20px;
  261.  
  262.  
  263.  
  264. }
  265.  
  266. .icon {
  267. width: 100px;
  268. margin-bottom:5px;
  269. border:1px solid black;
  270. }
  271.  
  272. .description {
  273. margin-bottom:5px;
  274. text-align:center;
  275.  
  276.  
  277. }
  278.  
  279.  
  280. .posts {
  281. max-width: 400px;
  282. background-color: white;
  283. margin-left:250px;
  284. margin-bottom: 75px;
  285. margin-top: 20px;
  286. }
  287.  
  288. .posts h2 {
  289. font-size: 15px;
  290. font-weight: normal;
  291. margin: 0px;
  292.  
  293. }
  294.  
  295.  
  296. .posts li {
  297. list-style: square;
  298.  
  299. }
  300.  
  301. .posts blockquote {
  302. border-left: 1px solid black;
  303. padding-left: 5px;
  304. margin-left:10px;
  305.  
  306. }
  307.  
  308. .footer {
  309. border:1px solid {color:footer border};
  310. padding: 5px;
  311. margin-top:5px;
  312. background-color: {color:footer};
  313. }
  314.  
  315.  
  316. .nav {
  317. font-size: 15px
  318. color: {color:links};
  319.  
  320.  
  321. }
  322.  
  323. .question {
  324. font-size:18px;
  325. border:1px solid black;
  326. padding:10px;
  327. }
  328.  
  329. .notes {
  330. margin-left:130px;
  331. }
  332.  
  333. .pagi {
  334. position:fixed;
  335. margin-top: 450px;
  336. margin-left: 70px;
  337. text-decoration:underline;
  338. font-style:italic;
  339. }
  340.  
  341. #bite { font-size:15px;}
  342. #bite a {display:block}
  343.  
  344. #bite .death { margin-top:-95px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  345.  
  346. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  347.  
  348.  
  349. .credit {
  350. position:fixed;
  351. font-size:20px;
  352. font-weight:normal;
  353. line-height:150%;
  354. letter-spacing:2px;
  355. right:10px;
  356. bottom:10px;
  357. text-transform:uppercase;
  358. text-align:center;
  359.  
  360. }
  361.  
  362. .credit a {
  363. padding:3px;
  364. color:{color:link};
  365. background:transparent;
  366. -moz-transition-duration:0.5s;
  367. -webkit-transition-duration:0.5s;
  368. -o-transition-duration:0.5s;
  369. }
  370.  
  371. </style>
  372. </head>
  373.  
  374. <body>
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381. <div class="container">
  382.  
  383.  
  384.  
  385. <div class="sidebar">
  386.  
  387.  
  388. <img src="{image:icon}" class="icon">
  389. <div class="description">{Description}</div>
  390. <div id="bite">
  391. <center>♡</center>
  392. <div class="death">
  393. <div align="center">
  394. <a href="/">home</a>
  395. {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  396. <a href="{text:url1}">{text:link1}</a>
  397. <a href="{text:url2}">{text:link2}</a>
  398. <a href="{text:url3}">{text:link3}</a>
  399.  
  400.  
  401.  
  402. </div></div></div>
  403. </div>
  404.  
  405.  
  406. <div class="pagi">
  407. {block:PreviousPage}<a href="{PreviousPage}">PREV </a>{/block:PreviousPage}
  408.  
  409. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage} </div>
  410.  
  411.  
  412. {block:Posts}
  413.  
  414.  
  415. <!-- {block:NoRebloggedFrom}
  416. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  417. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  418. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  419. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  420. {/block:ContentSource}
  421.  
  422. <div class="posts">
  423.  
  424. {block:Text}
  425. <h1>{block:Title}{Title}{/block:Title}</h1>
  426. {Body}
  427. {/block:Text}
  428.  
  429. {block:Photo}
  430. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  431. {block:Caption}{Caption}{/block:Caption}
  432. {/block:Photo}
  433.  
  434. {block:Photoset}
  435. {Photoset-400}
  436. {block:Caption}{Caption}{/block:Caption}
  437. {/block:Photoset}
  438.  
  439. {block:Quote}
  440. {Quote}
  441. {block:Source}<br>—{Source}{/block:Source}
  442. {/block:Quote}
  443.  
  444. {block:Link}
  445. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  446. {block:Description}{Description}{/block:Description}
  447. {/block:Link}
  448.  
  449. {block:Chat}
  450. {block:Title}<h1>{Title}</h1>{/block:Title}
  451. {block:Lines}
  452. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  453. {/block:Lines}
  454. {/block:Chat}
  455.  
  456.  
  457. {block:Audio}
  458. {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
  459. {AudioPlayerWhite}
  460. {/block:Audio}
  461.  
  462. {block:Video}
  463. {Video-400}
  464. {block:Caption}{Caption}{/block:Caption}
  465. {/block:Video}
  466.  
  467.  
  468. {block:Answer} <div class="question"><span class="asker">{Asker}: {Question}</span></div><div class="answer body">{Answer}</div>{/block:Answer}
  469.  
  470.  
  471.  
  472.  
  473. <div class="footer"><a href="{Permalink}">
  474. {block:Date} {shortMonth} {DayOfMonth} ✧ {NoteCount}
  475. {/block:date}
  476. {block:Tags}
  477. <a href="{TagURL}">{Tag}</a><span class="comma"> </span>
  478. {/block:Tags}
  479.  
  480.  
  481. {block:PermalinkPage} {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  482. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}
  483. {/block:Date}{/block:PermalinkPage}
  484.  
  485. </div>
  486. </div>
  487. <div class="notes" >
  488. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  489.  
  490.  
  491.  
  492. {/block:Posts}
  493.  
  494. </div>
  495. </div>
  496.  
  497. <div class="credit"><a href="http://zvzr.tumblr.com">♢</a></div>
  498.  
  499. </body>
  500. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!