Jak pisałem - poczytaj jak nadpisać styl css odpowiednio wywołując jego rodzica. Np. mamy strukturę:
Kod:
<div id="parent">
<div class="set1">
<ul class="my-list">
<li class="first">text</li>
<li class="second">text</li>
<li class="third">text</li>
</ul>
</div>
</div>
Możemy przypisać styl np:
Kod:
.third {color: red;}
li.third {color: red}
.my-list li.third {color: red}
ul.my-list li.third {color: red;}
.set1 ul.my-list li.third {color: red;}
#parent .set1 ul.my-list li.third {color: red;}
lub
Kod:
#parent .my-list .third {color: red}
lub wzmocnić przez dodanie !important:
Kod:
.my-list .third {color: red !important}
ALE w twoim wypadku sprawa widzę jest o wiele prostsza. Skoro masz plik w takiej lokacji: /components/com_roksprocket/layouts/mosaic/themes/default/mosaic.css
Oznacza to, że rozszerzenie korzysta z "tematów" (theme). Ten nazywa się "default". Utwórz nowy katalog w tej samej lokacji, skopiuj do niego wszystko z "default", wprowadź zmiany a w konfiguracji wybierz swój temat.