fcc-challenges/fcc_challenges.css

94 lines
1.3 KiB
CSS
Raw Normal View History

2020-04-05 10:13:16 -07:00
body, html {
margin: 0;
padding: 0;
font-family: 'Baloo Bhai', serif;
background-color: #00293C;
2018-08-29 22:23:02 -07:00
}
2020-04-26 13:04:26 -07:00
body {
color: #f1f3ce;
max-width: 900px;
margin: auto;
padding: 10px;
}
2018-08-29 22:23:02 -07:00
h1 {
2020-04-05 10:13:16 -07:00
font-size: 1.4em;
margin-bottom: -.5em;
color: #f1f3ce;
2018-08-29 22:23:02 -07:00
}
2020-04-05 10:13:16 -07:00
h2 {
font-size: 1em;
2018-08-29 22:23:02 -07:00
}
2020-04-05 10:13:16 -07:00
div {
margin: auto;
text-align: left;
width: 90%;
padding: .1em;
}
2020-04-26 13:04:26 -07:00
.link {
2020-04-05 10:13:16 -07:00
box-shadow: .1em .1em black;
2018-08-29 22:23:02 -07:00
text-decoration: none;
2020-04-05 10:13:16 -07:00
text-indent: 1em;
color: #f1f3ce;
font-size: 20px;
display: block;
background: #1e656d;
padding: .1em;
margin: .1em;
border: .1em solid black;
border-radius: .3em;
}
2020-04-26 13:04:26 -07:00
.link:hover {
2020-04-05 10:13:16 -07:00
background-color: #f62a00;
}
2020-04-26 13:04:26 -07:00
.link:focus {
2020-04-05 10:13:16 -07:00
background-color: #f1f3ce;
color: #f62a00;
2018-08-29 22:23:02 -07:00
}
2020-04-26 13:04:26 -07:00
.attachment-full {
position: absolute;
right: 0px;
height: 149px;
width: 149px;
}
.githubLabel {
background-color: #00293C;
border: none;
width: 149px;
height: 0px;
position: absolute;
right: 0px;
}
2020-04-05 10:13:16 -07:00
@media (min-width: 1201px) {
div {
width: 95%
}
2018-08-29 22:23:02 -07:00
}
2020-04-26 13:04:26 -07:00
@media (orientation: portrait) {
.attachment-full {
height: 99px;
width: 99px;
}
.githubLabel {
width: 99px;
}
}
@media (orientation: landscape) and (max-height: 400px) {
.attachment-full {
height: 99px;
width: 99px;
}
.githubLabel {
width: 99px;
}
}