css/style.css

:::

XOOPS 新版佈景設計

6-2 css/style.css

body{
  margin:0px;
  padding:0px;
  font-family: Vardana, 微軟正黑體;
}

h1{
  font-size: 3em;
  color: rgba(87, 18, 18, 0.5);
  margin: 0px;
}

h2{
  color: blue;
}

/* 搭配 id 屬性的挑選器 */
#container{
  width: 960px;
  background-image: url(../images/templatemo_wrapper_m.png);
  padding: 12px;
  min-height: 600px;
}

#container_header{
  height: 50px;
  background-image: url(../images/templatemo_wrapper_m.png);
  background-position: center center;
  border: 1px solid white;
  padding: 25px 10px;
}

#container_nav{
  width: 960px;
  margin: 0px auto;
}

#container_slide{

}

#container_footer{
  height: 60px;
  line-height: 60px;
  background-color: #EAEAEA;
  text-align: center; /* 置中 */
  /* padding-top:10px; */
}

.li_content li{
  line-height:1.8;
}

ul#head_menu{
  margin-top: 15px;
}

ul#head_menu li{
  /* display: inline; */
  float: left;
  list-style: none;
}

ul#head_menu li a{
  color: #000000;
  padding: 6px 20px;
}

ul#head_menu li a:hover ,  .active{
  color: #ffffff;
  text-decoration: none;
  background-color: #f5c9c9;
  border-radius: 5px;
}

6-1 theme.html