content notes and shtuff

This commit is contained in:
Nicky Case 2019-09-06 16:25:14 -04:00
parent 9a61042d58
commit ec4dafdb44
16 changed files with 222 additions and 1549 deletions

View File

@ -101,10 +101,37 @@
</div>
</div>
<!-- ABOUT / END DEMO -->
<div id="end_demo_tbc"></div>
<div id="end_demo">
<div id="end_demo_words">
<!-- CONTENT NOTES -->
<div id="content_notes">
<p style="margin-top: 0.6em;">
<i style="color:#ff4040">Adventures With Anxiety</i> is about, well, anxiety.
</p>
<p>
But I've made this story <i>for</i> folks with anxiety disorder, like myself.
I hope it can help you see how anxiety works, with humor,
to reduce the fear of fear itself.
</p>
<p>
There's also badly-drawn stick figures and a hyperactive wolf.
Enjoy!
</p>
<p style="color:#999">
other notes: alcohol abuse<span id="cn_cussing">, a @✩$!load of swearing</span>
</p>
<p>
<a target="_blank" href="resources">mental health resources</a>
&#x1f517;
</p>
<div id="cn_ok" onclick="publish('hide_cn');" style="float:none">
ok <div class="mini-icon" pic="ok" style="top: 3px;"></div>
</div>
</div>
<!-- ABOUT -->
<div id="about">
<div id="about_words">
<span id="end_words1">
Augh games take so long to make!
This one will be done August 2019, and released for <i>free</i>.
@ -227,6 +254,7 @@
<script src="scripts/game/Sounds.js"></script>
<script src="scripts/game/Options.js"></script>
<script src="scripts/game/About.js"></script>
<script src="scripts/game/ContentNotes.js"></script>
<!-- INTRO -->
<script src="scripts/intro/Intro_SceneSetup.js"></script>

View File

