API tools faq
paste
Advertisement
thetruththemes

KH Start Menu

thetruththemes
Feb 20th, 2015
6,728
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.85 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---------------------------------------------------------------------------
  3. ,,
  4. ,GG,
  5. GIIG
  6. Gl''lG
  7. ;G' 'G;
  8. GP YG
  9. oQ' 'Qo -KH Sᴛᴀʀᴛ Mᴇɴᴜ ᴛʜᴇᴍᴇ ʙʏ
  10. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  11. *TGo, '* *' ,oGP*
  12. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  13. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  14. ;GGT' 'TGG:
  15. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  16. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  17. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  18. oG* oGG* *GGo. *Go
  19. ;GG;oGG* *GGo;GG;
  20. ,GGGT* *TGGG,
  21. ""' '""
  22. ---------------------------------------------------------------------------->
  23.  
  24. <!-- hover text 1/2 -->
  25. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  27.  
  28. <head>
  29.  
  30. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
  31. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  32.  
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  34. <title>{Title}</title>
  35. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  36.  
  37. <!--------------------------------- IMAGES --------------------------------->
  38. <meta name="image:Default Audio Pic" content="https://68.media.tumblr.com/26a12b635fa21b1c335e22e1cd84e110/tumblr_inline_ni4vz2P0bz1rg1lxe.png"/>
  39. <meta name="image:Custom Cursor 1" content="http://media.tumblr.com/ef1133ebcc2e3fd12ce41472897681b1/tumblr_inline_n4cu3fSX3l1rg1lxe.png"/>
  40. <meta name="image:Custom Cursor 2" content="http://media.tumblr.com/b0ad9785c33351ce63d8ca857ccc87e6/tumblr_inline_n4cu3lqZxW1rg1lxe.png"/>
  41. <meta name="image:Favicon" content="https://68.media.tumblr.com/0c3fac9adc40f05c6e63bfce4928ea65/tumblr_inline_ni5wckSw8b1rg1lxe.png"/>
  42.  
  43. <!--------------------------------- COLORS --------------------------------->
  44. <!-- Full Body -->
  45. <meta name="color:Scroll BG" content="#f4f4f4"/>
  46. <meta name="color:Scroll Thumb Gradient Top" content="#b5dcd0"/>
  47. <meta name="color:Scroll Thumb Gradient Bottom" content="#9b94ad"/>
  48. <!-- Sidebar -->
  49. <meta name="color:Heart Watercolor Top" content="#71dfc7"/>
  50. <meta name="color:Heart Watercolor Bottom" content="#8364b3"/>
  51. <meta name="color:Description Text" content="#9ea4aa"/>
  52. <meta name="color:Description Links" content="#a4bbdf"/>
  53. <meta name="color:Description Links Hover" content="#6978a2"/>
  54. <meta name="color:Menu Link Fade Color" content="#a6a6a6"/>
  55. <meta name="color:Menu Link Hover Color" content="#161128"/>
  56. <meta name="color:Menu Link Gradient" content="#271f4b"/>
  57. <meta name="color:Menu Link Gradient Hover" content="#5f4259"/>
  58. <meta name="color:Menu Link Glow Light" content="#fffed3"/>
  59. <meta name="color:Menu Link Glow Dark" content="#c58b57"/>
  60. <meta name="color:Menu Link Glow Dark 2" content="#5f4247"/>
  61. <!-- Posts -->
  62. <meta name="color:Posts BG" content="#ffffff"/>
  63. <meta name="color:Posts 2nd BG" content="#f4f4f4"/>
  64. <meta name="color:Posts Title" content="#a883a6"/>
  65. <meta name="color:Posts Text" content="#949494"/>
  66. <meta name="color:Posts Bold" content="#8f8197"/>
  67. <meta name="color:Posts Italic" content="#949494"/>
  68. <meta name="color:Posts Code" content="#b0b0b0"/>
  69. <meta name="color:Posts Code BG" content="#e7e7e7"/>
  70. <meta name="color:Posts Links" content="#a8bde2"/>
  71. <meta name="color:Posts Links Hover" content="#6f75bb"/>
  72. <meta name="color:Posts Blockquote" content="#cce2f3"/>
  73. <meta name="color:Audio Player" content="#63a8da"/>
  74. <!-- Post Endings -->
  75. <meta name="color:Postending Text BG" content="#a8bde2"/>
  76. <meta name="color:Postending Text Color" content="#ffffff"/>
  77. <meta name="color:Postending Text Links" content="#dce8f0"/>
  78. <meta name="color:Postending Text Links Hover" content="#bddaed"/>
  79. <!-- Permalink -->
  80. <meta name="color:Permalink Text" content="#b6babe"/>
  81. <meta name="color:Permalink Links" content="#9ea4aa"/>
  82. <meta name="color:Permalink Links Hover" content="#9199f9"/>
  83. <meta name="color:Permalink Blockquote" content="#d9d9da"/>
  84. <meta name="color:Permalink Scroll Thumb" content="#d9d9da"/>
  85. <!-- Misc. -->
  86. <meta name="color:Link Hover BG" content="#352f53"/>
  87. <meta name="color:Link Hover Text" content="#f4f4f4"/>
  88. <meta name="color:Selection BG" content="#f6f6cd"/>
  89. <meta name="color:Selection Text" content="#a0a085"/>
  90. <meta name="color:Selection Links" content="#b0c1ba"/>
  91.  
  92. <!------------------------------- DROPDOWNS -------------------------------->
  93. <meta name="select:Game Background" content="https://68.media.tumblr.com/8afb55dae051f58034828eb13555508f/tumblr_njzgptYuiA1s60yyoo1_1280.png" title="KH1"/>
  94. <meta name="select:Game Background" content="http://static.tumblr.com/u5vz4xb/Ko7nzqg6b/menu_bg_12.png" title="KH1 FM"/>
  95. <meta name="select:Game Background" content="https://68.media.tumblr.com/e7cac6dfe3daa2093ef48d0b98be5b2b/tumblr_njzgptYuiA1s60yyoo3_1280.png" title="CoM"/>
  96. <meta name="select:Game Background" content="https://68.media.tumblr.com/d86f0552bdd43f7bc8b4b176b719092b/tumblr_njzgptYuiA1s60yyoo6_r1_1280.png" title="CoM R"/>
  97. <meta name="select:Game Background" content="http://static.tumblr.com/u5vz4xb/bDAnzcxrx/menu_bg_11.png" title="358 2 Days"/>
  98. <meta name="select:Game Background" content="https://68.media.tumblr.com/0f54d1a682a77ed44d24f4a63ab50494/tumblr_nk1o9c97WA1s60yyoo1_r1_1280.png" title="KH2"/>
  99. <meta name="select:Game Background" content="https://68.media.tumblr.com/35205c26d48193b812f5cc6f0244cc00/tumblr_nk1o9c97WA1s60yyoo2_1280.png" title="KH2 FM"/>
  100. <meta name="select:Game Background" content="https://68.media.tumblr.com/a23683c542a45ce4c1738c1dba9e8629/tumblr_njzhpkJioP1s60yyoo2_1280.png" title="BBS"/>
  101. <meta name="select:Game Background" content="https://68.media.tumblr.com/58567bee96ab1c91f7d5466ecffa30e9/tumblr_nk1o9c97WA1s60yyoo4_r1_1280.png" title="Coded"/>
  102. <meta name="select:Game Background" content="https://68.media.tumblr.com/8ebceb0379b45adbae8646a7f31a415f/tumblr_njzhpkJioP1s60yyoo3_1280.png" title="DDD 1"/>
  103. <meta name="select:Game Background" content="https://68.media.tumblr.com/849d3d612dca24ec2341cffd2e3dd507/tumblr_nk1o9c97WA1s60yyoo5_r1_1280.png" title="DDD 2"/>
  104. <meta name="select:Description Text Alignment" content="justify" title="justify"/>
  105. <meta name="select:Description Text Alignment" content="right" title="right"/>
  106. <meta name="select:Description Text Alignment" content="left" title="left"/>
  107. <meta name="select:Description Text Alignment" content="center" title="center"/>
  108.  
  109. <!-------------------------------- OPTIONS --------------------------------->
  110. <meta name="if:Menu HoverClick Sounds" content="1"/>
  111. <meta name="if:Fade Game Background" content="1"/>
  112. <meta name="if:White Tumblr Controls" content="0"/>
  113. <meta name="if:Small Tumblr Controls" content="1"/>
  114. <meta name="if:Monochrome Photos" content="1"/>
  115. <meta name="if:Fade Photos" content="1"/>
  116. <meta name="if:2nd Chat Post Format" content="0"/>
  117. <meta name="if:Postending Squares for Index page" content="1"/>
  118. <meta name="if:Custom Cursor" content="1"/>
  119. <meta name="if:Custom Favicon" content="1"/>
  120. <meta name="if:Dark Audio Player" content="0"/>
  121.  
  122. <!--------------------------------- TEXTS ---------------------------------->
  123. <meta name="text:Link 1 URL" content="/link1" />
  124. <meta name="text:Link 1 Hover" content="Link 1" />
  125. <meta name="text:Link 2 URL" content="/link2" />
  126. <meta name="text:Link 2 Hover" content="Link 2" />
  127. <meta name="text:Link 3 URL" content="/link3" />
  128. <meta name="text:Link 3 Hover" content="Link 3" />
  129. <meta name="text:Link 4 URL" content="/link4" />
  130. <meta name="text:Link 4 Hover" content="Link 4" />
  131. <meta name="text:Ask Verb" content="dreamt" />
  132.  
  133. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  134. <!-- custom font 1/2 -->
  135. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Orbitron:400,700,900" rel="stylesheet">
  136.  
  137. </head>
  138.  
  139. <!-- menu hover/click sounds -->
  140. {block:IfMenuHoverClickSounds}
  141. <script>
  142.  
  143. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  144. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  145.  
  146. //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
  147. //** Call: uniquevar.playclip() to play sound
  148.  
  149. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  150. "mp3": "audio/mpeg",
  151. "mp4": "audio/mp4",
  152. "ogg": "audio/ogg",
  153. "wav": "audio/wav"
  154. }
  155.  
  156. function createsoundbite(sound){
  157. var html5audio=document.createElement('audio')
  158. if (html5audio.canPlayType){ //check support for HTML5 audio
  159. for (var i=0; i<arguments.length; i++){
  160. var sourceel=document.createElement('source')
  161. sourceel.setAttribute('src', arguments[i])
  162. if (arguments[i].match(/\.(\w+)$/i))
  163. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  164. html5audio.appendChild(sourceel)
  165. }
  166. html5audio.load()
  167. html5audio.playclip=function(){
  168. html5audio.pause()
  169. html5audio.currentTime=0
  170. html5audio.play()
  171. }
  172. return html5audio
  173. }
  174. else{
  175. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  176. }
  177. }
  178.  
  179. //Initialize two sound clips with 1 fallback file each:
  180.  
  181. var mouseoversound=createsoundbite("https://www.dropbox.com/s/bede2y30zezq1y2/khnoise%20hover.mp3?dl=1")
  182. var clicksound=createsoundbite("https://www.dropbox.com/s/o58d9b0gdqvrcby/khnoise%20click.mp3?dl=1")
  183.  
  184. </script>
  185. {/block:IfMenuHoverClickSounds}
  186.  
  187. <!-- hover text 2/2 -->
  188. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  189. <script type="text/javascript" src="http://static.tumblr.7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  190. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  191.  
  192. <style type="text/css">
  193.  
  194. /* custom fonts 2/2 */
  195. @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Orbitron:400,700,900');
  196.  
  197. /* --------------------------- DECORATION ---------------------------- */
  198. /* body */
  199. body {
  200. color:{color:Posts Text};
  201. background:#f4f4f4;
  202. font: normal normal normal 11px/17px 'Montserrat', sans-serif;
  203. text-align:justify;}
  204.  
  205. #menu-img {
  206. z-index:-9;
  207. position:fixed;
  208. bottom:0; right:0px;
  209. {block:IfFadeGameBackground}opacity:.75;{/block:IfFadeGameBackground}
  210. max-height:100%;}
  211.  
  212. /* --------------------------- MINOR STUFF ---------------------------- */
  213.  
  214. /* tumblr controls */
  215. .tmblr-iframe {
  216. z-index:9999 !important;
  217. {block:IfWhiteTumblrControls}
  218. -webkit-filter: invert(100%) hue-rotate(180deg) !important;
  219. -moz-filter: invert(100%) hue-rotate(180deg) !important;
  220. -ms-filter: invert(100%) hue-rotate(180deg) !important;
  221. -o-filter: invert(100%) hue-rotate(180deg) !important;
  222. filter: invert(100%) hue-rotate(180deg) !important;
  223. {/block:IfWhiteTumblrControls}
  224. {block:IfSmallTumblrControls}
  225. transform: scale(0.8) !important;
  226. -webkit-transform: scale(0.8) !important;
  227. -moz-transform: scale(0.8) !important;
  228. -o-transform: scale(0.8) !important;
  229. -ms-transform: scale(0.8) !important;
  230. transform-origin:right;
  231. webkit-transform-origin:right;
  232. -moz-transform-origin:right;
  233. -o-transform-origin:right;
  234. -ms-transform-origin:right;
  235. {/block:IfSmallTumblrControls}}
  236.  
  237. /* hover text */
  238. #s-m-t-tooltip {
  239. z-index: 99999; display: block;
  240. margin-left: 30px; margin-top: 5px;
  241. max-width:150px;
  242. padding: 3px 5px 4px 6px;
  243. font:normal normal 400 8px/10px 'Orbitron', sans-serif;
  244. color: {color:Link Hover Text};
  245. text-transform:uppercase;
  246. letter-spacing:1px;
  247. text-align:center;
  248. background: {color:Link Hover BG};}
  249.  
  250. /* scrollbar */
  251. ::-webkit-scrollbar {
  252. height:14px; width:14px;
  253. background: {color:Scroll BG};}
  254. ::-webkit-scrollbar-thumb {
  255. border:4px solid {color:Scroll BG};
  256. border-radius:5px;
  257. background: {color:Scroll Thumb Gradient Top};
  258. background: -webkit-linear-gradient(top, {color:Scroll Thumb Gradient Top}, {color:Scroll Thumb Gradient Bottom});
  259. background: -o-linear-gradient(top, {color:Scroll Thumb Gradient Top}, {color:Scroll Thumb Gradient Bottom});
  260. background: -moz-linear-gradient(top, {color:Scroll Thumb Gradient Top}, {color:Scroll Thumb Gradient Bottom});
  261. background: linear-gradient(top, {color:Scroll Thumb Gradient Top}, {color:Scroll Thumb Gradient Bottom});}
  262.  
  263. /* drag n' click selection */
  264. ::selection {
  265. background: {color:Selection BG};
  266. color: {color:Selection Text};}
  267. ::-moz-selection {
  268. background: {color:Selection BG};
  269. color: {color:Selection Text};}
  270. a::selection {
  271. background: {color:Selection BG};
  272. color: {color:Selection Links};}
  273. a::-moz-selection {
  274. background: {color:Selection BG};
  275. color: {color:Selection Links};}
  276.  
  277. #tumblr_controls {
  278. opacity:0.33;
  279. -webkit-filter: invert(100%) brightness(95%);
  280. -webkit-transition-duration: 0.5s;
  281. -moz-transition-duration:0.5s;
  282. transition-duration:0.5s;
  283. -o-transition-duration:0.5s;}
  284.  
  285. /* ------------------------- FONT STUFF --------------------------- */
  286.  
  287. /* main font decorations */
  288. .posts p:last-child {
  289. margin-bottom:0px;}
  290. .posts p:first-child {
  291. margin-top:0px;}
  292. b, strong {color:{color:Posts Bold};}
  293. i, em {color:{color:Posts Italic};}
  294.  
  295. /* links */
  296. a:link, a:active, a:visited{
  297. text-decoration:none;
  298. color:{color:Posts Links};
  299. -webkit-transition: all 0.35s linear;
  300. -moz-transition: all 0.35s linear;
  301. transition: all 0.35s linear;}
  302. a:hover {
  303. color:{color:Posts Links Hover};}
  304. a i, i a, a em, em a, a b, b a, a strong, strong a {
  305. color:{color:Posts Links} !important;
  306. -webkit-transition: all 0.35s linear;
  307. -moz-transition: all 0.35s linear;
  308. transition: all 0.35s linear;}
  309. a i:hover, i a:hover, a em:hover, em a:hover, a b:hover, b a:hover, a strong:hover, strong a:hover {
  310. color:{color:Posts Links Hover} !important;}
  311.  
  312. pre {
  313. padding: 6px 9px;
  314. color:{color:Posts Code};
  315. font-size:10px; max-width:100%;
  316. font-family:consolas;
  317. background:{color:Posts Code BG};
  318. border-left: 7px solid {color:posts blockquote};
  319. white-space: pre-wrap;
  320. white-space: -moz-pre-wrap;
  321. white-space: -pre-wrap;
  322. white-space: -o-pre-wrap;
  323. word-wrap: break-word;}
  324. code {
  325. color:{color:Posts Code};
  326. font-size:10px;
  327. font-family:consolas;
  328. background:{color:Posts Code BG};
  329. padding:1px 2px;}
  330.  
  331. /* text and link post titles */
  332. h1 {font: normal normal 700 18px/18px 'Orbitron', sans-serif;
  333. color:{color:Posts Title};
  334. text-align:center;
  335. text-transform:uppercase;
  336. letter-spacing:2px;}
  337. /* quote and ask post titles */
  338. h2 {font: normal normal 400 16px/17px 'Orbitron', sans-serif;
  339. color:{color:Posts Bold};
  340. text-align:center;
  341. letter-spacing:1px;}
  342. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  343.  
  344. /* ------------------------------ SIDEBAR 1 ------------------------------ */
  345. /* heart logo */
  346. #heart {
  347. position:fixed;
  348. background:{color:Heart Watercolor Bottom};
  349. box-shadow:0px 105px 211px {color:Heart Watercolor Top} inset;
  350. top:30px; left:65px;
  351. -webkit-transition: all 0.5s ease-in-out;
  352. -moz-transition: all 0.5s ease-in-out;
  353. transition: all 0.5s ease-in-out;}
  354. #desc-container:hover #heart {left:15px;}
  355.  
  356. /* description */
  357. .space {float:left; clear:left; height:13px;}
  358. #description {
  359. opacity:0; position:fixed;
  360. left:128px; top:70px; width:180px;
  361. font:normal normal normal 10px/13px 'Montserrat', sans-serif;
  362. color:{color:Description Text};
  363. letter-spacing:.5px;
  364. text-align:{select:Description Text Alignment};
  365. -webkit-transition: all 0.33s linear;
  366. -moz-transition: all 0.33s linear;
  367. transition: all 0.33s linear;}
  368. #desc-container:hover #description {
  369. opacity:1;
  370. -webkit-transition: all 0.33s linear;
  371. -moz-transition: all 0.33s linear;
  372. transition: all 0.33s linear;}
  373. #description a {
  374. color:{color:Description Links};
  375. text-shadow:0 0 0 {color:Description Links};}
  376. #description a:hover {
  377. color:{color:Description Links Hover};
  378. text-shadow:0 0 0 {color:Description Links Hover};}
  379.  
  380. /* ------------------------------ SIDEBAR 2 ------------------------------ */
  381.  
  382. #credit {
  383. position:fixed;
  384. bottom:10%; left:30px;
  385. margin-bottom:105px;
  386. font:normal normal 400 9px/15px 'Orbitron', sans-serif;
  387. text-transform:uppercase;
  388. letter-spacing:1px;
  389. color:{color:Description Text};
  390. text-shadow:0 0 0 {color:Description Text};}
  391. #credit:hover {
  392. color:{color:Description Links};
  393. text-shadow:0 0 0 {color:Description Links};}
  394.  
  395. #line {
  396. position:fixed;
  397. bottom:10%; margin-bottom:122px;
  398. left:0px;
  399. height:2px; width:150px;
  400. background:{color:Menu Link Fade Color};
  401. box-shadow:-60px 0px 50px -30px #f4f4f4 inset;}
  402.  
  403. /* pagination */
  404. #pagination {
  405. position:fixed;
  406. bottom:10%; margin-bottom:125px;
  407. left:30px;
  408. font-family: 'Orbitron', sans-serif;
  409. font-weight:400;
  410. font-size:9px;
  411. letter-spacing:1px;
  412. color:{color:Description Links Hover};
  413. text-shadow:0 0 0 {color:Description Links Hover};}
  414. #pagination a {
  415. color:{color:Description Text};
  416. text-shadow:0 0 0 {color:Description Text};}
  417. #pagination a:hover {
  418. color:{color:Description Links};
  419. text-shadow:0 0 0 {color:Description Links};}
  420.  
  421. /* ------------------------------ MAINLINKS ------------------------------ */
  422. /* container */
  423. #sidelinks {
  424. z-index:0; position:fixed;
  425. bottom:10%; left:30px;
  426. width:100%;}
  427.  
  428. /* bar */
  429. #sidelink-bar {
  430. z-index:0; display:block;
  431. width:100%; height:25px;
  432. margin-top:10px;
  433. border-radius:0px 0px 0px 1px;
  434. box-shadow:-500px 0px 300px -200px {color:Menu Link Gradient} inset, 2px 3px .5px #a6a6a6;
  435. -webkit-transition: all .33s linear;
  436. -moz-transition: all .33s linear;
  437. transition: all .33s linear;}
  438. #sidelink-bar:hover {
  439. box-shadow:-700px 0px 300px -200px {color:Menu Link Gradient Hover} inset, 2px 3px .5px #a6a6a6;}
  440.  
  441. /* words */
  442. #sidelink-bar a {
  443. display:inline-block;
  444. position:relative;
  445. bottom:9px;
  446. font-family: 'Orbitron', sans-serif;
  447. font-weight:900;
  448. line-height:20px;
  449. text-transform:uppercase;
  450. letter-spacing:3px;
  451. text-decoration:none;
  452. color:transparent;
  453. text-shadow:0 0 0 transparent, 2px 2px 0px {color:Menu Link Fade Color}, 2px 2px .5px {color:Menu Link Fade Color};
  454. font-size:17px;
  455. margin-left:5px; padding-right:250px;
  456. -webkit-transition: all .2s linear;
  457. -moz-transition: all .2s linear;
  458. transition: all .2s linear;}
  459. #sidelink-bar:hover a {
  460. color:{color:Menu Link Hover Color};
  461. text-shadow:0 0 0 {color:Menu Link Hover Color}, 2px 2px 0px {color:Menu Link Fade Color}, 2px 2px .5px {color:Menu Link Fade Color}}
  462.  
  463. /* square */
  464. .sidelink-square-shadow {
  465. z-index:-999;
  466. position:fixed;
  467. bottom:10%; left:30px;
  468. background:{color:Menu Link Fade Color};
  469. height:25px; width:25px;
  470. border-radius:2px;}
  471. #shadow1 {margin:0px 0px -2px 2px;}
  472. #shadow2 {margin:0px 0px 33px 2px;}
  473.  
  474. #sidelink-square {
  475. opacity:0;
  476. display:inline-block;
  477. position:relative; left:-1px;
  478. height:15px; width:15px;
  479. padding:5px; border-radius:2px;
  480. animation: big-glow ease-in-out 2s;
  481. animation-iteration-count: infinite;
  482. -webkit-animation: big-glow ease-in-out 2s;
  483. -webkit-animation-iteration-count: infinite;
  484. -moz-animation: big-glow ease-in-out 2s;
  485. -moz-animation-iteration-count: infinite;
  486. -o-animation: big-glow ease-in-out 2s;
  487. -o-animation-iteration-count: infinite;
  488. -ms-animation: big-glow ease-in-out 2s;
  489. -ms-animation-iteration-count: infinite;
  490. -webkit-transition: all .2s linear;
  491. -moz-transition: all .2s linear;
  492. transition: all .2s linear;
  493. -webkit-transition-delay: 0s;
  494. -moz-transition-delay: 0s;
  495. transition-delay: 0s;}
  496. #sidelink-bar:hover #sidelink-square {opacity:1;
  497. -webkit-transition-delay: .025s;
  498. -moz-transition-delay: .025s;
  499. transition-delay: .025s}
  500.  
  501. @keyframes big-glow {
  502. 0% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  503. background:{color:Menu Link Glow Dark};}
  504. 50% {box-shadow: 0px 0px 2px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Glow Dark 2} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark} inset;
  505. background:{color:Menu Link Glow Light};}
  506. 100% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  507. background:{color:Menu Link Glow Dark};}}
  508. @-moz-keyframes big-glow {
  509. 0% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  510. background:{color:Menu Link Glow Dark};}
  511. 50% {box-shadow: 0px 0px 2px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Glow Dark 2} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark} inset;
  512. background:{color:Menu Link Glow Light};}
  513. 100% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  514. background:{color:Menu Link Glow Dark};}}
  515. @-webkit-keyframes big-glow {
  516. 0% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  517. background:{color:Menu Link Glow Dark};}
  518. 50% {box-shadow: 0px 0px 2px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Glow Dark 2} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark} inset;
  519. background:{color:Menu Link Glow Light};}
  520. 100% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  521. background:{color:Menu Link Glow Dark};}}
  522. @-o-keyframes big-glow {
  523. 0% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  524. background:{color:Menu Link Glow Dark};}
  525. 50% {box-shadow: 0px 0px 2px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Glow Dark 2} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark} inset;
  526. background:{color:Menu Link Glow Light};}
  527. 100% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  528. background:{color:Menu Link Glow Dark};}}
  529. @-ms-keyframes big-glow {
  530. 0% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  531. background:{color:Menu Link Glow Dark};}
  532. 50% {box-shadow: 0px 0px 2px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Glow Dark 2} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark} inset;
  533. background:{color:Menu Link Glow Light};}
  534. 100% {box-shadow: 0px 0px 0px 4px {color:Menu Link Hover Color} inset, 0px 0px 0px 5px {color:Menu Link Hover Color} inset, 0px 0px 5px 7px {color:Menu Link Glow Dark 2} inset;
  535. background:{color:Menu Link Glow Dark};}}
  536.  
  537. /* bottom-line */
  538. #sidelink-line {
  539. z-index:-9;
  540. position:relative;
  541. top:-7px; opacity:0;
  542. height:3px; width:200px;
  543. background: {color:Menu Link Hover Color};
  544. border-radius:0px 0px 0px 2px;
  545. box-shadow: -200px 0px 100px -100px #f4f4f4 inset;
  546. -webkit-transition: all .33s linear;
  547. -moz-transition: all .33s linear;
  548. transition: all .33s linear;
  549. -webkit-transition-delay: 0s;
  550. -moz-transition-delay: 0s;
  551. transition-delay: 0s}
  552. #sidelink-bar:hover #sidelink-line {
  553. width:100%; opacity:1;
  554. box-shadow: -700px 0px 300px -300px transparent inset;
  555. -webkit-transition-delay: .05s;
  556. -moz-transition-delay: .05s;
  557. transition-delay: .05s}
  558.  
  559. /* ----------------------------- EXTRALINKS ------------------------------ */
  560.  
  561. #extralinks {
  562. position:fixed;
  563. left:65px;
  564. bottom:10%; margin-bottom:-47px;
  565. height:30px;}
  566.  
  567. #extralinks a {
  568. display:inline-block;
  569. margin:0 7px 0 7px;
  570. -webkit-transition: all .2s linear;
  571. -moz-transition: all .2s linear;
  572. transition: all .2s linear;}
  573. #extralinks a:hover {
  574. margin:0 10px 0 10px;}
  575.  
  576. .extralink {
  577. position:relative;
  578. z-index:999 !important; opacity:0;
  579. display:inline-block;
  580. height:12px; width:12px;
  581. border-radius:2px;
  582. animation: small-glow ease-in-out 2s;
  583. animation-iteration-count: infinite;
  584. -webkit-animation: small-glow ease-in-out 2s;
  585. -webkit-animation-iteration-count: infinite;
  586. -moz-animation: small-glow ease-in-out 2s;
  587. -moz-animation-iteration-count: infinite;
  588. -o-animation: small-glow ease-in-out 2s;
  589. -o-animation-iteration-count: infinite;
  590. -ms-animation: small-glow ease-in-out 2s;
  591. -ms-animation-iteration-count: infinite;}
  592. #extralinks a:hover .extralink {
  593. opacity:1;
  594. -webkit-transition: all .2s linear;
  595. -moz-transition: all .2s linear;
  596. transition: all .2s linear;}
  597. .extralink-shadow {
  598. z-index:0;
  599. position:relative;
  600. margin-left:-12px; top:2px;
  601. display:inline-block;
  602. height:12px; width:12px;
  603. border-radius:2px;
  604. box-shadow:0px 0px 1px {color:Menu Link Fade Color};
  605. background:{color:Menu Link Fade Color};}
  606.  
  607. @keyframes small-glow {
  608. 0% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  609. background:{color:Menu Link Glow Dark};}
  610. 50% {box-shadow: 0px 0px 1px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Glow Dark 2} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark} inset;
  611. background:{color:Menu Link Glow Light};}
  612. 100% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  613. background:{color:Menu Link Glow Dark};}}
  614. @-moz-keyframes small-glow {
  615. 0% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  616. background:{color:Menu Link Glow Dark};}
  617. 50% {box-shadow: 0px 0px 1px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Glow Dark 2} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark} inset;
  618. background:{color:Menu Link Glow Light};}
  619. 100% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  620. background:{color:Menu Link Glow Dark};}}
  621. @-webkit-keyframes small-glow {
  622. 0% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  623. background:{color:Menu Link Glow Dark};}
  624. 50% {box-shadow: 0px 0px 1px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Glow Dark 2} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark} inset;
  625. background:{color:Menu Link Glow Light};}
  626. 100% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  627. background:{color:Menu Link Glow Dark};}}
  628. @-o-keyframes small-glow {
  629. 0% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  630. background:{color:Menu Link Glow Dark};}
  631. 50% {box-shadow: 0px 0px 1px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Glow Dark 2} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark} inset;
  632. background:{color:Menu Link Glow Light};}
  633. 100% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  634. background:{color:Menu Link Glow Dark};}}
  635. @-ms-keyframes small-glow {
  636. 0% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  637. background:{color:Menu Link Glow Dark};}
  638. 50% {box-shadow: 0px 0px 1px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Glow Dark 2} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark} inset;
  639. background:{color:Menu Link Glow Light};}
  640. 100% {box-shadow: 0px 0px 0px 2px {color:Menu Link Hover Color} inset, 0px 0px 0px 3px {color:Menu Link Hover Color} inset, 0px 0px 3px 3px {color:Menu Link Glow Dark 2} inset;
  641. background:{color:Menu Link Glow Dark};}}
  642.  
  643. /* ----------------------------- POSTS ------------------------------- */
  644.  
  645. /* posts position */
  646. #entries {
  647. z-index:2;
  648. position:absolute;
  649. margin-top:70px;
  650. margin-left:350px;
  651. text-align:justify;}
  652. /* posts themselves */
  653. .posts {
  654. z-index:2;
  655. margin:0 0 70px 0;
  656. overflow:hidden;
  657. width: 500px;
  658. min-height:33px;
  659. text-align:justify;
  660. padding:20px;
  661. background: {color:posts BG} url('');
  662. border-radius:3px;}
  663.  
  664. /* ----------------------------- POST TYPES ------------------------------ */
  665.  
  666. /* text post */
  667. blockquote {
  668. padding:0px;
  669. padding-left:6px;
  670. margin:-3px 0 -1px 6px;
  671. border-left:3px solid {color:posts blockquote};}
  672. hr {display: block;
  673. margin: 30px 80px;
  674. border:1px solid {color:posts blockquote};}
  675.  
  676. /* bullet lists */
  677. ol {margin-left:-8px;
  678. list-style-type:decimal;}
  679. ul {margin-left:-20px;
  680. list-style-type:none;}
  681. ul li::before {
  682. content:"";
  683. margin:0px 7px 1px 0px;
  684. display:inline-block;
  685. height:4px; width:4px;
  686. border-radius:50%;
  687. background:{color:posts blockquote};}
  688. li {margin-bottom:3px;}
  689.  
  690. /* text-images */
  691. .posts img {
  692. vertical-align:middle;
  693. max-width:100%;}
  694. /* the credit below images that are from other people */
  695. .tmblr-full {margin:0;}
  696. .tmblr-attribution {
  697. opacity:.8;
  698. margin-top:0px;
  699. font-family:Calibri;
  700. font-size:8px; line-height:8px;
  701. text-transform:uppercase;
  702. letter-spacing:1px;}
  703. .tmblr-attribution::after {content: " >";}
  704.  
  705. /* link posts */
  706. .link-posts a {
  707. background: {color:Posts Links};
  708. display:inline-block;
  709. width: 480px;
  710. border-radius:3px;
  711. padding:10px;
  712. color:{color:Posts BG};}
  713. .link-posts a:hover {
  714. background: {color:Posts Links Hover}}
  715.  
  716. /* ask posts */
  717. .ask-posts img {
  718. vertical-align:middle;
  719. display:inline-block;
  720. margin-right:7px;
  721. border-radius:2px;
  722. max-width:64px;}
  723. .ask-posts .question {
  724. vertical-align:middle;
  725. display:inline-block;
  726. min-height:44px; width:406px;
  727. padding: 10px;
  728. background: {color:Posts 2nd BG};
  729. border-radius:3px;}
  730. .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
  731.  
  732. /* quote posts */
  733. .quote-posts {
  734. padding:10px 0px;
  735. text-align:center}
  736. .quote {
  737. vertical-align:middle;
  738. width:430px;
  739. display:inline-block;}
  740. .quote-posts .fa {
  741. font-size:20px;
  742. vertical-align:middle;
  743. display:inline-block;
  744. color:{color:Posts Blockquote}}
  745.  
  746. /* chat posts */
  747. .chat {margin:0px; padding:0px; line-height:14px;}
  748. .chat li {text-align:left;}
  749. .chat li::before {display:none;}
  750.  
  751. {block:IfNot2ndChatPostFormat}
  752. .chat li {
  753. padding:0px 0px 4px 4px;
  754. border-bottom:2px solid {color:Posts Blockquote};}
  755. .chat li:first-of-type {
  756. padding-top:4px;
  757. border-top:2px solid {color:Posts Blockquote};}
  758. {/block:IfNot2ndChatPostFormat}
  759. {block:If2ndChatPostFormat}
  760. .chat li {
  761. padding:5px 8px;
  762. margin-bottom:4px;
  763. background: {color:Posts 2nd BG};}
  764. {/block:If2ndChatPostFormat}
  765.  
  766. /* photo posts */
  767. .posts img, .posts .html_photoset, .posts #audio-pic {
  768. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  769. {block:IfMonochromePhotos}
  770. -webkit-filter: grayscale(100%);
  771. -moz-filter: grayscale(100%);
  772. -ms-filter: grayscale(100%);
  773. -o-filter: grayscale(100%);
  774. filter: grayscale(100%);{/block:IfMonochromePhotos}
  775. -webkit-transition-duration: 0.5s;
  776. -moz-transition-duration:0.5s;
  777. -o-transition-duration:0.5s;
  778. transition-duration:0.5s;}
  779. .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
  780. opacity:1;
  781. -webkit-filter: grayscale(0%);
  782. -moz-filter: grayscale(0%);
  783. -ms-filter: grayscale(0%);
  784. -o-filter: grayscale(0%);
  785. filter: grayscale(0%);
  786. -webkit-transition-duration: 0.5s;
  787. -moz-transition-duration:0.5s;
  788. -o-transition-duration:0.5s;
  789. transition-duration:0.5s;}
  790.  
  791. /* video posts */
  792. #youtube_iframe, .tumblr_video_container {
  793. margin-bottom:5px; max-width:100%;}
  794. .caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
  795. margin:5px 0px; max-width:100%;}
  796.  
  797. /* audio posts */
  798. #audio-pic {
  799. display:inline-block;
  800. vertical-align:middle;
  801. margin-right:2px;
  802. width:135px; height:135px;
  803. background: url('{image:Default Audio Pic}');
  804. background-size:cover;}
  805. #info-container {
  806. display:inline-block;
  807. vertical-align:middle;
  808. text-align:left;
  809. font-size:8px; line-height:15px;
  810. width:355px;
  811. text-transform:uppercase;
  812. letter-spacing:1px;}
  813. #info-container li {
  814. display:block;
  815. padding:4px 7px;
  816. margin:0px; margin-top:4px;
  817. background:{color:Posts 2nd BG};}
  818. .posts .audio_player {
  819. max-width:355px; max-height:27px;
  820. margin:0px;
  821. background:{color:Audio Player};
  822. {block:IfMonochromePhotos}
  823. -webkit-filter: grayscale(100%);
  824. -moz-filter: grayscale(100%);
  825. -ms-filter: grayscale(100%);
  826. -o-filter: grayscale(100%);
  827. filter: grayscale(100%);{/block:IfMonochromePhotos}
  828. -webkit-transition: all 0.2s linear;
  829. -moz-transition: all 0.2s linear;
  830. transition: all 0.2s linear;}
  831. .posts:hover .audio_player {
  832. {block:IfMonochromePhotos}
  833. -webkit-filter: grayscale(0%);
  834. -moz-filter: grayscale(0%);
  835. -ms-filter: grayscale(0%);
  836. -o-filter: grayscale(0%);
  837. filter: grayscale(0%);{/block:IfMonochromePhotos}}
  838. .tumblr_audio_player {
  839. width:355px; opacity:.66;}
  840.  
  841. /* ----------------------------- POSTS ENDS ------------------------------ */
  842.  
  843. /* post dots (index post information) */
  844. #postinfo {
  845. position:absolute;
  846. text-align:center;
  847. margin-top:20px;
  848. padding:10px;
  849. width:500px;
  850. background:#f4f4f4;
  851. background: -webkit-linear-gradient(left, transparent, #f4f4f4, transparent);
  852. background: -o-linear-gradient(left, transparent, #f4f4f4, transparent);
  853. background: -moz-linear-gradient(left, transparent, #f4f4f4, transparent);
  854. background: linear-gradient(left, transparent, #f4f4f4, transparent);}
  855.  
  856. /* individual dots */
  857. #postinfo a {
  858. display:inline-block;
  859. margin:0 7px 0 7px;
  860. -webkit-transition: all .2s linear;
  861. -moz-transition: all .2s linear;
  862. transition: all .2s linear;}
  863. #postinfo a:hover {
  864. margin:0 10px 0 10px;}
  865.  
  866. #postinfo a:hover .extralink {
  867. opacity:1;
  868. -webkit-transition: all .2s linear;
  869. -moz-transition: all .2s linear;
  870. transition: all .2s linear;}
  871.  
  872. /* if no Squares */
  873. #postending {
  874. border-radius:3px;
  875. padding:10px; width:500px;
  876. margin:15px 0px -10px -10px;
  877. background: {color:Postending Text BG};
  878. text-align:center; margin-top:15px;
  879. letter-spacing:1px; font-size:9px;
  880. color: {color:Postending Text Color};}
  881. #postending a {
  882. color:{color:Postending Text Links};}
  883. #postending a:hover {
  884. color:{color:Postending Text Links Hover};}
  885.  
  886. /* ---------------------------- PERMALINK -------------------------------- */
  887.  
  888. /* permalink position */
  889. #permalink {
  890. background:#f4f4f4;
  891. margin:-70px 0px 0px 0px;
  892. width: 500px; padding: 20px 20px 20px 0px;}
  893.  
  894. /* post notes container */
  895. .notes {
  896. width: 500px; max-height:600px;
  897. overflow: auto; text-align:center;
  898. line-height:0px; font-size:0px;
  899. color:transparent; letter-spacing:0px;}
  900. .notes a {
  901. letter-spacing:1px;
  902. font: normal normal normal 9px/17px 'Montserrat', san-serif;
  903. color:{color:Permalink Links};}
  904. .notes a:hover {
  905. color:{color:Permalink Links Hover};}
  906. .notes blockquote, .notes .answer_content {
  907. font: normal normal normal 9px/17px 'Montserrat', san-serif;
  908. letter-spacing:1px;
  909. max-width:350px;
  910. margin:3px auto; border:none;
  911. color:{color:Permalink Links};
  912. background:{color:Permalink Blockquote};}
  913. .notes blockquote {
  914. display:inline-block;
  915. padding:1px 10px 0px 10px;}
  916. .notes .answer_content {
  917. display:block;
  918. padding:2px 10px 1px 10px;}
  919. .notes img {display:none;}
  920. .notes li {margin-left:-10px;}
  921.  
  922. /* replaced regular sentences with fa symbols */
  923. .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
  924. font-weight:normal;
  925. vertical-align:middle;
  926. content:"";
  927. font-family:'FontAwesome';
  928. display:inline-block; margin:0px 5px;
  929. font-size:10px;
  930. color:{color:Permalink Text};}
  931. .notes .like span a::after {content:"\f004";}
  932. .notes .reblog .tumblelog::after {content: "\f079";}
  933. .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
  934. .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
  935. .notes .reply .action a::after {content: "\f063";}
  936.  
  937. /* permalink scrollbar */
  938. #permalink ::-webkit-scrollbar {
  939. height:5px; width:5px;
  940. background: transparent;}
  941. #permalink ::-webkit-scrollbar-thumb:vertical {
  942. background: {color:Permalink Scroll Thumb};
  943. border:none;
  944. border-radius: 1px;}
  945.  
  946. </style>
  947. <body>
  948. <!-- SCM Music Player http://scmplayer.net -->
  949. <script type="text/javascript" src="http://scmplayer.net/script.js"
  950. data-config="{'skin':'http://static.tumblr.com/u5vz4xb/dFVni4yd5/menu_scm0.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'1.5 HD ReMIX','url':'https://www.dropbox.com/s/qpuq2j0zw1k7ypv/Dearly%20Beloved-%201.5%20HD.mp3?dl=1'}]}" ></script>
  951.  
  952. <img src="{select:Game Background}" id="menu-img">
  953.  
  954. <!--------------------------------- CURSOR --------------------------------->
  955.  
  956. {block:IfCustomCursor}
  957. <style type="text/css"> body {cursor: url({image:Custom Cursor 1}), auto;} a, a:hover{cursor:url({image:Custom Cursor 2}), auto;}
  958. </style>
  959. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  960. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}{/block:IfCustomCursor}
  961.  
  962. <!------------------------------- SIDEBAR 1 -------------------------------->
  963. <div id="desc-container">
  964. <img src="http://static.tumblr.com/u5vz4xb/U03nzf9h6/menu8.png" id="heart">
  965.  
  966. <!-- description -->
  967. <div id="description">
  968. <div class="space" style="width:70px;"></div>
  969. <div class="space" style="width:76px;"></div>
  970. <div class="space" style="width:80px;"></div>
  971. <div class="space" style="width:80px;"></div>
  972. <div class="space" style="width:76px;"></div>
  973. <div class="space" style="width:72px;"></div>
  974. <div class="space" style="width:61px;"></div>
  975. <div class="space" style="width:48px;"></div>
  976. <div class="space" style="width:35px;"></div>
  977. <div class="space" style="width:20px;"></div>
  978. <div class="space" style="width:9px;"></div>
  979. {description}
  980. </div>
  981. </div>
  982.  
  983. <!------------------------------- SIDEBAR 2 -------------------------------->
  984. <a href="http://nyctothemes.tumblr.com/" title="developed by nyctothemes" id="credit">Nyctothemes</a>
  985. <!-------------------------------------------->
  986.  
  987. <div id="line"></div>
  988. <!-- pagination -->
  989. {block:Pagination}<div id="pagination">
  990. {block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}
  991. {block:JumpPagination length="5"}
  992. {block:CurrentPage}
  993. <span class="current_page">{PageNumber}</span>
  994. {/block:CurrentPage}
  995. {block:JumpPage}
  996. <a class="jump_page" href="{URL}">{PageNumber}</a>
  997. {/block:JumpPage}
  998. {/block:JumpPagination}
  999. {block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}
  1000. </div>{/block:Pagination}
  1001.  
  1002. <!-- extralinks -->
  1003. <div id="extralinks">
  1004. <a href="/ask" title="Ask" onclick="clicksound.playclip()">
  1005. <div class="extralink"></div>
  1006. <div class="extralink-shadow"></div>
  1007. </a>
  1008. <a href="{text:link 1 URL}" title="{text:link 1 hover}" onclick="clicksound.playclip()">
  1009. <div class="extralink"></div>
  1010. <div class="extralink-shadow"></div></a>
  1011. <a href="{text:link 2 URL}" title="{text:link 2 hover}" onclick="clicksound.playclip()">
  1012. <div class="extralink"></div>
  1013. <div class="extralink-shadow"></div></a>
  1014. <a href="{text:link 3 URL}" title="{text:link 3 hover}" onclick="clicksound.playclip()">
  1015. <div class="extralink"></div>
  1016. <div class="extralink-shadow"></div></a>
  1017. <a href="{text:link 4 URL}" title="{text:link 4 hover}" onclick="clicksound.playclip()">
  1018. <div class="extralink"></div>
  1019. <div class="extralink-shadow"></div></a>
  1020. </div>
  1021.  
  1022. <!-- mainlinks -->
  1023. <div id="sidelinks">
  1024. <div id="sidelink-bar">
  1025. <div id="sidelink-square"></div>
  1026. <div class="sidelink-square-shadow" id="shadow1"></div>
  1027. <a href="/" title="Refresh" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">new game</a>
  1028. <div id="sidelink-line"></div>
  1029. </div>
  1030.  
  1031. <div id="sidelink-bar">
  1032. <div id="sidelink-square"></div>
  1033. <div class="sidelink-square-shadow" id="shadow2"></div>
  1034. <a href="/archive" title="Archive" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">load</a>
  1035. <div id="sidelink-line"></div>
  1036. </div>
  1037. </div>
  1038.  
  1039. <!--------------------------------- POSTS --------------------------------->
  1040. <div id="entries">
  1041. {block:posts}
  1042.  
  1043. <div class="posts">
  1044.  
  1045. <!-- text posts -->
  1046. {block:Text}
  1047. {block:Title}<h1>{Title}</h1>{/block:Title}
  1048. <div class="caption">{Body}</div>
  1049. {/block:Text}
  1050.  
  1051. <!-- link posts -->
  1052. {block:Link}
  1053. {block:Thumbnail}<center>
  1054. <a href="{Thumbnail-HighRes}">
  1055. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px; border-radius:3px">
  1056. </a>
  1057. </center>{/block:Thumbnail}
  1058. <div class="link-posts"><h1><a href="{URL}">
  1059. {Name}
  1060. </a></h1></div>
  1061. {block:Description}<div class="caption">
  1062. <p>{Description}</p>
  1063. </div>{/block:Description}
  1064. {/block:Link}
  1065.  
  1066. <!-- ask posts -->
  1067. {block:Answer}
  1068. <div class="ask-posts">
  1069. <img src="{AskerPortraitURL-64}">
  1070. <div class="question">
  1071. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  1072. </div></div><br>
  1073. <div id="caption">{Answer}</div>
  1074. {/block:Answer}
  1075.  
  1076. <!-- quote posts -->
  1077. {block:Quote}
  1078. <h2 class="quote-posts">
  1079. <l class="fa fa-quote-left"></l>
  1080. <div class="quote">{Quote}</div>
  1081. <l class="fa fa-quote-right"></l>
  1082. </h2>
  1083. <div style="text-align:right; margin-right:20px">
  1084. {block:Source}<b>- {Source}</b>{/block:Source}
  1085. </div>
  1086. {/block:Quote}
  1087.  
  1088. <!-- chat posts -->
  1089. {block:Chat}
  1090. {block:Title}<h1>{Title}</h1>{/block:Title}
  1091. <ul class="chat">{block:Lines}
  1092. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  1093. {/block:Lines}</ul>
  1094. {/block:Chat}
  1095.  
  1096. <!-- photo posts -->
  1097. {block:Photo}
  1098. <center>
  1099. {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  1100. </center>
  1101. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1102.  
  1103. {block:Photoset}
  1104. <div style="width:540px; margin-left:-20px; text-align:middle">
  1105. {Photoset}
  1106. </div>
  1107. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1108.  
  1109. <!-- video post -->
  1110. {block:Video}
  1111. {Video-500}
  1112. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1113. {/block:Video}
  1114.  
  1115. <!-- audio posts -->
  1116. {block:Audio}
  1117. <!--image-->
  1118. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  1119. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1120. </div>{block:IndexPage}</a>{/block:IndexPage}
  1121. <div id="info-container">
  1122. <!--player-->
  1123. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  1124. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
  1125. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  1126. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  1127. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  1128. {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
  1129. </div>
  1130. {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}
  1131.  
  1132. <!------------------------------ POST ENDING ------------------------------->
  1133.  
  1134. {block:PermalinkPage}{block:Date}<div id="postending">
  1135.  
  1136. <!-- date posted -->
  1137. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1138. <!-- notes counter -->
  1139. {block:NoteCount}
  1140. || <a href="#permalink">{NoteCountWithLabel}</a>
  1141. {/block:NoteCount}
  1142. <!-- reblogged from -->
  1143. {block:RebloggedFrom}<br>
  1144. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1145. {/block:RebloggedFrom}
  1146. <!-- original poster -->
  1147. {block:ContentSource}
  1148. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1149. {/block:ContentSource}
  1150. <!-- tags -->
  1151. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1152. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1153. </div>{/block:HasTags}
  1154.  
  1155. </div>{/block:Date}{/block:PermalinkPage}
  1156.  
  1157. <!------------- If Squares for Index Page ------------->
  1158. {block:IfPostendingSquaresforIndexpage}
  1159. {block:IndexPage}
  1160. <div id="postinfo">
  1161.  
  1162. <!-- date posted -->
  1163. {block:Date}
  1164. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}" onclick="clicksound.playclip()">
  1165. <div class="extralink"></div>
  1166. <div class="extralink-shadow"></div>
  1167. </a>{/block:Date}
  1168. <!-- notes counter -->
  1169. {block:NoteCount}
  1170. <a href="{Permalink}" title="{NoteCountWithLabel}" onclick="clicksound.playclip()">
  1171. <div class="extralink"></div>
  1172. <div class="extralink-shadow"></div>
  1173. </a>
  1174. {/block:NoteCount}
  1175. <!-- original poster -->
  1176. {block:ContentSource}
  1177. <a href="{SourceURL}" title="Source: {SourceTitle}" onclick="clicksound.playclip()">
  1178. <div class="extralink"></div>
  1179. <div class="extralink-shadow"></div>
  1180. </a>
  1181. {/block:ContentSource}
  1182. <!-- reblogged from -->
  1183. {block:RebloggedFrom}
  1184. <a href="{ReblogParentURL}" title="Via: {ReblogParentName}" onclick="clicksound.playclip()">
  1185. <div class="extralink"></div>
  1186. <div class="extralink-shadow"></div>
  1187. </a>
  1188. {/block:RebloggedFrom}
  1189. <!-- tags -->
  1190. {block:HasTags}
  1191. <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}" onclick="clicksound.playclip()">
  1192. <div class="extralink"></div>
  1193. <div class="extralink-shadow"></div>
  1194. </a>
  1195. {/block:HasTags}
  1196. <!-- reblog -->
  1197. <a href="{ReblogURL}" title="Reblog" onclick="clicksound.playclip()"><div id="postfact"></div></a>
  1198.  
  1199. </div>
  1200. {/block:IndexPage}
  1201. {/block:IfPostendingSquaresforIndexpage}
  1202.  
  1203. <!------------- If NO Squares for Index Page ------------->
  1204. {block:IfNotPostendingSquaresforIndexpage}
  1205. {block:IndexPage}
  1206. {block:Date}<div id="postending">
  1207.  
  1208. <!-- date posted -->
  1209. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1210. <!-- notes counter -->
  1211. {block:NoteCount}
  1212. || <a href="{Permalink}">{NoteCountWithLabel}</a>
  1213. {/block:NoteCount}
  1214. <!-- reblogged from -->
  1215. {block:RebloggedFrom}<br>
  1216. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1217. {/block:RebloggedFrom}
  1218. <!-- original poster -->
  1219. {block:ContentSource}
  1220. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1221. {/block:ContentSource}
  1222. <!-- tags -->
  1223. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1224. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1225. </div>{/block:HasTags}
  1226.  
  1227. </div>{/block:Date}
  1228. {/block:IndexPage}
  1229. {/block:IfNotPostendingSquaresforIndexpage}
  1230.  
  1231. </div> <!-- ending div tag for "posts" -->
  1232.  
  1233. {/block:Posts}
  1234.  
  1235. <!------------------------------ PERMALINK ------------------------------->
  1236.  
  1237. {block:PostNotes}
  1238. <div id="permalink">
  1239. {PostNotes}
  1240. </div>
  1241. {/block:PostNotes}
  1242.  
  1243. </div> <!-- ending div tag for "entries" -->
  1244.  
  1245. <script>
  1246. /* questions? ask oddhour.tumblr.com */
  1247. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_1 { margin-top:5px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_2 { margin-top:5px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row.photoset_row_3 { margin-top:5px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset .photoset_row .photoset_photo {margin-left:4px;} .photoset { width: 540px; }</style>";
  1248. function updatePhotoset() {
  1249.  
  1250. $(".photoset").each( function (i, e) {
  1251. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  1252. $(this.contentDocument).find("head").append(updatePhotosetCss);
  1253. var photoset = $(this.contentDocument).find(".photoset");
  1254. var photosetRows = photoset.find(".photoset_row");
  1255. photoset.find(".photoset_photo")
  1256. .each(function () {
  1257. var hiResSrc = $(this).attr("href");
  1258. var img = $(this).find('img');
  1259. img.attr("src", hiResSrc );
  1260. img.attr("style", "");
  1261. });
  1262. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  1263. photoset.attr("style","");
  1264.  
  1265. $(this).height($(this.contentDocument.body).height());
  1266. });
  1267. }
  1268.  
  1269. updatePhotoset();
  1270.  
  1271. var photosetTimer = setInterval(updatePhotoset, 1500);
  1272. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  1273. </script>
  1274.  
  1275. </body>
  1276. </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!