# AI Context for pengmt

## Profile
- Name: pengmt
- Location: UK
- About me: 开云官方网站，开云即kaiyun开云，含开云体育、开云电竞、开云真人等在内的众多项目。即刻获取全新版本开云网页端或开云APP系列手机应用程序，尽享极致体验。
分享自己用bootstrap搭建的几个站点还有一些用到的CSS1.定义自定义颜色变量
:root \{
  \-\-custom\-color\-list\-page\-number: \#FF6F0F; /\* 定义自定义颜色变量 \*/
\} 

2.文章列表的分页样式
.paging\_list \{
list\-style: none;
display: flex;
justify\-content: center;
margin\-top: 20px;
padding: 0;
\}
.paging\_list li \{
margin: 0 5px;
\}
.paging\_list a \{
display: flex;
align\-items: center;
justify\-content: center;
background\-color: \#f0f6ff; /\* 小正方形背景颜色 \*/
width: 40px;
height: 40px;
border\-radius: 3px;
text\-align: center;
border\-radius:17px;
text\-decoration: none;
color: black;
font\-size: 14px;
\}
.paging\_list a:hover \{
background\-color: var\(\-\-custom\-color\-list\-page\-number\); 
\}
.paging\_list li.on a \{
background\-color: var\(\-\-custom\-color\-list\-page\-number\);  /\* 选中状态的背景颜色 \*/
\}

3.在手机端一行只显示一个项目
/\* 媒体查询 \- 手机端样式 \*/
@media screen and \(max\-width: 767px\) \{
    .zdy\_list\_one \{
        width: calc\(100% \- 20px\); 
    \}
\}
​


4.自定义标题的颜色和居中
.n\-title\{
text\-align: center;
color: \#000;
\} 



5.最好用的调整模块代码
.zdy\_s\_gun\_app\_item \{
  flex: 0 0 calc\(25% \- 20px\); /\* Adjust the width as needed \*/
  display: flex;
  flex\-direction: column; /\* Stack items vertically \*/
  justify\-content: center;
  align\-items: center;
  background\-color: \#f0f6ff; /\* 小正方形背景颜色 \*/
  text\-align: center;
  padding: 20px;
  margin\-right: 20px; /\* Adjust the margin as needed \*/
  box\-sizing: border\-box; /\* Include padding in element's total width and height \*/
\} 
 下面是我自己建的几个站点仅供参考部分代码每个站点都稍有改动 
http://www.otakunoie.com
http://wtfclips.com

## Online Presence
\[Gravatar Profile\]: [gravatar.com/seozona005](https://gravatar.com/seozona005)