@ -1036,7 +1036,7 @@ bb({mouth:"normal"});
Game.FORCE_TEXT_DURATION = 2400;
```
b: ♫ I wanna be, the slutti-est-
b: ♫ I wanna be, the ^slut^ti-est-
(...500)
@ -1054,7 +1054,7 @@ bb({eyes:"pretty"});
Game.FORCE_TEXT_DURATION = 2300;
```
b: ♫ Thighs n' ass, voluptuous breast-
b: ♫ Thighs n' ^ass^, voluptuous breast-
(...500)
@ -1063,7 +1063,7 @@ bb({eyes:"fear", mouth:"normal"});
Game.FORCE_TEXT_DURATION = 2000;
```
b: ♫ with sweaty dick and balls!-
b: ♫ with sweaty ^dick^ and balls!-
(...1000)
@ -1230,7 +1230,7 @@ bb({eyes:"wat", mouth:"small"});
hong({body:"2_fuck"});
```
h: *FUCK.*
h: *^FUCK^.*
`hong({body:"2_you"});`
@ -1270,7 +1270,7 @@ sfx("rustle2");
hong({body:"0_sammich", eyes:"0_annoyed", mouth:"0_neutral"});
```
h: Now excuse me while I eat this delicious sandwich in goddamn peace.
h: Now excuse me while I eat this delicious sandwich in ^goddamn^ peace.
`hong({body:"2_sammich_eat"});`

File diff suppressed because it is too large Load Diff

View File

@ -163,7 +163,7 @@ s: Well, I saw someone retweet a GIF of a cat drinking milk yesterday.
publish("act2",["dee",3]);
```
s: They can't digest that shit! Who would retweet *animal abuse* like that?
s: They can't digest that crap! Who would retweet *animal abuse* like that?
```
publish("act2",["party_hunter",1]);
@ -279,7 +279,7 @@ publish("act2",["dee",2]);
publish("act2",["dum",3]);
```
a: Gotta catch 'em all!
a: Gotta Catch 'Em All!™
(#act2-preamble-end)
@ -896,9 +896,9 @@ attack("20p", _.a2_attack_3);
(...1001)
h: FAAACK!
h: F^AAACK^!
h: FACKING FACK-FAKKITY *FAAAAACK*
h: F^ACK^ING F^ACK^-F^AKK^ITY *F^AAAAACK^*
`bb({body:"two_up", mouth:"smile", eyes:"happy"});`
@ -910,7 +910,7 @@ b: Why were you ignoring me?
`hong({body:"facepalm"})`
h: Holy hell, you absolute moron.
h: Holy ^hell^, you absolute moron.
`hong({body:"facepalm_2"})`
@ -923,7 +923,7 @@ hong({body:"facepalm_3"});
bb({eyes:"normal"});
```
h: I was trying to *starve* you, you sadistic asshole!
h: I was trying to *starve* you, you sadistic ^asshole^!
`hong({body:"smile", mouth:"smile"})`
@ -1025,7 +1025,7 @@ attack("10p", "bad");
# act2e
h: ASSDAMMIT.
h: ^ASSDAMMIT^.
`hong({body:"yell", mouth:"yell"})`
@ -1039,19 +1039,19 @@ h: You're just a useless evolutionary leftover, like my appendix or wisdom teeth
`hong({body:"yell", mouth:"yell"})`
h: Hell, this whole wolf metaphor is stupid! You're just a bunch of neuro-chemicals in my head.
h: ^Hell^, this whole wolf metaphor is stupid! You're just a bunch of neuro-chemicals in my head.
`hong({body:"cross", mouth:"cross"})`
h: So why should I listen to a worthless, irrational, non-existent piece of shit like you?!
h: So why should I listen to a worthless, irrational, non-existent piece of ^shit^ like you?!
`bb({eyes:"sad", MOUTH_LOCK:true})`
b: ...
[...jeez human. That's really hurtful.](#act2e_hurtful)
[Jeez, human. That's really hurtful.](#act2e_hurtful)
[What about "your feelings are valid"?](#act2e_valid)
[Because... "your feelings are valid"?](#act2e_valid)
[Human, we're *both* "just chemicals".](#act2e_rational)
@ -1330,7 +1330,7 @@ publish("act2",["party_hunter",12]);
publish("act2",["party_hong",24]);
```
r: Bottoms up, bee-yatch!
r: Bottoms up, ^bee-yatch^!
```
hong({body:"hold"});
@ -1434,7 +1434,7 @@ b: HUMAN PLEASE STOP
h: Hehehe!
h: And what are *you* gonna do about it, asshole?
h: And what are *you* gonna do about it, ^asshole^?
b: I'm so sorry, human.
@ -1501,7 +1501,7 @@ setTimeout(function(){
(...2500)
h: WHAT THE HELL WAS THAT
h: WHAT THE ^HELL^ WAS THAT
b: I'm sorry. I needed to show you the consequences.
@ -1653,7 +1653,7 @@ h2: ok sorry i have to run
`publish("act2",["party_hunter",16]);`
r: Damn it. The animal won today, huh?
r: ^Damn^ it. The animal won today, huh?
`publish("act2",["party_hunter",15]);`
@ -1716,7 +1716,7 @@ h: I'm coming back to the party next weekend.
h: The next time we fight, I'm not just going to *defeat* you...
h: I'm going to fucking *kill* you.
h: I'm going to ^fuck^ing *kill* you.
```
Game.clearText();

View File

@ -121,13 +121,13 @@ r: *Oh nooooo it's dangerous, don't do iiiiit.*
publish("act3",["roofhunter",22]);
```
r: But that's exactly why we need death-defying thrills! Party hard! Carpe diem! Snort coke off a hooker's ass, #YOLO!
r: But that's exactly why we need death-defying thrills! Party hard! Carpe diem! Snort coke off a hooker's ^ass^, #YOLO!
```
publish("act3",["roofhunter",10]);
```
r: Let's show that animal we don't give two *dicks* about its bitching! Jump in.
r: Let's show that animal we don't give two *^dick^s* about its ^bitch^ing! Jump in.
```
publish("act3",["roofhunter",11]);
@ -156,13 +156,13 @@ r: I'm sorry, did you fall for that McMindfulness fad that claims feeling bad is
publish("act3",["roofhunter",17]);
```
r: Pleasure is the opposite of pain. There-fucking-fore, you can use pleasure to fight pain!
r: Pleasure is the opposite of pain. There-^fuck^ing-fore, you can use pleasure to fight pain!
```
publish("act3",["roofhunter",18]);
```
r: How do those Silicon Valley pseudo-Buddhists not see this shit?!
r: How do those Silicon Valley pseudo-Buddhists not see this ^shit^?!
```
publish("act3",["roofhunter",6]);
@ -180,7 +180,7 @@ r: It's not our friend. It's a rabid beast, which either needs to be *tranquiliz
publish("act3",["roofhunter",20]);
```
r: Or have a *bullet put in its fucking skull*.
r: Or have a *bullet put in its skull*.
```
publish("act3",["roofhunter",27]);
@ -213,7 +213,7 @@ publish("act3-alpha", ["transition",1]);
publish("act3",["dd",6]);
```
r: Fuck yeah! I believe in you, babe! Kill it! <3
r: ^Fuck^ yeah! I believe in you, babe! Kill it! <3
(#act3a)
@ -346,7 +346,7 @@ b: human, please...
h: Oh I'm *sorry* Big Pharma doesn't approve of my self-medication.
h: Look asshole, we *all* have a way of shutting you the fuck up.
h: Look ^asshole^, we *all* have a way of shutting you the ^fuck^ up.
`hong({ body:"look_up", eyes:"look_up" });`
@ -441,11 +441,11 @@ bb({ eyes:"sorry"});
hong({ body:"yell_1", mouth:"yell", eyes:"blank" });
```
h: Oh WOW is that the biggest *fucking* understatement of the century!
h: Oh WOW is that the biggest *^fuck^ing* understatement of the century!
`hong({ body:"yell_2" });`
h: Yeah, you rotting pile of blood-coated shit! You messed the fuck up!
h: Yeah, you rotting pile of blood-coated ^shit^! You messed the ^fuck^ up!
`hong({ body:"normal", mouth:"angry", eyes:"angry" });`
@ -573,7 +573,7 @@ b: Rather than hate the guard-wolves for trying to protect them! So why can't yo
`bb({ eyes:"normal" });`
h: Wrong fucking answer.
h: Wrong ^fuck^ing answer.
(#act3_bad_3)
@ -639,15 +639,15 @@ bb({ eyes:"sorry"});
hong({ body:"yell_2", mouth:"yell", eyes:"blank" });
```
h: NO. SHIT.
h: NO. S^HIT^.
`hong({ body:"yell_1" });`
h: GODDAMN. It really took you this long to finally figure it out?!
h: ^GODDAMN^. It really took you this long to finally figure it out?!
`hong({ body:"cry", mouth:"cry", eyes:"blank" });`
h: You could've saved us so much trouble, you big fluffy dumbass. Why didn't you realize this sooner?...
h: You could've saved us so much trouble, you big fluffy dumb^ass^. Why didn't you realize this sooner?...
`_.apologized_for_hurt = true;`

View File

@ -224,7 +224,7 @@ h: What did we even *learn*? I *was* being stupid, my "friends" *were* using me,
`hong({eyes:"annoyed_l", mouth:"narrow"});`
h: Right. I don't think my insurance plan covers "being a dumbass".
h: Right. I don't think my insurance plan covers "being a dumb^ass^".
`hong({eyes:"annoyed", mouth:"normal"});`
@ -915,7 +915,7 @@ h: "Social skills" mean nothing if we don't genuinely care *for* people.
`hong({ body:"normal" });`
h: Basically, just don't be a dick.
h: Basically, just don't be a ^dick^.
`bb({ eyes:"annoyed", mouth:"smile" });`
@ -923,7 +923,7 @@ b: That's a motivational poster caption right there.
`hong({ body:"shrug", mouth:"narrow" });`
h: “Don't Be A Dick”
h: “Don't Be A ^Dick^™
(#act4_something_else)

View File

@ -4,6 +4,8 @@
# intro-play-button
(...51)
```
_.PLAYED_BEFORE = !!window.localStorage.continueChapter;
```
@ -17,15 +19,15 @@ _.PLAYED_BEFORE = !!window.localStorage.continueChapter;
{{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act2"}}
[CONTINUE: The Party](#act2) `publish("LOAD_GAME", ["act2"]); Game.OVERRIDE_CHOICE_LINE=true;`
[_CONTINUE_: The Party](#act2) `publish("LOAD_GAME", ["act2"]); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act3"}}
[CONTINUE: The Other Party](#act3) `publish("LOAD_GAME", ["act3"]); Game.OVERRIDE_CHOICE_LINE=true;`
[_CONTINUE_: The Other Party](#act3) `publish("LOAD_GAME", ["act3"]); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act4"}}
[CONTINUE: The Other Sandwich](#act4) `publish("LOAD_GAME", ["act4"]); Game.OVERRIDE_CHOICE_LINE=true;`
[_CONTINUE_: The Other Sandwich](#act4) `publish("LOAD_GAME", ["act4"]); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="replay"}}
@ -40,7 +42,7 @@ _.PLAYED_BEFORE = !!window.localStorage.continueChapter;
[Chapter Select](#chapter-select) `Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}}
[(content notes)](#content-notes) `Game.OVERRIDE_CHOICE_LINE=true;`
[(content notes)](#intro-play-button) `Game.OVERRIDE_CHOICE_LINE=true; publish('show_cn');`
# chapter-select
@ -66,7 +68,13 @@ _.PLAYED_BEFORE = !!window.localStorage.continueChapter;
[III. The Other Sandwich]()
{{/if}}
{{if window.localStorage.credits}}
[V. Credits](#credits) `publish("HACK_chselect_end"); stopAllSounds(); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}}
{{if !window.localStorage.credits}}
[V. Credits]()
{{/if}}
[(main menu)](#intro-play-button) `publish("HACK_chselect_end"); Game.OVERRIDE_CHOICE_LINE=true;`

View File

@ -18,7 +18,7 @@ Loader.addSounds([
$("#the_newsletter").setAttribute("action", "https://sendy.ncase.me/subscribe");
// The About Button
var aboutDOM = $("#end_demo");
var aboutDOM = $("#about");
$("#about").onclick = function(){
aboutDOM.setAttribute("about","yes");
@ -41,12 +41,6 @@ Loader.addSounds([
};
// SHOW TBC
var tbc = $("#end_demo_tbc");
subscribe("TO_BE_CONTINUED", function(){
tbc.style.display = "block";
});
// SHOW END
subscribe("END_OF_DEMO", function(){
@ -82,7 +76,6 @@ Loader.addSounds([
setTimeout(function(){
aboutDOM.style.display = "block";
},100);
tbc.style.display = "none";
// Bye
About.showing = false;

View File

@ -0,0 +1,27 @@
var ContentNotes = {};
(function(){
var cnDOM = $("#content_notes");
subscribe("show_cn", function(){
cnDOM.style.top = "65px";
ContentNotes.showing = true;
Game.pause();
Howler.mute(false); // hack
if(window.NO_CUSS_MODE) $("#cn_cussing").style.display = "none";
});
subscribe("hide_cn", function(){
sfx("ui_click");
cnDOM.style.top = "";
ContentNotes.showing = false;
Game.onUnpause();
});
})();

View File

@ -118,12 +118,12 @@ Game.pause = function(){
Game.pausedDOM.style.display = "block";
Howler.mute(true);
$("#paused").setAttribute("modal", (Options.showing||About.showing) ? "yes" : "no" );
$("#paused").setAttribute("modal", (Options.showing||About.showing||ContentNotes.showing) ? "yes" : "no" );
};
window.addEventListener("blur", Game.pause);
Game.onUnpause = function(){
if(Game.paused && !(Options.showing||About.showing)){
if(Game.paused && !(Options.showing||About.showing||ContentNotes.showing)){
Game.paused = false;
Game.pausedDOM.style.display = "none";
Howler.mute(false);
@ -134,6 +134,8 @@ Game.pausedDOM.onclick = function(e){
publish("hide_options");
}else if(About.showing){
$("#close_about").onclick();
}else if(About.showing){
publish("hide_cn");
}else{
Game.onUnpause();
}
@ -306,6 +308,11 @@ Game.clearAll = function(){
};
window.clearText = Game.clearText;
// CUSSING?!
window.NO_CUSS_MODE = false;
var GRAWLIXES = ["@","#","✩","$","%","&"];
var GRAWLIX_INDEX = 0;
// Execute text! Just add it to text DOM.
Game.TEXT_SPEED = 50;
Game.CLICK_TO_ADVANCE = true;
@ -326,7 +333,7 @@ Game.executeText = function(line){
var speaker = line.match(regex)[1].trim();
var dialogue = line.match(regex)[2].trim();
// IF IT'S A SPECIAL ATTACK, SKIP ALL THIS SHIT
// IF IT'S A SPECIAL ATTACK, SKIP ALL THIS
if(speaker=="fear_harm" || speaker=="fear_alone" || speaker=="fear_bad"){
Game.setTimeout(function(){
publish("hide_click_to_advance");
@ -393,6 +400,27 @@ Game.executeText = function(line){
clearBoth.className = "clear-both";
Game.wordsDOM.appendChild(clearBoth);
// CUSSING OR NO CUSSING?
if(window.NO_CUSS_MODE){
// Slice it out with Grawlixes, 1 by 1.
var censorMode = false;
for(var i=0; i<dialogue.length; i++){
var chr = dialogue[i];
if(chr=="^"){
censorMode = !censorMode; // toggle
dialogue = dialogue.slice(0,i) + dialogue.slice(i+1); // slice out the one character
i--; // step back
}else if(censorMode){
var grawlix = GRAWLIXES[GRAWLIX_INDEX];
GRAWLIX_INDEX = (GRAWLIX_INDEX+1) % GRAWLIXES.length;
dialogue = dialogue.slice(0,i) + grawlix + dialogue.slice(i+1); // replace the character
}
}
}else{
// remove all "^" signs
dialogue = dialogue.replace(/\^/g, "");
}
// Add the text
var interval = 0;
var SPEED = Math.round(Game.TEXT_SPEED / Game.OVERRIDE_TEXT_SPEED);
@ -674,6 +702,15 @@ Game.executeChoice = function(line){
var endOfMatch = results.index + results[0].length;
choiceText = choiceText.slice(0,startOfMatch) + "<i>" + results[1] + "</i>" + choiceText.slice(endOfMatch);
}
// Add bold where _word word word_
var boldRegex = /\_([^\*]*)\_/g;
var results;
while(results=boldRegex.exec(choiceText)){
// Modify choiceText in place, it's fine.
var startOfMatch = results.index;
var endOfMatch = results.index + results[0].length;
choiceText = choiceText.slice(0,startOfMatch) + "<b>" + results[1] + "</b>" + choiceText.slice(endOfMatch);
}
var div = document.createElement("div");
div.innerHTML = choiceText;

View File

@ -158,7 +158,7 @@ function BG_Intro(){
}
if(!SHOWN_LOGO && ticker>=530/30){
SHOWN_LOGO = true;
sfx("intro_scream", {volume:0.9});
sfx("intro_scream", {volume:0.8});
}
if(GAME_TRANSITION==0 && SHOWN_LOGO){
self.logoSprite.draw(ctx);

View File

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.8 KiB

View File

@ -218,6 +218,55 @@ PAUSED & LOADING
}
/******************************************************************************************************
CONTENT NOTES
******************************************************************************************************/
#content_notes{
position: absolute;
top:600px;
left:0;
background: #2E2E2E;
width: 300px;
height: 440px;
padding: 15px;
margin: 15px;
font-size: 18px;
line-height: 1.3em;
color:#fff;
text-align: center;
/* Spring OUT only */
-webkit-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1); /* older webkit */
-webkit-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390);
-moz-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390);
-o-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390);
transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390);
-moz-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390);
-o-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390);
transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390); /* custom */
}
#content_notes a{
color: #ff4040;
font-weight: normal;
}
#content_notes a:hover{
color: #ff8080;
}
/******************************************************************************************************
@ -225,7 +274,7 @@ ABOUT / END DEMO
******************************************************************************************************/
#end_demo{
#about{
position: absolute;
top:600px;
@ -252,31 +301,20 @@ ABOUT / END DEMO
}
#end_demo_tbc{
position: absolute;
top: 220px;
display: none;
background: url(../sprites/end_demo/tbc.png);
background-size: 100%;
width: 100%;
height: 100px;
}
#end_demo_words{
#about_words{
width: 310px;
margin: 0 auto;
font-size: 18px;
line-height: 1.3em;
}
#end_demo_words a{
#about_words a{
color: #ff4040;
font-weight: normal;
}
#end_demo_words a:hover{
#about_words a:hover{
color: #ff8080;
}
#end_demo a.no_deco{
#about a.no_deco{
text-decoration: none;
}
@ -335,7 +373,7 @@ ABOUT / END DEMO
#patreon{
width: 160px;
height: 56px;
background: url(../sprites/end_demo/patreon.png);
background: url(../sprites/about/patreon.png);
background-size: 100%;
margin: 5px auto 10px auto;
cursor: pointer;
@ -355,7 +393,7 @@ ABOUT / END DEMO
display: inline-block;
overflow: hidden;
width:40px; height:40px;
background: url(../sprites/end_demo/share.png);
background: url(../sprites/about/share.png);
background-size: 300%;
position: relative;
cursor: pointer;
@ -376,7 +414,7 @@ ABOUT / END DEMO
#replay{
width:100px;
height: 80px;
background: url(../sprites/end_demo/replay.png);
background: url(../sprites/about/replay.png);
background-size: 300%;
position: absolute;
bottom: 0;
@ -390,34 +428,34 @@ ABOUT / END DEMO
background-position: -200px;
}
#end_demo #end_words1{ display: inline; }
#end_demo #end_words2{ display: none; }
#end_demo #replay{ display: block; }
#end_demo #close_about{ display: none; }
#end_demo .about_padding{
#about #end_words1{ display: inline; }
#about #end_words2{ display: none; }
#about #replay{ display: block; }
#about #close_about{ display: none; }
#about .about_padding{
padding-top: 10px;
}
#end_demo #end_demo_words{
#about #about_words{
padding-top: 50px;
}
#end_demo[about=yes]{
#about[about=yes]{
padding-top: 25px;
height: 490px;
}
#end_demo[about=yes] #end_words1{ display: none; }
#end_demo[about=yes] #end_words2{ display: inline; }
#end_demo[about=yes] #replay{ display: none; }
#end_demo[about=yes] #close_about{
#about[about=yes] #end_words1{ display: none; }
#about[about=yes] #end_words2{ display: inline; }
#about[about=yes] #replay{ display: none; }
#about[about=yes] #close_about{
display: block;
float: none;
width: 50px;
margin: 10px auto;
}
#end_demo[about=yes] .about_padding{
#about[about=yes] .about_padding{
padding-top: 0px;
}
#end_demo[about=yes] #end_demo_words{
#about[about=yes] #about_words{
padding-top: 0px;
}
@ -462,7 +500,7 @@ OPTIONS
#text_speed_preview{
height: 1.3em;
}
#close_about, #options_ok{
#close_about, #options_ok, #cn_ok{
display: inline-block;
background: #000;
padding: 5px 10px;
@ -477,7 +515,7 @@ OPTIONS
cursor: pointer;
}
#close_about:hover, #options_ok:hover{
#close_about:hover, #options_ok:hover, #cn_ok:hover{
background: #666;
top:-2px;
}