Template:沙盒/bbb.css

.bbb-sh-root {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    max-width: 1096px;
    margin: auto;
}

.bbb-sh-container {
    width: 520px;
    max-width: 100vw;
}

.bbb-sh-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    background-color: #3366DD;
}

.bbb-sh-title {
    flex: 1;
    max-width: 66.7%;
    padding: 0 .25rem;
}

.bbb-sh-subtitle {
    min-width: 33.3%;
    padding: 0 .25rem;
}

.bbb-sh-body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: .25rem 0;
}

.bbb-sh-image {
    max-width: 66.7%;
    flex: 1;
}

.bbb-sh-image img {
    max-width: 100%;
    height: auto;
}

.bbb-sh-intro {
    display: flex;
    max-width: 50%;
    min-width: 33.3%;
}

.bbb-sh-intro-title {
    flex: 1;
    background-color: rgb(51, 102, 221);
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bbb-sh-intro-text {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bbs-sh-intro-container {
    margin: .25rem;
}

.bbb-sh-divider {
    width: 100%
}
/* [[Category:在模板名字空间下的CSS页面]] */