| @import 'reset.css'; |
| @import 'text.css'; |
| |
| @charset "utf-8"; |
| |
| body { |
| background-color: #ffffff; |
| color: #000000; |
| font-family: sans-serif; |
| } |
| |
| li { |
| margin: 0; |
| } |
| |
| header, nav, article, footer, address { |
| display: block; |
| } |
| |
| header { |
| margin: 20px; |
| width: 90%; |
| } |
| |
| header h1 { |
| height: 50px; |
| padding-left: 55px; |
| padding-top: 6px; |
| } |
| |
| article { |
| margin: 20px auto 20px; |
| width: 90%; |
| padding-bottom: 20px; |
| } |
| |
| footer { |
| margin: 20px auto 0; |
| width: 90%; |
| |
| padding-bottom: 2px; |
| text-align: right; |
| |
| position: fixed; |
| font-height: 10px; |
| bottom: 0; |
| left: 5%; |
| } |
| |
| h1 { |
| font-family: sans-serif; |
| } |
| |
| h3 { |
| font-family: sans-serif; |
| } |
| |
| h5 { |
| font-family: sans-serif; |
| color: #727272; |
| } |
| |
| /* MISC */ |
| .grey { |
| color: #727272; |
| font-weight: 200; |
| } |
| |
| .green { |
| color: #2D9A65; |
| font-weight: 200; |
| } |
| |
| .red { |
| color: red; |
| font-weight: 200; |
| font-size: 2.4em; |
| } |
| |
| .hidden { |
| display: none; |
| } |
| |
| /* */ |
| .item-list |
| { |
| border-radius: 6px; |
| |
| margin-top: 10px; |
| margin-bottom: 10px; |
| font-family: sans-serif; |
| width: 100%; |
| text-align: left; |
| } |
| |
| .item-list th |
| { |
| font-weight: normal; |
| padding: 8px; |
| background: #EAF4EF; |
| border-top: 1px solid #99CCB2; |
| color: #727272; |
| text-align: left; |
| } |
| |
| .item-list th.border-left { |
| } |
| |
| .item-list td |
| { |
| padding: 2px; |
| border-bottom: 1px solid #fff; |
| color: #000; |
| border-top: 1px solid transparent; |
| } |
| |
| tr.center td |
| { |
| text-align: center; |
| } |
| |
| .border-left { |
| border-left: 1px solid #99CCB2; |
| } |
| |
| .border-right { |
| border-right: 1px solid #99CCB2; |
| } |
| |
| tfoot { |
| border-bottom: 2px solid #99CCB2; |
| background: #EAF4EF; |
| } |
| |
| .item-list tfoot td { |
| padding: 0; |
| } |
| |
| .odd { |
| background-color: #eeeeee; |
| } |
| |
| .highlighted { |
| background-color: #cccccc; |
| cursor: pointer; |
| } |