-
Notifications
You must be signed in to change notification settings - Fork 85
Стихин Семен #77
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Стихин Семен #77
Changes from all commits
55fb8a3
279bf8f
0a9b3cd
1ce71c4
c4444f6
ca4c051
292b130
2b5e538
377c19e
6254ac6
0e65226
1c0a554
14fefe3
f10be34
31af857
21296be
bfd109b
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,204 @@ | ||
| @font-face | ||
| { | ||
| font-family: machina; | ||
| src: url(./fonts/machina.ttf) | ||
| format('truetype'), url(./fonts/machina.eot) | ||
| format('eot'), url(./fonts/machina.woff) | ||
| format('woff'), url(./fonts/machina.woff2) | ||
| format('woff2'), url(./fonts/machina.svg) | ||
| format('svg'); | ||
| } | ||
|
|
||
| @font-face | ||
| { | ||
| font-family: zelek; | ||
| src: url(./fonts/zelek.ttf) | ||
| format('truetype'), url(./fonts/zelek.eot) | ||
| format('eot'), url(./fonts/zelek.woff) | ||
| format('woff'), url(./fonts/zelek.woff2) | ||
| format('woff2'), url(./fonts/zelek.svg) | ||
| format('svg'); | ||
| } | ||
|
|
||
| body | ||
| { | ||
| background: url(images/oldpaper.jpg) no-repeat; | ||
| background-size: cover; | ||
| } | ||
|
|
||
| header | ||
| { | ||
| font: 5em machina; | ||
| text-align: center; | ||
| } | ||
|
|
||
| aside | ||
| { | ||
| text-align: center; | ||
| width: 50px; | ||
| word-break: break-all; | ||
| float: left; | ||
| font: 4em machina; | ||
| } | ||
|
|
||
| main | ||
| { | ||
| margin-left: 60px; | ||
| font: 1em zelek; | ||
| } | ||
|
|
||
| h1 | ||
| { | ||
| font-size: 2em; | ||
| } | ||
|
|
||
| .block1 | ||
| { | ||
|
|
||
| font-size: 1em; | ||
| padding: 5px; | ||
| } | ||
|
|
||
| .first | ||
| { | ||
| width: 40%; | ||
| padding: 20px; | ||
| } | ||
|
|
||
| .second | ||
| { | ||
| padding: 20px; | ||
| } | ||
|
|
||
| .third | ||
| { | ||
| text-align: center; | ||
| width: 20%; | ||
| height: 100%; | ||
| word-break: break-all; | ||
| font: 4em machina; | ||
| } | ||
|
|
||
| .first, | ||
| .second, | ||
| .third | ||
| { | ||
| display: table-cell; | ||
| vertical-align: top; | ||
| } | ||
|
|
||
| .king | ||
| { | ||
| column-span: all; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .kingimage | ||
| { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .walker | ||
| { | ||
| column-span: all; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .walkerimage | ||
| { | ||
| width: 100%; | ||
| column-span: all; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .first::first-letter | ||
| { | ||
| font-size: 2em; | ||
| margin-left: 15px; | ||
| border: 2px dashed #000; | ||
| } | ||
|
|
||
| .block2 | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Название класса должно быть говорящим |
||
| { | ||
| font-size: 1em; | ||
| border: 7px dotted #000; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Если делаешь разный бордер, то сделай что бы на стыке блоков был только один бордер, а не как сейчас 2(не очень красиво) |
||
| padding: 2%; | ||
| } | ||
|
|
||
| .block3 | ||
| { | ||
| font-size: 1em; | ||
| padding: 2%; | ||
| } | ||
|
|
||
| h3 | ||
| { | ||
| column-span: all; | ||
| text-align: center; | ||
| font-size: 2em; | ||
| } | ||
|
|
||
| .end, | ||
| .authorimage | ||
| { | ||
| vertical-align: top; | ||
| display: inline-block; | ||
| } | ||
|
|
||
| .end | ||
| { | ||
| width: calc(100% - 300px); | ||
| } | ||
|
|
||
| .authorimage | ||
| { | ||
| width: 200px; | ||
| } | ||
|
|
||
| .columns1 | ||
| { | ||
| column-count: 1; | ||
| column-gap: 3em; | ||
| } | ||
|
|
||
| .columns2 | ||
| { | ||
| column-count: 2; | ||
| column-gap: 2em; | ||
|
|
||
| } | ||
|
|
||
| .columns3 | ||
| { | ||
| margin-top: 0; | ||
| column-count: 3; | ||
| column-gap: 3em; | ||
| } | ||
|
|
||
| .columns4 | ||
| { | ||
| column-count: 4; | ||
| column-gap: 3em; | ||
| } | ||
|
|
||
| .columns5 | ||
| { | ||
| column-count: 5; | ||
| column-gap: 3em; | ||
| } | ||
|
|
||
| .c1:checked ~ main | ||
| { | ||
| color: #fff; | ||
| background-color: #000; | ||
| } | ||
|
|
||
| .c2:checked ~ main | ||
| { | ||
| font-family: Arial; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Нужен фолбэк для шрифта |
||
| } | ||
|
|
||
| .c3:checked ~ main | ||
| { | ||
| font-size: 150%; | ||
| } | ||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Где-то em где-то pt, приведи к одному виду