경고: 로그인하지 않았습니다. 편집을 하면 IP 주소가 공개되게 됩니다.
로그인하거나
계정을 생성하면 편집자가 사용자 이름으로 기록되고, 다른 장점도 있습니다.
편집을 취소할 수 있습니다.
이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 |
당신의 편집 |
1번째 줄: |
1번째 줄: |
| .main-box {
| |
| background: #fff;
| |
| border: solid #c8ccd1;
| |
| border-radius: 2px;
| |
| border-width: 1px;
| |
| box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
| |
| padding: 0 0 0.5rem 0;
| |
| }
| |
|
| |
| .main-top { | | .main-top { |
| | border: 1px solid #EBEBEB; |
| padding: 0 1.5rem 0 0; | | padding: 0 1.5rem 0 0; |
| display: flex; | | display: flex; |
14번째 줄: |
6번째 줄: |
| width: 100%; | | width: 100%; |
| box-sizing: border-box; | | box-sizing: border-box; |
| | background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/e3/Wikipedia_logo_letters_banner.svg"); |
| background-position: right; | | background-position: right; |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
19번째 줄: |
12번째 줄: |
|
| |
|
| .main-top-left { | | .main-top-left { |
| flex: 3; | | flex: 2; |
| background-image: linear-gradient(to right, white 0%, white 33%, transparent 100%); | | background-image: linear-gradient(to right, #f8f9fa 0%, #f8f9fa 70%, rgba(248, 249, 250, 0) 100%); |
| padding: 1rem 0 1rem 1.5rem; | | padding: 2rem 0 2rem 1.5rem; |
| }
| |
| | |
| .main-top-left-subtitle {
| |
| font-size: 1rem;
| |
| margin-top: 0.1em;
| |
| margin-bottom: 1em;
| |
| } | | } |
|
| |
|
| .main-top-right { | | .main-top-right { |
| flex: 2; | | flex: 3; |
| }
| |
| | |
| .main-top-right-text {
| |
| font-size: 1rem;
| |
| margin-top: 1em;
| |
| margin-bottom: 0;
| |
| text-align:right;
| |
| } | | } |
|
| |
|
| .main-pane { | | .main-shortcut-item:hover { |
| display: flex;
| | background-color: #bbddff; |
| }
| | border: 0; |
| | | box-shadow: 0 0 20px 2px rgba(0,0,0,0.46); |
| .main-pane-left {
| |
| margin-right: 20px;
| |
| }
| |
| @media (max-width: 981px) {
| |
| .main-pane {
| |
| display: block;
| |
| }
| |
| .main-pane-left {
| |
| margin-right: 0;
| |
| }
| |
| .main-top {
| |
| flex-direction: column;
| |
| }
| |
| .main-top-left {
| |
| align-self: flex-start;
| |
| background-image: linear-gradient(to right, white 0%, white 66%, transparent 100%);
| |
| }
| |
| .main-top-left-subtitle {
| |
| font-size: 0.8em;
| |
| margin-left: 0.2em;
| |
| margin-top: 0;
| |
| }
| |
| .main-top-left>p:first-child {
| |
| margin-bottom: 0;
| |
| }
| |
| .main-top-right {
| |
| align-self: flex-end;
| |
| padding-left: 1rem;
| |
| }
| |
| .main-top-right-text {
| |
| font-size: 0.9rem;
| |
| margin-top: 0;
| |
| margin-bottom: 1rem;
| |
| }
| |
| } | | } |