body { background-color: #fff; color: #333; font-family: "Helvetica Neue", arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; width: 800px; margin: 60px auto; } p, ol, ul, td { font-size: 13px; line-height: 18px; } pre { background-color: #eee; padding: 10px; font-size: 11px; } a { color: #00458f; text-decoration: none; &:visited { color: #00458f; } &:hover { color: #fff; background-color: #ccc; } } div { &.field, &.actions { margin-bottom: 30px; } } #notice { background-color: green; color: white; padding: 5px 10px; font-size: 1.2rem; } #alert { background-color: red; color: white; padding: 5px 10px; font-size: 1.2rem; } .field_with_errors { padding: 2px; background-color: red; display: table; } #error_explanation { width: 450px; border: 2px solid red; padding: 7px; padding-bottom: 0; margin-bottom: 20px; background-color: #f0f0f0; h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; margin-bottom: 0px; background-color: #c00; color: #fff; } ul li { font-size: 12px; list-style: square; } } .button { padding: 5px 10px; background-color: #aaa; color: #fff; border-radius: 10px; margin: 30px 0; } a.button, a.button:visited { color: #fff; text-decoration: none; } a.logo { float: right; } #new_feed { background-color: beige; padding: 5px 10px; margin: 10px 0; border-radius: 20px; } .feed_title { font-size: 2.0em; line-height: 1.1em; } table { margin: 40px 0; } td { padding: 0 20px 30px 0; /* background-color: #bbb; */ } td:last-child { padding-right: 0; } th { padding: 0 20px 10px 0; text-align: left; } .right { text-align: right; } h1 { font-size: 3.2em; font-weight: normal; line-height: 1.2em; margin: 20px 0 40px 0; text-align: left; } h2 { font-size: 2.3em; font-weight: normal; } #login input { font-size: 1.8em; padding: 10px; } #login label { font-size: 1.5em; margin: 20px 0 20px 0; } .actions input { font-size: 1.0rem; border-radius: 10px; } #userbar { margin-bottom: 40px; margin-top: 40px; } table { border-collapse: collapse; }