visual/effects/effects.css

body {
        margin: 1em;
        padding: 0;
        background: #fff;
        color: #000;
}

ul.effects {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

ul.effects li {
        padding: 0;
        width: 120px;
        height: 100px;
        float: left;
        margin-top: 20px;
        margin-left: 20px;
}

div.effect {
        width: 120px;
        height: 100px;
        background: #ccc;
        border: 5px outset #aaa;
        float: left;
        cursor: pointer;
        cursor: hand;
}

div.current {
        border: 5px outset #FF9C08;
        background: #FF9C08;
}

div.effect p {
        color: #191919;
        font-weight: bold;
        margin: 0;
        padding: 10px;
}

.ui-effects-transfer {
        border: 1px dotted #fff;
        background: #666;
        opacity: 0.5;
}
1	body {
2	margin: 1em;
3	padding: 0;
4	background: #fff;
5	color: #000;
6	}
7
8	ul.effects {
9	list-style-type: none;
10	margin: 0;
11	padding: 0;
12	}
13
14	ul.effects li {
15	padding: 0;
16	width: 120px;
17	height: 100px;
18	float: left;
19	margin-top: 20px;
20	margin-left: 20px;
21	}
22
23	div.effect {
24	width: 120px;
25	height: 100px;
26	background: #ccc;
27	border: 5px outset #aaa;
28	float: left;
29	cursor: pointer;
30	cursor: hand;
31	}
32
33	div.current {
34	border: 5px outset #FF9C08;
35	background: #FF9C08;
36	}
37
38	div.effect p {
39	color: #191919;
40	font-weight: bold;
41	margin: 0;
42	padding: 10px;
43	}
44
45	.ui-effects-transfer {
46	border: 1px dotted #fff;
47	background: #666;
48	opacity: 0.5;
49	}