Ok I actually managed to sort this out....
First up I played around with the style.css file and used the @include
statement to include the css for the red background just to try out.
I then created a new css style sheet called bg-mod.css under
/usr/local/apache-tomcat-6.0/webapps/xwiki/skins/toucan/css/colors in my
FreeBSD jail which has this content:
body#body,
#allviewpanels .accordionTabContentBox{background-image: url(
../../images/colors/gray/H4x4-GRAY.png); }
body#body #xwikimaincontainer,
body.hideright #xwikimaincontainer,
body#body.hideright #xwikimaincontainerinner,
body.importbody #xwikimaincontainerinner,
body.exportbody #xwikimaincontainerinner,
body.adminbody #xwikimaincontainerinner,
body.hidelefthideright #xwikimaincontainerinner,
body#body.hidelefthideright #xwikimaincontainerinner
{ background-image :url( ../../images/colors/bg/gpl.png) ; }
#xwikimaincontainerinner,
body#body.editbody #xwikimaincontainerinner,
body#body.eportbody #xwikimaincontainer,
body#body.importbody #xwikimaincontainer,
body#body.adminbody #xwikimaincontainer,
body#body.hidelefthideright #xwikimaincontainer,
body#body.hideleft #xwikimaincontainer,
body#body.editbody #xwikimaincontainer
{ background-image :url( ../../images/colors/bg/gpl_right.png) ;}
body#body.editbody #globallinks,
#globallinks,
#rightPanels,
#editPanels.panels{ background-image: url(
../../images/colors/bg/gpl.png);}
#company { background-image: url( ../../images/colors/bg/gpl.png); }
I then created the subdir under images/colors called bg and uploaded
some files into it.
My style.css file now looks like so:
@import "microformats.css";
@import "toucan.css";
@import "css/colors/bg-mod.css";
After that was done and tested I edited the toucan.css file generating
this code:
#companylogo {
padding: 0;
###background-color: #FFF;
###background-color: #666;
background-color: #transparent;
margin-right: 220px;
###margin-right: 0px;
height: 80px;
###background-image: url($xwiki.getSkinFile("sunv210mod.png"));
}
What seems to not have been working is the
url($xwiki.getSkinFile("sunv210mod.png") line I got from here:
http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins#HD.OverridingtheSkincomponents
I mean either it does work or I just don't know how to use it but never
the less what I wanted to achieve is done to an extent :-)
Thanks for all the help and regards,
Kaya
On 08/28/2010 11:32 AM, Raluca Stavro wrote:
> Hello,
>
> I tend to think that your CSS selectors are not specific enough. See
> http://www.w3.org/TR/CSS2/cascade.html .
> You have to make sure that your CSS rules are taken in account after
> the default XWiki CSS rules (ex: CSS StyleSheet linked in the header
> after the default ones that contain the rules that you want to change
> => this can be done by using skin extensions
> http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial
> ) and you have to make sure that your selector's specificity is
> correct.
>
> Raluca.
>
> On Sat, Aug 28, 2010 at 9:38 AM, Kaya Saman<kayasa...@gmail.com> wrote:
>
>> Thanks Lockie for the suggestion only the same thing is happening!!
>>
>> Firebug definitely shows the CSS alright but I alter what the screen is
>> telling and nothing happens even though Firebug reports the change after
>> a refresh....
>>
>> The issue is that the CSS is quite complex and am no CSS expert meaning
>> that if things are dependent on certain criteria I won't be able to see it.
>>
>> Am back where I started I guess :-(
>>
>> Regards,
>>
>> Kaya
>>
>>
>> On 08/28/2010 03:51 AM, Lockie wrote:
>>
>>> Hi Kaya,
>>>
>>> While I haven't worked with Toucan skin before, the easiest way to edit the
>>> .css file of any skin is to get the Firebug addon for the Firefox browser.
>>> Then its just a matter clicking on the html in the main panel, and seeing
>>> what css is related to which part of the skin in the right panel.
>>>
>>> http://getfirefox.com/
>>> http://getfirebug.com/
>>>
>>> Hope that helps,
>>> Lockie
>>>
>>>
>> _______________________________________________
>> users mailing list
>> users@xwiki.org
>> http://lists.xwiki.org/mailman/listinfo/users
>>
>>
> _______________________________________________
> users mailing list
> users@xwiki.org
> http://lists.xwiki.org/mailman/listinfo/users
>
_______________________________________________
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
