Advertisement
kyngri

Nerd 2.0

Jun 4th, 2016
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.15 KB | None | 0 0
  1. <!--
  2. Theme made by ayiams for personal use by clyderin only.
  3. -->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8. <script language=JavaScript> var message="Boo."; function clickIE4(){ if (event.button==2) { alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false") </script>
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!--Default Variables-->
  17.  
  18. <meta name="color:Background" content="#fafafa"/>
  19. <meta name="color:Title" content="#000000" />
  20. <meta name="color:Text" content="#000000"/>
  21. <meta name="color:Links" content="#94272e"/>
  22. <meta name="color:Links Hover" content="#ffffff"/>
  23. <meta name="color:Blockquote" content="#b3b3b3"/>
  24. <meta name="color:Borders" content="#dbdbdb" />
  25. <meta name="color:Scrollbar" content="#b3b3b3" />
  26. <meta name="color:Castle" content="#ffffff" />
  27.  
  28. <meta name="text:AmountofGrayscale" content="40">
  29.  
  30. <meta name="if:250px" content="1" />
  31. <meta name="if:400px" content="0" />
  32. <meta name="if:500px" content="0" />
  33. <meta name="if:InfiniteScroll" content="0" />
  34. <meta name="if:monochrome" content="1" />
  35.  
  36.  
  37. <!--CSS customization here. -->
  38.  
  39. <style type="text/css">
  40.  
  41. @font-face {font-family: "neou"; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  42.  
  43.  
  44. iframe#tumblr_controls {top:0%!important;right:0%!important;position:fixed!important;z-index:99999999!important;}
  45.  
  46. /*Hover Titles*/
  47.  
  48. #s-m-t-tooltip {max-width:300px;margin-top:25px;margin-left:15px;padding:4px;z-index:99999999999999999;background-color:black;color:white;font-size:8px;line-height:10px;letter-spacing:1px;font-style:normal;text-transform:uppercase;word-wrap:break-word;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  49.  
  50. /*Scroll*/
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {background:{color:Scroll};height:50px;}
  53. ::-webkit-scrollbar {height: 20px;width:3px;}
  54.  
  55. /*Basics*/
  56.  
  57. blockquote {padding:5px 0 5px 30px;border-left:1px solid {color:Blockquote};margin-left:10px;}
  58.  
  59. body {background:{color:Background};color:{color:Text};font-family:calibri;font-size:11px;text-align:justify;margin:0;line-height:16px;}
  60.  
  61. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  62.  
  63. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  64.  
  65. a {color:{color:Links};text-decoration:none;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  66. a:hover{color:{color:Links Hover};text-shadow: 2px 2px 6px #111;}
  67.  
  68. pre {width:95%;white-space:pre-wrap;word-wrap:break-word;background:transparent;color:white;padding:4px;}
  69.  
  70. small {font-size:9px;}
  71.  
  72. sub {font-size:9px;}
  73.  
  74. big {font-size:13px;}
  75.  
  76. b, bold, strong {color: #000000;font-size: 12px;line-height:100%;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;font-family: 'Oswald', sans-serif;}
  77.  
  78. i, em, italic {font-family:neou;color: #b76169;font-weight: 700;text-transform: lowercase;font-size: 16px;text-shadow: none;
  79. }
  80.  
  81. ul,ol {padding:2px;margin-left:25px;}
  82. ul {list-style-type:square;}
  83.  
  84. h1 {font-family:neou;font-size:20px;line-height:20px;font-weight:normal;margin-bottom:10px;text-transform:uppercase;text-align:center;}
  85.  
  86. #title {font-family:neou;font-size:20px;line-height:20px;font-weight:normal;margin-bottom:10px;text-transform:uppercase;text-align:center;}
  87.  
  88.  
  89. /*Texture*/
  90.  
  91. #hyrule {width:100%;height:100%;right:0px;bottom:0px;position:fixed;background:url('https://66.media.tumblr.com/634f8d88171218559f49916f099bc11f/tumblr_inline_o8a1wibZ9f1u8j6wt_540.png');background-attachment:fixed;background-repeat:repeat;z-index:-1;}
  92.  
  93. /*Sidebar*/
  94.  
  95. #castle {position:fixed;bottom:130px;right:0px;padding:10px;width:500px;height:400px;z-index:2;}
  96.  
  97. /*Triangles*/
  98.  
  99. .tri1{bottom:1125px;right:-820px;width:400px;border:0;padding:0;margin-top:-1px;position:fixed;background:#f6f6f6;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);z-index:1;}
  100. .tri1:before, .tri1:after {content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-bottom:0;}
  101. .tri1:before {left:0px;border-top-color:#f6f6f6;border-width:1000px;}
  102. .tri1:after {left:0px;border-top-color:#f6f6f6;border-width:1000px;}
  103. .tri2{bottom:1125px;right:-800px;width:400px;border:0;padding:0;margin-top:-1px;position:fixed;background:#ffffff;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);z-index:-1;}
  104. .tri2:before, .tri2:after {content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-bottom:0;}
  105. .tri2:before {left:0px;border-top-color:#ffffff;border-width:1000px;}
  106. .tri2:after {left:0px;border-top-color:#ffffff;border-width:1000px;}
  107.  
  108. /*Title*/
  109.  
  110. #midna {position:absolute;left:230px;top:160px;padding:5px;font-family:Calibri;font-size:30px;text-transform:uppercase;text-align:left;width:200px;height:50px;color:#ffffff;}
  111.  
  112. /*Image*/
  113.  
  114. #link {position:absolute;left:100px;bottom:0px;}
  115. #link img {width:200px;}
  116.  
  117. /*Desc*/
  118.  
  119. #nayru {position:absolute;left:200px;bottom:170px;padding:10px;font-family:Calibri;font-size:9px;text-transform:uppercase;text-align:center;width:300px;height:35px;border:1px solid #fafafa;}
  120.  
  121. /*Links*/
  122.  
  123. #navi {position:absolute;font-family:Calibri;font-size:9px;text-transform:uppercase;text-align:center;right:10px;bottom:147px;width:200px;height:20px;font-family:Calibri;font-size:10px;text-transform:uppercase;text-align:right;text-shadow: -1px 0 white, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;z-index:2;}
  124.  
  125. /* Pagination */
  126.  
  127. #page {position:fixed;width:60px;right:400px;bottom:313px;font-family:neou;font-size:40px;text-align:right;z-index:99999;width:70px;}
  128.  
  129. /*Post Wrap*/
  130.  
  131. #castletown {position:absolute;right:570px;top:30px;margin-bottom:30px;{block:If250px}width:310px;{block:If250px}{block:If400px}width:460px;{block:If400px}{block:If500px}width:560px;{block:If500px}}
  132.  
  133. /*Posts*/
  134.  
  135. #townspeople {{block:If250px}width:250px;{block:If250px}{block:If400px}width:400px;{block:If400px}{block:If500px}width:500px;{block:If500px}margin-top:10px;margin-bottom:20px;margin-left:19px;padding:10px;background:{color:Castle};border:1px solid #f6f6f6;}
  136. #townspeople img {max-width:100%;{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  137. #townspeople li, #townspeople blockquote {max-width: 100%;{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  138. .caption {width:100%;margin-top:10px;}
  139. #townspeople img {max-width:100%;{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  140. #pset, #vid {{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  141.  
  142. /*Quote*/
  143.  
  144. #titlequote{font-family:neou;font-size:20px;text-transform:uppercase;letter-spacing:1px;line-height:20px;font-weight:bold;margin-bottom:10px;text-align:center;padding:1px;text-align:center;}
  145. #source {font-size:8px;text-transform:uppercase;margin-top:10px;margin-right:25px;text-align:right;}
  146.  
  147. /*Audio*/
  148.  
  149. #audio {padding-top:3px;padding-left:5px;padding-right:5px;padding-bottom:5px;border-left:1px solid {color:Background};}
  150. #info {color:{color:Text};font-family:{text:Font};font-size:10px;line-height:10px;letter-spacing:1px;text-transform:uppercase;text-align:left;font-weight:bold;}
  151. #player {width:26px;height:28px;border-left:7px solid {color:WallLine};border-right:7px solid {color:WallLine};border-top:6px solid {color:WallLine};border-bottom:6px solid {color:WallLine};background-color:{color:WallLine};display:block;overflow:hidden; position:absolute;}
  152. #art {width:40px;height:28px;background-color:{color:CastleLine};{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  153.  
  154. /*Question*/
  155.  
  156. #asker {font-family:neou;text-transform:uppercase;font-size:13px;color:#fff;letter-spacing:1px;line-height:20px;font-weight:bold;margin-bottom:10px;text-align:center;padding:1px;text-align:center;}
  157. #question {padding:5px;border-bottom:1px solid #efefef;text-align:center;font-family:{text:Font};font-size:10px;}
  158.  
  159. /*Chat*/
  160.  
  161. #chat {padding-top:2px;padding-bottom:3px;padding-left:5px;padding-right:5px;line-height:11px;color:{color:Text};font-family:{text:Font};font-size:10px;font-style:normal;}
  162. #chat.odd {background:{color:Background};}
  163.  
  164. /*Permalink and Notes*/
  165.  
  166. #permalink {font-family:{text:Font};font-size:9px;margin-top:15px;text-align:center;text-transform:uppercase;border-top:solid 1px #efefef;}
  167. .pagenotes {{block:IndexPage}display: none!important;{/block:IndexPage}{block:If250px}width:250px;{block:If250px}{block:If400px}width:400px;{block:If400px}{block:If500px}width:500px;{block:If500px}margin-left:30px;text-align:left;}
  168. .pagenotes img {display:none!important;}
  169. .pagenotes li {list-style-type:none;padding:5px 0px;text-align:left;margin:0 0 0 -40px;}
  170.  
  171. {CustomCSS}
  172.  
  173.  
  174. </style>
  175.  
  176. {block:IndexPage}
  177. {block:ifInfiniteScroll}
  178. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  179. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  180. {/block:ifInfiniteScroll}
  181. {/block:IndexPage}
  182.  
  183. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  184. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  185. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  186.  
  187. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript">jQuery(document).ready(function() {
  188. jQuery(".epona").hide();jQuery(".answer").click(function(){jQuery(this).next(".epona").fadeToggle(500);});});</script>
  189.  
  190. </head>
  191.  
  192. <body>
  193. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  194. <body onkeydown="return false">
  195.  
  196. <div id="hyrule"></div>
  197.  
  198. <div class="tri1"></div>
  199. <div class="tri2"></div>
  200.  
  201. {block:ifnotInfiniteScroll}
  202. {block:Pagination}<div id="page">
  203. {block:PreviousPage}
  204. <a href="{PreviousPage}">-</a>
  205. {/block:PreviousPage}
  206. {block:NextPage}
  207. <a id="next" href="{NextPage}">+</a>
  208. {/block:NextPage}
  209. </div>{/block:Pagination}
  210. {/block:ifnotInfiniteScroll}
  211.  
  212. <div id="castle">
  213. <div id="midna">{Title}</div>
  214. <div id="nayru">Meet &nbsp;<i>Clyde</i>&nbsp; your <b>annoying</b> neighbor, your local <u><font weight="400", size="3px">asshole</font></u>.</div>
  215. <div id="link"><img src="https://67.media.tumblr.com/68b870e13de71ea88ccd9e235b5a0103/tumblr_inline_o89btuMlRU1u8j6wt_540.png"></div>
  216. <div id="navi">
  217. <a href="/">01 : 일</a> <a href="/ask">02 : 이</a> <a href="/abt">03 : 삼</a>
  218. </div>
  219. </div>
  220.  
  221. <div id="castletown">{block:Posts}
  222. <div id="townspeople">{block:Quote}
  223. <div id="titlequote">❝ {Quote} ❞</div>
  224. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}{/block:Quote}{block:Text}{block:Title}
  225. <div id="title">{Title}.</div>{/block:Title}{Body}{/block:Text}{block:link}
  226. <div id="title"><a href="{URL}">{Name}.</a></div>{block:Description}{Description}{/block:Description}{/block:link}{block:Chat}{block:Title}
  227. <h1>{Title}.</h1>{/block:Title}
  228. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">{block:Label}
  229. <font color="{color:links}">{Label}</font>{/block:Label}{Line}</div>{/block:Lines}{/block:Chat}{block:Photo}
  230. <div id="photo">{linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}</div>{/block:Photo}{block:Photoset}
  231. <div id="pset">{block:If250px}{Photoset-250}{/block:If250px}{block:If400px}{Photoset-400}{/block:If400px}{block:If500px}{Photoset-500}{/block:If500px}</div>{/block:Photoset}{block:Video}
  232. <div id="vid">{block:If250px}{Video-250}{/block:If250px}{block:If400px}{Video-400}{/block:If400px}{block:If500px}{Video-500}{/block:If500px}</div>{/block:Video}{block:Audio}
  233. <table border="0" cellpadding="0" cellspacing="5" ><tr><td id="art" valign="top"><div id="player">{AudioPlayerWhite}</div></td><td valign="top" id="audio">{block:TrackName}
  234. <div id="info"><font color="{color:links}">Track:</font> {TrackName}</div>{/block:TrackName}{block:Artist}
  235. <div id="info"><font color="{color:links}">Artist:</font> {Artist}</div>{/block:Artist}<div id="info"><font color="{color:links}">Plays:</font> {PlayCount}</div></td></tr></table>{/block:Audio}{block:Answer}
  236. <div id="asker">{Asker}.</div>
  237. <div id="question"><small>{Question}</small></div><br>{Answer}{/block:Answer}
  238. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}{block:Date}
  239. <div id="permalink">
  240. <a href="{Permalink}">{TimeAgo}</a> • {NoteCountWithLabel} • <a href="{ReblogURL}">↻</a><br>
  241. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}
  242. </div>{/block:Date}{/block:IndexPage}{block:PermalinkPage}
  243. <div id="permalink">{block:Date}Posted {Timeago} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  244. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  245. {block:HasTags}<br>saved: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}</div>{block:PostNotes}
  246. <div class="pagenotes">{PostNotes}</div>{/block:PostNotes}{/block:Posts}</div></div>
  247. </div>
  248.  
  249. {block:ContentSource}
  250. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  251. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  252. {/block:SourceLogo}
  253. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  254. {/block:ContentSource}
  255.  
  256. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement