|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- body
- {
- background-color: aquamarine;
- }
-
- table
- {
- margin: 24px auto 40px;
- }
-
- td
- {
- padding: 8px;
- }
-
- table, td
- {
- border: solid 1px;
- background-color: white;
- }
-
- #paint
- {
- margin-bottom: 64px;
- }
-
- #paint > div
- {
- margin: 24px auto;
- }
-
- h1, .illust
- {
- text-align: center;
- }
-
- .radio
- {
- /* width: 704px; */
- /* display: inline-block; */
- align-items: flex-start;
- vertical-align: middle;
- line-height: 1.5em;
- margin: auto;
- }
-
- .button-area, .canvas-area
- {
- text-align: center;
- }
-
- .canvas-area
- {
- width: 480px;
- max-width: 100%;
- position: relative;
- padding: 0;
- box-sizing: content-box;
- }
-
- .canvas-area:before
- {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .canvas-area > canvas
- {
- position: absolute;
- left: 0;
- top: 0;
- border: 1px solid;
- max-width: 100%;
- box-sizing: content-box;
- padding: 0;
- margin: 0;
- }
-
|