django-social-links/social_links/links/static/cover.css

82 lines
1.2 KiB
CSS
Raw Normal View History

2023-11-07 04:37:59 +00:00
/*
* Globals
*/
/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
}
/*
* Base structure
*/
body {
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 25rem rgba(5, 205, 255, 0.103);
background-color: rgba(36, 36, 36, 0.808);
2023-11-07 04:37:59 +00:00
}
.cover-container {
max-width: 42em;
}
/*
* Header
*/
.nav-masthead .nav-link {
color: rgba(255, 255, 255, .5);
border-bottom: .25rem solid transparent;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
}
.nav-masthead .nav-link + .nav-link {
margin-left: 1rem;
}
.nav-masthead .active {
color: #fff;
border-bottom-color: #fff;
}
.cover-heading img {
border-radius: 32%;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
@media (min-width: 48em) {
.masthead-brand {
float: left;
/* margin-top: -2rem; */
/* margin-left: -8rem; */
margin-top: -2.5rem;
margin-left: -4rem;
}
}
.masthead-brand {
margin-bottom: 0;
}
.masthead-brand img {
width: 12rem;
}
main {
margin-top: -5.5rem;
}