[Clipart] globals css

[jon at rejon.org]

Hi all, I started moving some CSS to the globals file. It is cached for 24
hours, so changes aren't immediate.

If you look inside it you will see a few classes of interest. Now, you can
use a div with class alert and get a big red box or for generic message get
a big yellowish/gray box,like from the wiki. And, then for sidebox classed
object, aka, widgets, you get simplified way to style widgets like the ones
on the participate page: http://www.openclipart.org/participate community
help boxes. In Aiki, simply set the "Style (class)" box to sidebox to give
the sideboxes their nice style. Cool! We can get some more global CSS into
this global, you can edit in the "All Widgets" box in aiki. Also, you can
see the globals here:

http://openclipart.org/globals/style.css

###

.alert {
    padding: 1%;
    margin:0 0 1% 0;
    border:1px solid #fe0000;
    background:#ffacac;
    width:100%
}

.message {
    padding: 1%;
    margin:0 0 1% 0;
    border:1px solid #F3E533;
    background:#FCFFCD;
    width:100%
}

.sidebox
{
  position: relative;
  float: right;
  margin-right:-14px;
  margin-bottom: 18px;
  width: 322px;
  list-style: none;
  line-height:1.3;
  font-size: 12pt;
  background:url("http://www.openclipart.org/assets/ocal_skin/images/s-b.png")
repeat-y scroll -322px 0 transparent;
}

.sidebox h3
{
  color:#888A85;
  font-size:11pt;
  font-weight:bold;
  line-height:1.5;
  padding:12px 17px 5px;
  background:url("http://www.openclipart.org/assets/ocal_skin/images/s-b.png")
no-repeat scroll 0 0 transparent;
  position: relative;
  float: left;
  width: 288px;
}

.sidebox .wrapper
{
  position: relative;
  float: left;
  width: 100%;
  background:url("http://www.openclipart.org/assets/ocal_skin/images/s-b.png")
no-repeat scroll -644px 100% transparent;
  padding:12px 17px 5px;
}

.sidebox li {
  margin: 0 0 6px 0;
}


-- 
Jon Phillips
http://rejon.org/
http://fabricatorz.com/
chat/skype: kidproto | irc: rejon
+1.415.830.3884 (sf/global)
+86.187.1003.9974 (china)
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.freedesktop.org/archives/clipart/attachments/20101129/e1e8ee3f/attachment.html>