/* SKIN: The Bubbler */
/* DESCRIPTION:
Please DO copy and reuse and modify this code any way you like!
# CSS3 skin that bubbles everything.
It's really flexible and only uses greyscale toning, so
it can mash with your own pallette. V useful - try it! */
.blurb .module,
.listbox .blurb,
.icon a {
border: 0;
}
li.blurb,
fieldset,
.flash,
.listbox,
.comment,
li.comment,
.meta {
border: 4px solid #ddd;
box-shadow: inset 0 0 5px;
outline: 0;
border-radius: 2em;
}
.blurb .header,
.blurb ul.tags,
.blurb blockquote {
background: #ddd;
border: 3px solid #fff;
border-radius: 1.5em;
}
.blurb blockquote,
.blurb ul.tags {
padding: 0.5em;
}
.blurb ul.required-tags li span,
.bookmark .status span,
.actions a,
.actions a:visited,
.action,
.actions input,
input[type="submit"],
button,
.current,
.actions label,
legend,
textarea,
input,
#header ul.main a,
.icon {
border: 1px solid #ddd;
border-radius: 1.5em;
box-shadow: 0 0 2px #555;
}
.icon {
border-radius: 5em;
}
.wrapper {
box-shadow: none;
border: 0;
}
#feedback .group .heading {
border-top-left-radius: 5em;
border-top-right-radius: 5em;
background: rgba(0,0,0,0.15);
}
#feedback {
padding: 1em 2.5em;
}
.comment div.icon {
margin: 0 0 0 -110px;
}