-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles.css
94 lines (79 loc) · 4.83 KB
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/* 基础样式 */
body {font-family: Arial, sans-serif;background-color: #f4f4f4;color: #333;margin: 0;padding: 0;}
#wrapper {width: 80%;max-width: 960px;margin: 0 auto;background-color: #fff;padding: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
/* Header 和导航样式 */
header {padding-bottom: 20px;position: relative;}
header h1 {font-size: 28px;color: #333;margin: 0;position: absolute;top: -60px;left: 20px;}
nav {text-align: right;margin-top: 50px; overflow: hidden; }
nav ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: nowrap;overflow-x: auto; /* Allow horizontal scrolling */-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */}
nav ul::-webkit-scrollbar {height: 8px; /* Customize scrollbar height */}
nav ul::-webkit-scrollbar-thumb {background: #ccc;border-radius: 10px;}
nav ul::-webkit-scrollbar-track {background: #f4f4f4;}
nav ul li {flex: 0 0 auto; /* Prevent items from shrinking or growing */margin: 0 10px;}
nav ul li a {text-decoration: none;color: #333;font-size: 16px;padding: 10px;display: inline-block;border-radius: 5px;}
nav ul li a:hover {background-color: #f0f0f0;color: #007BFF;}
/* 标题样式 */
h2 {font-size: 18px;margin-bottom: 10px;}
h3 {font-size: 14px;margin-bottom: 10px;}
h4 {font-size: 10px;margin-bottom: 5px;}
/* 内容区域 */
.content-section{padding:20px;margin-bottom:20px;background-color:#5ae076;border:1px solid #ddd;border-radius:5px}
/* 首页特色区域 */
#hero{background-size:cover;color:white;/*text-align:center;padding:100px 20px;*/position:relative}
#hero .overlay{/*background-color:rgba(0,0,0,0.5);padding:20px;*/display:inline-block;border-radius:5px}
.btn{display:inline-block;padding:10px 20px;background-color:#333;color:white;text-decoration:none;border-radius:5px;margin-top:10px}
.btn-read-more{color:#007BFF}
/* 文章和新闻布局 */
.article-grid{display:flex;justify-content:space-between;gap:20px}
.article-item{width:48%;background-color:#f9f9f9;padding:15px;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
/* SEO优化区域 */
#seo-links ul,.link-list,.news-list,.sitemap-list{list-style:none;padding:0}
#seo-links li,.link-list li,.news-list li,.sitemap-list li{margin-bottom:10px}
/* 团队介绍和公司价值观 */
.team-introduction,.company-values,.friend-link,.error-links,.sitemap-list{margin-top:20px}
.team-member{margin-bottom:20px}
.team-member img{width:50%;height:50%;display:block;margin-bottom:10px}
.company-values ul{list-style:disc;padding-left:20px}
/* 友链和错误页面链接 */
.friend-link ul,.error-links ul{list-style:none;padding:0}
.friend-link ul li,.error-links ul li{margin-bottom:10px}
/* 返回首页大按钮 */
.return-home{margin-top:30px}
.btn-large{display:inline-block;padding:15px 30px;font-size:18px;background-color:#007BFF;color:white;text-decoration:none;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.btn-large:hover{background-color:#0056b3}
/* 404页面样式 */
#error-section{text-align:center}
#suggestions{background-color:#e0f7fa;border:1px solid #b2ebf2;border-radius:5px;padding:20px;margin-top:20px}
#suggestions h3{font-size:22px;color:#00796b}
#suggestions ul{list-style:none;padding:0}
#suggestions ul li{margin-bottom:10px}
#suggestions ul li a{text-decoration:none;color:#00796b;font-weight:bold}
#suggestions ul li a:hover{text-decoration:underline}
/* 其他404页面样式 */
#error-links{margin-top:20px}
#error-links h3{font-size:20px;color:#d32f2f}
#error-links ul{list-style:none;padding:0}
#error-links ul li{margin-bottom:10px}
#error-links ul li a{text-decoration:none;color:#d32f2f}
#error-links ul li a:hover{text-decoration:underline}
/* 联系方式样式 */
#contact{background-color:#e9f5f9;padding:20px;border:1px solid #b2d9e7;border-radius:5px;margin-top:20px}
#contact h2{font-size:22px;color:#00796b;margin-bottom:15px}
#contact ul{list-style:none;padding:0}
#contact ul li{margin-bottom:10px;font-size:16px}
#contact a{color:#0006ff;text-decoration:none}
#contact a:hover{text-decoration:underline}
/* 项目与案例样式 */
#projects{background-color:#f1f8e9;padding:20px;border:1px solid #c8e6c9;border-radius:5px;margin-top:20px}
#projects h2{font-size:22px;color:#388e3c;margin-bottom:15px}
#projects p{font-size:16px;margin-bottom:15px}
.project-item{margin-bottom:20px;padding:15px;background-color:#ffffff;border:1px solid #c8e6c9;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.project-item h3{font-size:20px;color:#388e3c;margin-bottom:10px}
.project-item p{font-size:16px;margin-bottom:10px}
.project-item .btn-read-more{color:#388e3c}
.project-item .btn-read-more:hover{text-decoration:underline}
.project-item img{width: 100%;}
/* 图标容器样式 */
.icon-con {padding: 0 19px;}
/* 页脚样式 */
footer {text-align: center;padding-top: 20px;border-top: 1px solid #ddd;}