html, body{ margin: 0; padding: 0; } html{ font-size: 62.5%; } body{ background: #FFF; color: #333; font: 1.1em/1.6em "Lucida Grande", Tahoma, Arial, sans-serif; } fieldset{ border: 0; padding: 0; margin: 1em 0; } input.text{ border: 1px solid #BBB; padding: 4px; } input.submit{ font-size: 1em; padding: 4px; background: #D1D1D1 url(img/button.png) repeat-x left center; border: 1px solid #FFF; border-bottom: 1px solid #CECECE; border-right: 1px solid #CECECE; cursor: pointer; } input.submit:hover{ background: #D1D1D1 url(img/button-h.png) repeat-x left center; color: #000; border: 1px solid #FFF; border-bottom: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; } input.delete{ margin-left: 1em; } input.delete:hover{ background: #ffabab url(img/button-delete.png) repeat-x left center; color: #C00; border: 1px solid #FCC; border-bottom: 1px solid #F99; border-right: 1px solid #F99; } input.add{ font-weight: bold; } input.add:hover{ background: #65a5e1 url(img/button-add.png) repeat-x left center; color: #20466a; border: 1px solid #a6c7e5; border-bottom: 1px solid #4f90cd; border-right: 1px solid #4f90cd; } p.help{ font-size: 0.8em; color: #999; margin: 0; } #page{ } header{ background: #E0E0E0 url(img/moonmoon.png) no-repeat right center; border-top: 5px solid #D0D0D0; margin: 0; padding: 10px; } header h1{ display: none; margin: 0 0 0 20px; padding: 0; height: 14px; width: 95px; background: transparent url(img/moonmoon.png) no-repeat left center; overflow: hidden; text-indent: -1000em; } header p{ margin: 0 0 0 20px; padding: 0; } header p a{ color: #AAA; } header p a:hover{ color: #111; } nav ul{ margin: 20px 30px; padding: 0; list-style: none; } nav ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } nav ul {display: inline-table;} /* Hides from IE-mac \*/ * html nav ul {height: 1%;} nav ul {display: block;} /* End hide from IE-mac */ nav ul li{ display: block; float: left; } nav ul li a{ display: block; border: 1px solid #DDD; padding: 8px 8px 8px 36px; margin-right: 8px; text-decoration: none; color: #666; background-repeat: no-repeat; background-position: 6px center; } nav ul li a:hover, body#admin-feed #nav-feed a, body#admin-admin #nav-admin a { background-color: #f0f2f6; border-color: #AAA; color: #111; } #nav-feed a{ background-image: url(img/nav-feed.png); } #nav-admin a{ background-image: url(img/nav-admin.png); } #content{ margin: 20px 30px; } .widget{ margin: 20px 0; } .widget h3{ background: #3e4350 url(img/h3.png) repeat-x left center; color: #FFF; text-transform: uppercase; margin: 0; padding: 10px; } .widget form{ padding: 10px; border: 1px solid #EEE; border-top: 0; } #feedmanage p.select{ margin: 3px 0; } #feedmanage p.action span.count{ float: right; padding-right: 10px; font-size: 1.3em; } #feedmanage table{ width: 99%; border-collapse: collapse; border: 1px solid #f0f2f6; } #feedmanage thead th{ background: #f0f2f6; text-align: left; padding: 6px; } #feedmanage thead span{ display: none; } #feedmanage tr{ border-bottom: 1px solid #e8ebf1; } #feedmanage tr.even td{ background: #f0f2f6; width: auto; } #feedmanage .text{ background: transparent; border: 1px solid #FFF; width: 90%; } #feedmanage tr.even td .text{ border: 1px solid #f0f2f6; } #feedmanage tr td input.text:focus{ background: #FFF; border: 1px solid #4392b7; } #feedmanage tr.selected td{ background: #ffabab; background: #4392b7; color: #FFF; } #feedmanage tr.selected td .text{ color: #FFF; border: 1px solid #4392b7; } #feedmanage tr td input.text:focus{ background: #FFF; color: #000; border: 1px solid #4392b7; } /* Login form *******************************************************************************/ form.login { width: 400px; margin: 0 auto; } form.login fieldset { border: 1px solid #CCC; text-align: center; } p.logout { float: right; margin: 20px 30px 0 0; } p.logout a { padding: 8px; display: block; }