用户:Sam0324/Sandbox.css:修订间差异
来自Limbo Wiki Mirror
小无编辑摘要  | 
				小无编辑摘要  | 
				||
| 第30行: | 第30行: | ||
   padding-bottom: 30px;  |    padding-bottom: 30px;  | ||
}  | }  | ||
@media screen and (max-width:  | @media screen and (max-width:450px) {  | ||
   .frame{  |    .frame{  | ||
     width:220px;  |      width:220px;  | ||
   }  |    }  | ||
}  | }  | ||
@media screen and (  | @media screen and (min-width:450px) {  | ||
   .frame{  |    .frame{  | ||
     width:440px;  |      width:440px;  | ||
   }  |    }  | ||
}  | }  | ||
@media screen and (  | @media screen and (min-width:670px) {  | ||
   .frame{  |    .frame{  | ||
     width:660px;  |      width:660px;  | ||
   }  |    }  | ||
}  | }  | ||
2022年3月19日 (六) 22:27的版本
.body {
 padding:10px;
 width:auto;
 height:100vh;
 background-color:black;
}
.data {
 margin:0 auto;
 width:100%;
 border:5px solid white;
}
.chapter {
  background-image: linear-gradient(rgba(128,128,128,0), rgba(128,128,128,1));
  background-color: black;
}
.button {
  display: inline-block;
  width:200px;
  margin-right:10px;
  margin-left:10px;
  height:6em;
  background-image: linear-gradient(rgba(120,128,135,0), rgba(120,128,135,1));
  color:white;
  border-bottom:3px solid white;
}
.frame{
  width:880px;/*890+*/
  margin:0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width:450px) {
  .frame{
    width:220px;
  }
}
@media screen and (min-width:450px) {
  .frame{
    width:440px;
  }
}
@media screen and (min-width:670px) {
  .frame{
    width:660px;
  }
}
