mirror of
https://github.com/picturepan2/instagram.css
synced 2024-06-09 09:22:26 +02:00
139 lines
2.1 KiB
CSS
139 lines
2.1 KiB
CSS
/*! Instagram.css v0.1.4 | MIT License | github.com/picturepan2/instagram.css */
|
|
.version::after {
|
|
content: "0.1.4";
|
|
}
|
|
|
|
/* Core style */
|
|
.section-hero {
|
|
padding: 1.5rem .5rem;
|
|
}
|
|
|
|
.section-ad {
|
|
padding: 1rem 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.section-filters .container {
|
|
padding-bottom: 3rem;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
.section-filters .column {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.section-filters .card {
|
|
border: 0;
|
|
}
|
|
|
|
.section-filters .card-image {
|
|
-webkit-box-shadow: 0 .3rem 2rem rgba(51, 51, 51, .15);
|
|
-moz-box-shadow: 0 .3rem 2rem rgba(51, 51, 51, .15);
|
|
box-shadow: 0 .3rem 2rem rgba(51, 51, 51, .15);
|
|
}
|
|
|
|
.section-filters .card-image img {
|
|
-webkit-border-radius: .2rem;
|
|
-moz-border-radius: .2rem;
|
|
border-radius: .2rem;
|
|
}
|
|
|
|
.section-filters .c-select-all {
|
|
-webkit-user-select: all;
|
|
-moz-user-select: all;
|
|
-ms-user-select: all;
|
|
user-select: all;
|
|
}
|
|
|
|
.section-footer {
|
|
color: #bcc3ce;
|
|
padding: 1.8rem .75rem 1rem .75rem;
|
|
position: relative;
|
|
}
|
|
|
|
.section-footer p {
|
|
line-height: 1;
|
|
}
|
|
|
|
.section-footer a {
|
|
color: #66758c;
|
|
}
|
|
|
|
.grid-hero {
|
|
letter-spacing: -.021em;
|
|
padding-bottom: 2rem;
|
|
padding-top: 3rem;
|
|
position: relative;
|
|
}
|
|
|
|
.grid-hero h1 {
|
|
color: #303742;
|
|
font-size: 1.6rem;
|
|
font-weight: 600;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.grid-hero h2 {
|
|
color: #3b4351;
|
|
font-size: .9rem;
|
|
font-weight: 400;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.docs-ad {
|
|
background: #f7f8f9;
|
|
-webkit-border-radius: .2rem;
|
|
-moz-border-radius: .2rem;
|
|
border-radius: .2rem;
|
|
display: block;
|
|
margin: 2rem 0;
|
|
padding: .5rem;
|
|
position: relative;
|
|
}
|
|
|
|
.docs-ad ins {
|
|
line-height: 1;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.docs-ad .carbon-wrap .carbon-img {
|
|
display: block;
|
|
}
|
|
|
|
.docs-ad .carbon-wrap .carbon-text {
|
|
color: #66758c;
|
|
display: block;
|
|
font-size: .6rem;
|
|
}
|
|
|
|
.docs-ad .carbon-poweredby {
|
|
color: #bcc3ce;
|
|
font-size: .6rem;
|
|
}
|
|
|
|
.code .hljs-tag {
|
|
color: #455060;
|
|
}
|
|
|
|
.code .hljs-comment {
|
|
color: #bcc3ce;
|
|
}
|
|
|
|
.code .hljs-title,
|
|
.code .hljs-class,
|
|
.code .hljs-string {
|
|
color: #5755d9;
|
|
}
|
|
|
|
.code .hljs-name,
|
|
.code .hljs-attribute,
|
|
.code .hljs-variable,
|
|
.code .hljs-keyword,
|
|
.code .hljs-built_in {
|
|
color: #d73e48;
|
|
}
|
|
|
|
.code .hljs-value,
|
|
.code .hljs-hexcolor {
|
|
color: #455060;
|
|
} |