CWSA CSS 2007-12-04
- 3. /* CSS Document for www.anysite.com - Written by David Mead */ /* =DIVS --------------------------------------*/ /* =NAVIGATION --------------------------------------*/ /* =CLASSES --------------------------------------*/ /* =MICROFORMATS --------------------------------------*/ /* =TABLES --------------------------------------*/ /* =FORMS --------------------------------------*/
- 5. * { margin: 0; padding: 0; } body { font-size: small; } img { display: block; border: none; } /* =DIVS --------------------------------------*/ #access-links { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /* =TABLES --------------------------------------*/ table { border-collapse: collapse; border-spacing: 0; }
- 8. h1 { padding: 60px 101px 40px 10px; font-family: "Gill Sans MT"; width: 146px; background: #E6FFE6 url(/img/bkg-h1.gif) no-repeat top right; border-right: thick solid #E6FFE6; }
- 14. <ul id="blogroll"> <li><a href="http://www.refreshcleveland.org/" rel="colleague" title="web standards in Cleveland">RefreshCleveland</a></li> <li><a href="http://www.meyerweb.com/" rel="met colleague contact" title="Eric Meyer">Meyerweb</a></li>
- 15. <ul id="blogroll"> <li><a href="http://www.refreshcleveland.org/" rel="colleague" title="web standards in Cleveland">RefreshCleveland</a></li> <li><a href="http://www.meyerweb.com/" rel="met colleague contact" title="Eric Meyer">Meyerweb</a></li> #blogroll { list-style: none; } #blogroll a { padding-left: 26px; } #blogroll a[rel~="friend"][rel~="met"] { background: url(http://images.optiem.com/optiem/blogs/xfn-friend-met.png) no-repeat 0 50%; } #blogroll a[rel~="colleague"][rel~="met"] { background: url(http://images.optiem.com/optiem/blogs/xfn-colleague-met.png) no-repeat 0 50%; }
- 16. <ul id="blogroll"> <li><a href="http://www.refreshcleveland.org/" rel="colleague" title="web standards in Cleveland">RefreshCleveland</a></li> <li><a href="http://www.meyerweb.com/" rel=" met colleague contact" title="Eric Meyer">Meyerweb</a></li> #blogroll { list-style: none; } #blogroll a { padding-left: 26px; } #blogroll a[rel~="friend"] [rel~="met"] { background: url(http://images.optiem.com/optiem/blogs/xfn-friend-met.png) no-repeat 0 50%; } #blogroll a[rel~="colleague"][rel~="met"] { background: url(http://images.optiem.com/optiem/blogs/xfn-colleague-met.png) no-repeat 0 50%; }
- 18. multi-column text drop shadows transparency rounded corners multiple backgrounds http://www.css3.info/preview/
- 19. -webkit-box-shadow: 2px 2px 5px #ccc; -moz-border-radius: 5%; -moz-column-width: 6em; -moz-column-count: 3; -moz-column-gap: 1em; -moz-column-rule: 1px solid #FFF;