Blog, 나의 블로그는 구글블로그의 기본 테마 값만 변경 한 값

구글블로그 기본테마 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);
      }