source: extensions/simple_themes/simple/theme.css @ 17911

Last change on this file since 17911 was 16030, checked in by plg, 12 years ago

compatibility with Piwigo 2.4

File size: 3.4 KB
Line 
1/* Grey theme for the simple template
2   author: Saïmon <contact at saimon org>
3*/
4
5body {
6  background-color: #333;
7  color: #999;
8}
9
10#content {
11  background-color: #3F3F3F;
12  border: 2px #606060 solid;
13  border-width: 2px 0;
14}
15
16.totalImages {
17  font-style: italic;
18  margin-top: 0;
19}
20
21a {
22  color: #999;
23}
24a:hover, #menuswitcher:hover, #theComments h3:hover {
25  color: #f0f0f0;
26}
27
28.titrePage, .titrePage a {
29  font-weight: bold;
30  text-transform: uppercase;
31  font-variant: normal;
32}
33
34h2, h3, #menubar dt {
35  /* font-variant: small-caps; */
36  text-transform: uppercase;
37  font-weight: bold;
38}
39
40#copyright {
41  font-variant: small-caps;
42  text-transform: lowercase;
43}
44
45/* page content :  thumbnails */
46
47#thumbnails {
48  font-weight: bold;
49}
50.thumbnail {
51  border: 2px #606060 solid;
52}
53.thumbnail:hover {
54  border: 2px #f0f0f0 solid;
55}
56#thumbnails p {
57  margin: 0 auto;
58  max-width: 12em;
59}
60
61/* page content :  categories thumbnails */
62
63.illustration img {
64  border: 2px #606060 solid;
65}
66
67.illustration img:hover {
68  border: 2px #f0f0f0 solid;
69}
70
71.thumbCatDesc {
72  border-top: 1px #606060 solid;
73  text-align: justify;
74}
75
76.pageNumberSelected {
77  font-weight: bold;
78  border-bottom: 1px solid;
79}
80
81.navigationBar a {
82  border-bottom: 1px dotted;
83}
84
85/* inputs */
86
87input, select, textarea {
88  background-color: #666;
89  border: 1px solid #999;
90  color: #F0F0F0;
91}
92
93input[type="submit"], input[type="reset"] {
94  background-color: #3f3f3f;
95  border: 1px solid #606060;
96  color: #999;
97}
98input[type="submit"]:hover, input[type="reset"]:hover {
99  background-color: #666;
100  border: 1px solid #999;
101  color: #F0F0F0;
102}
103
104fieldset {
105  border: 1px #606060 dotted;
106  margin: 0 0 1em;
107  padding: 1em;
108}
109
110fieldset legend {
111  padding: 0 3px;
112}
113
114fieldset li {
115  margin: 0.5em 0;
116}
117
118#quicksearch #q {
119  background-color: #3f3f3f;
120  border: 1px solid #606060;
121  color: #999;
122}
123
124/* picture page */
125
126.imageNumber {
127  border: 1px #999 solid;
128}
129
130#theImage img {
131  border: 8px #fff solid;
132  margin: 0 20px;
133  max-width: 90%;
134}
135#theImage p {
136  margin: 1em;
137}
138
139#navThumbPrev img, #navThumbNext img {
140  border: 2px #606060 solid;
141}
142#navThumbPrev img:hover, #navThumbNext img:hover {
143  border: 2px #f0f0f0 solid;
144}
145
146/* Comments */
147
148#theComments h3 {
149  border-top: 2px solid #606060;
150}
151
152.commentList .author, .commentList .date {
153  font-weight: bold;
154}
155
156
157/* calendar */
158
159.calMonth td {
160  background-color: #363636;
161  text-align: center;
162}
163
164.calImg {
165  text-align: center;
166}
167.calImg img {
168  height: 80px;
169}
170
171.calBackDate, .calForeDate {
172  display: none;
173}
174
175/* tags */
176
177#fullTagCloud a:hover {
178  background: #606060;
179}
180
181#menuTagCloud span {
182  margin: 0;
183}
184
185.nbEntries {
186  text-align: right;
187}
188
189.mandatorystar {
190  color: #e04040;
191}
192
193/* help */
194
195.errors {
196  border: 2px solid #A04040;
197  color: #A04040;
198}
199.errors a {
200  color: #FF0000;
201  font-weight: bold;
202}
203
204.infos {
205  border: 2px solid #40A040;
206  color: #40A040;
207}
208.infos a {
209  color: #00FF00;
210  font-weight: bold;
211}
212
213.commentsList .odd {
214  /*
215  background-color:#4c4c4c;
216  */
217}
218
219.commentElement {
220  padding:5px;
221  border-top: 1px dotted #606060;
222}
223
224#comments .description {
225  border-top: 1px dotted #606060;
226  display: block;
227  padding: 10px 0;
228}
229
230#comments .illustration {
231  float: left;
232  margin: 0 10px 0 0;
233}
234
235/* LanguageSwitch */
236#languageSwitchLink .pwg-button-text {display:none;}
237
238#languageSwitchLink .pwg-icon {
239  display: inline-block;
240  height: 26px;
241  overflow: hidden;
242  text-indent: -9999px;
243  vertical-align: bottom;
244  width: 26px;
245}
Note: See TracBrowser for help on using the repository browser.