ページ
ページのデザイン
#UserCSS #design #original
対象クラス
.page
.lines
code:style.css
.page {
box-shadow: 4px 1px 10px rgba(0,0,0,.15);
border-radius: 0;
}
.quick-launch .project-home {
padding: 0;
}
/* プライベートバッジ、プランバッチを非表示 */
.quick-launch .private-badge, .quick-launch .plan-badge {
display: none;
}
.container {
width: calc(100% - 10px);
}
@media (max-width: 991px) and (min-width: 768px) {
.container {
width: calc(100% - 30px);
}
}
.row-flex {
width: calc(100% - 10px);
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
@media (max-width: 991px) and (min-width: 768px) {
.row-flex {
width: calc(100% - 30px);
}
}
@media (min-width: 768px) {
width: calc(100% - 60px);
}
.row-flex .col-page-side {
width: 60px;
max-width: none;
}
.row-flex .col-page-side:first-child {
width: 0;
}
.row-flex .col-page {
width: 100%;
}
.page-wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.page-wrapper {
flex-direction: row-reverse;
}
}
.page-wrapper .page {
margin: 0px 2%;
}
@media (max-width: 767px) {
.row-flex .col-page {
padding: 0;
}
}
@media (min-width: 1050px) {
.row-flex .col-page {
width: 95%;
max-width: none;
}
.row-flex .col-page-side {
z-index: 3;
}
}
.drag-and-drop-enter {
width: 100%;
}
@media (min-width: 768px) {
.drag-and-drop-enter {
width: 80%;
}
}
/* ページタイトル */
.lines .line-title .text {
border-bottom: solid 3px #D7D7D7;
padding-bottom: .3em;
}
/* 2行目 */
.lines .line:nth-child(2) .text {
padding: .4em 0;
}