[2869] | 1 | html, body { |
---|
| 2 | min-height: 100%; |
---|
[2852] | 3 | } |
---|
| 4 | |
---|
[2869] | 5 | *, :focus, :active, input:active, a:active, input:focus, a:focus { |
---|
| 6 | outline-color: -moz-use-text-color; |
---|
| 7 | outline-style: none; |
---|
| 8 | outline-width: 0; |
---|
[2852] | 9 | } |
---|
[2869] | 10 | |
---|
| 11 | a { |
---|
| 12 | border-width: 0; |
---|
| 13 | text-decoration: none; |
---|
| 14 | color: #FF7700; |
---|
[2852] | 15 | } |
---|
| 16 | |
---|
[2869] | 17 | body { |
---|
[9780] | 18 | background-color: #F9F9F9; |
---|
| 19 | color: #777777; |
---|
[2869] | 20 | margin: 0; |
---|
| 21 | padding: 0; |
---|
| 22 | min-width: 60em; |
---|
[9780] | 23 | font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; |
---|
| 24 | font-size: 12px; |
---|
[2852] | 25 | } |
---|
| 26 | |
---|
[2869] | 27 | #theHeader { |
---|
[9780] | 28 | background: url("images/piwigo_logo_big.png") no-repeat scroll center 20px transparent; |
---|
| 29 | display: block; |
---|
| 30 | height: 100px; |
---|
[2852] | 31 | } |
---|
[2869] | 32 | |
---|
| 33 | #content { |
---|
| 34 | margin: auto; |
---|
| 35 | margin-top: 9px; |
---|
| 36 | width: 800px; |
---|
[9780] | 37 | padding: 0; |
---|
[2852] | 38 | } |
---|
[2869] | 39 | |
---|
[9780] | 40 | fieldset { |
---|
| 41 | margin-top:20px; |
---|
| 42 | background-color:#f1f1f1; |
---|
| 43 | border:2px solid #dddddd; |
---|
| 44 | } |
---|
| 45 | |
---|
| 46 | legend { |
---|
| 47 | font-weight: bold; |
---|
| 48 | letter-spacing: 2px; |
---|
| 49 | } |
---|
| 50 | |
---|
[2869] | 51 | #footer { |
---|
| 52 | width: 800px; |
---|
| 53 | margin: auto; |
---|
| 54 | text-align: right; |
---|
| 55 | margin-top: 15px; |
---|
| 56 | } |
---|
| 57 | |
---|
[9780] | 58 | #content h2 { |
---|
| 59 | display:block; |
---|
| 60 | font-size:20px; |
---|
| 61 | text-align:center; |
---|
| 62 | /* margin-top:5px; */ |
---|
[2852] | 63 | } |
---|
[2869] | 64 | |
---|
[2852] | 65 | h3 { |
---|
[2869] | 66 | font-size: 15px; |
---|
| 67 | font-weight: bold; |
---|
[9780] | 68 | margin:0; |
---|
[2852] | 69 | } |
---|
[2869] | 70 | |
---|
[9780] | 71 | input[type="submit"], input[type="button"], a.bigButton { |
---|
| 72 | font-size:14px; |
---|
| 73 | font-weight:bold; |
---|
| 74 | letter-spacing:2px; |
---|
| 75 | border:none; |
---|
| 76 | background-color:#666666; |
---|
| 77 | color:#fff; |
---|
| 78 | padding:5px; |
---|
| 79 | -moz-border-radius:5px; |
---|
[2869] | 80 | } |
---|
| 81 | |
---|
[9780] | 82 | input[type="submit"]:hover, input[type="button"]:hover, a.bigButton:hover { |
---|
| 83 | background-color:#ff7700; |
---|
| 84 | color:white; |
---|
[2869] | 85 | } |
---|
| 86 | |
---|
[9780] | 87 | input[type="text"], input[type="password"], select { |
---|
| 88 | background-color:#ddd; |
---|
| 89 | border:2px solid #ccc; |
---|
| 90 | -moz-border-radius:5px; |
---|
| 91 | padding:2px; |
---|
[2869] | 92 | } |
---|
| 93 | |
---|
[9780] | 94 | input[type="text"]:focus, input[type="password"]:focus, select:focus { |
---|
| 95 | background-color:#fff; |
---|
| 96 | border:2px solid #ff7700; |
---|
[2852] | 97 | } |
---|
| 98 | |
---|
[2869] | 99 | .destination { |
---|
| 100 | text-align: center; |
---|
| 101 | margin-top: 2em; |
---|
| 102 | font-weight: bold; |
---|
| 103 | } |
---|
| 104 | |
---|
| 105 | .language { |
---|
| 106 | margin-left: 1.5em; |
---|
| 107 | margin-bottom: 2em; |
---|
| 108 | } |
---|
| 109 | |
---|
| 110 | .button { |
---|
| 111 | text-align: center; |
---|
| 112 | margin-top: 2em; |
---|
| 113 | } |
---|
| 114 | |
---|
[2852] | 115 | .msg { |
---|
[9780] | 116 | margin:20px 20px 10px 20px; |
---|
| 117 | padding: 5px 10px 5px 60px; |
---|
| 118 | background-position:5px 5px; |
---|
| 119 | background-repeat:no-repeat; |
---|
| 120 | -moz-border-radius:5px; |
---|
| 121 | -webkit-border-radius:5px; |
---|
| 122 | -border-radius:5px; |
---|
[2852] | 123 | } |
---|
[2869] | 124 | |
---|
| 125 | .notice { |
---|
[9780] | 126 | color: #ee8800; |
---|
| 127 | background-image:url("images/notice.png"); |
---|
| 128 | background-color:#ffdd99; |
---|
[2869] | 129 | } |
---|
| 130 | |
---|
[2852] | 131 | .warning { |
---|
[9780] | 132 | color: #ff2222; |
---|
| 133 | background-image:url("images/warning.png"); |
---|
| 134 | background-color:#ffd5dc; |
---|
[2852] | 135 | } |
---|