mirror of
https://github.com/driftywinds/driftywinds.github.io.git
synced 2025-12-22 12:03:42 +00:00
Indent code with spaces instead of tabs
This commit is contained in:
foxster-mp4
146
css/app.css
146
css/app.css
@@ -1,154 +1,154 @@
|
||||
a {
|
||||
color: var(--app-tint-color)
|
||||
color: var(--app-tint-color)
|
||||
}
|
||||
|
||||
/* Main */
|
||||
|
||||
#main {
|
||||
padding: unset;
|
||||
overflow: hidden;
|
||||
padding: unset;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#main .item {
|
||||
margin-top: 30%;
|
||||
margin-bottom: 0;
|
||||
padding: 1em;
|
||||
margin-top: 30%;
|
||||
margin-bottom: 0;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
#nav-bar #title,
|
||||
#nav-bar .install {
|
||||
transition: opacity 0.25s ease-in-out;
|
||||
transition: opacity 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
/* IPA install & download */
|
||||
|
||||
.ipa {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ipa #download {
|
||||
position: absolute;
|
||||
margin-top: 36px; /* 32px button height + 4px gap */
|
||||
font-size: 0.65em;
|
||||
font-weight: 450;
|
||||
position: absolute;
|
||||
margin-top: 36px; /* 32px button height + 4px gap */
|
||||
font-size: 0.65em;
|
||||
font-weight: 450;
|
||||
}
|
||||
|
||||
/* Preview */
|
||||
|
||||
#preview {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#preview #subtitle {
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
margin: 0 1em;
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
margin: 0 1em;
|
||||
}
|
||||
|
||||
#preview .header {
|
||||
margin: 1em 0;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
#preview #screenshots {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
overflow: scroll;
|
||||
padding-right: 1em;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
overflow: scroll;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
#preview #screenshots>img {
|
||||
max-width: 70%;
|
||||
margin-left: 1em;
|
||||
border-radius: 0.25em;
|
||||
max-width: 70%;
|
||||
margin-left: 1em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
#preview #description {
|
||||
margin: 1em;
|
||||
-webkit-line-clamp: 5;
|
||||
line-clamp: 5;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
word-wrap: break-word
|
||||
margin: 1em;
|
||||
-webkit-line-clamp: 5;
|
||||
line-clamp: 5;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
word-wrap: break-word
|
||||
}
|
||||
|
||||
#more button {
|
||||
min-width: 0 !important;
|
||||
margin-left: 2px !important;
|
||||
padding: 0;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
background: unset;
|
||||
color: var(--accent-color);
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
padding-left: 36px;
|
||||
background: linear-gradient(to right, transparent, var(--color-bg) 35%);
|
||||
min-width: 0 !important;
|
||||
margin-left: 2px !important;
|
||||
padding: 0;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
background: unset;
|
||||
color: var(--accent-color);
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
padding-left: 36px;
|
||||
background: linear-gradient(to right, transparent, var(--color-bg) 35%);
|
||||
}
|
||||
|
||||
/* What's new */
|
||||
|
||||
#whats-new,
|
||||
#permissions {
|
||||
padding: 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
#whats-new .header,
|
||||
#permissions .header {
|
||||
margin: 0.35em 0;
|
||||
padding: 0;
|
||||
margin: 0.35em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#whats-new .header>p:first-of-type {
|
||||
opacity: 0.5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#whats-new .header>p {
|
||||
opacity: 0.35;
|
||||
opacity: 0.35;
|
||||
}
|
||||
|
||||
#whats-new #version-date {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#whats-new #version-description {
|
||||
-webkit-line-clamp: 3;
|
||||
line-clamp: 3;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
word-wrap: break-word
|
||||
-webkit-line-clamp: 3;
|
||||
line-clamp: 3;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
word-wrap: break-word
|
||||
}
|
||||
|
||||
/* Permissions */
|
||||
|
||||
#permissions .permission {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 0.75em;
|
||||
margin: 0.5em 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 0.75em;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
#permissions .permission i {
|
||||
font-size: 1.55em;
|
||||
color: var(--app-tint-color);
|
||||
font-size: 1.55em;
|
||||
color: var(--app-tint-color);
|
||||
}
|
||||
|
||||
#permissions .permission .title {
|
||||
font-weight: 550;
|
||||
font-weight: 550;
|
||||
}
|
||||
|
||||
#permissions .permission .description {
|
||||
font-size: 0.9em;
|
||||
opacity: 0.5;
|
||||
font-size: 0.9em;
|
||||
opacity: 0.5;
|
||||
}
|
||||
Reference in New Issue
Block a user