Files
spyda/internal/static/css/99-spyda.css
2021-01-31 15:01:38 +10:00

155 lines
2.6 KiB
CSS

body, html {
overflow-x: hidden;
}
article p img {
display: block;
margin-top: 0.5rem;
}
article hgroup h3 {
margin-left: 60px;
}
article hgroup footer {
margin-left: 60px;
}
.invisible {
visibility:hidden;
width:0;
height:0;
}
.invisible.width-none{
width: 0px !important;
}
.nav {
z-index: 1050;
}
.captchaInput {
width: 50% !important;
}
/* Fix spacing for Search/Go button and icons */
.icss-search {
margin-right:20px !important;
}
#cookie-law{
background-color: rgb(50, 50, 50) !important;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}
#cookie-law p{
color: #ffffff;
font-size: 13px;
text-align: center;
background-color: rgb(50, 50, 50) !important;
margin-bottom: 0px;
}
#cookie-law p a[role=button]{
margin: 10px 0px 0px 10px;
padding: 5px 15px;
font-size: 13px;
color: #dcdcdc !important;
border-color: 1px solid var(--primary) !important;
border-radius: 0.25rem !important;
}
/* Footer Style */
footer{
border-top: 1px solid var(--primary);
background-color: rgba(234, 232, 232, 0.1);
font-size: 85%;
}
@media (min-width: 576px) {
footer {
font-size: 83%;
}
}
@media (min-width: 768px) {
footer {
font-size: 81%;
}
}
@media (min-width: 992px) {
footer {
font-size: 79%;
}
}
@media (min-width: 1200px) {
footer {
font-size: 77%;
}
}
body > footer{
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: center;
}
footer .footer-menu{
display: flex;
flex-direction: row;
}
footer .footer-menu a{
margin-right: 10px;
padding-right: 10px;
position: relative;
}
footer .footer-menu a::after{
content: '';
height: 12px;
width: 1px;
background-color: #929292;
position: absolute;
right: 0px;
bottom: 4px;
}
footer .footer-menu a:last-child{
border: none;
padding-right: 0px;
margin-right: 0px;
}
footer .footer-menu a:last-child::after{
content: none;
}
@media (max-width: 576px) {
nav{
justify-content: unset;
-webkit-justify-content: unset;
-moz-justify-content: unset;
-ms-justify-content: unset;
}
[data-tooltip]:not(a):not(button):not(input){
border-bottom: none;
}
#cookie-law p a[role=button]{
display: block;
width: 20%;
margin: 10px auto 0px;
padding: 5px;
}
nav.pagination-nav{
justify-content: space-between;
}
}
@media (max-width: 1200px) {
/* Footer Style */
body > footer{
text-align: center;
flex-direction: column-reverse;
}
footer .footer-copyright{
margin-top: 10px;
}
footer .footer-menu{
justify-content: center;
}
}