Blame: python_for_web/static/css/main.css - Asabeneh/30-Days-Of-Python

Asabeneh / 30-Days-Of-Python UNCLAIMED

The 30 Days of Python programming challenge is a step-by-step guide to learn the Python programming language in 30 days. This challenge may take more than 100 days. Follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

60184 0 0 Python

Normal View History Raw

day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === GENERAL === */`

26 days 2019-12-15 04:02:33 +02:00			`* {`
			`margin: 0;`
			`padding: 0;`
			`box-sizing: border-box;`
			`}`

day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === css variables === */`
26 days 2019-12-15 04:02:33 +02:00			`:root {`
			`--header-bg-color: #4a7799;`
day 25 fixes 2019-12-15 14:34:54 +02:00			`--textarea-bg-color: rgb(250, 246, 246);`
			`--body-bg-color: rgb(210, 214, 210);`
			`--nav-link-color: #bbb;`
26 days 2019-12-15 04:02:33 +02:00			`}`

day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === body style === */`
26 days 2019-12-15 04:02:33 +02:00			`body {`
			`background: var(--body-bg-color);`
			`margin: auto;`
day 25 fixes 2019-12-15 14:34:54 +02:00			`line-height: 1.75;`
			`font-weight: 900;`
			`word-spacing: 1.5px;`
			`font-family: 'Lato',sans-serif;`
			`font-weight: 300;`
26 days 2019-12-15 04:02:33 +02:00			`}`

day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === header style === */`
26 days 2019-12-15 04:02:33 +02:00			`header {`
			`background: var(--header-bg-color);`
			`}`
day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === title and subtitle style === */`
26 days 2019-12-15 04:02:33 +02:00			`h1,`
			`h2 {`
day 25 fixes 2019-12-15 14:34:54 +02:00			`margin: 20px;`
			`font-weight: 300;`
			`font-family: Nunito;`
26 days 2019-12-15 04:02:33 +02:00			`}`

day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === header menu style === */`

26 days 2019-12-15 04:02:33 +02:00			`.menu-container {`
			`width: 90%;`
			`display: flex;`
			`justify-content: space-around;`
			`align-items: center;`
			`color: rgb(221, 215, 215);`
			`padding: 25px;`
			`}`

			`.nav-lists {`
			`display: flex;`
			`}`

			`.nav-list {`
			`list-style: none;`
			`margin: 0 5px;`
			`}`

			`.nav-link {`
			`text-decoration: none;`
			`font-size: 22px;`
			`padding: 0 5px;`
			`color: var(--nav-link-color);`
day 25 fixes 2019-12-15 14:34:54 +02:00			`font-weight: 400;`
26 days 2019-12-15 04:02:33 +02:00			`}`

day 25 fixes 2019-12-15 14:34:54 +02:00			`.brand-name {`
			`font-size: 28px;`
			`font-weight: bolder;`
			`}`
			`/* === paragraph text style === */`
			`p {`
			`font-size: 22px;`
			`font-weight: 300;`
			`}`

			`/* === main style === */`
26 days 2019-12-15 04:02:33 +02:00			`main {`
			`width: 90%;`
			`margin: auto;`
			`}`

day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === container div inside main style === */`

			`.container {`
			`background: rgb(210, 214, 210);`
			`padding: 20px;`
			`margin: auto;`
			`}`

			`.tech-lists {`
			`margin: 10px auto;`
			`text-align: left;`
			`font-size: 20px;`
			`}`
			`.tech {`
			`list-style: none;`
			`}`
			`/* === button style === */`
			`.btn {`
26 days 2019-12-15 04:02:33 +02:00			`width: 150px;`
			`height: 50px;`
			`background: var(--header-bg-color);`
			`color: var(--nav-link-color);`
			`font-size: 20px;`
day 25 fixes 2019-12-15 14:34:54 +02:00			`margin: 5px;`
26 days 2019-12-15 04:02:33 +02:00			`border: 1px solid var(--header-bg-color);`
day 25 fixes 2019-12-15 14:34:54 +02:00			`font-family: Lato;`
			`cursor: pointer;`
26 days 2019-12-15 04:02:33 +02:00			`}`

			`.btn:focus {`
			`outline: 2px solid #2a70a5;`
day 25 fixes 2019-12-15 14:34:54 +02:00			`cursor: pointer;`
26 days 2019-12-15 04:02:33 +02:00			`}`
day 25 fixes 2019-12-15 14:34:54 +02:00			`/* === textarea style === */`
26 days 2019-12-15 04:02:33 +02:00			`textarea {`
day 25 fixes 2019-12-15 14:34:54 +02:00			`width: 65%;`
			`margin: auto;`
			`padding: 10px 15px;`
			`outline: 2px solid rgba(207, 203, 203, 0.25);`
26 days 2019-12-15 04:02:33 +02:00			`border: none;`
			`font-size: 18px;`
day 25 fixes 2019-12-15 14:34:54 +02:00			`font-family: Lato;`
			`font-weight: 300;`
26 days 2019-12-15 04:02:33 +02:00			`}`

			`textarea:focus {`
			`border: none;`
day 25 fixes 2019-12-15 14:34:54 +02:00			`outline: 2px solid rgba(74, 119, 153, 0.45);`
26 days 2019-12-15 04:02:33 +02:00			`background: var(--textarea-bg-color);`
			`font-size: 18px;`
day 25 fixes 2019-12-15 14:34:54 +02:00			`caret-color: var(--header-bg-color);`
			`font-family: Lato;`
			`font-weight: 300;`

			`}`

			`/* === responsiveness === */`
			`@media (max-width:600px) {`

			`.menu-container {`
			`flex-direction: column;`
			`justify-content: space-between;`
			`}`
			`h1{`
			`font-size: 22px;`
			`}`

			`.nav-lists {`
			`flex-direction: column;`
			`}`

			`textarea {`
			`width: 100%;`
			`}`

26 days 2019-12-15 04:02:33 +02:00			`}`