Наращиваем свои компетенции в Python (авария)

Эта задание для маломощьных хлипаков

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;
}

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Как бы так получилось? *