B1: Thêm vào sau thẻ </Group>
Code
<Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" value="0"/>
<Variable name="date.header.position" description="Date Header Position" type="length" default="15px" value="15px"/>
<Variable name="date.space" description="Date Space" type="length" default="30px" value="50px"/>
<Variable name="date.position" description="Date Float" type="string" default="static" value="absolute"/>
<Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" value="10px"/>
<Variable name="date.border.size" description="Date Border Size" type="length" default="0" value="1px"/>
<Variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" value="transparent url(http://www.blogblog.com/1kt/awesomeinc/date_background_groovy.png) repeat-x scroll bottom center"/>
<Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="50px" value="50px"/>
<Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
B2: Thêm vào sau
/* Posts
----------------------------------------------- */
----------------------------------------------- */
Code
.post-outer {
position: relative;
margin: $(date.space) 0 50px;
padding: 0 15px;
background-color: $(post.background.color);
border: 1px solid $(post.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
.post-outer:first-child {
margin-top: 0;
}
.post-outer:last-child {
margin-bottom: $(date.last.space.bottom);
-moz-border-radius-bottomleft: $(date.last.border.radius.bottom);
-moz-border-radius-bottomright: $(date.last.border.radius.bottom);
-webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);
-webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);
border-bottom-left-radius: $(date.last.border.radius.bottom);
border-bottom-right-radius: $(date.last.border.radius.bottom);
}
http://GachVoz.blogspot.com
0 nhận xét:
Đăng nhận xét