theme2014/css/style.css （主樣式表）

:::

6-4 theme2014/css/xoops.css （XOOPS內容樣式表）

6-6 theme2014/modules/system/system_redirect.html 轉頁畫面 next

[1031]XOOPS佈景設計

6-5 theme2014/css/style.css （主樣式表）

01body{
02  background-image: url(../images/templatemo_wrapper.jpg);
03  background-position: center top;
04  background-repeat: no-repeat;
05}
06 
07#xoops_theme_container{
08  width: 960px;
09  margin:0px auto;
10}
11 
12#xoops_theme_head{
13  height:100px;
14}
15 
16#site_name{
17  color:#fff;
18  font-size: 2.5em;
19  height:70px;
20  line-height: 70px;
21  font-weight: bold;
22  text-shadow:1px 1px 2px #000;
23}
24 
25#site_name>a{
26  color:inherit;
27  text-decoration: none;
28}
29 
30#site_slogan{
31  color:rgb(255,255,255);
32  color:rgba(255,255,255,0.5);
33  font-size: 1.2em;
34  height:30px;
35  font-weight: bold;
36}
37 
38#xoops_theme_navbar{
39  height:45px;
40  margin: 0px;
41  /* overflow: hidden; 請自行拿掉註解 */
42}
43 
44#xoops_theme_navbar li{
45  height:45px;
46  line-height:45px;
47  float: left;
48  list-style-type: none;
49  padding:0px 25px;
50  background: transparent url(../images/templatemo_menu_divider.png) no-repeat right center;
51}
52 
53 
54#xoops_theme_navbar li > a{
55  color:#333;
56  text-shadow:1px 1px 1px #fff;
57  font-weight: bold;
58}
59 
60#xoops_theme_navbar li > a:hover{
61  color:#fff;
62  text-shadow:1px 1px 1px #333;
63  text-decoration: none;
64}
65 
66#xoops_theme_content{
67  min-height: 700px;
68}
69 
70#xoops_theme_foot{
71  background-image: url(../images/templatemo_footer_wrapper.jpg);
72  height: 85px;
73}
74 
75#theme_foot{
76  width:960px;
77  height: 85px;
78  margin: 0px auto;
79  background:rgba(255,255,255,0.5) url(../images/templatemo_footer.jpg);
80}
81 
82#foot_content{
83  text-align:center;
84  color:white;
85  padding-top:15px;
86  line-height: 2;
87  font-size: 12px;
88}