Use crm-checkbox-list styling in display prefs tpl

[colemanw]

Overview

As a followup to #14419, this restyles the rest of the checkboxes on "Display Preferences" screen for visual consistency.

Before

After

Comments

It's a lot of yellow. Not sure what to do about that. Open to suggestions.

[civibot]

(Standard links)

• If this is your first pull-request for CiviCRM, please browse CONTRIBUTING.md for information about the development and testing processes.
• If you are reviewing this pull-request, you may wish to consult the test sites and the Review Standards (long template, short template).

[colemanw]

@agh1 you always have opinions about colors :)

To try to avoid inventing something new, I reused the visual style of the search pages (where rows are striped and turn yellow when checked). But I think those colors look better on search pages than they do on a settings screen. I don't really like the yellow here. Open to suggestions.

OTOH I don't think this PR needs to get held up by color choices, as the colors are not part of the PR per-se. IMO we can merge this and keep discussing it.

[MegaphoneJon]

Does it need colors?

[agh1]

@colemanw it's a lot of yellow, but at least for now #ffffcc is our highlight color. This doesn't introduce it. I'd be open to changing it to a new color, but I think that ought to be an across-the-board design decision, not really one about this form.

@MegaphoneJon I can see it being kind of nice to have a highlight on selected lines in this sort of hybrid multiselect-checkbox. The background has that grey striping, so it makes sense that it's some other color.

[agh1]

I suppose this form is also a bit of an outlier because you frequently want all the things--meaning it's all yellow.

[eileenmcnaughton]

I'm going to merge this as a standardisation & invite a follow up on the YELLOW from clever styly people (like @vingle or perhaps a Compucorp peep @mickadoo @jamienovick

[vingle]

Thanks @eileenmcnaughton. tbh, I find it hard to discuss the yellow without mentioning the beige.

[eileenmcnaughton]

@vingle don't mention the Beige - as Basil would say

[vingle]

Some of my best friends like Beige!

In short: alternating row colours = good, and tidier checkbox lists = good. But beige with yellow is poutine without the gravy, tho that's maybe another thread.

[vingle]

This might be as good a place as any to mention that while pulling this wiki page on interface together earlier, I stumbled across the shoreditch colour guide. I don't know if there's a Civi color palette somewhere to reference, but it'd be nice (even if it looks like lunch in a retirement home :).

[eileenmcnaughton]

@vingle cool

[eileenmcnaughton]

@vingle any styling tips welcome if you want to take a look at my angular bootstrap foray into a 'quicker to use' dedupe form https://github.com/eileenmcnaughton/org.wikimedia.dedupetools

[vingle]

@eileenmcnaughton looks good to me from the screengrab. Maybe some padding around the top elements? ie 5-10px top and bottom of elements, and (at a guess) 30px from the left to align with the non bob title. I like the batch merge thunderbolt icon.

[eileenmcnaughton]

@vingle I imagine I copied that from something @colemanw did. The goal is to make the process quicker - so ideally you don't need to be constantly loading pages when deduping.

[agh1]

@vingle my coworker put together a list of colors in civicrm.css five years ago and it was mayhem: https://issues.civicrm.org/jira/browse/CRM-15515 I don't think much has been done to standardize it since then except that people have been better about not inventing new colors to add to it.

[christianwach]

this wiki page on interface

@vingle How do I edit that wiki page?

[vingle]

@christianwach - you first need to become a member of the Interface project - which might mean joining the Dev Group, as I think permissions get inherited from there.

[vingle]

@agh1 ah nice, thanks - the links on that page 404 tho. @mlutfy - I don't suppose you know if there's a backup of the three files linked to here, e.g. https://issues.civicrm.org/jira/secure/attachment/30373/colorsofcivicrm.html, https://issues.civicrm.org/jira/secure/attachment/30374/Civi%20Color%20Index-1.ods & https://issues.civicrm.org/jira/secure/attachment/30372/newcolors.html ?

