|
|
| (사용자 3명의 중간 판 239개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| @import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gugi&family=Noto+Sans+KR:wght@100;400&family=Noto+Serif+KR:wght@200;500&family=Sunflower:wght@300;500&display=swap');
| | .wikitable td { |
| | | position: relative !important; /* 내부 요소 정렬 기준 */ |
| @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap');
| | max-width: 100% !important; |
| .info {
| | overflow: hidden !important; |
| width: 100%;
| | table-layout: fixed |
| text-align: center;
| |
| }
| |
| | |
| .pct-infobox {
| |
| width: 360px;
| |
| float: right;
| |
| clear: right;
| |
| padding: 0.2em;
| |
| }
| |
| | |
| @media (max-width: 768px){
| |
| .pct-infobox {
| |
| width: 100%;
| |
| max-width: 450px;
| |
| margin: 0 auto;
| |
|
| |
| }
| |
| } | | } |
|
| |
|
| @media (max-width: 540px){
| | .wikitable td table { |
| .pct-infobox {
| | width: 100% !important; /* 부모 td의 크기에 맞춤 */ |
| width: 100%;
| | max-width: 100% !important; |
| max-width: 100%;
| |
| clear: both;
| |
| }
| |
| } | | } |
|
| |
|
| .pct-fixedbox { | | .nob { |
| width:100%;
| | margin-top: 4px; |
| border-collapse:collapse;
| | margin-bottom: 4px; |
| margin-top: 12px; | |
| } | | } |
|
| |
|
| .fixedbox-title { | | .ind { |
| height:60px;
| | font-size: 14px; |
| color:white; | | color : #4a4a4a; |
| font-size:24px;
| | margin-left: 18px; |
| text-align:center;
| | margin-top: 4px; |
| vertical-align:middle;
| | margin-bottom: 4px; |
| border-bottom:1px solid#bbb;
| |
| } | | } |
|
| |
|
| .fixedbox-row-full { | | .nob2 { |
| color:white;
| | margin-top: -3px; |
| border-bottom:1px solid#bbb;
| |
| text-align: center;
| |
| padding:6px 6px;
| |
| font-size:14px;
| |
| vertical-align:middle;
| |
| }
| |
| | |
| .fixedbox-row-20 {
| |
| width: 20%;
| |
| color:white;
| |
| border-top:1px solid#bbb;
| |
| text-align: center;
| |
| padding:6px 6px;
| |
| font-size:14px;
| |
| vertical-align:middle;
| |
| }
| |
| | |
| .fixedbox-row-20:last-child {
| |
| border: 0px; | |
| }
| |
| | |
| .fixedbox-row-30 {
| |
| width: 30%;
| |
| background-color:#eeeeee;
| |
| border-top:1px solid#bbb;
| |
| text-align: center;
| |
| padding:8px 6px;
| |
| font-size:14px;
| |
| vertical-align:middle;
| |
| }
| |
| | |
| .fixedbox-row-30:last-child {
| |
| border-bottom: 0px;
| |
| }
| |
| | |
| .fixedbox-row-40 {
| |
| width: 40%;
| |
| background-color:#fff;
| |
| border-top:1px solid#bbb;
| |
| text-align: center;
| |
| padding:8px 6px;
| |
| font-size:14px;
| |
| vertical-align:middle;
| |
| }
| |
| | |
| .fixedbox-row-40:last-child {
| |
| border: 0px;
| |
| }
| |
| | |
| .fixedbox-row-desc {
| |
| border-top:1px solid#bbb;
| |
| padding:6px 8px;
| |
| font-size:14px;
| |
| font-weight:500;
| |
| vertical-align:middle;
| |
| }
| |
| | |
| .fixedbox-row-desc:last-child {
| |
| border-bottom:0px;
| |
| }
| |
| | |
| .pct-infobox-title {
| |
| height:80px;
| |
| color:white;
| |
| font-size:24px;
| |
| font-weight:500;
| |
| text-align:center;
| |
| vertical-align:middle;
| |
| }
| |
| | |
| .pct-infobox-image {
| |
| padding:24px;
| |
| vertical-align:middle;
| |
| text-align:center;
| |
| }
| |
| | |
| .pct-infobox-row-full {
| |
| color:white;
| |
| height:32px;
| |
| text-align:center;
| |
| vertical-align:middle;
| |
| font-size:13px;
| |
| }
| |
| | |
| .togglebutton {
| |
| cursor:pointer;
| |
| display:block;
| |
| text-align:center;
| |
| }
| |
| | |
| #togglebutton, #togglecontent {
| |
| height:0;
| |
| overflow:hidden;
| |
| }
| |
| | |
| #togglebutton:checked + #togglecontent {
| |
| height:auto;
| |
| position:relative;
| |
| }
| |
| | |
| .portal-column-left {
| |
| float: left;
| |
| width: 50%;
| |
| }
| |
| .portal-column-right {
| |
| float: right;
| |
| width: 49%;
| |
| }
| |
| .portal-column-left-wide {
| |
| float: left;
| |
| width: 60%;
| |
| }
| |
| .portal-column-right-narrow {
| |
| float: right;
| |
| width: 39%;
| |
| }
| |
| .portal-column-left-extra-wide {
| |
| float: left;
| |
| width: 70%;
| |
| }
| |
| .portal-column-right-extra-narrow {
| |
| float: right;
| |
| width: 29%;
| |
| }
| |
| @media only screen and (max-width: 800px) {
| |
| /* Decouple the columns on narrow screens */
| |
| .portal-column-left,
| |
| .portal-column-right,
| |
| .portal-column-left-wide,
| |
| .portal-column-right-narrow,
| |
| .portal-column-left-extra-wide,
| |
| .portal-column-right-extra-narrow {
| |
| float: inherit;
| |
| width: inherit;
| |
| }
| |
| } | | } |