12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- @CHARSET "UTF-8";
- body {
- margin: 0.5em;
- }
- #footer,
- #header {
- background-color: #204060;
- color: white;
- height: 5em;
- margin: 0;
- padding: 1em
- }
- #footer li {
- display: inline;
- list-style-type: none;
- }
- #footer-logos {
- text-align: center;
- }
- #footer-logos a img {
- opacity: 0.25;
- -o-transition: opacity 0.2s ease-in-out;
- transition: opacity 0.2s ease-in-out;
- }
- #footer-logos a:hover img,
- #footer-logos a:focus img {
- opacity: 0.75;
- }
- #main {
- background-color: #e0f0ff;
- margin: 0;
- padding: 1em;
- }
- #nav {
- float: right;
- padding: 2em 0 0 0;
- }
- #nav li {
- float: left;
- margin: 0;
- padding: 0 0 0 0.5em;
- list-style-type: none;
- }
- #nav li a {
- border-radius: 0.5em;
- color: #ccc;
- color: rgba(255, 255, 255, 0.7);
- font-weight: bold;
- padding: 0.5em;
- text-decoration: none;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #nav li a:hover,
- #nav li a:focus {
- background-color: rgba(255, 255, 255, 0.15);
- color: #fff;
- }
|