Эта задание для маломощьных хлипаков
Monday 30th of November 2020 12:00:00 AM
Спрецзадание по курсу "Технологии web-разработки"
Фамилия, Имя
Тема
Артюшкина Н.
Баталова Р.
Ворончихина Е.
Гайфулина К.
Копытов Д.
Мартын-Назаров К.
Сверчков Я.
Спиридонова Н.
Черняк Е.
Свистунов-Рейнвах Ф.
Стилевые решения для верстки
/* Fonts import */ @import url(https://fonts.googleapis.com/css?family=Exo+2&subset=latin,cyrillic); @import url(https://fonts.googleapis.com/css?family=Istok+Web&subset=latin,cyrillic,cyrillic-ext,latin-ext); @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,cyrillic,cyrillic-ext); @font-face { font-family: 'robotoblack'; src: url('fonts/roboto-black-webfont.eot'); src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-black-webfont.woff2') format('woff2'), url('fonts/roboto-black-webfont.woff') format('woff'), url('fonts/roboto-black-webfont.ttf') format('truetype'), url('fonts/roboto-black-webfont.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotocondensed'; src: url('fonts/roboto-condensed-webfont.eot'); src: url('fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-condensed-webfont.woff2') format('woff2'), url('fonts/roboto-condensed-webfont.woff') format('woff'), url('fonts/roboto-condensed-webfont.ttf') format('truetype'), url('fonts/roboto-condensed-webfont.svg#robotocondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('fonts/roboto-light-webfont.eot'); src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light-webfont.woff2') format('woff2'), url('fonts/roboto-light-webfont.woff') format('woff'), url('fonts/roboto-light-webfont.ttf') format('truetype'), url('fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueRegular'; src: url('fonts/BebasNeueRegular.eot'); src: url('fonts/BebasNeueRegular.eot') format('embedded-opentype'),url('fonts/BebasNeueRegular.woff') format('woff'),url('fonts/BebasNeueRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueBold'; src: url('fonts/BebasNeueBold.eot'); src: url('fonts/BebasNeueBold.eot') format('embedded-opentype'),url('fonts/BebasNeueBold.woff') format('woff'),url('fonts/BebasNeueBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'BebasNeueBook'; src: url('fonts/BebasNeueBook.eot'); src: url('fonts/BebasNeueBook.eot') format('embedded-opentype'),url('fonts/BebasNeueBook.woff') format('woff'),url('fonts/BebasNeueBook.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montresor'; src: url('fonts/montresor.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Slovic'; src: url('fonts/Slovic_Demo_VarGX.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Source: https://www.fontspace.com/the-fontry/jls-smiles-sampler/15221/charmap */ @font-face { font-family: 'JLSSmiles'; src: url('fonts/JLS Smiles Sampler.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* .End Fonts import */ blockquote {font-style: italic;} p { text-align: justify; } cite {text-align: right;} /* Grid sytem */ .ws-bg { background-color: #F7F7F7; } .ws-grid { overflow:auto; font-size: 0.8em; } .ws-12 { clear:both; vertical-align: middle; } .ws-1, .ws-2, .ws-3, .ws-4, .ws-5, .ws-6, .ws-7, .ws-8, .ws-9, .ws-10, .ws-11 { float:left; vertical-align: middle; padding: 0.2em 0.5em; } .ws-12 { padding: 0.2em 0.5em; } .ws-1 { width: 8.3333%; } .ws-2 { width: 16.6667%; } .ws-3 { width: 25%; } .ws-4 { width: 33.3333%; } .ws-5 { width: 41.6667%; } .ws-6 { width: 50%; } .ws-7 { width: 58.3333%; } .ws-8 { width: 66.6667%; } .ws-9 { width: 75%; } .ws-10 { width: 83.3333%; } .ws-11 { width: 91.6667%; } .ws-12 { width: 100%; } .external-link::after { font-family: FontAwesome; font-size: 0.8em; vertical-align: super; content: ".\f08e"; } /* Добавление стилей базовой темы */ @font-face { font-family: 'Slovic'; src: url('fonts/Slovic_Demo_VarGX.ttf') format('truetype'); font-weight: normal; font-style: normal; } p.red-line:first-letter { font-size: 2.5em; color: #FF5722; font-family: Slovic, montresor, Montserrat, "Helvetica Neue", sans-serif; position: relative; float: left; padding-right: 0.25em; margin-top: -0.27em; } .right-hand::after { font-family: FontAwesome; font-size: 0.6em; vertical-align: super; content:"\f0a4"; } .left-hand::before { font-family: FontAwesome; font-size: 0.6em; vertical-align: super; content:"\f0a5"; } .ext-link::after { font-family: FontAwesome; font-size: 0.6em; vertical-align: super; content:"\f08e"; } .git-link::after { font-family: FontAwesome; font-size: 0.8em; vertical-align: super; content:"\f09b"; } .pdf-link::after { font-family: FontAwesome; font-size: 0.8em; vertical-align: super; content:" \f1c1"; } .doc-link::after { font-family: FontAwesome; font-size: 0.8em; vertical-align: super; content:"\f1c2"; } .warning-link::after { font-family: FontAwesome; font-size: 0.8em; vertical-align: super; content:" \f071"; } .github-link::after { font-family: FontAwesome; font-size: 0.8em; vertical-align: super; content:" \f09b"; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #222; background-color: #fcfcfc; border: .1rem solid #c9c9c9; border-bottom-color: #bcbcbc; box-shadow: 0 0.1rem 0 #b0b0b0; word-break: break-word kbd; word-break-padding: 0; word-break-font-size: 100%; word-break-font-weight: 700; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #222; background-color: #fcfcfc; border-radius: .2rem; } .key-command:before { padding-left: .2rem; content: "⌘"; } .key-control:before { padding-left: .2rem; content: "^"; } .note {background-color: #E2FEE2; padding: 1.5em} code { color: #06B270; font-size: 1.06em; } pre {font-size: 0.7em;} .git-link::after { font-family: FontAwesome; font-size: 0.8em; vertical-align: super; content:"\f09b"; } table {font-size: 0.8em;} .more-link {float: right;} h1, h2, h3, h4, h5, h6 { color: #878787; } .entry .entry-content hr { max-width:80%; background-color: transparent; }