幻想世界的入口

還記得當時弄這個部落格的時候，連CSS是什麼也不知道，真的是改改抄抄弄出這個theme，當時瀏覽器的最佳瀏覽寬度也跟現在的有差。

看著部落格文章寬度最寬就那樣，身為一個前台，看到container鎖死無法伸展的感覺超痛苦。

受不了，直接秒改

貼上CSS diff展示修改了哪些地方:

--- old_style   2020-01-29 18:07:16.859650946 +0800
+++ new_style   2020-01-29 18:50:24.309805452 +0800
@@ -118,7 +118,7 @@
 }
 #container2{
        position:relative ;
-       width:860px ;
+       width:auto ;
        margin: 0 auto ;
 /*     background:url('https://pic.pimg.tw/pixnetvisual/1184654889.gif') repeat-y center top ;
 */
@@ -151,7 +151,7 @@
        height:290px ;
 /*title.gif*/

-background:url('https://pic.pimg.tw/zhuomawubala/1190597478.gif') no-repeat 5px 25px;
+background:url('https://pic.pimg.tw/zhuomawubala/1190597478.gif') no-repeat center 25px;
 }

 #header a{
@@ -176,8 +176,8 @@
        font-family:"Simhei" ;
        color:#FF3300 ;
        position:absolute ;
-       top:97px;
-       left:50px ;
+       top:97px ;
+       left:calc(50% - 425px + 45px) ;
        display:block ;
        width:470px ;
 }
@@ -192,7 +192,7 @@
 #banner h2{
        position:absolute ;
        top: 140px ;
-       left:50px ;
+       left:calc(50% - 425px + 45px) ;
        color:#990033 ;
        width:630px ;
 }
@@ -243,7 +243,7 @@
 /*-----------------------------------------  CONTENT ------------------------------------------*/

 #content{
-       width:595px ;
+       width:calc(100% - 215px) ;
        float:right ;
 }

@@ -277,10 +277,12 @@
        font-family:"Simhei" ;
        margin: 7px 0px 15px 0px ;
        padding:13px 0px 8px 37px ;
-        text-indent: 32px;
+        text-indent: 94px;
 /*把一行的距離消掉*/
         margin-bottom: -10px;
-/*til-con.gif*/        background:url('https://pic.pimg.tw/zhuomawubala/1190596358.gif') no-repeat right;
+/*til-con.gif*/
+        background: url(https://pic.pimg.tw/zhuomawubala/1190596358.gif) no-repeat 15px;
+        background-size: 100% 100%;
 }
 .title a{
        color:#990033 ;