changes the layout to black text and yellow highlights
This commit is contained in:
parent
2c958be0a8
commit
2272552d51
@ -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;
|
||||
}
|
||||
|
||||
|
@ -12,9 +12,7 @@
|
||||
<div class="entry-content"> {{ article.summary }} </div>
|
||||
<footer class="page-footer">
|
||||
{% if loop.index == 1 %}
|
||||
<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Start this section</a></button>
|
||||
{% else %}
|
||||
<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Go to step {{ loop.index }}</a></button>
|
||||
<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Start</a></button>
|
||||
{% endif %}
|
||||
</footer>
|
||||
</article></li>
|
||||
|
Loading…
Reference in New Issue
Block a user