From 1ef55f346224d1cbdc5e65596d37d2450c19fcbf Mon Sep 17 00:00:00 2001 From: Simon Griffee Date: Fri, 10 Apr 2015 20:29:17 -0400 Subject: [PATCH] further styling tweaks --- fafaq.css | 8 ++--- index.html | 102 ++++++++++++++++++++++++++--------------------------- 2 files changed, 54 insertions(+), 56 deletions(-) diff --git a/fafaq.css b/fafaq.css index e7b2e80..1232873 100644 --- a/fafaq.css +++ b/fafaq.css @@ -1,15 +1,15 @@ -body {color:#000; background:#fafafa; padding:0 1em 1em; margin:0; font-family:helvetica,sans-serif;} +body {color:#000; background:#fafafa; padding:0 1em 1em; margin:0; font-family:helvetica,sans-serif; line-height:1.5em;} a {color:#0074BD; text-decoration:none; border-bottom:1px solid #eee;} a:visited {color:#17B42A;} a:hover {text-decoration:none; background:#ffc;} a:active {color:#f90; border:none;} h1 {margin:0 0 0.25em; font-size:1.5em; font-weight:normal;} -h2 {margin:1em 0 0.35em; font-size:1.3em; border-bottom:1px solid #eee; padding-bottom:0.25em; color:#333; font-weight:normal;} +h2 {margin:1em 0 0.35em; font-size:1.3em; font-weight:normal;} h3 {font-size:1.2em; line-height:1.35em; cursor:pointer; margin:0; font-weight:normal;} h3 a {display:block; padding:0.25em;} h3.darkheadings a {color:#333;} -p.breadcrumbs {font-size:1em; color:#ccc;} -p.breadcrumbs a {text-decoration:underline; color:#999;} +p.breadcrumbs {font-size:0.9em; color:#999; margin-bottom:2em;} div.answer {margin-bottom:2em; border-left:5px solid #eee; padding-left:1em;} +div.answer p:first-child {margin-top:0; padding-top:1em;} ul.showhideanswers {float:right; list-style-type:none; margin:0;} a.showall, a.hideall {cursor:pointer;} \ No newline at end of file diff --git a/index.html b/index.html index a59d024..eac594a 100644 --- a/index.html +++ b/index.html @@ -1,67 +1,65 @@ - - - Fucking Accessible FAQ + + + Fucking Accessible FAQ - - - - - - - - - + + + + + + + + - - -

YourFuckingSite.tld / FAQ

- - - -

Fucking Accessible FAQ

- - + +

+ YourFuckingSite.tld / faq +

+ + + +

Fucking Accessible FAQ

-

Fucking Category

+

Question Category

-

- Why did you fucking make this fucking accessible FAQ? -

- -
-

When a question is asked I want to be able to easily select and send a link to an answer located in a single HTML page. The answer should also be visible with JavaScript disabled.

-
+

+ Why did you fucking make this fucking accessible FAQ? +

+ +
+

When a question is asked I want to be able to easily select and send a link to an answer located in a single HTML page. The answer should also be visible with JavaScript disabled.

+
-

- Why are you fucking cursing? -

- -
-

Sometimes I use words as a way to express my frustration with computers. I apologize if this is offensive to you, and mean no harm.

-
+

+ Why are you fucking cursing? +

+ +
+

Sometimes I use words as a way to express my frustration with computer user interfaces. I apologize if this is offensive to you, and mean no harm.

+
-

- What the fuck? -

- -
-

Hey. Take it easy (Mp3 sound file).

-
+

+ What the fuck? +

+ +
+

Hey. Take it easy (Mp3 sound file).

+
\ No newline at end of file