source: extensions/greydragon/admin/css/styles.css @ 30210

Last change on this file since 30210 was 30210, checked in by SergeD, 10 years ago

version 1.0.13
+ New colorpack - GreyDragon
+ ADMIN: Added support for horizontal menu - "Static Menu - Header Bottom". When used with Additional Pages Plugin, pages except Root Page would be embeded

into menu bar instead of drop down menu.

+ ADMIN: Added option "Display navigation arrows" for Root page
+ ADMIN: Added option "Display navigation controls" for Root page
+ Added support for thumb shadow space - custom CSS is required (please refer to help section in admin area). Latest gdThumb is recomended.
+ CSS: cleanup

  • Removed hardcoded height for root page slideshow to accomodate navigation controls
  • Fixed issues with Categories List overlapping when Static menu is enabled
  • In Phote page, hide overflow photo when huge size is used
  • Property svn:eol-style set to native
File size: 6.2 KB
Line 
1body, #the_page { min-width: 1270px; }
2#pwgMain { background: #222; }
3#adminHome { background-color: transparent; border-radius: 0; border: 1px solid #EEE; }
4#adminHome a { color: #FFF; }
5
6#menubar dt { padding-top: 0; padding-bottom: 0; padding-left: 12px; background: #222; color: #EEE; line-height: 30px; }
7#menubar dt:hover { background: #000; color: #2EA2CC; }
8#menubar dl, #menubar dl.last { border: none; background-color: #222; }
9#menubar .ui-accordion-content a { color: #EEE; }
10#menubar .ui-accordion-header { height: 34px; line-height: 32px; font-size: 14px; font-weight: normal; }
11#menubar .ui-accordion-header-active  { background: #0074A2; color: #EEE; }
12#menubar .ui-accordion-content-active { background: #333; color: #EEE; }
13
14/* Piwigo 2.7 support */
15#menubar dl.menu-focused dt { background: #000; color: #EEE; }
16#menubar dl.menu-focused dt.menu-header-active, #menubar dt.menu-header-active { background: #0074A2; color: #EEE; }
17#menubar ul { background: #333; color: #EEE; }
18#menubar li a { color: #EEE; }
19
20#pluginsMenuSeparator { margin: 0; width: auto; border-bottom: none; border-left: none;}
21#menubar ul { line-height: 30px; }
22#menubar li { line-height: 30px; height: 30px; padding-left: 14px; }
23
24.content { font-size: 0.9em; }
25.content { position: relative; }
26.content .infos { position: absolute; top: 0px; z-index: 10; left: 0px; right: 0px; }
27
28.content label, .content legend, .content form p { color: #000; }
29
30#content { background-color: #FFF; padding-right: 0; }
31.titrePage { background-color: #fbfbfb; border-bottom: 1px solid #ddd; position: relative; }
32.content div.titrePage { height: auto; padding: 0.2em 0 0 0.5em; }
33.titrePage h2 { color: #000; text-align: left; }
34.titrePage .left-links { float: right; padding-right: 1.4em; top: 0; right: 0; position: absolute; }
35.titrePage .left-links ul { float: right; margin-top: 0; line-height: 2.2em; }
36.titrePage .left-links li { line-height: 2.5em; list-style-type: none; float: left; color: #618299; display: inline; text-shadow: 0px 1px 0px #ffffff; }
37
38.content form { width: 100%; display: inline-block; }
39#configContent { width: 53%; float: left; min-width: 610px; }
40
41.content fieldset { position: relative; overflow: hidden; padding: 0 1em 0 1em; background: #FFF; }
42.content legend   { position: absolute; left: 0px; width: 100%; padding: 0.4em 0.8em; border-bottom: #dfdfdf 1px solid; 
43  background-image: -ms-linear-gradient(bottom, #D5E6F2 0%, #FFFFFF 40%, #FFFFFF 60%, #D5E6F2 100%);
44  background-image: -moz-linear-gradient(bottom, #D5E6F2 0%, #FFFFFF 40%, #FFFFFF 60%, #D5E6F2 100%);
45  background-image: -o-linear-gradient(bottom, #D5E6F2 0%, #FFFFFF 40%, #FFFFFF 60%, #D5E6F2 100%);
46  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D5E6F2), color-stop(.4, #FFFFFF), color-stop(0.6, #FFFFFF), color-stop(1, #D5E6F2));
47  background-image: -webkit-linear-gradient(bottom, #D5E6F2 0%, #FFFFFF 40%, #FFFFFF 60%, #D5E6F2 100%);
48  background-image: linear-gradient(to top, #D5E6F2 0%, #FFFFFF 40%, #FFFFFF 60%, #D5E6F2 100%);
49  background-repeat: no-repeat;
50}
51
52.content fieldset ul { margin-top: 34px; padding-left: 0; }
53
54.content fieldset, #configContent fieldset, #configContent fieldset:not(.no-border) { border: 1px solid #ccc; }
55#configContent legend { margin-left: 0; padding-left: 1em; }
56
57input[type=checkbox] { display: none; }
58.graphicalCheckbox   { font-size: 16px; line-height: 16px; color: #555; }
59.graphicalCheckbox.success { color: #0C0; }
60.graphicalCheckbox.error   { color: #C00; }
61
62#configContent label:not(.no-bold) { font-weight: normal; }
63
64.content fieldset h3 { color: #d54e21; border-bottom: #a2bdbf 1px solid; margin-top: 0.3em; margin-bottom: 0.3em; font-size: 1em; letter-spacing: normal; text-align: left; }
65
66.content input  { width: 50%; margin-right: 0.8em; padding: 2px 4px; background-color: #FFF; color: #555555; border: 1px solid #ccc; }
67.content select { width: 51.5%; margin-right: 0.4em; padding: 2px 2px 2px 4px; background-color: #FFF; color: #555555; border: 1px solid #ccc; }
68
69.content input[type='submit'], .content input[type='button'] { display: inline-block; width: 120px; min-width: 100px; padding: 3px 10px; margin-bottom: 1em;
70  font-size: 1em; line-height: 1.5em; color: #333333; text-align: center; text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-color: #fafafa; 
71  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); 
72  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
73  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
74  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
75  border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
76  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 
77  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); cursor: pointer; margin-left: 1em;
78}
79
80form.properties label.textarea { display: inline-block; width: 89%; margin: 0; line-height: 1em; }
81form.properties span.textarea { float: left; width: 90%; margin: 0; }
82form.properties textarea { width: 98%; background-color: #FFF; color: #555555; border: 1px solid #ccc; padding: 2px 4px; }
83form.properties li { margin-top: 0.4em; margin-bottom: 0.4em; }
84form#update ul { margin-bottom: 0.2em; }
85
86.infos, .errors, .warnings { border-width: 0; border-left: 10px solid transparent; margin: 0; padding: 10px; background-image: none; min-height: auto; }
87.infos ul, .errors ul, .warnings ul { list-style: none; margin: 0; padding: 0; }
88.infos li, .errors li, .warnings li { list-style: none; }
89.infos  { border-left-color: #0F0; }
90.errors { border-left-color: #F00; }
91.warnings { border-left-color: #FFD800; }
92
93#helpContent p { margin-left: 0; }
94#helpContent li { margin-top: 2px; margin-bottom: 2px; }
95#helpContent ul ul { margin-top: 0; list-style: square outside; padding-left: 3em; }
Note: See TracBrowser for help on using the repository browser.