Giallo theme for 1.3.1

[rgroen]

Can anyone make the Giallo theme fittable for the 1.3.1 version of CPG?

I want to update to this version but only with the Giallo theme. I love this one

[Joachim Müller]

you can easily make it work with cpg1.3.x - there are instructions how to upgrade cpg1.2.x themes that can be found in the docs folder of your coppermine package - look for the file "theme.htm".

GauGau

[donnoman]

Code Select Expand


//  Theme "giallo"                                                           //
// ------------------------------------------------------------------------- //
//  The theme "giallo" has been done by GauGau (http://gaugau.de/) based on  //
//  the framed template of studicasa.nl (their website has gone down, so I   //
//  guess no one will care). The usage of this theme is free for personal    //
//  use, not for commercial use (according to the disclaimer of studiocasa)! //
// ------------------------------------------------------------------------- //


Joachim, I'm going through some of the 1.2 themes that have yet to be ported over to 1.3
seeing if there's anything salvageable.

Giallo's pretty nice, worthy of 1.3 and eventually 1.4, does it still need the
commercial use disclaimer?

If it does, What parts need to be replaced so we can get rid of the disclaimer?

Nothing in the theme looks that unique, unless the original graphics came from studiocasa.

[Joachim Müller]

I'm not sure what parts need the disclaimer. As mentioned in the text you quoted, the studiocasa site has gone down, so you can't look this up easily (maybe there's still something in google's cache). It's been a while since I last looked at it, I just can't remember which files/graphics were from studiocasa and which I created myself. I guess you'd be save if you rebuilt the graphics, the layout truly isn't that unique.
On the other hand: why remove the disclaimer at all - we're save if we keep it. If you want to go through the work of redoing the theme though, you're most welcome.

Joachim

[donnoman]

I didn't do a total redo of this one so the disclaimer will have to stay, however I did replace the graphics on the intermediate picture display, back to just symbols.

They had been graphic buttons in, actually to be honest, im not sure which language. But any language isn't a good idea until we can localize those anchors.

I also did some minor tweaking and cleaning up that I thought were in the spirit of the theme.

[Joachim Müller]

Thanks for the contrib, here are the "official" links:

Demo - Download

Joachim

[sunshineworxs]

    I noticed that when you use firefox and look at the giallo template the drop shadow disapears. Is there a way to fix this?

[Tranz]

The style is specific to Internet Explorer. I suppose you can ask the Firefox developers.

[Joachim Müller]

the drop shadow thing is specific to IE - it's a filter created by Microsoft, no approved by the W3C. Firefox is behaving standards compliant - I doubt that they're willing to add proprietary M$ code to Firefox.

[sunshineworxs]

Then why in a website like http://www.deviantart.com is able to produce a smiliar effect over firefox?

[Joachim Müller]

They're doing very complex things using stylesheets - check them (http://s.deviantart.com/styles/napalm.css/3026.css, http://s.deviantart.com/styles/minimal.css/3026.css,http://s.deviantart.com/styles/minimal-fourside.css/3026.css), e.g.

Code Select Expand

/* --Inline thumbnails------------------- */
.shadow-holder {
display:inline-table;
}
.shadow {
display:block;
padding:6px 9px 9px 6px;
background-repeat:no-repeat;
background-position:center;
text-align:center;
}
.shadow:before {
display:none;
content:"nul";
background-image:url("http://sh.deviantart.com/shadow/alpha-000000/5.1-0.6");
}
* html .shadow {
/** Apparently IE will store nonsense attributes like this. Good news for scripting. */
shadow-image:url("http://sh.deviantart.com/shadow/alpha-000000/5.1-0.6");
}
* html .ieshadow {
position:absolute;
z-index:-1;
margin-left:-8px;
margin-top:-8px;
background:#000;
filter:
progid:DXImageTransform.Microsoft.Blur(pixelradius=3,makeshadow=true,shadowopacity=.6)
progid:DXImageTransform.Microsoft.Blur(pixelradius=3)
progid:DXImageTransform.Microsoft.Blur(pixelradius=3)
;
}
.mild {
    background-image:none !important;
}
/*.deviations .shadow :active,
.aside-left .shadow :active,
.dev-thumbnails .shadow :active,
.dev-list .shadow :active {
position:relative !important;
top:1px !important;
left:1px !important;
}*/
.shadow-holder .shadow {
display:table-cell;
}
* html .shadow-holder, * html .shadow-holder .shadow {
display:inline-block
}
/* --/Inline thumbnails------------------ */This is hardcore-usage of css tricks - they're doing a great job, however it'll be hard for newbies to even copy their style.
This thread however deals with the giallo theme, please don't clutter it with unrelated stuff.