crazy-toads.github.io/public/css/addon.css

175 lines
3 KiB
CSS

/* CSS pending minification */
.theme-base-0b #sidebar-checkbox:focus ~ .sidebar-toggle,
.theme-base-0b #sidebar-checkbox:checked ~ .sidebar-toggle {
color: #fff;
background-color: #90a959;
}
.theme-base-0b #sidebar-checkbox:checked~.sidebar-toggle:before,
.theme-base-0b #sidebar-checkbox:focus~.sidebar-toggle:before,
.theme-base-0b .sidebar-toggle:active:before {
background-image: linear-gradient(to bottom,#fff,#fff 20%,#90a959 20%,#90a959 40%,#fff 40%,#fff 60%,#90a959 60%,#90a959 80%,#fff 80%,#fff 100%);
}
.headicons {
display: inline-block;
margin-left: 20px;
}
.masthead-title .headicons a {
color: #505050;
text-decoration: none;
}
.iconm {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #ffffff;
}
.iconm:hover {
background-color: #999999;
border-radius: 30px;
color: white;
}
.page.crapaud .photo {
float: right;
margin-left: 20px;
}
.page.crapaud .description {
margin-bottom: 10px;
margin-top: -10px;
color: #90a959;
font-weight: bold;
font-style: italic;
}
.text-footer span a {
padding: 0 10px;
}
.authors {
font-size: .9em;
color: #90a959;
font-weight: bold;
font-style: italic;
margin-bottom: 30px;
margin-top: -.5rem;
}
.posts.list h3 {
margin-bottom: 0;
}
.posts.list .post-tags {
display: inline-block;
}
.posts.list .post-date {
margin: 0;
}
.post-list li .description {
font-size: .9em;
}
.posts.list .post .readmore,
.post-list li .description .readmore {
padding: 0 10px;
border: 1px solid #90a959;
border-radius: 4px;
margin-left: 10px;
white-space: nowrap;
font-size: .8em;
}
.posts.list .post .readmore:hover,
.post-list li .description .readmore:hover {
color: #000;
background-color: #90a959;
text-decoration: none;
}
.custom-footer {
margin-top: 40px;
}
.headicons {
float: right;
}
.social-icons {
float: right;
}
.crap-social {
float: right;
margin-left: 10px;
}
.sidelogo {
position: fixed;
right: 0;
display: none;
}
.crapaud, .partner {
margin-top: .8em;
}
.crapaud .description, .partner .description {
font-size: .9em;
line-height: 1em;
}
.contact-form {
font-size: .9em;
padding-bottom: 15px;
margin: 0 auto;
text-align: center;
}
.contact-form div {
margin-top: .2em;
}
.contact-box {
font-size: .9em;
border: 2px solid #90a959;
border-radius: 4px;
padding-bottom: 15px;
width: 50%;
}
#contact-button{
background-color:#90a959;
border-radius: 4px;
font-size: .9em;
padding: .5em 2em;
width: 50%;
}
.centered {
text-align: center;
margin: 0 auto;
}
@media (min-width: 56em) {
.sidebar {
visibility: visible;
left: 0;
z-index: 2;
}
.sidebar-toggle {
visibility: hidden;
}
.container {
max-width: 54rem;
margin-left: 14rem;
}
.ytube-video-container-50 {
float: right;
width: 50%;
margin-left: 2em;
}
}
@media (min-width: 117em) {
.sidelogo {
display: block;
max-width: 580px;
}
.illus {
display: none;
}
}