[christianwach]

you first need to become a member of the Interface project - which might mean joining the Dev Group, as I think permissions get inherited from there.

@vingle Hmm, I'm a maintainer of WordPress which is a project in Dev, but weirdly I don't seem to be a member of Dev. How do I go about getting added to Dev and/or Interface?

[agh1]

@vingle hopefully @mlutfy can find it. Until then, I used the pigments package in Atom which produced a list of all the colors in civicrm-core. Github now has a little color preview for hex colors so this might give a taste of how things are.

550 colors found in 19 files

ang/crmAttachment.css (1)

6 border: 1px solid red ;

ang/crmCaseType.css (1)

25 background: #ddddff ;

ang/crmMailing.css (6)

17 background: #ee8 ;
26 color: #060 ;
29 color: #600 ;
33 color: #866304 ;
49 border-right: 1px solid black ;
112 color: red ;

ang/crmMailingAB.css (3)

2 background: #5050b0 ;
6 background: #50b050 ;
15 stroke: #000 ;

ang/crmStatusPage.css (6)

4 color: white ;
18 background-color: #E43D2B ;
23 background-color: #eba12d ;
28 background-color: #4d90eb ;
34 background-color: #00994D ;
75 background-color: rgba(255, 255, 255, 0.9) ;

css/admin.css (10)

9 border-right: 1px solid #DDDDDD ;
14 color: #FF0105 ;
18 color: green ;
23 background-color: #00CC00 ;
24 color: white ;
30 background-color: #FFFFCC !important;
34 background-color: #DDFFDD !important;
38 color: #E43D2B !important;
42 background: #ffb ;
43 border: 1px solid #000 ;

css/backdrop.css (3)

5 background-color: #E9EEBC ;
12 color: #fff ;
13 background-color: #CFDE56 ;

css/bluemarine.css (57)

9 color: #000 ;
10 background-color: #fff ;
37 color: #39c ;
40 color: #369 ;
43 color: #39c ;
47 border: 1px solid #ccc ;
50 background-color: #eee ;
53 border: 1px solid #ddd ;
61 color: #222 ;
65 color: #222 ;
81 background-color: #69c ;
100 color: #9cf ;
104 color: #fff ;
109 color: #9cf ;
113 color: #9cf ;
116 border: 1px solid #369 ;
129 background-color: #369 ;
131 color: #fff ;
134 color: #9cf ;
143 color: #fff ;
146 color: #369 ;
151 color: #eee ;
172 background-color: #eee ;
173 border: 1px solid #ccc ;
178 border-color: red ;
181 background-color: #ddd ;
188 background-color: #eee ;
202 color: #777 ;
206 color: #999 ;
210 color: #999 ;
219 border-bottom: 1px solid #bbb ;
234 background-color: #eee ;
235 border: solid 1px #ddd ;
241 color: #999 ;
246 border: 1px solid #ddd ;
251 border: 1px solid #abc ;
264 color: red ;
267 border: 1px solid #abc ;
276 background-color: #eee ;
277 border: 1px solid #ccc ;
282 color: #999 ;
300 background-color: #eee ;
303 background-color: #ddd ;
306 background-color: #ccc ;
309 color: #555 ;
313 border: 1px solid #bbb ;
316 color: #96c ;
324 border: 1px solid #abc ;
339 border-color: #888 ;
342 background-color: #69c ;
345 color: #fff ;
348 background-color: #369 ;
349 color: #fff ;
352 background-color: #ccc ;
355 background-color: #ccc ;
358 background-color: #fff ; color: #000;
358 background-color: #fff; color: #000 ;

css/civicrm.css (307)

