source: extensions/greydragon/css/styles.css @ 32637

Last change on this file since 32637 was 32637, checked in by SergeD, 3 years ago

Version 1.3.6 - see changelog for details

  • Property svn:eol-style set to native
File size: 19.3 KB
Line 
1/* backgrounds */
2
3html, body { font-size: 0.9em; }
4html, body, input, select, textarea, file { font-family: "Century Gothic", "Lucida Grande", Verdana, DejaVu Sans, sans-serif; }
5
6#the_page { position: relative; }
7#the_page .menushown#content, #the_page > .menushown.content, #the_page .contentWithMenu { margin-left: 0; }
8
9.thumbnailCategories { width: auto; margin-left: 6px; }
10.switchBox, .header_notes           { background-color: #555;}
11.thumbnailCategory , .commentElement      { background-color: #333;}
12.message                  { background-color: #666;}
13
14INPUT[type="text"], INPUT[type="password"], INPUT[type="file"], SELECT, TEXTAREA, OPTION { background-color: #555; padding-left: 0.3em; padding-right: 0.3em; }
15INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"] { background-color: #555; padding: 0.3em 0.6em; }
16INPUT:focus, SELECT:focus, TEXTAREA:focus { background-color: #666;}
17
18h3 { font-size: 1.1em; }
19
20/* font colors */
21
22a            { outline: 0; }
23a:hover      { text-decoration: none; }
24a:active, a:focus { outline: 0; text-decoration: none; }
25
26INPUT.rateButton              { color: #fff;}
27.message                  { color: #fff;}
28.commentContent .comments_toggle:hover    { color: #fff;}
29INPUT[type="text"], INPUT[type="password"],
30INPUT[type="reset"], INPUT[type="file"],
31SELECT, TEXTAREA              { color: #ccc;}
32INPUT:focus, SELECT:focus, TEXTAREA:focus { color: #fff;}
33
34
35/* borders */
36
37#content, .content, .content .titrePage    { border-bottom: 1px solid #444;}
38#copyright                  { border-top-width:1px;}
39#content .calendarTitleBar          { border-bottom: none;}
40.switchBox                  { border: 1px solid #000;}
41.switchBoxTitle                 { border-bottom: 1px solid #444;}
42INPUT, SELECT, TEXTAREA       { border: 1px solid #666;}
43
44/* form */
45legend { font-style: normal; }
46#qsearchInput { margin-left: -20px; }
47
48.properties fieldset { padding: 0; margin-left: 8px; margin-right: 8px; }
49
50/* general rules */
51
52body.gd-no-fullscreen { margin-left: auto; margin-right: auto; width: 1270px; }
53body.gd-fullscreen { amargin-left: auto; amargin-right: auto; width: 99.5%; }
54aaaa#theHomePage .gdHomePagePhoto > div { width: auto !important; }
55aaaa#theHomePage .content { margin-top: 0 !important; }
56
57#theHeader   { height: 90px; padding: 0; font-size: 0.9em; text-align: left; padding: 8px 16px; }
58
59#g-footer    { zoom: 1; position: relative; height: auto; min-height: 1.6em; clear: both; display: block; line-height: 90%; } /* min-width: 1020px; */
60#g-footer.expanded { min-height: 3em; }
61#g-footer span { display: none; }
62#g-footer.g-text-only span { display: static; }
63
64.g-link-list { float: left; padding: 0; margin: 0; text-align: left; list-style: none; }
65.g-link-list li { float: left; }
66.g-link-list li.dot:nth-of-type(1) { display: none; }
67
68.g-footer-topleft    { position: absolute; top: 0.3em; left: 1em; }
69.g-footer-bottomleft { position: absolute; bottom: 0.3em; left: 1em; }
70.g-footer-topright   { position: absolute; top: 0.3em; right: 1em; }
71#g-gallery-logo { text-indent: -9999em; display: block; width: 62px; height: 15px; background: transparent url('../icon/gallery.png') no-repeat; }
72#g-theme-logo   { text-indent: -9999em; display: block; width: 70px; height: 18px; }
73
74#g-footer #g-credits.g-text-only li { float: left; }
75#g-footer #g-credits.g-text-only span { display: block; float: left; }
76#g-footer #g-credits.g-text-only a { float: left; }
77#g-footer #g-credits.g-text-only #g-gallery-logo, #g-footer #g-credits.g-text-only #g-theme-logo { text-indent: 0; width: auto; background: none; }
78
79#gdHomeContent { position: relative; }
80.gdHomeQuote { float: left; width: 300px; font-size: 110%; margin-left: 4%; }
81.gdHomePagePhoto { text-align: center; margin: 0; }
82.gdHomeEnter { position: absolute; right: 6em; top: 1em; z-index: 20; padding: 0.3em 0.6em; }
83
84#g-logo { display: inline-block; }
85
86#content, .content, .content .titrePage { border-bottom: none; }
87
88a:hover     { border-bottom: none;}
89#copyright  { padding:0 4px 0 0; text-align:right;}
90
91/* content */
92
93#the_page  #content, #the_page > .content { margin-right: 0; }
94
95#content, .content        { margin-bottom: 0px; padding-bottom: 4px; min-height: 300px; }
96#thePicturePage #content  { padding-bottom: 0;}
97.content .titrePage       { padding: 0; margin-bottom: 4px;}
98.content .titrePage h2    { background: none !important; line-height: 20px; padding: 6px 0 0 6px; }
99
100#quickconnect fieldset { margin: 0 10px 0 -10px; border: 2px solid #444444; }
101.categoryActions { margin-right: 14px; margin-top: 0; }
102
103/* menubar */
104
105#menubar { display: none; left: 0px; top: 120px; position: absolute; margin: 0; z-index: 200; overflow: hidden; width: 200px; }
106.no-header #menubar { top: 30px; }
107.content.menuhidden .titrePage h2 { margin-left: 0; }
108
109#menubar.expanded { bottom: 3em; }
110#menubar dt { text-align: left;}
111#menubar dd { padding: 0 0 0 1em;}
112#menubar .pwg-icon-filter { display: none;}
113#menubar dl dt { padding-left: 12px; }
114#menubar ul { list-style-type: disc; margin-top: 0; }
115#menubar #menuTagCloud { font-size: 92%; text-align: left; }
116#menubar #mbCategories li { margin-right: 0.3em; }
117.no-b-counter #menubar #mbCategories .menuInfoCatByChild, .no-b-counter #menubar #mbCategories .menuInfoCat, .no-b-counter #menubar #mbCategories .totalImages, .no-b-counter #content .badge { display: none; }
118
119/* Menu Styles */
120/* Disabled */
121body.hide-menu #menubar { display: none !important; }
122body.disabled-menu #menuSwitcher { display: none !important; }
123body.disabled-menu .content .titrePage h2 { padding-left: 10px; }
124
125/* Static */
126#menubar.static { background: none !important; bottom: auto; position: static; display: block !important; }
127body.static-menu .contentWithMenu, body.static-menu #the_page .contentWithMenu { margin-left: 200px; amargin-left: 0; }
128body.static-menu .contentWithMenu .titrePage { margin-left: -194px; }
129body.static-menu #mbCategories { margin-bottom: 1em; }
130body.static-menu .content .titrePage h2 { text-indent: 10px; }
131body.static-menu #menuSwitcher { display: none !important; }
132
133/* Static header bottom */
134#menubar.header-bottom { float: none; width: 100%; display: block !important; position: static; }
135#menubar.header-bottom dt { padding: 2px 4px; font-weight: normal; }
136#menubar.header-bottom dl { float: left; padding-left: 1em; padding-right: 1em; cursor: pointer; }
137#menubar.header-bottom dl:first-child { margin-left: 8px; padding-left: 0; }
138#menubar.header-bottom dd { position: absolute; z-index: 1000; display: none; float: left; min-width: 20em; padding: 0.5em 0 0.5em 0.5em; margin: 0 0 0 -8px; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; }
139#menubar.header-bottom dl:hover dd { display: block; }
140#menubar.header-bottom #mbAdditionalPages dt { display: none; }
141#menubar.header-bottom #mbAdditionalPages dd { display: block; background-color: transparent; border: none; padding: 2px 0; }
142#menubar.header-bottom #mbAdditionalPages dd ul { margin: 0; list-style-type: none; font-size: 120%; }
143#menubar.header-bottom #mbAdditionalPages dd ul li { float: left; padding-right: 1em; }
144
145#menubar.header-bottom fieldset { border: none; padding: 0 0.5em 0 1em; }
146#menubar.header-bottom fieldset legend { font-size: 1.4em; margin-bottom: 0.5em; }
147
148.header-bottom-menu .contentWithMenu .titrePage { padding-left: 6px; }
149.header-bottom-menu .categoryActions { margin-top: 4px; }
150.header-bottom-menu #menuSwitcher { display: none !important; }
151
152/* Static header right */
153
154.header-right-menu .content .titrePage h2 { padding-left: 10px; }
155.header-right-menu #menuSwitcher { display: none !important; }
156
157#menubar.header-right { float: none; left: auto; top: 30px; right: 2em; display: block !important; background: none; width: auto; }
158
159#menubar.header-right dt { padding: 2px 4px; font-weight: normal; }
160#menubar.header-right dl { float: left; padding-left: 1em; padding-right: 1em; cursor: pointer; }
161#menubar.header-right dd { position: fixed; z-index: 1000; display: none; float: left; min-width: 15em; padding: 0.5em 0 0.5em 0; margin: 0 0 0 -8px; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; }
162#menubar.header-right dd > ul { list-style: none; margin-left: 0; margin-bottom: 0; }
163#menubar.header-right dd > ul > li { min-width: 15px; line-height: 1.9em; vertical-align: middle; padding-left: 0.5em; }
164#menubar.header-right dl:hover dd { display: block; }
165
166#menubar.header-right #mbAdditionalPages dt { display: none; }
167#menubar.header-right #mbAdditionalPages dd { display: block; background-color: transparent; border: none; padding: 2px 0; }
168#menubar.header-right #mbAdditionalPages dd ul { margin: 0; list-style-type: none; font-size: 120%; }
169#menubar.header-right #mbAdditionalPages dd ul li { float: left; padding-right: 1em; }
170
171/* Static top bar */
172#menubar.top-bar { float: none; width: 100%; display: block; position: absolute; top: 0; }
173#menubar.top-bar dt { padding: 2px 4px; }
174#menubar.top-bar dl { float: left; padding-left: 1em; padding-right: 1em; cursor: pointer; }
175#menubar.top-bar dl:first-child { margin-left: 8px; padding-left: 0; }
176#menubar.top-bar dd { position: absolute; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0.5em 0 0.5em 0.5em; margin: 0 0 0 -8px; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; }
177#menubar.top-bar dl:hover dd { display: block; }
178body.top-bar-menu #the_page{ padding-top: 28px; }
179
180/* switchers */
181
182#menuSwitcher { display: inline-block; height: 20px; cursor: pointer; width: 30px; }
183
184#infoSwitcher { display: block; text-align: center; height: 32px; cursor: pointer; position:absolute; right: 21.7%; top:0; margin: 10px 0 0 7px; z-index:99; }
185#infoSwitcher.infohidden { width: 25px; top: 10px; right: 0; left: auto; margin: 0; }
186
187#slideshow #theImage      { width: 100%; margin: auto; overflow: visible;}
188#theImage.infohidden    { width: 100%;}
189
190#commentsSwitcher { float: left; margin: 0.6em 0; cursor:pointer; width: 33px; }
191.noCommentContent #commentsSwitcher { display: none;}
192
193.switchArrow { width: 24px; height: 16px; margin: 1px 5px 8px 4px; user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
194
195.menuhidden .switchArrow  { background-position: 0 0;}
196.menushown  .switchArrow { background-position: -22px 0;}
197.infohidden .switchArrow { background-position: 0 0; margin-top: 8px; }
198.infohidden#infoSwitcher { width: 32px;}
199.infoshown  .switchArrow   { background-position: -22px 0; margin-top: 8px; }
200
201.commentshidden .switchArrow, 
202.commentsshown  .switchArrow { background: none; font-family: "Glyphicons Halflings" !important; text-align: center; margin-right: 0; }
203.commentshidden .switchArrow::before { content: "\e113"; width: auto; }
204.commentsshown  .switchArrow::before { content: "\e114"; width: auto; }
205                                                       
206/* switchboxes */
207
208.switchBox { padding: 0.5em 10px; text-align: left; z-index: 100; border-radius: 0; }
209.derivativeSizeDetails        { display: none;}
210
211/* thumbnails */
212
213.thumbnails, #thumbnails          { padding-top: 5px; margin-left: 8px; margin-right: 8px;}
214.thumbnailCategory .illustration,
215.commentElement .illustration     { margin: 2px; text-align: center;}
216.wrap1 .wrap2 a img { margin-left: auto; margin-right: auto; }
217
218/* picture page */
219
220.contentWithMenu #imageHeaderBar  { padding: 0;}
221#imageHeaderBar             { padding: 0 0 0 10px;}
222#imageHeaderBar             { width: auto;}
223#imageHeaderBar h2          { font-size: 100%; font-weight: inherit;}
224#imageHeaderBar .browsePath { display: inline-block; float:left; font-size:120%; line-height:20px; padding: 6px 0 0 6px; font-weight:bold; }
225#imageToolBar               { background: inherit; padding-left: 0.7em; margin-right: 1em; }
226#imageToolBar .imageNumber  { display: inline-block; float: right; line-height: 26px; margin: 0 2px 0 0; min-width: 40px; text-align: center;}
227#imageToolBar               { margin-top: -24px; margin-bottom: 0; float: right;}
228#thePicturePage .pwg-button { width: 26px;}
229#thePicturePage .actionButtons { margin-right: 26px; }
230
231#theImageAndInfos { display: block; width: 100%; position: relative; min-height: 30em; overflow: hidden; }
232
233#theImageAndInfos .gd-nav { display: block; width: 60px; height: 50px; margin: 0 0 0; position: absolute; z-index: 100; overflow: hidden; opacity: 0; cursor: pointer; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-align: center; line-height: 48px; }
234#theImageAndInfos .gd-nav.nav-prev { left: 50%; margin-top: -30px; }
235#theImageAndInfos .gd-nav.nav-next { right: 50%; margin-top: -30px; }
236#theImageAndInfos .gd-nav.nav-up   { left: 50%; margin-left: -30px; top: 15px; }
237#theImageAndInfos .gd-nav.nav-zoom { left: 50%; margin-left: -30px; margin-top: -30px; }
238#theImageAndInfos:hover .nav-prev,
239#theImageAndInfos:hover .nav-next,
240#theImageAndInfos:hover .nav-up,
241#theImageAndInfos:hover .nav-zoom  { opacity: 1; }
242
243#theImageAndInfos a.gd-nav .fas { font-size: 24px; }
244
245#theImage { display: block; width: 100%; vertical-align: top; padding: 10px 0 5px 0; }
246#theImage img { padding: 2px; }
247#theImage .imageComment { text-align: left; }
248
249.rateButtonStarFull           { background: url('../icon/rating-stars.png') no-repeat -16px center; width:16px;}
250.rateButtonStarEmpty        { background: url('../icon/rating-stars.png') no-repeat 0 center; width:16px;}
251
252/* image infos */
253
254#imageInfos { vertical-align: top; margin: 0; word-wrap: break-word; float: right; }
255
256#imageInfos .navThumbs        { height: 130px; margin: auto; padding: 0 5px;}
257#imageInfos .navThumb         { position: relative; margin: 0 0.5em; overflow: hidden;}
258#imageInfos #linkPrev         { float: left;}
259#imageInfos #linkNext         { float: right;}
260#imageInfos .prevThumbHover       { background: transparent url(../icon/none.png) no-repeat center center;}
261#imageInfos .prevThumbHover:hover   { background: transparent url(../icon/img_prev.png) no-repeat center center;}
262#imageInfos .nextThumbHover       { background: transparent url(../icon/none.png) no-repeat center center;}
263#imageInfos .nextThumbHover:hover   { background: transparent url(../icon/img_next.png) no-repeat center center;}
264
265ul.image-metadata { margin: 0.5em 0 0; padding: 0; float: left; list-style: none; height: 30px; width: 100%; }
266ul.image-metadata li { float: left; margin: 0; cursor: pointer; padding: 0px 20px; height: 30px; line-height: 30px; font-weight: bold; overflow: hidden; position: relative; }
267
268#image-metadata-ico { text-align: center; margin-bottom: 1em; }
269.nav-thumb-margin #image-metadata-ico { margin-right: 284px; }
270ul.image-metadata-ico    { display: inline-block; margin: 0 auto; padding: 0; list-style: none; height: 30px; }
271ul.image-metadata-ico li { float: left; margin: 0; cursor: pointer; padding: 0px 20px; height: 30px; line-height: 30px; font-weight: bold; overflow: hidden; position: relative; }
272
273.image-metadata-tabs { clear: both; float: left; width: 100%; }
274.image-metadata-tab  { padding: 20px; display: none; }
275.image-metadata-tab .imageInfo dt { text-align: left; padding-right: 2em; }
276.image-metadata-tab ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; }
277.image-metadata-tab blockquote { padding: 0; margin: 0; border-left: none; font-size: 1em; }
278.image-metadata-tab #commentAdd, #pictureCommentList { padding: 0; width: 50%; }
279.image-metadata-tab .commentElement { border-radius: 0; margin: 5px 0 0 0; }
280.image-metadata .glyphicon-chevron-up, .image-metadata .glyphicon-chevron-down { float: right; padding-right: 10px; font-size: 0.8em; }
281
282#cboxContent { margin-top: 22px; }
283#cboxTitle   { padding-top: 0.3em; padding-left: 0.6em; }
284#cboxLoadedContent .image-metadata-tab { display: block; }
285
286dl.imageInfoTable   { display: block; padding: 0 15px; margin: 0; width: 40em; }
287dl.imageInfoTable.dl-horizontal dt { text-align: left; clear: left; float: left; width: 15em; }
288dl.imageInfoTable.dl-horizontal dd { clear: right; }
289dl.imageInfoTable ul { margin-bottom: 0; }
290
291#imageInfos h3            { margin: 20px 0 10px;}
292
293/* image comments */
294
295#thePicturePage #comments       { padding: 2px 5px; position:relative;}
296#thePicturePage #comments h3      { margin: 1em 0 1em 1em;}
297#thePicturePage #comments form    { margin: 1em 0;}
298#thePicturePage #comments fieldset    { margin: 0 1em;}
299
300.commentshidden #pictureComments    { display: none;}
301.commentContent .comments_toggle  { cursor: pointer;}
302
303#commentAdd, #pictureCommentList  { width: 48%; padding: 0 1%;}
304#commentAdd             { float: left; }
305#pictureCommentList           { float: right; }
306
307#commentAdd input[type="text"],
308#commentAdd textarea { width: 95%; font-family: Arial,Helvetica,sans-serif; font-size: 100%; }
309#pictureCommentList .commentsOrder  { float: left; margin-bottom: 5px;}
310#pictureCommentList .navigationBar  { float: right; margin-bottom: 5px;}
311#pictureComments h4         { margin: 0;}
312#pictureComments form p       { margin: 5px 0;}
313#pictureComments form p textarea    { margin: 10px 0;}
314
315#pictureComments INPUT[type=submit] { margin: 0;}
316.commentElement .description    { padding: 5px;} 
317
318/* calendar */
319
320.calendarViews    { margin-top: 4px;}
321
322/* plugins */
323
324#the_page .content .stuffs    { margin: 0!important}
325.categoryActions .theme_menuf   { display: none;}
326
327/* custom */
328
329.content .additional_info { margin: 1em 0.8em; text-align: left; }
330
331.calendarBar span, .calendarBar a { display: inline-block; min-width: 1.5em; padding-left: 2px; padding-right: 2px; }
332.calendarBar div { margin-left: 6px; margin-right: 6px; }
333.static-menu .calendarTitle, .static-menu .calendarBar { margin-left: 196px; }
334
335.infos, .errors, .warnings { position: fixed; z-index: 10; right: 1em; top: 3em; border-width: 0; border-left: 0.8em solid transparent; margin: 0; padding: 1em; white-space: nowrap; min-width: 200px; }
336.infos ul, .errors ul, .warnings ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
337.infos  { border-left-color: #0F0; }
338.errors { border-left-color: #F00; cursor: pointer; }
339.warnings { border-left-color: #FFD800; }
340
341.content .titrePage h2.calendarTitle { background: none; padding-left: 8px; }
342                                                 
343#calendarViewSwitchBox { width: 190px; margin-left: -72px; margin-top: 4px; }
344td.calDayCellFull  { font-size: 14px; }
345td.calDayCellEmpty { font-size: 14px; padding-left: 6px; }
346.calForeDate { padding-left: 4px; padding-top: 0; }
347
348.content .additional_info { margin-top: 0.4em; margin-bottom: 0.4em; padding: .5em 1em; }
349#theImage .imageComment { margin: 1em 1em 0.4em 1em; padding: .5em 1em; }
350
351#piwigoAbout { min-height: 40em; }
352
353#ato_header > ul ul { top: 26px; }
354
355.contact table td:first-child { padding-right: 1.5em; }
356.contact input[name="send_mail"] { margin-right: 1.5em; }
357
358#tab-cart table { margin-left: 0; }
359#tab-cart .label { font-size: 100%; color: inherit; }
360#tab-cart select { margin-right: 1em; }
361#tab-cart input[type="submit"] { margin-right: 1em; }
362
363#tab-map { width: 40em; height: height: 40em; }
364
365#cboxLoadedContent>div { padding: 8px 10px 10px 10px; }
366#cboxClose { right: 5px; }
367
368#TagsTable { width: 600px; height: 8em; }
369#tab-tags #TagsTable { width: 100%; min-width: 400px; z-index: 1; }
370#Tags td.value { position: relative; vertical-align: top; min-height: 1.4em; display: block; }
371#Tags .tags-edit-marker { position: absolute; right: 0; bottom: 0; }
372
373.theme-default .nivo-controlNav { margin-top: -40px; }
374.theme-default .nivo-controlNav a { box-sizing: content-box; width: 30px; height: 4px; background-image: none; background-color: #FFF; opacity: 0.5; color: transparent; z-index: 500; position: relative; }
375.theme-default .nivo-controlNav a.active { opacity: 1; }
Note: See TracBrowser for help on using the repository browser.