Senior9324 (토론 | 기여) 편집 요약 없음 |
Senior9324 (토론 | 기여) 편집 요약 없음 |
||
25번째 줄: | 25번째 줄: | ||
#libre-frontpage .compactinfobox { | #libre-frontpage .compactinfobox { | ||
margin: 0.5em auto; | margin: 0.5em auto; | ||
} | |||
#libre-frontpage .column-container { | |||
display: table; | |||
} | } | ||
#libre-frontpage .column:first-child { | #libre-frontpage .column:first-child { | ||
31번째 줄: | 34번째 줄: | ||
#libre-frontpage .column { | #libre-frontpage .column { | ||
border: 3px solid #A3CCA3; | border: 3px solid #A3CCA3; | ||
display: table-cell; | |||
width: 33%; | width: 33%; | ||
width: calc(100% / 3) !important; | width: calc(100% / 3) !important; | ||
54번째 줄: | 57번째 줄: | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#libre-frontpage .column { | #libre-frontpage .column { | ||
width: 100% !important; | width: 100% !important; | ||
height: auto; | height: auto; |
2015년 5월 24일 (일) 17:29 판
/**
*실험용 CSS입니다.
*/
#mw-content-text h1 > .mw-headline {
border: 1px solid red;
}
/* ===================================================================
* 대문용 CSS
* by Leia0207
* =================================================================== */
#libre-frontpage .block {
clear: both;
width: 100%;
}
#libre-frontpage .block-head {
padding-top: 2px;
background-color: #A3CCA3;
color: #336633;
font-size: 16px;
font-weight: bold;
overflow: hidden;
text-align: center;
}
#libre-frontpage .compactinfobox {
margin: 0.5em auto;
}
#libre-frontpage .column-container {
display: table;
}
#libre-frontpage .column:first-child {
width: 34%;
}
#libre-frontpage .column {
border: 3px solid #A3CCA3;
display: table-cell;
width: 33%;
width: calc(100% / 3) !important;
height: 400px;
}
#libre-frontpage .column-head {
background-color: #B4D6B4;
color: #336633;
text-align: center;
font-size: 16px;
}
#libre-frontpage .block-head a,
#libre-frontpage .column-head a {
color: inherit;
}
@media (min-width: 550px) {
#libre-frontpage .compactinfobox {
margin: 0.5em;
float: right;
}
}
@media (max-width: 768px) {
#libre-frontpage .column {
width: 100% !important;
height: auto;
}
}
/* =================================================================== */