사용자:Senior9324/lab.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
19번째 줄: 19번째 줄:
#libre-frontpage .compactinfobox {
#libre-frontpage .compactinfobox {
     margin: 0.5em auto;
     margin: 0.5em auto;
}
#libre-frontpage .column:first-child {
    width/*\**/: 34%\9;
}
}
#libre-frontpage .column {
#libre-frontpage .column {
     border: 1px solid #A3CCA3;
     border: 3px solid #A3CCA3;
     float: left;
     float: left;
     width: 33%;
     width: calc(100% / 3);
    width/*\**/: 33%\9;
     height: 400px;
     height: 400px;
}
}

2015년 5월 23일 (토) 22:05 판

/**
 *실험용 CSS입니다.
 */
#mw-content-text h1 > .mw-headline {
  border: 1px solid red;
}

#libre-frontpage .block {
    clear: both;
    width: 100%;
}
#libre-frontpage .block-head {
    background-color: #A3CCA3;
    color: #336633;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#libre-frontpage .compactinfobox {
    margin: 0.5em auto;
}
#libre-frontpage .column:first-child {
    width/*\**/: 34%\9;
}
#libre-frontpage .column {
    border: 3px solid #A3CCA3;
    float: left;
    width: calc(100% / 3);
    width/*\**/: 33%\9;
    height: 400px;
}
#libre-frontpage .column-head {
    background-color: #B4D6B4;
    text-align: center;
    font-size: 16px;
}
#libre-frontpage .block-head a,
#libre-frontpage .column-head a {
    color: inherit;
}
@media (min-width: 768px) {
    #libre-frontpage .project-head {
        width: 70%;
    }
    #libre-frontpage .compactinfobox {
        margin: 0.5em;
        float: right;
    }
}