source: trunk/admin/themes/clear/theme.css @ 9051

Last change on this file since 9051 was 9051, checked in by plg, 13 years ago

bug 2172 fixed: the "sort order" options are removed from the album administration main page.

bug 2173 fixed: rename "manual order" into "automatic order" and "by rank" into "manual order"

bug 2174 fixed: only show the automatic order options when it's relevant

new icon for the "manage photo order" screen

hide the numeric rank below the thumbnail (it is confusing for users)

tell users that you can drag'n drop to reorder photos

bug fixed: the "apply to sub-albums" options for photo orders was not working
  • Property svn:eol-style set to LF
File size: 13.8 KB
Line 
1/* generic colors - clear
2.gcText { color: #777777; }                 used for text
3.gcText2 { color: #777777; }                used for table header
4.gcText3 { color: #555555; }                used for tabs text
5.gcTextInput { color:#666666; }             used for inputs
6.gcLink { color: #005E89; }                 used for link
7.gcLinkHover { color: #D54E21; }            used for link
8.gcBgPage { background-color: #F9F9F9; }               used for page background
9.gcBgTabSheet { background-color: #F1F1F1; }           used inside tabsheet & menu
10.gcBgTableRow1 { background-color: #DDDDDD; }            used in for tables rows background
11.gcBgTableRow2 { background-color: #EEEEEE; }            used in tables rows & some widgets background
12.gcBgInput { background-color:#CCCCCC; }                      used for inputs
13.gcBorder    { border-color: #AAAAAA; }            used for borders
14.gcBorder2   { border-color: #666666; }            used for widgets borders
15.gcBorderInput { border-color:#777777; }           used for inputs
16*/
17/* text color */
18.theme_title { left: 15px; color: #000; text-align: left;}
19body, h3, dt, h2, .throw, .content, label { color:#777; }
20th { color: #888; }
21INPUT, select, textarea { color:#666; background-color: #ccc; }
22input[type="radio"], input[type="checkbox"] { background-color: transparent; }
23INPUT[type="submit"], INPUT[type="reset"]  { color:#666; border: 1px solid #777; background-color: #bbb; padding: 1px 15px; }
24legend, h3 { color: #777; }
25h2 { color: #777; }
26
27INPUT[type="text"], INPUT[type="password"], INPUT[type="button"],
28INPUT[type="submit"], INPUT[type="reset"], INPUT[type="file"] {
29        background-color: #ddd;
30}
31
32INPUT.text, INPUT.password, INPUT.button,
33INPUT.submit, INPUT.reset, INPUT.file,
34SELECT, TEXTAREA {
35        background-color: #ddd;
36}
37
38INPUT:focus, SELECT:focus, TEXTAREA:focus, INPUT.focus, FORM .focus, INPUT.submit:hover {
39  background-color: #eee;
40  color: #666;
41}
42
43INPUT, SELECT, TEXTAREA { border: 1px solid #999; }
44
45INPUT[type="submit"]:hover, INPUT[type="reset"]:hover { cursor: pointer; }
46
47input[type="button"], input[type="submit"], input[type="reset"] {
48  background-color:#ddd;
49  border-color: #0cc9c;
50}
51
52input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
53  color:#666;
54  border-color: #999;
55}
56
57
58#copyright { color:#777; margin:5px auto 0px 240px; text-align:center;
59padding-bottom: 15px; }
60.header_notes { 
61  background: transparent url(../default/icon/note.png) no-repeat right top;
62  border: none; 
63  min-height: 48px;
64  padding: 15px 60px 0 0; 
65  right: 0;
66  width: 550px; 
67  top: 70px;
68}
69html, body { min-height: 100%; }
70body { margin: 0; padding: 0; background:#f9f9f9 }
71/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */
72/* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */
73#headbranch { width: 233px; height: 240px; margin: 0; padding: 0;
74position:absolute; left:0px; top:0px; z-index: 0;
75background:transparent }
76h3, #imageToolBar a:hover, .content, .throw, .row1 { background-color: #ddd; }
77.row2 { background-color:#eeeeee; }
78.throw em { font-style: normal; color: #0cc9c; }
79#content { background: #f1f1f1; min-height: 467px;}
80.content { padding:0 5px 5px; margin: 0 10px 0 252px; z-index:99; border: 1px solid #aaa;}
81.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0;
82 text-align:center; background:none; border: 0; }
83.content h3 ~ h3{ margin-top: 40px; }
84.content h4 { color: #aaa; font-size:14px; text-align:center; padding:3px; margin-top: 0; margin-bottom: 10px;}
85
86.content dl, dd { margin:5px; }
87.content div.titrePage { height:40px; }
88
89
90UL.thumbnails span.wrap2:hover { background-color:#eee; border:1px solid #0cc9c; color:#999; }
91UL.thumbnails span.wrap2 { border:1px solid #999; padding: 4px; }
92UL.thumbnails span.wrap2 { -moz-border-radius:4px; }
93UL.thumbnails span.wrap1 { margin:0 12px 5px; }
94
95/* borders */
96fieldset { border: 2px solid #ddd; }
97TEXTAREA { cursor:text; font-size: 13px; }
98UL.thumbnails SPAN.wrap2 {
99  border: 1px solid #555555;  /* thumbnails border color and style */
100  border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
101}
102.tagSelection label { padding-right:12px; }
103.tagSelection LI.tagSelected {background-color:#dbe8f3;}
104.tagSelected LABEL {color:black;}
105
106.content ul.categoryActions a img { margin-left: 10px; }
107ul.thumbnails input { border:3px double #666; color:#666; font-size:10px; margin:0; background-color:#bbb; text-align: center;}
108INPUT.bigbutton:hover { background-color: #ddd;  color:#0cc; border: 0; }
109.throw  { font-size: 120%; line-height: 26px; padding-top: 10px; font-weight: bold; color: #0cc9c; }
110label { cursor:pointer }
111.categoryLi, .menuLi { background: #ddd }
112.virtual_cat, .menuLi_hidden { background: #ccc !important; }
113a.Piwigo {
114  font-family: verdana, arial, helvetica, sans-serif !important;
115  font-size: 11px; font-weight: normal; letter-spacing: 0;
116  color : #0cc; text-decoration: none; border: 0; }
117a.Piwigo:hover  span.Piwigo  {
118  border-bottom: 1px solid #0cc9c;
119}
120TABLE.table2 { border: 2px solid #dddddd; }
121
122*, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
123a { color:#005E89; border-width: 0; }
124a:hover, a:active { color: #d54e21; border-bottom: 1px dotted #d54e21; cursor: pointer; }
125.content .navigationBar {color:#999;}
126ul.actions, .content form#waiting  {text-align:center;}
127.header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top;
128border:0; color:#ccc; font-size:24px; height:30px; left:0; margin:0; padding:10px 0 0; position:absolute;
129text-align:center; top:0; width:100%; z-index:99; }
130#content.content div.comment a.illustration{ margin-right: 30px;}
131/* tabsheets are often used in admin  pages => No specific css files */
132.tabsheet {
133background-color:#f9f9f9; border:1px solid #f9f9f9; border-bottom:1px solid #aaa; display:table;
134font-family:verdana,arial,helvetica,sans-serif; font-size:8px;
135list-style-type:none; list-style-image:none; padding: 0; position:relative; text-decoration:none;
136top:-2px; white-space:nowrap; margin: 0 0 0 -6px; padding-left:10px;
137width:100%; }
138.tabsheet li { background:#f1f1f1; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #aaa; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
139.tabsheet a {
140display:block; font-size:11px; border:0;
141font-weight:bold; overflow:hidden; padding:6px;
142text-align:right; text-decoration:none; margin: 0; }
143.tabsheet a:first-letter { text-transform:capitalize; }
144.tabsheet li.selected_tab  {
145  border-bottom:1px solid #f1f1f1;
146}
147.tabsheet li:hover, .tabsheet li.selected_tab  {
148margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
149 }
150/* .tabsheet a:hover */
151.tabsheet li.selected_tab  a { color: #555; }
152.tabsheet a span { display:block; font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
153
154.sort { clear: none; }
155#debug { margin-left:248px; font-size:12px; }
156/* menubar is on all admin pages => No specific css file */
157#menubar {
158display:inline; float:left; left:0; margin: 10px 0 0 10px;
159padding:0; width:207px; z-index:99; text-align: left; }
160#menubar ul.scroll { overflow-y:auto;
161 /* Only IE family supports colored scrollbar */
162 scrollbar-face-color: #ddd; scrollbar-shadow-color: #bbb; scrollbar-highlight-color: #fff;
163 scrollbar-3dlight-color: #d6d6d6; scrollbar-darkshadow-color: #ccc; scrollbar-track-color: #eee;
164 scrollbar-arrow-color: #0cccc; }
165#menubar dd { margin: 0; padding: 0;}
166#menubar dl { width: 207px; border:0; margin: 0; padding: 0; display: block; min-height:35px; border:1px solid #ddd; background-color:#f1f1f1; border-left:1px solid #aaa; border-right:1px solid #aaa;}
167#menubar dl.first {border-top:1px solid #aaa;}
168#menubar dl.last {border-bottom:1px solid #aaa;}
169#menubar dt { background-color: #ddd; margin: 0; display: block; font-weight:bold;
170position:relative; padding: 5px 1px 4px 5px; font-size: 13px; color: #777; }
171#menubar dt  span { cursor:pointer; }
172#menubar li { margin: 0; padding-left:10px; }
173#menubar li A { display:block; }
174#menubar li A:hover { border:none; }
175#menubar li:hover {background-color:#dbe8f3;}
176#menubar ul { color: #ccc; margin:0; line-height: 25px;
177  list-style-type: none; list-style-position: inside; padding: 0; }
178#adminHome       {background-color:#ddd;}
179#adminHome:hover {background-color:#d0d0d0;}
180
181/* jQuery tooltips */
182.cluetip-default #cluetip-outer { border-color:#999; color: #777; background-color: #eee; }
183.cluetip-default h3#cluetip-title { color: #0cc9c; background-color: #ddd; }
184/* jQuery ui resizable */
185.ui-resizable { position: relative; }
186.ui-wrapper { border: 0; }
187.ui-wrapper input, .ui-wrapper textarea { border: 0; }
188
189/* Global handle styles */
190.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
191.ui-resizable .ui-resizable-handle { display: block; }
192body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
193body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
194.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(images/resizable-n.gif) no-repeat scroll center top; }
195.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(images/resizable-s.gif) no-repeat scroll center top; }
196.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-e.gif) no-repeat scroll right center; }
197.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-w.gif) no-repeat scroll right center; }
198.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(images/resizable-se.gif); }
199.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(images/resizable-sw.gif); }
200.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(images/resizable-nw.gif); }
201.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(images/resizable-ne.gif); }
202
203#ui-datepicker-div {background-color: #fff; border:2px solid #aaa;}
204#ui-datepicker-div .ui-datepicker-title {color:black;}
205#ui-datepicker-div .ui-icon-circle-triangle-w {background: transparent url(icon/prev.png) no-repeat;}
206#ui-datepicker-div .ui-icon-circle-triangle-e {background: transparent url(icon/next.png) no-repeat;}
207#ui-datepicker-div A.ui-datepicker-prev:hover,
208#ui-datepicker-div A.ui-datepicker-next:hover
209{
210  background-color:#eee;border:1px solid #aaa;
211}
212
213#ui-datepicker-div .ui-datepicker-control, #ui-datepicker-div  a { background-color: #eee; color: #08f !important;}
214#ui-datepicker-div .ui-datepicker-days-row { background-color: #bbb;}
215#ui-datepicker-div .ui-datepicker-week-end-cell, #ui-datepicker-div .ui-datepicker-week-end-cell  a { background-color: #ddd; color: #0cc; border-color: #bbb; border-top-color: #ddd; border-left-color: #ddd;}
216#ui-datepicker-div .ui-datepicker-title-row { background-color: #eee;}
217#ui-datepicker-div .ui-datepicker-title-row .ui-datepicker-week-end-cell a { color: #0cc;}
218#ui-datepicker-div  a:hover { color: #0cccc !important; border: 0; background-color: #eee !important;}
219#ui-datepicker-div .ui-datepicker-header select { background-color:#bbb; color:#666; font-weight:normal;}
220#ui-datepicker-div .ui-datepicker-links { background-color:#ddd;}
221#ui-datepicker-div .ui-datepicker-header { background-color:#bbb;}
222#ui-datepicker-div .ui-datepicker-current-day { background-color: #eee !important; border-color: #bbb; border-top-color: #eee; border-left-color: #eee;}
223#ui-datepicker-div .ui-datepicker-days-cell { background-color:#bbb; border:1px solid #ddd; border-top-color: #bbb; border-left-color: #bbb;}
224img.ui-datepicker-trigger{margin:-2px 10px 1px -2px;}
225
226INPUT[type="text"].large  { width: 317px; }
227.bigbutton { background:transparent url(images/quickLocalSync.png) no-repeat scroll left top; display: block;
228color:#eee; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px;
229position:relative;  z-index: 50;}
230.bigtext { display:block; font-weight:bold; left:225px; position:relative; top:35px; width:320px;  z-index: 55; cursor:pointer; }
231.bigbutton:hover { color: #fff; }
232.bigbutton input { background:transparent url(images/transparent.gif) repeat scroll left top; border:0;
233display:block; height:85px; left:225px; position:relative; top:-42px; width:313px; z-index:99; padding:0;}
234.bigbutton input:hover { cursor:pointer; background:transparent url(images/transparent.gif) repeat scroll left top; border:0; padding:0;}
235/* hacks */
236* html[lang="en"] body .content h2 , *+html[lang="en"] body .content h2 { text-transform:capitalize; } /* IE */
237*+html  .bigtext { left: 70px; }
238*+html  .bigbutton input, * html  .bigbutton input  { left:0px; position:relative; top:-40px; }
239* html .bigtext { margin-right: 300px; }
240
241.themeBox {background-color:#ddd;}
242.themeBox IMG {border:1px solid white;}
243.themeName {color:black;}
244#themesContent H3 {border-bottom:1px solid #aaa;}
245.themeDefault {background-color:#dbe8f3;}
246
247#pluginsMenuSeparator {border:1px solid #ddd;}
248
249#helpContent A {border-bottom:1px dotted #005E89;}
250#helpContent A:hover {border-bottom:1px solid #d54e21;}
251
252#pwgHead, #footer {background-color:#ddd;}
253#pwgHead, #footer {color:#666;}
254#pwgHead A, #footer A {color:#444;}
255#pwgHead A:hover, #footer A:hover {color:black; border-color:black;}
256#footer { background-image: url(images/piwigo_logo_small.png);}
257
258.pluginBox {background-color:#ddd;color:#333}
259.pluginBoxNameCell {font-weight:bold;}
260
261.languageBox {background-color:#ddd;}
262.languageName {color:black;}
263.languageDefault {background-color:#dbe8f3;}
264
265UL.thumbnails li.rank-of-image { 
266  background-color: #ddd;
267}
Note: See TracBrowser for help on using the repository browser.