|
|
5번째 줄: |
5번째 줄: |
| border: 1px solid red; | | 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;
| |
| width: auto;/* 대략 임시 */
| |
| }
| |
| #libre-frontpage .compactinfobox {
| |
| margin: 0.5em auto;
| |
| }
| |
| #libre-frontpage .column {
| |
| border: 3px solid #A3CCA3;
| |
| float: none !important;/* 임시 */
| |
| width: 100% !important;/* 임시 */
| |
| height: auto !important;/* 임시 */
| |
| }
| |
| #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;
| |
| }
| |
| #libre-frontpage .column:first-child {
| |
| width: 34%;
| |
| }
| |
| #libre-frontpage .column {
| |
| display: table-cell;
| |
| width: 33%;
| |
| width: calc(100% / 3) !important;
| |
| }
| |
| #libre-frontpage .column-container {
| |
| display: table;
| |
| width: 100%;/* 임시 */
| |
| }
| |
| }
| |
| /* =================================================================== */
| |