对blogger模板的自适应修改

原来是固定尺寸的，小屏幕。改成了自适应大屏。

修改如下：

/* Header

-----------------------------------------------

*/

#wrapper{

width:95%;   原来是：920px;

overflow:hidden;

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk-EWTGIcLT9FCno6yeHFFoCuT9ucWjmHKHqum8KuZemJsVYSKS54kit5S52xM7y7cDJHboX3k2A28dBYmKMxp3WK6iUV9zCzJ4wIsJ8Egw2VTVE3fYWW3xUt0lXAwayGClo-vt96jUyqt/s0/header-shadow.png) top repeat-x;

margin:10px auto 15px auto;

padding:20px 0 0; 

border: 1px solid #CCCCCC;

-webkit-box-shadow:0px 5px 9px -5px #333333; 

-moz-box-shadow:0px 5px 9px -5px #333333; 

-o-box-shadow:0px 5px 9px -5px #333333; 

-ms-box-shadow:0px 5px 9px -5px #333333; 

box-shadow:0px 5px 9px -5px #333333;

-webkit-box-shadow: 0px 5px 9px -5px #333333;

-moz-box-shadow: 0px 5px 9px -5px #333333;

}

.header{

width:900px;

position:relative;

height:110px;padding:0 10px

}

#header h1{

width:600px;

font-size:200%;

margin:10px 0 0;

padding:0;

text-shadow: -1px -1px white, 1px 1px #333;

color: #CCC;

}

#header h1 a{

width:600px;

font-weight: bold;

}

P.title {

width:600px;

font-size:200%;

margin:10px 0 0;

padding:0

}

P.title a{

width:600px;

font-weight: bold;

padding:0 0 0 5px

margin:10px 0 0;

text-shadow: -1px -1px white, 1px 1px #333;

color: #CCC;

}

.descriptionwrapper{

width:600px;

font-size:100%;

margin:0 0 0 7px;

padding:0;

text-shadow: -1px -1px white, 1px 1px #333;

color: #CCC;

}

#header{

float:left;

width:400px

}

.Tambah-Kolom-Kiri{

width:400px;

float:left;

margin:0;

padding:20px 0 0 5px

}

/* Outer-Wrapper

----------------------------------------------- */

#outer2-wrapper { width:95%;overflow:hidden;background:#fff;margin:0 auto;padding:30px 0 0}      原来是920px

#main-wrapper {width:67%;float:left;line-height:160%;margin:0;padding:0 5px 0 20px}    原来是550px

#sidebar-wrapper {width:28%;float:left;margin:0;padding:0 20px 0 15px}原来是310px 

还把正文字体大小改了：

.post-body {

margin:-5 0 .75em;

font-size: 14px;   这里默认是12px

line-height: 20px;

} 

注意：还有一个地方是修改的：就是默认的文章缩略图，是自定义的：捕1获.jpg，这里直接引用了头像，也可以换成其它国片。 

模板已经备份在google发件箱里，同步到了googledrive.