1 | html, body { |
---|
2 | min-height: 100%; |
---|
3 | } |
---|
4 | |
---|
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; |
---|
9 | } |
---|
10 | |
---|
11 | a { |
---|
12 | border-width: 0; |
---|
13 | text-decoration: none; |
---|
14 | color: #FF7700; |
---|
15 | } |
---|
16 | |
---|
17 | body { |
---|
18 | background-color: #F9F9F9; |
---|
19 | color: #777777; |
---|
20 | margin: 0; |
---|
21 | padding: 0; |
---|
22 | min-width: 60em; |
---|
23 | font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; |
---|
24 | font-size: 12px; |
---|
25 | } |
---|
26 | |
---|
27 | #theHeader { |
---|
28 | background: url("images/piwigo_logo_big.png") no-repeat scroll center 20px transparent; |
---|
29 | display: block; |
---|
30 | height: 100px; |
---|
31 | } |
---|
32 | |
---|
33 | #content { |
---|
34 | margin: auto; |
---|
35 | margin-top: 9px; |
---|
36 | width: 800px; |
---|
37 | padding: 0; |
---|
38 | } |
---|
39 | |
---|
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 | |
---|
51 | #footer { |
---|
52 | width: 800px; |
---|
53 | margin: auto; |
---|
54 | text-align: right; |
---|
55 | margin-top: 15px; |
---|
56 | } |
---|
57 | |
---|
58 | #content h2 { |
---|
59 | display:block; |
---|
60 | font-size:20px; |
---|
61 | text-align:center; |
---|
62 | /* margin-top:5px; */ |
---|
63 | } |
---|
64 | |
---|
65 | h3 { |
---|
66 | font-size: 15px; |
---|
67 | font-weight: bold; |
---|
68 | margin:0; |
---|
69 | } |
---|
70 | |
---|
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; |
---|
80 | } |
---|
81 | |
---|
82 | input[type="submit"]:hover, input[type="button"]:hover, a.bigButton:hover { |
---|
83 | background-color:#ff7700; |
---|
84 | color:white; |
---|
85 | } |
---|
86 | |
---|
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; |
---|
92 | } |
---|
93 | |
---|
94 | input[type="text"]:focus, input[type="password"]:focus, select:focus { |
---|
95 | background-color:#fff; |
---|
96 | border:2px solid #ff7700; |
---|
97 | } |
---|
98 | |
---|
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 | |
---|
115 | .msg { |
---|
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; |
---|
123 | } |
---|
124 | |
---|
125 | .notice { |
---|
126 | color: #ee8800; |
---|
127 | background-image:url("images/notice.png"); |
---|
128 | background-color:#ffdd99; |
---|
129 | } |
---|
130 | |
---|
131 | .warning { |
---|
132 | color: #ff2222; |
---|
133 | background-image:url("images/warning.png"); |
---|
134 | background-color:#ffd5dc; |
---|
135 | } |
---|