123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- * { box-sizing: border-box; }
- body {
- font-family: "Fira Sans";
- }
- .page {
- position: absolute;
- top: 0;
- left: 0;
- display: grid;
- grid-template-columns: 25% 25% 25% 25%;
- grid-template-rows: 50px auto 50px;
- width: 100%;
- height: 100%;
- }
- .header {
- border: 1px solid black;
- grid-column: 1 / 5;
- grid-row: 1;
- }
- .footer {
- border: 1px solid black;
- grid-column: 1 / 5;
- grid-row: 3;
- }
- .contents {
- border: 1px solid black;
- grid-column: 1 / 4;
- grid-row: 2;
- }
- .chat {
- border: 1px solid black;
- grid-column: 4 / 5;
- grid-row: 2;
- overflow: auto;
- padding: 1em;
- }
- .author {
- font-weight: bold;
- color: #900;
- }
- .msg {
- padding: 0.2em;
- }
|