Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
The CSS for `Lisp for the Web, Part II`
body {
width:70%;
margin:0 auto;
font-family:sans-serif;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
h1 {
font-size: 140%;
text-align: center;
}
h2 {
color: #000;
background-color: #cef;
margin: 0 auto;
padding: 4px 0;
}
#header {
background-color: #cef;
padding: 8px;
}
#header .logo {
display: block;
margin: 0 auto;
}
#header .strapline {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}
#body {
padding: 0 10px;
text-align: center;
}
p.new-game {
color: #999;
}
#error {
color:#500;
background-color:#f55;
border:1px solid #500;
padding:8px;
}
.message {
background-color: #ff8;
padding: 8px;
margin-bottom: 8px;
}
form {
text-align: left;
}
input {
font-size: 150%;
}
input, textarea {
margin: 10px;
padding: 6px;
box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
}
input.txt {
border: 1px solid #ccc;
}
#chart table {
width: 100%;
}
#chart td {
padding: 8px;
height: 30px;
}
#chart td.game {
width: 80%;
}
#chart td.vote {
width: 50px;
vertical-align: middle;
}
#chart .votes, #chart .game {
font-size: 20px;
}
a.vote {
text-decoration: none;
font-size: 80%;
color: #888;
}
.vote:hover {
color: #33f;
font-size: 100%;
}
input.btn {
width: auto;
padding: 9px 15px;
background: #aaa;
border: 0;
font-size: 14px;
color: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment