模板:Imm/test.css:修订间差异
来自RIA | Wiki
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
. | .leftbox { | ||
display: block; | display: block; | ||
border: solid black 1px; | border: solid black 1px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
float: left; | |||
width: calc(100% - 370px); | |||
min-width: 350px; | |||
margin-left: auto; | |||
} | } | ||
. | .leftbox-header { | ||
display: block; | display: block; | ||
background-color: #ffd3c7; | background-color: #ffd3c7; | ||
| 第11行: | 第15行: | ||
} | } | ||
. | .leftbox-body { | ||
margin: 0; | margin: 0; | ||
padding: 1em; | padding: 1em; | ||
| 第17行: | 第21行: | ||
} | } | ||
. | .leftbox-body-text { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
} | } | ||
. | .leftbox-header h2 { | ||
text-align: | text-align: left; | ||
margin: 0; | margin: 0; | ||
padding: 0.3em; | padding: 0.3em; | ||
| 第29行: | 第33行: | ||
} | } | ||
.rightbox { | |||
display: block; | |||
border: solid black 1px; | |||
margin-bottom: 20px; | |||
max-width: 350px; | |||
float: right; | |||
min-width: 350px; | |||
flex-flow: wrap ; | |||
flex-direction: row; | |||
} | |||
. | .rightbox-header { | ||
display: | display: block; | ||
background-color: #ffd3c7; | |||
color: #ffffff; | |||
} | } | ||
.rightbox-body { | |||
margin: 0; | |||
padding: 1em; | |||
display: block; | |||
padding | |||
} | } | ||
. | .rightbox-body-text { | ||
display: flex; | |||
align-items: center; | |||
} | } | ||
.rightbox-header h2 { | |||
text-align: center; | |||
margin: 0; | |||
padding: 0.3em; | |||
display: block; | |||
} | |||
. | |||
. | |||
2023年4月28日 (五) 19:35的版本
.leftbox {
display: block;
border: solid black 1px;
margin-bottom: 20px;
float: left;
width: calc(100% - 370px);
min-width: 350px;
margin-left: auto;
}
.leftbox-header {
display: block;
background-color: #ffd3c7;
color: #ffffff;
}
.leftbox-body {
margin: 0;
padding: 1em;
display: block;
}
.leftbox-body-text {
display: flex;
align-items: center;
}
.leftbox-header h2 {
text-align: left;
margin: 0;
padding: 0.3em;
display: block;
}
.rightbox {
display: block;
border: solid black 1px;
margin-bottom: 20px;
max-width: 350px;
float: right;
min-width: 350px;
flex-flow: wrap ;
flex-direction: row;
}
.rightbox-header {
display: block;
background-color: #ffd3c7;
color: #ffffff;
}
.rightbox-body {
margin: 0;
padding: 1em;
display: block;
}
.rightbox-body-text {
display: flex;
align-items: center;
}
.rightbox-header h2 {
text-align: center;
margin: 0;
padding: 0.3em;
display: block;
}