html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.navbar {
  position: fixed;
  top: -42px;
  left: 0;
  right: 0;
  transition: top .8s;
}
a{
    position: relative;
    z-index: 1;
}
#navigator {
  width: 1210px;
  margin: 0 auto;
}
#navList {
  
}
#navList a:link{
  font: 16px/1.5em "微软雅黑";
  color: #ccc;
  
}
#navList a:visited {
  color: #ccc;
  
}
#navList a:hover{
  text-decoration: none;
   color: #fff;
  text-shadow: 2px 2px 2px #ddd;
}

#header{
    margin: 0;
    padding: 0em 0;
    min-width: 100%;
}
#blogTitle {
  height: 288px;
  background: url('https://w.wallhaven.cc/full/39/wallhaven-396lgy.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #262626;
  position: relative;
}
#blogTitle h1 {
  line-height: 4.5em;
  margin-left: 4.5em;
  width: 86%;
}
#blogTitle h2 {
  margin-left: 5.5em;
  width: 26%;
}
#navigator{
    border-radius: 6px;
    background: rgba(128, 0, 128, 0);
    margin-top: 0px;
}
#main{
    background: none;
    width: 1210px;
    margin: 0 auto;
}
#mainContent{
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.9);
    margin-right: 10px;
}
#sideBar{
    background-color: rgba(255, 255, 255, 0.9);
}
body {
  background: #E0E0E0 !important;
  height: 100%;
}
#home {
  min-width: 100%;
  background: url('https://w.wallhaven.cc/full/lm/wallhaven-lmkz8q.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  overflow: auto;
}
#blogTitle h1 a {
  color: #ccc;
}
#blogTitle h1 a:hover {
  text-decoration: none;
  text-shadow: 2px 2px 2px #ddd;
}