42 color: #2786c2 ;
67 background-color: #FFFFFF ;
68 border-color: #FFFFFF #FFFFFF #CFCEC3;
68 border-color: #FFFFFF #FFFFFF #CFCEC3;
68 border-color: #FFFFFF #FFFFFF #CFCEC3 ;
71 color: #A7A7A7 ;
80 background-color: #FFF ;
85 border-bottom: 2px solid #CFCEC3 ;
86 background-color: #FFF ;
97 color: #3e3e3e ;
98 background-color: #FFF ;
101 /* Set background back to normal gray for form labels which use . Temporary fix until we standardize
103 background-color: #F7F7F7 ;
119 background-color: #F1F8EB ;
195 background-color: #B0B0B0 ;
202 background-color: #efefe5 ;
203 color: #3E3E3E ;
215 border-bottom: 2px solid #777 ;
220 border-top: 1px solid #696969 ;
260 border: 1px solid #aaa ;
261 color: #444 ;
265 background-color: #fff ;
266 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee ), color-stop(0.5, #fff));
266 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff ));
267 background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
267 background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
268 background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
268 background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
269 DXImageTransform.Microsoft.gradient(startColorstr = ' #ffffff ', endColorstr = '#eeeeee', GradientType = 0);
269 DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = ' #eeeeee ', GradientType = 0);
270 background-image: linear-gradient(top, #fff 0%, #eee 50%);
270 background-image: linear-gradient(top, #fff 0%, #eee 50%);
273 border: 1px solid #FF0000 ;
279 border: 1px solid #999 ;
283 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee ), color-stop(15%, #fff));
283 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff ));
284 background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
284 background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
285 background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
285 background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
286 background-image: linear-gradient(top, #eee 1%, #fff 15%);
286 background-image: linear-gradient(top, #eee 1%, #fff 15%);
295 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ddd ), color-stop(15%, #f2f2f2));
295 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ddd), color-stop(15%, #f2f2f2 ));
296 background-image: -webkit-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
296 background-image: -webkit-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
297 background-image: -moz-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
297 background-image: -moz-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
298 background-image: linear-gradient(top, #ddd 1%, #f2f2f2 15%);
298 background-image: linear-gradient(top, #ddd 1%, #f2f2f2 15%);
305 color: #a9a9a9 ;
328 border-top: 1px solid #CFCEC3 ;
344 color: #3E3E3E ;
495 border: 1px solid #696969 ;
576 color: #7a7a60 ;
599 background-color: #F7F7F7 ;
600 border-bottom: 1px solid #DDDDDD ;
604 background-color: #FFFFCC ;
606 border: 1px solid #FFFF66 ;
609 color: #3e3e3e ;
632 color: green ;
636 color: #000080 ;
640 color: #8A1F11 ;
647 background: #FBE3E4 none repeat scroll 0 0;
649 color: #8A1F11 ;
656 border-color: #B0D730 ;
657 background-color: #F1F8EB ;
658 color: #3E3E3E ;
667 border-top: 1px solid #ddd ;
707 background-color: #999999 ;
709 color: #FAFAFA ;
721 background-color: #CDE8FE ;
725 color: #121A2D ;
793 color: #696969 ;
808 background-color: #F1F8EB ;
809 border: 1px solid #B0D730 ;
810 color: #3E3E3E ;
865 background-color: #E6E6E6 ;
866 color: #000000 ;
867 border: 1px solid #DDD ;
871 color: #000 ;
877 background-color: #999999 ;
878 color: #FAFAFA ;
879 border: 1px solid #696969 ;
896 border-top: 2px solid #999999 ;
901 border-right: 1px solid #999999 ;
911 border: 1px solid #999999 ;
912 background-color: #F6F6F6 ;
917 border-right: 5px double #999999 ;
922 background-color: #FFFFFF ;
923 border-left-color: #FFFFFF ;
924 border-right-color: #FFFFFF ;
928 border: 2px solid #999999 ;
979 background-color: #F5F6F1 ;
1014 background-color: #5c5c59 ;
1016 color: #FFFFFF ;
1029 border-top: 2px solid #999999 ;
1043 border-top: 3px solid #bbb ;
1049 background-color: #FAFAFA ;
1050 border: 1px solid #999999 ;
1060 background-color: #4A89DC ;
1061 border-color: #4A89DC ;
1062 color: #ffffff ;
1067 background-color: #F5F5F5 ;
1068 color: #666 ;
1089 border: 1px solid #D7D7D0 ;
1090 background-color: #fff ;
1099 background-color: #FFFFCC ;
1100 border: 1px solid #FFFF66 ;
1106 color: #4A88DF ;
1142 color: #494949 ;
1152 border: 1px solid #999999 ;
1156 color: black ;
1174 color: #285286 ;
1183 color: #285286 ;
1222 background: #F7F7F7 ;
1237 background-color: #fafafa ;
1238 border: 1px solid #9d9fca ;
1288 border: 1px solid #CCCCCC ;
1335 border-bottom: 1px solid #999999 ;
1347 color: #333333 ;
1351 color: #000000 ;
1352 background-color: #CFCEC3 ;
1353 border-top-color: #FFF ;
1354 border-left-color: #FFFFFF ;
1355 border-right-color: #FFFFFF ;
1356 border-bottom-color: #999999 ;
1374 background-color: #FFDDDD ;
1379 background-color: #DDFFDD ;
1384 color: #006633 ;
1389 color: #333333 ;
1394 color: #FF0000 ;
1444 border-left: 1px solid #CCC ;
1457 color: #000 ;
1467 color: #2786c2 ;
1481 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee ), color-stop(1, #ccc));
1481 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #ccc ));
1482 background-image: -webkit-linear-gradient(center bottom, #eee 0%, #ccc 100%);
1482 background-image: -webkit-linear-gradient(center bottom, #eee 0%, #ccc 100%);
1483 background-image: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);
1483 background-image: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);
1484 DXImageTransform.Microsoft.gradient(startColorstr = ' #cccccc ', endColorstr = '#eeeeee', GradientType = 0);
1484 DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = ' #eeeeee ', GradientType = 0);
1485 background-image: linear-gradient(top, #eee 0%, #ccc 100%);
1485 background-image: linear-gradient(top, #eee 0%, #ccc 100%);
1486 border: 1px solid #AAAAAA ;
1488 color: #2786C2 ;
1506 background-color: #2F2F2E ;
1513 color: #3e3e3e ;
1514 background-color: #F5F6F1 ;
1578 color: #DFDFDF ;
1625 color: #555555 ;
1655 background-color: #FAFAFA ;
1665 background-color: #fff ;
1699 color: #52534D ;
1703 color: #2786c2 ;
1711 border-bottom: solid 2px #ccc ;
1723 background-color: #F5F5F5 ;
1724 border: 1px solid #CDCDC3 ;
1732 border: 1px solid #CDCDC3 ;
1740 border-bottom: 1px solid #CDCDC3 ;
1754 background-color: #F5F5F5 ;
1765 color: #000000 ;
1775 color: DimGray ;
1780 background-color: #EEEEEE ;
1785 border-right: 1px solid #999999 ;
1789 border-left: 1px solid #999999 ;
1846 _background: #6C6C6C ;
1849 color: #FFF ;
1862 color: #E6E6DC !important;
1872 text-shadow: 0 1px 0 black ;
1873 background: #70716B url(../i/crm-button-bg.gif) repeat-x top left;
1874 color: #FFF ;
1881 border: 1px solid #3e3e3e ;
1909 _background: #6C6C6C ;
1949 background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 35%);
1949 background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 35%);
2121 color: #8A1F11 ;
2125 color: #6177D5 ;
2129 color: #86c661 ;
2171 color: #2786c2 ;
2246 color: #F5F6F1 ;
2249 background-color: #5D677B ;
2253 background-color: #32414f ;
2276 color: #3E3E3E ;
2288 color: #3e3e3e ;
2310 border: 1px solid #70716B ;
2330 background-color: #41477E ;
2334 background-color: #2E3471 ;
2340 color: #0200A0 ;
2356 background: #F8FF03 url("../i/animated-overlay.gif");
2362 color: #eee ;
2365 background: rgba(94, 91, 31, 0.9) ;
2369 background: rgba(30, 143, 36, 0.7) ;
2373 background: rgba(255, 7, 0, 0.7) ;
2410 background-color: #2f2f2e ;
2411 color: #FFF ;
2418 background-color: #2f2f2e ;
2420 color: #FFF ;
2440 color: #FFF ;
2449 color: #A7A7A7 ;
2574 background: url("../i/loading-overlay.gif") center center no-repeat white ;
2613 border-bottom: 1px solid black ;
2624 border-top: 1px solid black ;
2629 border-bottom: 1px solid #aaa ;
2667 color: #444 ;
2730 border: 1px solid #efefef ;
2739 border-color: #FFF #FFF #efefef #FFF;
2739 border-color: #FFF #FFF #efefef #FFF;
2739 border-color: #FFF #FFF #efefef #FFF;
2739 border-color: #FFF #FFF #efefef #FFF ;
2746 border-color: #efefef ;
2747 border-right: 1px solid #efefef ;
2753 background-color: #FAFAFA ;
2758 background-color: #EFEFEF ;
2766 color: #a7a7a7 ;
2772 color: #A7A7A7 ;
2778 color: #000 ;
2784 color: #52534D ;
2812 border-bottom: 1px solid #FFF ;
2816 color: #2f2f2f ;
2827 color: #999999 !important;
2835 border-right: 1px dotted #DDDDDD ;
2840 background-color: #f4f4ed ;
2846 background-color: #fafafa ;
2849 color: #7a7a60 ;
2859 color: #7a7a60 ;
2866 color: #3e3e3e ;
2872 color: #3e3e3e ;
2876 color: #9f9f9f ;
2886 background-color: #F0F0E8 ;
2887 color: #52534D ;
2910 color: #E43D2B !important;
2954 background-color: #2f2f2e ;
2969 color: #DFDFDF ;
2974 color: #FFF ;
2991 background-color: #F5F6F1 ;
2992 color: #666 ;
2995 color: #000 ;
3001 background: white url('../i/loading.gif') no-repeat right center;
3057 border-top: 1px solid #d3d3d3 ;
3066 border: 1px solid #f2f2f2 ;
3067 background-color: #f6f6f6 ;
3068 color: #494949 ;
3076 border: 1px solid #808080 ;
3083 background-color: #fefefe ;
3103 color: #696969 ;
3111 color: #f0f0f0 ;
3136 color: #2786C2 ;
3156 border: 1px solid grey ;
3165 box-shadow: 0 0 10px rgba(0, 0, 0, 0.6) ;
3178 background: url("../i/crm-button-bg.gif") repeat-x scroll left center #70716B ;
3179 color: #F5F6F1 ;
3193 background-color: #cdcdcd ;
3194 color: #555 ;
3206 background-color: #EFFFE7 ;
3207 border-bottom: 1px solid #ccc ;
3210 background-color: #FFECEC ;
3211 border-bottom: 1px solid #ccc ;
3215 background-color: #FFFFCC ;
3221 background-color: #fffdb2 ;
3256 border: 1px solid #7A7A60 !important;
3264 border: 1px solid #7A7A60 ;
3265 background-color: #FFFFFF ;
3270 border-right: 2px solid #7A7A60 !important;
3284 border-right: 1px solid #EFEFEF ;
3293 border: 1px solid #999 ;
3298 background: rgba(255,255,255,0.6) ;
3311 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) ;
3312 background: rgba(255,255,255,0.8) ;
3333 border: 2px dashed #d1d1d1 ;
3361 background: #FFFFCC !important;
3464 color: #fff ;
3474 color: #fff ;
3485 background: rgba(0,0,0,0.8) ;
3486 box-shadow: 0 0 6px #000 ;
3490 color: #CCD0FF ;
3495 color: #B2B8FF ;
3498 color: #2F2F2F ;
3510 text-shadow: 0 1px 1px #fff ;
3512 color: #FDFDFD ;
3516 color: #ffffab ;
3528 background: rgba(255,255,255,0.1) ;
3529 border: 1px solid #111 ;
3531 color: #fff ;
3534 background: rgba(200,200,200,0.2) ;
3535 border: 1px solid #111 ;
3536 color: #eee ;
3650 border: 2px solid #ffffff ;
3651 background-color: #f0f0f0 ;
3656 border: 2px solid #b0b0b0 ;
3678 border: 2px solid #cfcfcf ;
3679 background-color: #ffffff ;
3730 color: #ff0000 ;
3749 color: #333333 ;
3753 color: #444444 ;
3758 color: #000000 ;
3763 color: #222222 ;
3776 color: #666 !important;
3788 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) ;
3790 border: 1px solid #FFFFFF ;
3830 color: #fff ;
3840 border: 1px solid red ;
3848 border: 1px solid #666 ;
3853 background: url("../i/loading-overlay.gif") center center no-repeat white !important;
3860 border: 1px solid red ;
3871 border: 1px solid grey ;

css/contactSummary.css (22)

21 border-bottom: 1px solid #FFF ;
32 border: 2px dashed lightgrey ;
37 border: 2px dashed #6665BF ;
38 box-shadow: rgba(255, 255, 255, 0.3) 0 0 0 99999px;
39 background-color: white ;
64 background-color: #EBEBEB ;
69 background-color: #DFE1FF ;
86 background-color: #efefe5 ;
130 color: #2f2f2f ;
139 border-bottom: grey 1px solid;
143 background-color: #ddd ;
153 border-bottom: 1px solid #E2E2E2 ;
179 border-bottom: 2px solid #D7D7D0 !important;
198 background-color: #F4F4ED ;
199 border-top: 1px solid #ffffff ;
205 background-color: #FAFAFA ;
206 color: #777760 ;
219 border-bottom: 1px solid #FFFFFF ;
266 border-left: 1px solid #a7a7a7 ;
267 border-right: 1px solid #a7a7a7 ;
381 color: #FFF ;
384 color: #000 ;

css/crm-menubar.css (19)

35 border-bottom: 1px solid #bbb ;
38 border-top: 1px solid #bbb ;
89 -webkit-tap-highlight-color: rgba(0,0,0,0) ;
90 background-color: #1b1b1b ;
103 background: #bbb ;
129 background-color: #eaeaea ;
131 border: 1px solid #ccc ;
137 color: black ;
142 background-color: white ;
210 border-bottom: 1px solid #ccc ;
218 box-shadow: 0px 0px 2px 0 rgba(0,0,0,0.3) ;
273 background-color: #1b1b1b ;
276 background-color: #444 ;
279 background-color: #555 ;
282 background-color: #666 ;
290 color: #ddd ;
295 background-color: #676767 ;
296 color: #fff ;
302 color: #bbb ;

css/crm.designer.css (19)

5 border: 1px solid black ;
30 border-left: 4px dotted #BFBFBF ;
37 border-left: 4px dotted #6B6B6B ;
64 border: 1px dashed gray ;
66 background-color: #E9E9F5 ;
75 color: #222 ;
81 color: #999 ;
106 border: 1px inset black ;
108 background: #ccc ;
118 background: #fbb ;
123 color: #f00 ;
146 border: 1px solid #D7D7D7 ;
151 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
167 border: 1px solid #CFCEC3 ;
175 box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) ;
180 background-color: #71D46E ;
184 background-color: #F19489 ;
248 border: 1px solid #444 ;
249 box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) ;

css/dashboard.css (19)

28 border: 3px dashed #CDE8FE ;
45 box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2) ;
50 box-shadow: 1px 1px 8px 3px rgba(0,0,0,0.2) ;
54 box-shadow: 1px 1px 8px 3px rgba(0,0,0,0.5) ;
63 color: #fcfcfc ;
68 background-color: #ffffff ;
75 background-color: #EFEFE5 ;
77 color: #080808 ;
85 background-color: #e8e8de ;
89 border-color: #e8e8de ;
94 background-color: #5D677B ;
111 background: #F0F0E8 ;
134 color: #fcfcfc ;
151 border: 2px dashed #CDE8FE ;
152 background-color: #999999 ;
157 border: 2px solid #696969 ;
159 background-color: #EEEEEE
204 color: #52534D ;
212 border: 1px dotted black ;

css/joomla.css (30)

24 border: 1px solid gray ;
42 border-bottom: 3px solid #ccc ;
49 background-color: #eee ;
50 border-bottom: 1px solid #ccc ;
55 background-color: #ddd ;
60 color: #3e3e3e ;
85 color: #555 ;
91 color: #000 ;
95 color: #000 ;
128 color: #f00 ;
159 background-color: #69c ;
177 color: #9cf ;
181 color: #fff ;
186 color: #9cf ;
190 color: #9cf ;
193 border: 1px solid #369 ;
217 background-color: #eee ;
218 border: 1px solid #ccc ;
223 border-color: red ;
224 color: red ;
227 background-color: #ddd ;
235 background-color: #FFFFFF ;
252 color: #666 ;
259 color: #999 ;
263 color: #999 ;
273 border-bottom: 1px solid #bbb ;
319 border: 1px solid #F5F6F1 !important;
323 border: 1px solid #999 !important;
335 background-color: #444 ;
384 border-top: 1px solid #787878 ;

css/joomla_frontend.css (4)

2 background-color: #eee ;
3 border: 1px solid #ccc ;
8 border-color: red ;
9 color: red ;

css/print.css (9)

9 border: 1px solid grey ;
25 border : 1px groove #DDDDDD ;
36 border-bottom: 2px solid #DCDCDC ;
48 border : 1px groove #DDDDDD ;
54 border : 1px groove #DDDDDD ;
60 border : 1px groove #DDDDDD ;
74 border-top : 2px groove #DCDCDC ;
89 background-color : #DCDCDC ;
95 background-color : #F5F5F5 ;

css/searchForm.css (6)

14 border: 1px solid #DDDDDD ;
33 background-color: #CDE8FE ;
43 color: #AAAAAA ;
54 border-bottom: 1px dotted #2A71B4 ;
55 color: #2A71B4 ;
62 color: #41477E ;

install/template.css (19)

2 background: #eee ;
10 border: 1px #ccc solid;
12 background: #fff ;
38 color: green ;
42 color: orange ;
46 background-color: #c00 ;
47 border: 1px #700 solid;
48 color: white ;
53 background-color: #c00 ;
54 border: 1px #700 solid;
55 color: white ;
61 background-color: #e70 ;
62 border: 1px #a70 solid;
63 color: white ;
69 background-color: #0c0 ;
70 border: 1px #070 solid;
71 color: white ;
76 color: #FFF ;
86 border: 1px #ccc solid;

css/Audit/style.css (9)

23 color: #027AC6 ;
24 background-color: #FFFF99 ;
38 background-color: #CCE3F1 ;
39 border: #333333 solid 1px;
62 background: #EEEEEE ;
63 border: #333333 solid 1px;
72 color: #0000CC ;
77 color: #CC0000 ;
105 background: #FFFFFF ;

[mlutfy]

Added Haystack as 'dev' on the dev project, which should make it possible to edit all wikis, and added nicol as maintainer of 'interface'.

[christianwach]

Thanks @mlutfy