Minor style alterations (rounded corners, heading outside of body box)
parent
4f25ecf924
commit
a2db0a5ad7
|
@ -7,6 +7,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>ease.js</h1>
|
<h1>ease.js</h1>
|
||||||
|
<h2>The JavaScript Paradigm Shifter</h2>
|
||||||
|
|
||||||
<ul id="menu">
|
<ul id="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="index.html">Home</a></li>
|
||||||
|
|
23
style.css
23
style.css
|
@ -11,15 +11,27 @@ html {
|
||||||
body {
|
body {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #babdb6;
|
border-color: #babdb6;
|
||||||
border-width: 0px 1px 1px 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
border-radius: 1em;
|
||||||
|
|
||||||
margin: 0px 5em;
|
margin: 5em;
|
||||||
padding: 0.5em 1em 0.5em 1em;
|
padding: 0.5em 1em 0.5em 1em;
|
||||||
|
|
||||||
font-family: arial, serif;
|
font-family: arial, serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
position: absolute;
|
||||||
|
top: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
position: absolute;
|
||||||
|
top: 1em;
|
||||||
|
right: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0.25em;
|
padding: 0.25em;
|
||||||
|
@ -31,12 +43,17 @@ ul {
|
||||||
ul li {
|
ul li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0px 1em 0px 0px;
|
padding: 0px 1em 0px 0px;
|
||||||
|
|
||||||
float: left;
|
float: left;
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.copyright {
|
p.copyright {
|
||||||
margin-top: 1em;
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 5em;
|
||||||
|
right: 5em;
|
||||||
|
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue