Browse Source

changes the layout to black text and yellow highlights

master
manetta 4 years ago
parent
commit
2272552d51
  1. 40
      themes/default/static/css/main.css
  2. 4
      themes/default/templates/index.html

40
themes/default/static/css/main.css

@ -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;
}

4
themes/default/templates/index.html

@ -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…
Cancel
Save