구글블로그 기본테마 Travel 적용 |
백그라운드 이미지 변경 적용 |
1 .padding 부분을 찾아 수정
/* Variable definitions <-------------------------표시 부분을 0px 으로 변경
<Variable name="content.margin" description="Content Margin Top" type="length" default="0px" min="0" max="0px" value="0px"/>
<Variable name="content.padding" description="Content Padding" type="length" default="0px" min="0" max="0px" value="0px"/>
<Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="0px" min="0" max="0px" value="0px"/>
/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 10px;
padding-right: 0px; <-------------------------이 부분을 0px 으로 변경
/* Headings
----------------------------------------------- */
.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: 0em; <------------------------이 부분을 0em 으로 변경
/* Main
----------------------------------------------- */
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0px 0; <-------------------------이 부분을 0px 으로 변경
/* Posts
----------------------------------------------- */
h3.post-title {
margin-top: 0px; <-------------------------이 부분을 0px 으로 변경
/* Comments
----------------------------------------------- */
/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 0px;
margin: 0px 0; <-------------------------이 부분을 0px 으로 변경
/* Mobile
----------------------------------------------- */
.mobile-index-contents {
color: $(body.text.color);
}
.mobile .tabs-inner .PageList .widget-content {
background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
color: $(tabs.selected.text.color);
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-$startSide: 1px solid $(tabs.selected.text.color);
}
#header {top: -20px; position: fixed;} <---------------CSS 으로 입력된 부분값
#sidebar-left-1 {top: 70px; width: 410px; position: fixed;} <---------------CSS 으로 입력된 부분값
#sidebar-left-2-1 {top: 120px; position: fixed;} <---------------CSS 으로 입력된 부분값
#sidebar-left-2-2 {top: 120px; margin-left: -70px; width: 270px; position: fixed;}}]]></b:skin> <---CSS 으로 입력된 부분값
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='1400px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='450px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='180px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}