Difference between revisions of "MediaWiki:Common.css"
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
| + | p img{ | ||
| + | max-width:100%; | ||
| + | } | ||
| + | |||
| + | body{ | ||
| + | |||
| + | word-wrap: break-word !important; | ||
| + | } | ||
| + | #p-logo { | ||
| + | height:100px !important; | ||
| + | margin-top:-14px; | ||
| + | } | ||
| + | .mw-wiki-logo{ | ||
| + | background-size: contain !important; | ||
| + | } | ||
.products-list{ | .products-list{ | ||
position: relative; | position: relative; | ||
} | } | ||
.products-list>ul{ | .products-list>ul{ | ||
| − | width: | + | width: 70%; |
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 10: | Line 25: | ||
} | } | ||
.products-list>ul>li{ | .products-list>ul>li{ | ||
| − | width: | + | width: 380px |
} | } | ||
.products-list>.product-img{ | .products-list>.product-img{ | ||
| + | display:flex; | ||
position: absolute; | position: absolute; | ||
| − | right: | + | right:5%; |
| − | top: | + | top:40px; |
} | } | ||
.products-list>.product-img img{ | .products-list>.product-img img{ | ||
| Line 22: | Line 38: | ||
display: block; | display: block; | ||
} | } | ||
| + | .table-3g-iot> table tr td{ | ||
| + | padding: 10px 0; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | |||
| + | .product{width:100%; margin:0 auto;display:flex;} | ||
| + | .product > .pro-left {width:64%; margin: 0px;} | ||
| + | .product > .pro-left ul { display:flex; width:100%;flex-wrap:wrap;} | ||
| + | .product > .pro-left ul li{width:33%;} | ||
| + | .product > .pro-right {width:36%;} | ||
Latest revision as of 19:22, 18 July 2022
/* 这里放置的CSS将应用于所有皮肤 */
p img{
max-width:100%;
}
body{
word-wrap: break-word !important;
}
#p-logo {
height:100px !important;
margin-top:-14px;
}
.mw-wiki-logo{
background-size: contain !important;
}
.products-list{
position: relative;
}
.products-list>ul{
width: 70%;
display: flex;
flex-wrap: wrap;
}
.products-list>ul>li{
width: 380px
}
.products-list>.product-img{
display:flex;
position: absolute;
right:5%;
top:40px;
}
.products-list>.product-img img{
width: 200px;
height: 135px;
display: block;
}
.table-3g-iot> table tr td{
padding: 10px 0;
text-align: center;
}
.product{width:100%; margin:0 auto;display:flex;}
.product > .pro-left {width:64%; margin: 0px;}
.product > .pro-left ul { display:flex; width:100%;flex-wrap:wrap;}
.product > .pro-left ul li{width:33%;}
.product > .pro-right {width:36%;}
