Эта задание для маломощьных хлипаков
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;
}

