Compare commits
3 Commits
cybrespace
...
theme_win9
Author | SHA1 | Date |
---|---|---|
|
a0c337d304 | |
|
019e0833d1 | |
|
89b6322ef4 |
After Width: | Height: | Size: 622 B |
After Width: | Height: | Size: 378 B |
After Width: | Height: | Size: 8.7 KiB |
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 497 B |
After Width: | Height: | Size: 356 B |
After Width: | Height: | Size: 390 B |
After Width: | Height: | Size: 452 B |
After Width: | Height: | Size: 589 B |
After Width: | Height: | Size: 561 B |
After Width: | Height: | Size: 328 B |
After Width: | Height: | Size: 457 B |
After Width: | Height: | Size: 384 B |
After Width: | Height: | Size: 326 B |
After Width: | Height: | Size: 437 B |
After Width: | Height: | Size: 599 B |
After Width: | Height: | Size: 383 B |
After Width: | Height: | Size: 411 B |
After Width: | Height: | Size: 282 B |
After Width: | Height: | Size: 337 B |
After Width: | Height: | Size: 688 B |
After Width: | Height: | Size: 639 B |
After Width: | Height: | Size: 498 B |
After Width: | Height: | Size: 263 B |
|
@ -0,0 +1,82 @@
|
||||||
|
|
||||||
|
@import 'application';
|
||||||
|
|
||||||
|
/* Wider compose area */
|
||||||
|
@media screen and (min-width: 1300px) {
|
||||||
|
.drawer {
|
||||||
|
width: 17%; /* Not part of the flex fun */
|
||||||
|
max-width: 400px;
|
||||||
|
min-width: 330px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Don't show outline around statuses if we're in
|
||||||
|
* mouse or touch mode (rather than keyboard) */
|
||||||
|
[data-whatinput="mouse"], [data-whatinput="touch"] {
|
||||||
|
.status__content:focus, .status:focus,
|
||||||
|
.status__wrapper:focus, .status__content__text:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Less emphatic show more */
|
||||||
|
.status__content__read-more-button {
|
||||||
|
font-size: 14px;
|
||||||
|
color: $dark-text-color;
|
||||||
|
|
||||||
|
.status__prepend-icon {
|
||||||
|
padding-right: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Show a little arrowey thing after the time in a
|
||||||
|
* status to signal that you can click it to see
|
||||||
|
* a detailed view */
|
||||||
|
.status time:after,
|
||||||
|
.detailed-status__datetime span:after {
|
||||||
|
font: normal normal normal 14px/1 FontAwesome;
|
||||||
|
content: "\00a0\00a0\f08e";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Don't display the elephant mascot (we have our
|
||||||
|
* own, thanks) */
|
||||||
|
.drawer__inner__mastodon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Let the compose area/drawer be short, but
|
||||||
|
* expand if necessary */
|
||||||
|
.drawer .drawer__inner {
|
||||||
|
overflow: visible;
|
||||||
|
height:inherit;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.drawer__pager {
|
||||||
|
overflow-y:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Put a reasonable background on the single-column compose form */
|
||||||
|
.layout-single-column .compose-panel {
|
||||||
|
background-color: $ui-base-color;
|
||||||
|
height: auto;
|
||||||
|
overflow-y: visible;
|
||||||
|
margin-top: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Better distinguish the search bar */
|
||||||
|
.layout-single-column .compose-panel .search {
|
||||||
|
position:relative;
|
||||||
|
top: -55px;
|
||||||
|
margin-bottom: -55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Use display: none instead of visibility:hidden
|
||||||
|
* to hide the suggested follows list on non-mobile */
|
||||||
|
@media screen and (min-width: 630px) {
|
||||||
|
.search-results .trends {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@import 'fullwidth-media';
|
||||||
|
|
|
@ -0,0 +1,48 @@
|
||||||
|
|
||||||
|
.detailed-status > .media-spoiler,
|
||||||
|
.status > .media-spoiler,
|
||||||
|
.status .video-player,
|
||||||
|
.media-gallery,
|
||||||
|
.status .status-card.interactive {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: -68px;
|
||||||
|
width: calc(100% + 80px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailed-status > .media-spoiler,
|
||||||
|
.status > .media-spoiler,
|
||||||
|
.video-player {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* If there's no status text, add an extra margin on top */
|
||||||
|
.status .status__info + .media-gallery,
|
||||||
|
.status .status__info + .media-spoiler,
|
||||||
|
.status .status__info + .video-player,
|
||||||
|
.status .status__info + .status-card {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status__video-player-video {
|
||||||
|
transform: unset;
|
||||||
|
top: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailed-status .media-gallery {
|
||||||
|
margin-left: -10px;
|
||||||
|
width: calc(100% + 22px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.public-layout .status {
|
||||||
|
.status__content {
|
||||||
|
min-height: 15px;
|
||||||
|
}
|
||||||
|
& > .media-spoiler,
|
||||||
|
.video-player,
|
||||||
|
.media-gallery,
|
||||||
|
.status-card {
|
||||||
|
margin-top: 20px;
|
||||||
|
width: calc(100% + 94px);
|
||||||
|
margin-left: -78px;
|
||||||
|
}
|
||||||
|
}
|
|
@ -3049,10 +3049,6 @@ a.status-card {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-card__image-image {
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-card__title {
|
.status-card__title {
|
||||||
white-space: inherit;
|
white-space: inherit;
|
||||||
}
|
}
|
||||||
|
@ -3084,7 +3080,6 @@ a.status-card.compact:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-card__image-image {
|
.status-card__image-image {
|
||||||
border-radius: 4px 0 0 4px;
|
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -1142,7 +1142,8 @@ en:
|
||||||
themes:
|
themes:
|
||||||
contrast: Mastodon (High contrast)
|
contrast: Mastodon (High contrast)
|
||||||
default: Mastodon (Dark)
|
default: Mastodon (Dark)
|
||||||
mastodon-light: Mastodon (Light)
|
mastodon-light: Mastodon (light)
|
||||||
|
win95: Windows 95
|
||||||
time:
|
time:
|
||||||
formats:
|
formats:
|
||||||
default: "%b %d, %Y, %H:%M"
|
default: "%b %d, %Y, %H:%M"
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
default: styles/application.scss
|
default: styles/application.scss
|
||||||
contrast: styles/contrast.scss
|
contrast: styles/contrast.scss
|
||||||
mastodon-light: styles/mastodon-light.scss
|
mastodon-light: styles/mastodon-light.scss
|
||||||
|
win95: styles/win95.scss
|
||||||
|
|
|
@ -31,6 +31,7 @@ default: &default
|
||||||
- .ttf
|
- .ttf
|
||||||
- .woff
|
- .woff
|
||||||
- .woff2
|
- .woff2
|
||||||
|
- .gif
|
||||||
|
|
||||||
extensions:
|
extensions:
|
||||||
- .mjs
|
- .mjs
|
||||||
|
|