API tools faq
paste
Advertisement
niateppelin

golden age theme ☆

niateppelin
Apr 13th, 2017
4,198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---
  4.  
  5. golden age by n1a
  6.  
  7. ☆ please do not remove the credit! thank you ☆
  8. ☆ please do not use this theme as a base code ☆
  9. ☆ you may copy parts of this theme but do not
  10. copy the whole thing! please be original ☆
  11.  
  12.  
  13.  
  14. | . *
  15. *
  16. . : |
  17.  
  18. - - -- -( + )-- - ---
  19.  
  20. . |
  21. | : .
  22. , *
  23. *
  24. | . *
  25. .
  26. . . .
  27.  
  28.  
  29. --->
  30.  
  31.  
  32. <head>
  33.  
  34. <meta charset="utf-8">
  35. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39.  
  40. <title>{Title}</title>
  41.  
  42. <meta name="text:2nd Sidebar Content" content""/>
  43. <meta name="text:Side IMG Bottom" content"0"/>
  44. <meta name="text:Side IMG Right" content"0"/>
  45. <meta name="text:Links Divider" content"☆"/>
  46. <meta name="text:Tag Redirect" content"☆"/>
  47.  
  48.  
  49. <meta name="image:Background" content="" />
  50. <meta name="image:Sidebar" content="" />
  51. <meta name="image:Sidebar Divider" content="" />
  52. <meta name="image:Header" content="" />
  53. <meta name="image:Side IMG" content="" />
  54. <meta name="image:Favicon" content="" />
  55.  
  56.  
  57. <meta name="color:Background" content="#FFF" />
  58. <meta name="color:Text" content="#000" />
  59. <meta name="color:Accent" content="#FFF" />
  60. <meta name="color:Post BG" content="#e6e6e6" />
  61. <meta name="color:Link" content="#e6e6e6" />
  62. <meta name="color:Hover" content="#000" />
  63. <meta name="color:Sparkles" content="#FFF" />
  64.  
  65. <meta name="if:BGCover" content="" />
  66. <meta name="if:Header" content="" />
  67. <meta name="if:2ndSidebar" content="" />
  68. <meta name="if:Borders" content="" />
  69. <meta name="if:RoundedCorners" content="" />
  70. <meta name="if:Redirect" content="" />
  71. <meta name="if:Sparkles" content="" />
  72.  
  73. <link rel="shortcut icon" href="{image:Favicon}">
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  76.  
  77. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  78.  
  79.  
  80. {block:ifRedirect}<script>
  81. if(window.location.pathname == '/') location.replace('/tagged/{text:Tag Redirect}');
  82. </script>
  83. {/block:ifRedirect}
  84.  
  85.  
  86.  
  87. {block:ifSparkles}
  88. <script type="text/javascript">
  89. // <![CDATA[
  90. var colour="{color:Sparkles}";
  91. var sparkles=50;
  92. var x=ox=400;
  93. var y=oy=300;
  94. var swide=800;
  95. var shigh=600;
  96. var sleft=sdown=0;
  97. var tiny=new Array();
  98. var star=new Array();
  99. var starv=new Array();
  100. var starx=new Array();
  101. var stary=new Array();
  102. var tinyx=new Array();
  103. var tinyy=new Array();
  104. var tinyv=new Array();
  105.  
  106. window.onload=function() { if (document.getElementById) {
  107. var i, rats, rlef, rdow;
  108. for (var i=0; i<sparkles; i++) {
  109. var rats=createDiv(3, 3);
  110. rats.style.visibility="hidden";
  111. rats.style.zIndex="999";
  112. document.body.appendChild(tiny[i]=rats);
  113. starv[i]=0;
  114. tinyv[i]=0;
  115. var rats=createDiv(5, 5);
  116. rats.style.backgroundColor="transparent";
  117. rats.style.visibility="hidden";
  118. rats.style.zIndex="999";
  119. var rlef=createDiv(1, 5);
  120. var rdow=createDiv(5, 1);
  121. rats.appendChild(rlef);
  122. rats.appendChild(rdow);
  123. rlef.style.top="2px";
  124. rlef.style.left="0px";
  125. rdow.style.top="0px";
  126. rdow.style.left="2px";
  127. document.body.appendChild(star[i]=rats);
  128. }
  129. set_width();
  130. sparkle();
  131. }}
  132.  
  133. function sparkle() {
  134. var c;
  135. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  136. ox=x;
  137. oy=y;
  138. for (c=0; c<sparkles; c++) if (!starv[c]) {
  139. star[c].style.left=(starx[c]=x)+"px";
  140. star[c].style.top=(stary[c]=y+1)+"px";
  141. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  142. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  143. star[c].style.visibility="visible";
  144. starv[c]=50;
  145. break;
  146. }
  147. }
  148. for (c=0; c<sparkles; c++) {
  149. if (starv[c]) update_star(c);
  150. if (tinyv[c]) update_tiny(c);
  151. }
  152. setTimeout("sparkle()", 40);
  153. }
  154.  
  155. function update_star(i) {
  156. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  157. if (starv[i]) {
  158. stary[i]+=1+Math.random()*3;
  159. starx[i]+=(i%5-2)/5;
  160. if (stary[i]<shigh+sdown) {
  161. star[i].style.top=stary[i]+"px";
  162. star[i].style.left=starx[i]+"px";
  163. }
  164. else {
  165. star[i].style.visibility="hidden";
  166. starv[i]=0;
  167. return;
  168. }
  169. }
  170. else {
  171. tinyv[i]=50;
  172. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  173. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  174. tiny[i].style.width="2px";
  175. tiny[i].style.height="2px";
  176. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  177. star[i].style.visibility="hidden";
  178. tiny[i].style.visibility="visible"
  179. }
  180. }
  181.  
  182. function update_tiny(i) {
  183. if (--tinyv[i]==25) {
  184. tiny[i].style.width="1px";
  185. tiny[i].style.height="1px";
  186. }
  187. if (tinyv[i]) {
  188. tinyy[i]+=1+Math.random()*3;
  189. tinyx[i]+=(i%5-2)/5;
  190. if (tinyy[i]<shigh+sdown) {
  191. tiny[i].style.top=tinyy[i]+"px";
  192. tiny[i].style.left=tinyx[i]+"px";
  193. }
  194. else {
  195. tiny[i].style.visibility="hidden";
  196. tinyv[i]=0;
  197. return;
  198. }
  199. }
  200. else tiny[i].style.visibility="hidden";
  201. }
  202.  
  203. document.onmousemove=mouse;
  204. function mouse(e) {
  205. if (e) {
  206. y=e.pageY;
  207. x=e.pageX;
  208. }
  209. else {
  210. set_scroll();
  211. y=event.y+sdown;
  212. x=event.x+sleft;
  213. }
  214. }
  215.  
  216. window.onscroll=set_scroll;
  217. function set_scroll() {
  218. if (typeof(self.pageYOffset)=='number') {
  219. sdown=self.pageYOffset;
  220. sleft=self.pageXOffset;
  221. }
  222. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  223. sdown=document.body.scrollTop;
  224. sleft=document.body.scrollLeft;
  225. }
  226. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  227. sleft=document.documentElement.scrollLeft;
  228. sdown=document.documentElement.scrollTop;
  229. }
  230. else {
  231. sdown=0;
  232. sleft=0;
  233. }
  234. }
  235.  
  236. window.onresize=set_width;
  237. function set_width() {
  238. var sw_min=999999;
  239. var sh_min=999999;
  240. if (document.documentElement && document.documentElement.clientWidth) {
  241. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  242. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  243. }
  244. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  245. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  246. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  247. }
  248. if (document.body.clientWidth) {
  249. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  250. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  251. }
  252. if (sw_min==999999 || sh_min==999999) {
  253. sw_min=800;
  254. sh_min=600;
  255. }
  256. swide=sw_min;
  257. shigh=sh_min;
  258. }
  259.  
  260. function createDiv(height, width) {
  261. var div=document.createElement("div");
  262. div.style.position="absolute";
  263. div.style.height=height+"px";
  264. div.style.width=width+"px";
  265. div.style.overflow="hidden";
  266. return (div);
  267. }
  268.  
  269. function newColour() {
  270. var c=new Array();
  271. c[0]=255;
  272. c[1]=Math.floor(Math.random()*256);
  273. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  274. c.sort(function(){return (0.5 - Math.random());});
  275. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  276. }
  277. // ]]>
  278. </script>
  279. {/block:ifSparkles}
  280.  
  281.  
  282. <style type="text/css">
  283.  
  284.  
  285. ::-webkit-scrollbar {
  286. height: 9px;
  287. width: 11px;
  288. -webkit-border-radius: 0px;
  289. background:{color:Background};
  290. }
  291.  
  292. ::-webkit-scrollbar-thumb {
  293. background-color:{color:Accent};
  294. background-repeat:repeat;
  295. position:fixed;
  296. border:2px double {color:Background};
  297. border:1px solid {color:Background};
  298. }
  299.  
  300. ::-webkit-scrollbar-track {
  301. background:{color:Background};
  302. border-left:5px solid {color:Background};
  303. border-right:5px solid {color:Background};
  304. }
  305.  
  306.  
  307.  
  308.  
  309. body {
  310. margin:0px;
  311. background:{color:Background};
  312. background-image:url('{image:Background}');
  313. {block:ifBGCover}background-size: cover;
  314. background-repeat:no-repeat;
  315. background-attachment: fixed;{/block:ifBGCover}
  316. font-family: arial, helvetica, sans-serif;
  317. font-size:12px;
  318. line-height:140%;
  319. color: {color:Text};
  320. }
  321.  
  322. p{
  323. margin:0 0 10px 0;
  324. padding:0;
  325. }
  326.  
  327. pre {
  328. white-space: pre-wrap;
  329. white-space: -moz-pre-wrap;
  330. white-space: -pre-wrap;
  331. white-space: -o-pre-wrap;
  332. word-wrap: break-word;
  333. }
  334.  
  335. a{
  336. color:{color:Link};
  337. text-shadow: -1px 0 {color:Accent}, 0 1px {color:Accent}, 1px 0 {color:Accent}, 0 -1px {color:Accent};
  338. text-decoration:none;
  339. }
  340.  
  341. a:hover{
  342. color:{color:Hover};
  343. }
  344.  
  345. li{
  346. margin-left:-15px;
  347. }
  348.  
  349.  
  350. #wrapper{
  351. width:600px;
  352. margin:50px auto;
  353. }
  354.  
  355. #title {
  356. margin: 10px;
  357. margin-right: 40px;
  358. text-align:center;
  359. color:{color:Title};
  360. font-size: 40px;
  361. font-weight: bold;
  362. }
  363.  
  364. #title img {
  365. max-width:100%;
  366. display:block;
  367. padding-bottom: 4px;
  368. }
  369.  
  370. #sidebar{
  371. width:170px;
  372. position:fixed;
  373. {block:ifRoundedCorners}border-radius: 10px;{/block:ifRoundedCorners}
  374. color: {color:Text};
  375. background-color: {color:Post BG};
  376. margin-top:60px;
  377. margin-left:-250px;
  378. padding: 8px 8px 8px 8px;
  379. text-align: center;
  380. {block:ifBorders}border:4px double {color:Accent};{/block:ifBorders}
  381. }
  382.  
  383. #links2{
  384. display:inline;
  385. width:170px;
  386. position:absolute;
  387. {block:ifRoundedCorners}border-radius: 10px;{/block:ifRoundedCorners}
  388. color: {color:Text};
  389. background-color: {color:Post BG};
  390. margin-top:20px;
  391. margin-left:460px;
  392. padding: 8px 8px 8px 8px;
  393. text-align: center;
  394. {block:ifBorders}border:4px double {color:Accent};{/block:ifBorders}
  395. }
  396.  
  397. #content{
  398. width:600px;
  399. overflow:hidden;
  400. padding: 10px 10px 10px 10px;
  401. margin-top:00px;
  402. margin-left:-20px;
  403.  
  404. }
  405.  
  406. .post{
  407. width:400px;
  408. margin:0 0 50px 0;
  409. overflow:hidden;
  410. color: {color:Text};
  411. background-color: {color:Post BG};
  412. padding: 8px 8px 8px 8px;
  413. {block:ifRoundedCorners}border-radius: 10px;{/block:ifRoundedCorners}
  414. {block:ifBorders}border:4px double {color:Accent};{/block:ifBorders}
  415.  
  416. }
  417.  
  418. #sidebar img {
  419. background:;
  420. position: relative;
  421. border-radius:4%;
  422. max-width:100%;
  423. display:block;
  424. margin:auto;
  425. padding-bottom: 4px;
  426.  
  427. }
  428.  
  429.  
  430. #nav{
  431. margin:50px 0 0 0;
  432. }
  433.  
  434. #pages{
  435. font-size:13px;
  436. font-weight:bold;
  437. }
  438.  
  439.  
  440. #credit {
  441. position:fixed;
  442. font-size:24px;
  443. bottom:5px;
  444. left:5px;
  445. font-weight:bold;
  446. }
  447.  
  448.  
  449. .media{
  450. margin:0 0 10px 0;
  451. }
  452.  
  453. .title{
  454. font-weight:normal;
  455. font-size:18px;
  456. margin:0 0 10px 0;
  457. }
  458.  
  459. .quote{
  460. font-weight:normal;
  461. font-size:16px;
  462. font-style:italic;
  463. margin:0 0 10px 0;
  464. }
  465.  
  466. .question{
  467. margin-bottom:10px;
  468. background-color:{color:Link};
  469. {block:ifRoundedCorners}border-radius: 8px;{/block:ifRoundedCorners}
  470. margin: 0 0 15px 0;
  471. padding: 10px 15px;
  472. position: relative;
  473. font-size:14px;
  474. }
  475.  
  476. blockquote{
  477. margin:0 0 10px 10px;
  478. padding:0 0 0 10px;
  479. border-left:solid 2px {color:Accent};
  480. }
  481.  
  482.  
  483. .post .footer{
  484. margin:0;
  485. text-align:left;
  486. }
  487.  
  488. .photoset{
  489. max-width:400px;
  490. width:400px;
  491. display:block;
  492. margin:auto;
  493. }
  494.  
  495. .media{
  496. max-width:400px;
  497. display:block;
  498. margin:auto;
  499. }
  500.  
  501. .post img{
  502. max-width:400px;
  503. }
  504.  
  505.  
  506. ol.notes{
  507. list-style-type:none;
  508. padding:0;
  509. margin:0;
  510. }
  511.  
  512. ol.notes li.note img{
  513. width:16px;
  514. height:16px;
  515. }
  516.  
  517. ol.notes li.note{
  518. margin:0px;
  519. }
  520.  
  521. #nav{
  522. margin:50px 0 0 0;
  523. }
  524.  
  525. {CustomCSS}
  526. </style>
  527. </head>
  528.  
  529. <body>
  530. <div id="wrapper">
  531.  
  532. {block:ifHeader}<div id="title">
  533. <a href="/">
  534. {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
  535. {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
  536. </a>
  537. </div>
  538. {/block:ifHeader}
  539.  
  540. <div id="leftside"/>
  541.  
  542. <div id="sidebar">
  543. <a href="/"><img src="{image:Sidebar}"></a>
  544. {Description}
  545. <br>
  546. <img src="{image:Sidebar Divider}">
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553. <div id="pages" class="ask_and_submit">
  554. {text:Links Divider} {block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a> {text:Links Divider} {/block:AskEnabled}
  555. {block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a> {text:Links Divider} {/block:SubmissionsEnabled}
  556. {block:HasPages}
  557. {block:Pages}<a href="{URL}" class="page">{Label}</a> {text:Links Divider} {/block:Pages}
  558. {/block:HasPages}
  559. <div class="clear"></div>
  560.  
  561.  
  562.  
  563.  
  564. </div>
  565.  
  566.  
  567. </div>
  568.  
  569. {block:if2ndSidebar}<div id="links2">
  570. {text:2nd Sidebar Content}
  571. </div>{/block:if2ndSidebar}
  572.  
  573. <div id="content">
  574. {block:Posts}
  575.  
  576. <div class="post">
  577.  
  578. {block:Text}
  579. {block:Title}
  580. <div class="title">{Title}</div>
  581. {/block:Title}
  582. {Body}
  583. {/block:Text}
  584.  
  585. {block:Photo}
  586. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  587. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  588. {/block:Photo}
  589.  
  590. {block:Photoset}
  591. <div class="media">{Photoset-400}</div>
  592. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  593. {/block:Photoset}
  594.  
  595. {block:Quote}
  596. <div class="quote">"{Quote}"</div>
  597. {block:Source}
  598. <div class="quotesource">{Source}</div>
  599. {/block:Source}
  600. {/block:Quote}
  601.  
  602. {block:Link}
  603. <div class="title"><a href="{URL}">{Name}</a></div>
  604. {block:Description}
  605. <div class="description">{Description}</div>
  606. {/block:Description}
  607. {/block:Link}
  608.  
  609. {block:Chat}
  610. {block:Title}
  611. <div class="title">{Title}</div>
  612. {/block:Title}
  613.  
  614. {block:Lines}
  615. <div class="{Alt} user_{UserNumber}">
  616. {block:Label}
  617. <b>{Label}</b>{/block:Label}
  618. &nbsp;{Line}
  619. </div>
  620. {/block:Lines}
  621. {/block:Chat}
  622.  
  623. {block:Video}
  624. <div class="media">{Video-400}</div>
  625. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  626. {/block:Video}
  627.  
  628. {block:Audio}
  629. <div class="media">
  630. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  631. {AudioPlayerWhite}
  632. {block:TrackName}{TrackName}<br>{/block:TrackName}
  633. {block:Artist}{Artist}<br>{/block:Artist}
  634. {block:Album}{Album}{/block:Album}
  635. </div>
  636. {block:Caption}{Caption}{/block:Caption}
  637. {/block:Audio}
  638.  
  639. {block:Answer}
  640.  
  641. <div class="question"><div class="asker_container"><img src="{AskerPortraitURL-24}"></div>{Asker}: {Question}</div>
  642. <div class="caption">{Answer}</div>
  643. {/block:Answer}
  644.  
  645.  
  646. {block:Date}
  647. <div class="footer">
  648. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  649. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  650. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  651. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  652. </div>
  653.  
  654. {block:PermalinkPage}
  655. {block:NoteCount}
  656. {block:PostNotes}{PostNotes}{/block:PostNotes}
  657. {/block:NoteCount}
  658. {/block:PermalinkPage}
  659. {/block:Date}
  660.  
  661. </div>
  662. {/block:Posts}
  663.  
  664. {block:Pagination}
  665. <div id="nav">
  666. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  667.  
  668. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  669. </div>
  670. {/block:Pagination}
  671. </div>
  672. </div>
  673.  
  674.  
  675.  
  676.  
  677. </div>
  678.  
  679. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  680. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  681.  
  682. <img src="{image:Side IMG}" style="position:fixed;opacity:{text:Sideimg transparency}; bottom:{text:Side IMG bottom}px;right:{text:Side IMG right}px"
  683. ;/>
  684.  
  685. <div id="credit"><a href="http://n1a.tumblr.com/" title="theme credit">☆</a></div>
  686. </body>
  687. </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!