/src/static/css/base.css
CSS | 283 lines | 259 code | 12 blank | 12 comment | 0 complexity | 0083b3986b8135062e1bff8342c53823 MD5 | raw file
- /**
- * Global settings.
- */
- body {
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 12px;
- margin: 0;
- padding: 0;
- background-color: #F8F8F8;
- }
- a {
- color: #800000;
- text-decoration: none;
- }
- a:HOVER {
- color: #ff0000;
- }
- a.selected {
- background-color: #C9D7F1;
- color: black;
- padding: 0 5px;
- text-decoration: none;
- }
- a.selected:HOVER {
- background-color: transparent;
- }
- /* HEADERS */
- h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: 10px;
- color: #555;
- font-weight: normal;
- }
- h1 {
- font-size: 22px;
- }
- h2 {
- font-size: 20px;
- }
- h3 {
- font-size: 18px;
- }
- h4 {
- font-size: 16px;
- }
- h5 {
- font-size: 15px;
- }
- h6 {
- font-size: 14px;
- }
- img {
- border: none;
- }
- p {
- margin-top: 0;
- }
- code {
- background-color: #eee;
- padding: 2px 5px;
- }
- .border {
- border: solid 1px #E9F1F7;
- padding: 2px;
- }
- .center {
- text-align: center;
- }
- .hidden {
- visibility: hidden;
- }
- .hide {
- display: none;
- }
- .clear {
- clear: both;
- }
- .last {
- float: none;
- margin-bottom: 0;
- }
- form {
- margin: 0;
- padding: 0;
- }
- form input[type=text],
- form input[type=password],
- form textarea {
- border: solid 1px #ddd;
- color: #888;
- font-weight: bold;
- padding: 0 3px;
- margin: 0;
- }
- /* FIELD ERRORS */
- form ul.errorlist {
- list-style: none;
- margin: 5px 0;
- padding: 5px;
- background-color: #ffd5d5;
- font-size: 90%;
- }
- /* FORM BUTTONS */
- button,
- input[type=button],
- input[type=submit],
- input[type=reset],
- a.button {
- background-color: #ddd;
- color: inherit;
- border: solid 1px #ccc;
- padding: 2px 5px;
- cursor: pointer;
- white-space: nowrap;
- margin: 0;
- }
- button.mini,
- input[type=button].mini,
- input[type=submit].mini,
- input[type=reset].mini,
- a.button.mini {
- font-size: 80%;
- padding: 0px 2px;
- }
- button:HOVER,
- input[type=button]:HOVER,
- input[type=submit]:HOVER,
- input[type=reset]:HOVER,
- a.button:HOVER {
- background-color: #eee;
- }
- a.button.confirm:HOVER {
- color: red;
- }
- table th {
- text-align: left;
- font-weight: normal;
- font-size: 90%;
- }
- /* Page */
- #page {
- width: 950px;
- border: solid 10px #ddd;
- background-color: white;
- margin: 30px auto 10px auto;
- }
- /* Page header */
- #page .header {
- background-color: #e6e6e6;
- padding: 5px 10px;
- }
- #page .header>.subheader {
- background-color: #ccc;
- margin: 5px -10px;
- padding: 5px 10px;
- }
- #page .header>.subheader>form {
- margin: 0;
- margin-right: 20px;
- padding: 0;
- border-width: 0;
- background-color: inherit;
- display: inline;
- }
- #page .header>.subheader>* {
- vertical-align: middle;
- }
- #page .header>.subheader>.login {
- float: right;
- margin: 3px;
- }
- #page .header>.subheader>form>input.search {
- width: 155px;
- height: 20px;
- border: solid 1px #888;
- color: #888;
- font-weight: bold;
- padding: 0 3px;
- }
- #page .header .logo {
- width: 150px;
- padding-right: 20px;
- }
- #page .header .description {
- width: 245px;
- height: 0px;
- overflow: visible;
- position: relative;
- top: -50px;
- left: 180px;
- font-size: 14px;
- }
- #page .header>table {
- width: 100%;
- border-spacing: 0;
- }
- /* Page content*/
- #page>.content {
- padding: 5px 10px;
- margin-right: 220px;
- }
- /* Page sidebar */
- #page>.sidebar {
- float: right;
- width: 210px;
- margin: 10px 0 0 0;
- padding: 0;
- border-left: solid 5px white;
- border-bottom: solid 5px white;
- }
- #page>.sidebar>div {
- padding: 5px;
- padding-right: 15px;
- background-color: #f2f2f2;
- border: solid 3px #eee;
- border-right-width: 0;
- margin-bottom: 10px;
- }
- #page>.sidebar>div>h3 {
- padding: 0 5px;
- margin: -5px -15px 5px -5px;
- border-bottom: dotted 2px #ddd;
- }
- #page>.sidebar>div>h3>a {
- color: black;
- }
- /* Page footer */
- #footer {
- width: 950px;
- margin: auto;
- clear: both;
- height: 40px;
- }
- #footer>A {
- margin-left: 2px;
- padding: 2px 3px;
- }
- #footer>A:HOVER {
- background-color: white;
- }
- #footer img {
- vertical-align: middle;
- }
- #footer>.logo {
- float: right;
- }
- /* Pagination */
- .pages {
- text-align: center;
- }
- .pages>a {
- border: solid 1px #eee;
- margin: 2px;
- padding: 1px 3px;
- }
- .pages>a.current:HOVER,
- .pages>a:HOVER {
- border: solid 1px #ddd;
- }
- .pages>a.current {
- font-weight: bolder;
- color: inherit;
- }
- .pages>a.first {
- }
- .pages>a.last {
- }
- .pages>a.back {
- }
- .pages>a.next {
- }