rearranged css

This commit is contained in:
Lynne Megido 2019-05-02 23:11:30 +10:00
parent d8024fdc02
commit 7708be1318

View file

@ -4,6 +4,7 @@ body {
background-color: #eee; background-color: #eee;
font-size: 1.1em; font-size: 1.1em;
} }
a { a {
color: #777; color: #777;
text-decoration-style: dotted; text-decoration-style: dotted;
@ -11,6 +12,7 @@ a {
a:hover { a:hover {
text-decoration-style: solid; text-decoration-style: solid;
} }
article, footer { article, footer {
width: 50%; width: 50%;
max-width: 1000px; max-width: 1000px;
@ -18,15 +20,10 @@ article, footer {
margin: 0 auto; margin: 0 auto;
line-height: 1.4em; line-height: 1.4em;
} }
@media only screen and (max-width:550px){
article, footer {
min-width:0;
width:100%;
}
}
footer { footer {
color: #777; color: #777;
} }
h1, h2 { h1, h2 {
font-weight: 200; font-weight: 200;
font-family: serif; font-family: serif;
@ -35,6 +32,7 @@ h1 {
text-align: center; text-align: center;
font-size: 3em; font-size: 3em;
} }
ul { ul {
list-style-type: none; list-style-type: none;
} }
@ -44,3 +42,10 @@ ul.compact {
ul li { ul li {
margin-top: 5px; margin-top: 5px;
} }
@media only screen and (max-width:550px){
article, footer {
min-width:0;
width:100%;
}
}