Intersting CSS and Fresnel Style Discussion Result

From: Chris Bizer <bizer_at_gmx.de>
Date: Mon, 21 Mar 2005 17:04:56 -0500

Hi

intersting CSS found at

 http://gassert.ch/foaf/hannes.rdf.xml

which solves our CSS namespace problem by showing that the CSS namespace
proposal is implemented into Mozilla and IE.

But result of our discussion today: We will stay with Fresnel styles for
now, just position them as one option under several.

Reasons for keeping Fresnel Styles:

- the approach is in line with current W3C standards
- better seperation of style and selection
- Fresnel selectors are more expressive than CSS selectors

I will extend the Fresnel documentation with the current status of Fresnel
styles in the next days.

Chris

_at_charset "utf-8";

_at_namespace foaf url(http://xmlns.com/foaf/0.1/);
_at_namespace dc url(http://purl.org/dc/elements/1.1/);
_at_namespace air url(http://www.daml.org/2001/10/html/airport-ont#);
_at_namespace air2 url(http://www.megginson.com/exp/ns/airports#);
_at_namespace wot url(http://xmlns.com/wot/0.1/);
_at_namespace word url(http://xmlns.com/wordnet/1.6/);
_at_namespace ct url(http://www.w3.org/2000/10/swap/pim/contact#);


_at_namespace rdfs url(http://www.w3.org/2000/01/rdf-schema#);
_at_namespace rdf url(http://www.w3.org/1999/02/22-rdf-syntax-ns#);
_at_namespace xhtml url(http://www.w3.org/1999/xhtml); /* maybe we can cheat a
bit with this ;) */

_at_namespace url(http://www.w3.org/1999/02/22-rdf-syntax-ns#);


RDF {
    font-family: Verdana, Helvetica, Arial, sans-serif;
        color: black;
    background-color: #e6e6e6;
        margin-left: 50px;
    margin-right: 50px;
        margin-top: 50px;
        margin-bottom: 50px;
    display:block;
    font-size: 14;
}


foaf|Person{
     display: list-head;
     border-width: 1px;
     border-color: black;
     border-style: dotted;
     background-color: #FFCCFF;
     padding: 10px;
     margin: 10px;
     margin-right: 100px;
     background-image: url(http://sw.deri.org/~hannes/img/icon_person.gif);
     background-repeat: no-repeat;
}


foaf|depiction:before{
   content: attr(rdf|resource);
}

foaf|mbox{
   content: attr(rdf|resource);
}




dc|title{
    font-size: 36px;
    text-decoration: underline;
    display: block;
    color: black;
}


dc|description:before{
    content: "\00AB"
}

dc|description{
   font-style: italic;
   color: darkgrey;
}

dc|description:after{
    content: "\00BB"
}

dc|*{
    display: inline ;
}

foaf|mbox_sha1sum{
    display:none;
}

foaf|mbox:before{
    content: "Email: " attr(rdf|resource);
}

foaf|workplaceHomepage:before{
    content: "Workplace Homepage: " attr(rdf|resource);
}

foaf|schoolHomepage:before{
    content: "School Homepage: " attr(rdf|resource);
}

foaf|gender:before{
    content: "Gender: ";
}

foaf|name:first-child{
    margin : 20px;
    display:block;
    font-size: 32px;
}

foaf|firstname:before{
    content: "First Name: ";
}

foaf|firstName:before{
    content: "First Name: ";
}

foaf|surname:before{
    content: "Surname: ";
}

foaf|nick:before{
    content: "Nickname: ";
}

foaf|title:before{
    content: "Title: ";
}

foaf|knows:before{
    content: "Knows: ";
}

foaf|knows{
    position: relative;
    left: 20px;
    top: 20px;
}

foaf|*{
    display:block;
}



wot|PubKey {
     display: block;
     border-width: 1px;
     border-color: black;
     border-style: dotted;
     background-color: yellow;
     padding: 20px;
     margin: 10px;
     margin-right: 100px;
     background-image: url(http://sw.deri.org/~hannes/img/icon_key.gif);
     background-repeat: no-repeat;
     font-size: 32;
}

wot|PubKey:before{
    content: "Public Key Info: ";

}

wot|PubKey > wot|*[rdf|value]:before{
    content: attr(rdf|value);
}
wot|PubKey > wot|*[rdf|value]{
    display: block;
    font-size: 14;
}


word|Airport:before{
   content: "Airport: ";
}

word|Airport{
    display:block;
    border-width: 1px;
    border-color: black;
    border-style: dotted;
    background-color: grey;
    margin: 60px;
    padding: 10px;
    background-image: url(http://sw.deri.org/~hannes/img/icon_plane.gif);
    background-repeat: no-repeat;
}

*|location:before{
    content: "Location: ";
}

*|location{
    display: block;
}

*|latitude:before, *|longitude:before{
    content: "#";
}

*|latitude, *|longitude{
    display:inline;
}


air2|iataCode:before, air|iata:before, {
   content: "IATA Code: ";
}

air2|iataCode{
    display:block;
}


*{
    color: red;
    display:block;
}
Received on Mon Mar 21 2005 - 22:03:37 EST