diff --git a/public/css/main.css b/public/css/main.css index 2a61995..e0c7640 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -60,180 +60,162 @@ form input[type=submit]:hover { /* {{{ Logo */ -header -{ - margin: 100px auto 40px; - width: 500px; - font-size: 20pt; +header { + margin: 100px auto 40px; + width: 500px; + font-size: 20pt; } - - header p#left a#n3 - { - text-decoration: none; - position: relative; - left: 6px; - } - header p#left a#n3 sup - { - font-size: 12pt; - position: relative; - top: -4px; - right: 3px; - } - header p#left - { - padding: 0; - margin: 0; - display: inline-block; - font-weight: bold; - text-align: right; - width: 210px; - } - - header p#center - { - padding: 0; - margin: 0; - display: inline-block; - text-align: center; - color: #999; - font-size: 22pt; - - width: 68px; /* hmm... to align stuff correctly */ - } - - header p#right - { - padding: 0; - margin: 0; - display: inline-block; - text-align: left; - color: #999; - - width: 210px; - } - - header p#info - { - width: 500px; - text-align: center; - font-size: 12pt; - } +header p#left a#n3 { + text-decoration: none; + position: relative; + left: 6px; +} + +header p#left a#n3 sup { + font-size: 12pt; + position: relative; + top: -4px; + right: 3px; +} + +header p#left { + padding: 0; + margin: 0; + display: inline-block; + font-weight: bold; + text-align: right; + width: 210px; +} + +header p#center { + padding: 0; + margin: 0; + display: inline-block; + text-align: center; + color: #999; + font-size: 22pt; + width: 68px; /* hmm... to align stuff correctly */ +} + +header p#right { + padding: 0; + margin: 0; + display: inline-block; + text-align: left; + color: #999; + width: 210px; +} + +header p#info { + width: 500px; + text-align: center; + font-size: 12pt; +} /* }}} */ /* {{{ Menu */ -menu -{ - float: left; - margin: 107px 20px auto; - padding: 40px 0 40px; - list-style-type: none; - position: fixed; - top: 100px; - left: 20px; - vertical-align: middle; - background-color: #666; - border-radius: 5px; - box-shadow: 3px 3px 10px #444; +menu { + float: left; + margin: 107px 20px auto; + padding: 40px 0 40px; + list-style-type: none; + position: fixed; + top: 100px; + left: 20px; + vertical-align: middle; + background-color: #666; + border-radius: 5px; + box-shadow: 3px 3px 10px #444; } - menu li - { - padding: 5px; - width: 170px; - background-color: #666; - color: #ccc; - text-align: center; - } - menu li.highlight:hover, - menu li.active - { - background-color: #777; - } - menu li > ul.hidden { - display: none; - } +menu li { + padding: 5px; + width: 170px; + background-color: #666; + color: #ccc; + text-align: center; +} - menu li p - { - display: inline; - } +menu li.highlight:hover, +menu li.active { + background-color: #777; +} - menu li a { - width: 100%; - display: inline-block; - color: #fff; - } +menu li > ul.hidden { + display: none; +} - menu hr - { - margin: 0 auto 0; - width: 60%; - border: 0; - height: 1px; - background-color: #777; - } +menu li p { + display: inline; +} - menu ul.submenu - { - border-top: 1px dotted #aaa; - list-style-type: none; - margin: 4px auto 0; - padding: 0; - width: 60%; - } +menu li a { + width: 100%; + display: inline-block; + color: #fff; +} - menu ul.submenu li { - margin: 4px 2px 2px; - padding: 0; - font-size: 10px; - width: 100%; - background-color: #777; - } +menu hr { + margin: 0 auto 0; + width: 60%; + border: 0; + height: 1px; + background-color: #777; +} - menu ul.submenu li span.info { - color: #aaa; - } +menu ul.submenu { + border-top: 1px dotted #aaa; + list-style-type: none; + margin: 4px auto 0; + padding: 0; + width: 60%; +} - menu ul.submenu li a { - color: #ddd; - } +menu ul.submenu li { + margin: 4px 2px 2px; + padding: 0; + font-size: 10px; + width: 100%; + background-color: #777; +} + +menu ul.submenu li span.info { + color: #aaa; +} + +menu ul.submenu li a { + color: #ddd; +} /* }}} */ -section#main -{ - margin: 20px 20px 0 270px; - width: 760px; +section#main { + margin: 20px 20px 0 270px; + width: 760px; } - section#main .error - { - font-weight: bold; - color: #c20; - } +section#main .error { + font-weight: bold; + color: #c20; +} - section#main .warning - { - color: #c20; - } +section#main .warning { + color: #c20; +} - section#main .success - { - color: #0a3; - } +section#main .success { + color: #0a3; +} - section#main .info - { - font-weight: bold; - font-style: italic; - } +section#main .info { + font-weight: bold; + font-style: italic; +} - section#main p.moreless - { - text-align: right; - } \ No newline at end of file +section#main p.moreless { + text-align: right; +} \ No newline at end of file