mirror of
https://github.com/faisalman/ua-parser-js.git
synced 2025-09-27 07:58:45 +03:00
133 lines
2.5 KiB
CSS
133 lines
2.5 KiB
CSS
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
code,
|
|
.code {
|
|
font-family: 'Source Code Pro', 'Courier New', Courier, monospace;
|
|
}
|
|
strong.subtle{
|
|
color: rgba(0, 0, 0, 0.7)
|
|
}
|
|
.hljs-punctuation, .hljs-tag {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
.ui.horizontal.divider {
|
|
margin: 3rem 0 2rem;
|
|
}
|
|
.hidden.menu {
|
|
display: none;
|
|
}
|
|
.masthead a h1 {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
font-size: 5rem;
|
|
padding: 2em 0 0 0;
|
|
}
|
|
.masthead h2 {
|
|
font-weight: normal;
|
|
margin: 0 0 2em 0;
|
|
}
|
|
.masthead.inverted.segment {
|
|
background-color: #6435c9;
|
|
padding: 0;
|
|
}
|
|
.masthead.segment {
|
|
min-height: 600px;
|
|
padding: 1em 0em;
|
|
}
|
|
.masthead .ui.menu .ui.button {
|
|
margin-left: 0.5em;
|
|
}
|
|
.masthead h3 {
|
|
background-color: black;
|
|
padding: 42.5vh 0;
|
|
font-size: 5rem;
|
|
}
|
|
|
|
.masthead .ui.horizontal.divider {
|
|
padding: 3em;
|
|
margin: 0;
|
|
}
|
|
|
|
.masthead .ui.massive.buttons {
|
|
margin: 2rem 0 5rem;
|
|
}
|
|
|
|
.instagram.masthead.inverted.segment {
|
|
background: #6435c9;
|
|
background-image: linear-gradient(to left top, #6435c9, #7143d0, #7e51d6, #8a5edd, #966ce3);
|
|
box-shadow: 0px 3px 10px rgba(0,0,0,.25);
|
|
}
|
|
.instagram.footer.inverted.segment {
|
|
background: #6435c9;
|
|
background-image: linear-gradient(to right bottom, #6435c9, #7143d0, #7e51d6, #8a5edd, #966ce3);
|
|
box-shadow: 0px 3px 10px rgba(0,0,0,.25);
|
|
}
|
|
.ui.image.illustration {
|
|
width:1000px;
|
|
}
|
|
.ui.vertical.stripe {
|
|
padding: 8em 0em;
|
|
}
|
|
.ui.vertical.stripe h3 {
|
|
font-size: 2em;
|
|
}
|
|
.ui.vertical.stripe .button + h3,
|
|
.ui.vertical.stripe p + h3 {
|
|
margin-top: 3em;
|
|
}
|
|
.ui.vertical.stripe .floated.image {
|
|
clear: both;
|
|
}
|
|
.ui.vertical.stripe p {
|
|
font-size: 1.33em;
|
|
}
|
|
.ui.vertical.stripe .horizontal.divider {
|
|
margin: 3em 0em;
|
|
}
|
|
.quote.stripe.segment {
|
|
padding: 0em;
|
|
}
|
|
.quote.stripe.segment .grid .column {
|
|
padding-top: 5em;
|
|
padding-bottom: 5em;
|
|
}
|
|
|
|
.footer.segment {
|
|
padding: 5em 0em;
|
|
}
|
|
|
|
.footer p {
|
|
color: #fff;
|
|
}
|
|
|
|
.secondary.pointing.menu .toc.item {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.ui.fixed.menu {
|
|
display: none !important;
|
|
}
|
|
.secondary.pointing.menu .item,
|
|
.secondary.pointing.menu .menu {
|
|
display: none;
|
|
}
|
|
.secondary.pointing.menu .toc.item {
|
|
display: block;
|
|
}
|
|
#demo-result > .row > .column,
|
|
#showcase .ui.stackable.grid > .row > .column {
|
|
width: 33.3% !important;
|
|
}
|
|
.masthead h3 {
|
|
font-size: 2em;
|
|
}
|
|
}
|
|
|
|
.what-provides {
|
|
font-size: 1rem;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
} |