|
|
@ -2,12 +2,12 @@ |
|
|
|
|
|
|
|
body{ |
|
|
|
margin:2em auto; |
|
|
|
max-width: 1100px; |
|
|
|
max-width: 1120px; |
|
|
|
font-family: 'Basker'; |
|
|
|
font-size: 16pt; |
|
|
|
line-height: 1.6; |
|
|
|
letter-spacing: 0.25pt; |
|
|
|
color: #ec25ec; |
|
|
|
color: rgba(40,40,40,1); |
|
|
|
} |
|
|
|
header#banner{ |
|
|
|
width: 100%; |
|
|
@ -34,16 +34,17 @@ nav#menu{ |
|
|
|
padding:1em; |
|
|
|
font-size: 13pt; |
|
|
|
line-height: 1.4; |
|
|
|
background-color: #ec25ec; |
|
|
|
color:white; |
|
|
|
/*background-color: rgba(40,40,40,1);*/ |
|
|
|
color: rgba(40,40,40,1); |
|
|
|
border:1px solid; |
|
|
|
border-radius: 1em; |
|
|
|
list-style: none; |
|
|
|
display: inline-block; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
nav#menu li.active{ |
|
|
|
background-color: beige; |
|
|
|
color: #ec25ec; |
|
|
|
background-color: yellow; |
|
|
|
/*color: white;*/ |
|
|
|
} |
|
|
|
nav#menu li.pagelink{ |
|
|
|
height: 1.5em; |
|
|
@ -61,17 +62,19 @@ article{ |
|
|
|
border-top: 1px solid; |
|
|
|
} |
|
|
|
article:first-child{ |
|
|
|
background-color: beige; |
|
|
|
background-color: yellow; |
|
|
|
/*color: white;*/ |
|
|
|
padding-bottom: 3em; |
|
|
|
margin-bottom: -3em; |
|
|
|
} |
|
|
|
/* start button */ |
|
|
|
article button { |
|
|
|
width: auto; |
|
|
|
top:1em; |
|
|
|
margin:1.5em 0; |
|
|
|
padding:0.5em 1.5em; |
|
|
|
background-color: magenta; |
|
|
|
border:1px solid magenta; |
|
|
|
padding:1em 1.5em; |
|
|
|
background-color: rgba(40,40,40,1); |
|
|
|
border:1px solid rgba(40,40,40,1); |
|
|
|
border-radius: 0.5em; |
|
|
|
} |
|
|
|
article button a{ |
|
|
@ -83,10 +86,10 @@ article h2.page-title a{ |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* big pink boxes for the section titles */ |
|
|
|
/* big boxes for the section titles */ |
|
|
|
h1.category{ |
|
|
|
width: calc(100% - 4em); |
|
|
|
background-color: #ec25ec; |
|
|
|
background-color: rgba(40,40,40,1); |
|
|
|
color:white; |
|
|
|
border-radius: 1em; |
|
|
|
padding: 2em 2em 3em 2em; |
|
|
@ -106,7 +109,7 @@ ul.navprevnext{ |
|
|
|
ul.navprevnext li.none{ |
|
|
|
width: calc(50% - 9em); |
|
|
|
height: 150px; |
|
|
|
background-color: beige; |
|
|
|
background-color: yellow; |
|
|
|
border-radius: 1em; |
|
|
|
padding:1em 3em; |
|
|
|
font-size: 13pt; |
|
|
@ -143,8 +146,9 @@ ul.navprevnext{ |
|
|
|
margin-right: -10em; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
/* you finished this section */ |
|
|
|
ul.navprevnext li.done{ |
|
|
|
background-color: #ec25ec; |
|
|
|
background-color: rgba(40,40,40,1); |
|
|
|
color: white; |
|
|
|
} |
|
|
|
ul.navprevnext li.none{ |
|
|
@ -152,7 +156,9 @@ ul.navprevnext{ |
|
|
|
color: transparent; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.footnote{ |
|
|
|
font-size: smaller; |
|
|
|
} |
|
|
|
footer{ |
|
|
|
font-style: normal; |
|
|
|
font-size: smaller; |
|
|
@ -163,7 +169,7 @@ a, |
|
|
|
a:visited, |
|
|
|
a:hover, |
|
|
|
a:active{ |
|
|
|
color: #ec25ec; |
|
|
|
color: rgba(40,40,40,1); |
|
|
|
} |
|
|
|
a.nounderline{ |
|
|
|
text-decoration: none; |
|
|
@ -172,7 +178,7 @@ a.nounderline{ |
|
|
|
hr{ |
|
|
|
width: 100%; |
|
|
|
border:0; |
|
|
|
border-bottom:1px solid #ec25ec; |
|
|
|
border-bottom:1px solid rgba(40,40,40,1); |
|
|
|
margin:3em auto; |
|
|
|
} |
|
|
|
|
|
|
|