Category Archives: CSS

No hCite format defined

Posted on by
Reply

I am looking to re-skin Wikindex. I thought that I would add some CSS classes that would embed the meta-data in a manner that the citations could be picked up by Zotero quite easily. It seems to be a bit more difficult than I first anticipated. As a Microformat for citations is not yet been fully fleshed out. Obviously one way to go would be to embed everything in a span element as COinS does but that is not really what I am looking for. (Mostly because I don’t have a way to generate the Attributes in the span element automatically.) I have thought of using RDFa. But I still need to do some more research and see what can be gleaned in terms of which controlled vocabularies to use. I am hoping that this Lesson On RDFa will really help me out here. Finally I do need to know something about OAI so that once the Resources are put into Wikindex I can then tell OLAC what language they belong to.

CSS Alert Messages

Posted on by
Reply

I found this great css messages code here (read about it for a fuller explanation):

/* CSS messages */

.alert { background: #fff6bf url('exclamation.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.info { background: #f8fafc url('information.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; }
.download { background: #cfc url('download.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #3C6; border-bottom: 2px solid #3C6; }
.german { background: transparent url('de.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }
.english { background: transparent url('gb.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }

Or more Explicitly here:

http://www.bioneural.net/wp-content/themes/k2bn/styles/bioneural/bioneural.css