API tools faq
paste
Advertisement
kyngri

Cocky Jerk 2.0

kyngri
Jun 24th, 2016
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.08 KB | None | 0 0
raw download clone embed print report
  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:black;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 {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:calibri;font-size:12px;line-height:20px;font-weight:normal;margin-bottom:10px;text-transform:uppercase;text-align:center;}
  85.  
  86. #title {font-family:calibri;font-size:12px;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://65.media.tumblr.com/61330a2e6762c16486bd359849943a29/tumblr_inline_o784w1c4aS1u8j6wt_540.png');background-attachment:fixed;background-repeat:repeat;z-index:-1;}
  92.  
  93. /*Sidebar*/
  94.  
  95. #castle {position:fixed;bottom:200px;left:80px;padding:10px;width:300px;height:300px;z-index:2;}
  96.  
  97. /*Lines*/
  98.  
  99. #triforce{bottom:0px;left:0px;width:400px;height:100%;position:fixed;background:#f8f8f8;border-right:solid 30px white;z-index:1;}
  100.  
  101. /*Title*/
  102.  
  103. #midna {position:absolute;left:5px;top:50px;padding:5px;font-family:Calibri;font-size:35px;text-transform:uppercase;text-align:left;width:200px;height:50px;color:#000000;}
  104.  
  105. /*Image*/
  106.  
  107. #link {position:absolute;left:10px;top:15px;}
  108. #link img {width:220px;}
  109.  
  110. /*Desc*/
  111.  
  112. #nayru {position:absolute;left:10px;top:340px;font-family:Calibri;font-size:9px;text-transform:uppercase;text-align:center;width:220px;height:35px;color:#000000;}
  113.  
  114. /*Links*/
  115.  
  116. #ordona {position:absolute;left:165px;top:285px;width:15px;height:15px;background:black;transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s;-ms-transition: all 0.8s ease-in-out;border-radius:100%;opacity:.3;}
  117. #ordona:hover {box-shadow: inset -15px 0px 0px 0px {color:Links Hover},inset 0px 15px 0px 0px {color:Links Hover};}
  118. #faron {position:absolute;left:185px;top:285px;width:15px;height:15px;background:black;transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s;-ms-transition: all 0.8s ease-in-out;border-radius:100%;opacity:.6;}
  119. #faron:hover {box-shadow: inset -15px 0px 0px 0px {color:Links Hover},inset 0px 15px 0px 0px {color:Links Hover};}
  120. #eldin {position:absolute;left:205px;top:285px;width:15px;height:15px;background:black;transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s;-ms-transition: all 0.8s ease-in-out;border-radius:100%;opacity:.9;}
  121. #eldin:hover {box-shadow: inset -15px 0px 0px 0px {color:Links Hover},inset 0px 15px 0px 0px {color:Links Hover};}
  122.  
  123. /* Pagination */
  124.  
  125. #page {position:fixed;width:60px;left:265px;bottom:155px;font-family:calibri;font-size:30px;text-align:left;z-index:99999;width:300px;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
  126. #page a {color:black;}
  127. #page a:hover {color:white;}
  128.  
  129. /*Post Wrap*/
  130.  
  131. #castletown {position:absolute;left: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:calibri;font-size:11px;text-transform:uppercase;letter-spacing:1px;line-height:20px;font-weight:normal;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-size:9px;line-height:10px;letter-spacing:1px;text-transform:uppercase;text-align:left;font-weight:normal;}
  151. #player {width:26px;height:28px;border-left:7px solid #f6f6f6;border-right:7px solid #f6f6f6;border-top:6px solid #f6f6f6;border-bottom:6px solid #f6f6f6;background-color:#f6f6f6;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:calibri;text-transform:uppercase;font-size:13px;color:#000;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-size:9px;text-transform:uppercase;}
  162.  
  163. /*Permalink and Notes*/
  164.  
  165. #permalink {font-family:{text:Font};font-size:9px;margin-top:15px;text-align:center;text-transform:uppercase;border-top:solid 1px #efefef;}
  166. .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;}
  167. .pagenotes img {display:none!important;}
  168. .pagenotes li {list-style-type:none;padding:5px 0px;text-align:left;margin:0 0 0 -40px;}
  169.  
  170. {CustomCSS}
  171.  
  172.  
  173. </style>
  174.  
  175. {block:IndexPage}
  176. {block:ifInfiniteScroll}
  177. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  178. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  179. {/block:ifInfiniteScroll}
  180. {/block:IndexPage}
  181.  
  182. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  183. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  184. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  185.  
  186. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript">jQuery(document).ready(function() {
  187. jQuery(".epona").hide();jQuery(".answer").click(function(){jQuery(this).next(".epona").fadeToggle(500);});});</script>
  188.  
  189. </head>
  190.  
  191. <body>
  192. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  193. <body onkeydown="return false">
  194.  
  195. <div id="hyrule"></div>
  196.  
  197. <div id="triforce"></div>
  198.  
  199. {block:ifnotInfiniteScroll}
  200. {block:Pagination}<div id="page">
  201. {block:NextPage}
  202. <a id="next" href="{NextPage}">next</a>
  203. {/block:NextPage}
  204. {block:PreviousPage}
  205. // <a href="{PreviousPage}">previous</a>
  206. {/block:PreviousPage}
  207. </div>{/block:Pagination}
  208. {/block:ifnotInfiniteScroll}
  209.  
  210. <div id="castle">
  211. <div id="midna">MEET :</div>
  212. <div id="nayru">your <b>annoying</b> neighbor, your local <i><u><font weight="400", size="3px">asshole</font></u></i>.</div>
  213. <div id="link"><img src="https://66.media.tumblr.com/661f42b94732d0aab8378f0f2a299856/tumblr_inline_o9cchtgTav1u8j6wt_540.png"></div>
  214. <a href="/" title="Refresh."><div id="ordona"></div></a>
  215. <a href="/ask" title="Text."><div id="faron"></div></a>
  216. <a href="/abt" title="Learn."><div id="eldin"></div></a>
  217. </div>
  218. </div>
  219.  
  220. <div id="castletown">{block:Posts}
  221. <div id="townspeople">{block:Quote}
  222. <div id="titlequote">❝ {Quote} ❞</div>
  223. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}{/block:Quote}{block:Text}{block:Title}
  224. <div id="title">{Title}.</div>{/block:Title}{Body}{/block:Text}{block:link}
  225. <div id="title"><a href="{URL}">{Name}.</a></div>{block:Description}{Description}{/block:Description}{/block:link}{block:Chat}{block:Title}
  226. <h1>{Title}.</h1>{/block:Title}
  227. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">{block:Label}
  228. <font color="{color:links}">{Label}</font>{/block:Label}{Line}</div>{/block:Lines}{/block:Chat}{block:Photo}
  229. <div id="photo">{linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}</div>{/block:Photo}{block:Photoset}
  230. <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}
  231. <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}
  232. <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}
  233. <div id="info"><font color="{color:links}">Track:</font> {TrackName}</div>{/block:TrackName}{block:Artist}
  234. <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}
  235. <div id="asker">{Asker} : <div id="question"><small>{Question}</small></div></div>
  236. {Answer}{/block:Answer}
  237. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}{block:Date}
  238. <div id="permalink">
  239. <div style="text-align:left;"><a href="{Permalink}">{TimeAgo}</a> ( {NoteCountWithLabel} )</div>
  240. </div>{/block:Date}{/block:IndexPage}{block:PermalinkPage}
  241. <div id="permalink">{block:Date}Posted {Timeago} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  242. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  243. {block:HasTags}<br>saved: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}</div>{block:PostNotes}
  244. <div class="pagenotes">{PostNotes}</div>{/block:PostNotes}{/block:Posts}</div></div>
  245. </div>
  246.  
  247. {block:ContentSource}
  248. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  249. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  250. {/block:SourceLogo}
  251. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  252. {/block:ContentSource}
  253.  
  254. </body></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!