2935fd4ffe
It's implemented similar to the padding property, but instead of taking into account the margin values at drawing time in node-drawing, we set the clutter actor margins in StWidget when the style is computed. In the case that a CSS margin is not specified, we don't to set a value of 0 to the clutter actor margin. In this manner it allows to use Clutter margin values set in the code. However, the margins that are set both in the code and in the CSS on the same side, the result is unpredictable. We avoid to set the clutter actor margin values to 0 if there's no CSS margin values defined, so we still allow clutter actors to use margin set in the code. https://bugzilla.gnome.org/show_bug.cgi?id=728437
96 lines
1.3 KiB
CSS
96 lines
1.3 KiB
CSS
stage {
|
|
}
|
|
|
|
#group1 {
|
|
padding: 12pt;
|
|
padding-right: 12px;
|
|
padding-bottom: 2em;
|
|
padding-left: 1in;
|
|
|
|
margin: 12pt;
|
|
margin-right: 12px;
|
|
margin-bottom: 2em;
|
|
margin-left: 1in;
|
|
|
|
background: #ff0000 url('some-background.png');
|
|
}
|
|
|
|
#text1 {
|
|
background-image: inherit;
|
|
}
|
|
|
|
.special-text {
|
|
font-size: 24pt;
|
|
font-style: italic;
|
|
}
|
|
|
|
ClutterTexture.special-text {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#text2 {
|
|
background: inherit;
|
|
background: none; /* also overrides the color */
|
|
}
|
|
|
|
#group2 {
|
|
font: italic 12px serif;
|
|
}
|
|
|
|
#text3 {
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
font-style: oblique;
|
|
font-size: 200%;
|
|
}
|
|
|
|
ClutterTexture {
|
|
padding: 10px;
|
|
}
|
|
|
|
ClutterCairoTexture {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
#group1 > #text1 {
|
|
color: #00ff00;
|
|
}
|
|
|
|
stage > #text2 {
|
|
color: #ff0000;
|
|
}
|
|
|
|
#group2 {
|
|
background-image: url('other-background.png');
|
|
padding: 1px 2px 3px 4px;
|
|
margin: 1px 2px 3px 4px;
|
|
|
|
border: 2px solid #000000;
|
|
border-bottom: 5px solid #0000ff;
|
|
border-radius: 10px 10px 0px 0px;
|
|
}
|
|
|
|
ClutterText:hover, StLabel:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
ClutterText:visited, StLabel:visited {
|
|
color: #888888;
|
|
}
|
|
|
|
StLabel:boxed {
|
|
border: 1px;
|
|
}
|
|
|
|
#group4 {
|
|
margin: 1px 2px 3px;
|
|
}
|
|
|
|
#group5 {
|
|
margin: 1px 2px;
|
|
}
|
|
|
|
#group6 {
|
|
padding: 5px;
|
|
}
|