Hi,
i'm trying to change the color of a "ul" or "li" in my theme (i copied and paste the css from "a" to "z" (i changed the class names to "z"), but i can't find out where the change for the color has to be made : looking at the source code, it seems that each "li" has the class : "ui-btn" but i can't find it in the css file.
The thing is, each theme has its color in background, so it must be in this part of the code, but i can't see where... here's the code from "a" (which is the one i copied and paste to "z" in my code) :
- /* A
- -----------------------------------------------------------------------------------------------------------*/
- .ui-bar-a {
- border: 1px solid #2A2A2A /*{a-bar-border}*/;
- background: #111111 /*{a-bar-background-color}*/;
- color: #ffffff /*{a-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
- }
- .ui-bar-a,
- .ui-bar-a input,
- .ui-bar-a select,
- .ui-bar-a textarea,
- .ui-bar-a button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- }
- .ui-bar-a .ui-link-inherit {
- color: #fff /*{a-bar-color}*/;
- }
- .ui-bar-a .ui-link {
- color: #7cc4e7 /*{a-bar-link-color}*/;
- font-weight: bold;
- }
- .ui-bar-a .ui-link:hover {
- color: #2489CE /*{a-bar-link-hover}*/;
- }
- .ui-bar-a .ui-link:active {
- color: #2489CE /*{a-bar-link-active}*/;
- }
- .ui-bar-a .ui-link:visited {
- color: #2489CE /*{a-bar-link-visited}*/;
- }
- .ui-body-a,
- .ui-dialog.ui-overlay-a {
- border: 1px solid #2A2A2A /*{a-body-border}*/;
- background: #222222 /*{a-body-background-color}*/;
- color: #fff /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
- }
- .ui-body-a,
- .ui-body-a input,
- .ui-body-a select,
- .ui-body-a textarea,
- .ui-body-a button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- }
- .ui-body-a .ui-link-inherit {
- color: #fff /*{a-body-color}*/;
- }
- .ui-body-a .ui-link {
- color: #2489CE /*{a-body-link-color}*/;
- font-weight: bold;
- }
- .ui-body-a .ui-link:hover {
- color: #2489CE /*{a-body-link-hover}*/;
- }
- .ui-body-a .ui-link:active {
- color: #2489CE /*{a-body-link-active}*/;
- }
- .ui-body-a .ui-link:visited {
- color: #2489CE /*{a-body-link-visited}*/;
- }
- .ui-btn-up-a {
- border: 1px solid #222 /*{a-bup-border}*/;
- background: #333333 /*{a-bup-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bup-color}*/;
- text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bup-background-start}*/), to( #333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/);
- }
- .ui-btn-up-a a.ui-link-inherit {
- color: #fff /*{a-bup-color}*/;
- }
- .ui-btn-hover-a {
- border: 1px solid #000 /*{a-bhover-border}*/;
- background: #444444 /*{a-bhover-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bhover-color}*/;
- text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-bhover-background-start}*/), to( #444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/);
- }
- .ui-btn-hover-a a.ui-link-inherit {
- color: #fff /*{a-bhover-color}*/;
- }
- .ui-btn-down-a {
- border: 1px solid #000 /*{a-bdown-border}*/;
- background: #3d3d3d /*{a-bdown-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bdown-color}*/;
- text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #333 /*{a-bdown-background-start}*/), to( #5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/);
- }
- .ui-btn-down-a a.ui-link-inherit {
- color: #fff /*{a-bdown-color}*/;
- }
- .ui-btn-up-a,
- .ui-btn-hover-a,
- .ui-btn-down-a {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
- }
Thanks for your help