Compare commits
4 Commits
cybrespace
...
theme_win9
Author | SHA1 | Date |
---|---|---|
Andrew | 97d5a449f4 | |
blackle | 27056ca810 | |
chr | 8663b7e718 | |
chr | 1ddc452bf6 |
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 |
Before Width: | Height: | Size: 423 B After Width: | Height: | Size: 582 B |
Before Width: | Height: | Size: 253 B After Width: | Height: | Size: 279 B |
Before Width: | Height: | Size: 387 B After Width: | Height: | Size: 520 B |
Before Width: | Height: | Size: 225 B After Width: | Height: | Size: 271 B |
Before Width: | Height: | Size: 412 B After Width: | Height: | Size: 541 B |
Before Width: | Height: | Size: 387 B After Width: | Height: | Size: 550 B |
Before Width: | Height: | Size: 376 B After Width: | Height: | Size: 512 B |
Before Width: | Height: | Size: 319 B After Width: | Height: | Size: 391 B |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 506 B After Width: | Height: | Size: 627 B |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 263 B |
Before Width: | Height: | Size: 174 B After Width: | Height: | Size: 174 B |
|
@ -0,0 +1,63 @@
|
||||||
|
|
||||||
|
@import 'application';
|
||||||
|
|
||||||
|
/* Allow columns to grow wider as the screen gets
|
||||||
|
* wider, but don't ever let them get more than
|
||||||
|
* 400px (some people have a bunch of columns!) */
|
||||||
|
@media screen and (min-width: 1300px) {
|
||||||
|
.column {
|
||||||
|
flex-grow: 1 !important;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drawer {
|
||||||
|
width: 17%; /* Not part of the flex fun */
|
||||||
|
max-width: 400px;
|
||||||
|
min-width: 330px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cap the column height at 100vh (fixed an old
|
||||||
|
* bug someone encountered in safari, but which
|
||||||
|
* I've seen resurface from time to time) */
|
||||||
|
.column {
|
||||||
|
max-height:100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
@import 'fullwidth-media';
|
||||||
|
|
|
@ -0,0 +1,48 @@
|
||||||
|
|
||||||
|
/* So we can position things absolute to it*/
|
||||||
|
.status__content {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Use 30% of the viewport height always*/
|
||||||
|
.detailed-status > .media-spoiler,
|
||||||
|
.status > .media-spoiler,
|
||||||
|
.video-player,
|
||||||
|
.media-gallery {
|
||||||
|
max-height:30vh;
|
||||||
|
height:30vh !important;
|
||||||
|
position:relative;
|
||||||
|
margin-top:20px;
|
||||||
|
margin-left:-68px;
|
||||||
|
width: calc(100% + 80px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Unset max-width for spoilers and the video
|
||||||
|
* player */
|
||||||
|
.detailed-status > .media-spoiler,
|
||||||
|
.status > .media-spoiler,
|
||||||
|
.video-player {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detailed-status .media-spoiler,
|
||||||
|
.status .media-spoiler {
|
||||||
|
height:30vh !important;
|
||||||
|
vertical-align:middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.status__video-player-video {
|
||||||
|
transform:unset;
|
||||||
|
top:unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Adjust offset and width for detail view */
|
||||||
|
.detailed-status .media-gallery {
|
||||||
|
margin-left:-10px;
|
||||||
|
width: calc(100% + 22px);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -366,9 +366,6 @@ en:
|
||||||
peers_api_enabled:
|
peers_api_enabled:
|
||||||
desc_html: Domain names this instance has encountered in the fediverse
|
desc_html: Domain names this instance has encountered in the fediverse
|
||||||
title: Publish list of discovered instances
|
title: Publish list of discovered instances
|
||||||
preview_sensitive_media:
|
|
||||||
desc_html: Link previews on other websites will display a thumbnail even if the media is marked as sensitive
|
|
||||||
title: Show sensitive media in OpenGraph previews
|
|
||||||
registrations:
|
registrations:
|
||||||
closed_message:
|
closed_message:
|
||||||
desc_html: Displayed on frontpage when registrations are closed. You can use HTML tags
|
desc_html: Displayed on frontpage when registrations are closed. You can use HTML tags
|
||||||
|
@ -537,22 +534,6 @@ en:
|
||||||
follows: You follow
|
follows: You follow
|
||||||
mutes: You mute
|
mutes: You mute
|
||||||
storage: Media storage
|
storage: Media storage
|
||||||
filters:
|
|
||||||
contexts:
|
|
||||||
home: Home timeline
|
|
||||||
notifications: Notifications
|
|
||||||
public: Public timelines
|
|
||||||
thread: Conversations
|
|
||||||
edit:
|
|
||||||
title: Edit filter
|
|
||||||
errors:
|
|
||||||
invalid_context: None or invalid context supplied
|
|
||||||
invalid_irreversible: Irreversible filtering only works with home or notifications context
|
|
||||||
index:
|
|
||||||
delete: Delete
|
|
||||||
title: Filters
|
|
||||||
new:
|
|
||||||
title: Add new filter
|
|
||||||
followers:
|
followers:
|
||||||
domain: Domain
|
domain: Domain
|
||||||
explanation_html: If you want to ensure the privacy of your statuses, you must be aware of who is following you. <strong>Your private statuses are delivered to all instances where you have followers</strong>. You may wish to review them, and remove followers if you do not trust your privacy to be respected by the staff or software of those instances.
|
explanation_html: If you want to ensure the privacy of your statuses, you must be aware of who is following you. <strong>Your private statuses are delivered to all instances where you have followers</strong>. You may wish to review them, and remove followers if you do not trust your privacy to be respected by the staff or software of those instances.
|
||||||
|
@ -596,7 +577,6 @@ en:
|
||||||
'86400': 1 day
|
'86400': 1 day
|
||||||
expires_in_prompt: Never
|
expires_in_prompt: Never
|
||||||
generate: Generate
|
generate: Generate
|
||||||
invited_by: 'You were invited by:'
|
|
||||||
max_uses:
|
max_uses:
|
||||||
one: 1 use
|
one: 1 use
|
||||||
other: "%{count} uses"
|
other: "%{count} uses"
|
||||||
|
@ -679,7 +659,6 @@ en:
|
||||||
remote_follow:
|
remote_follow:
|
||||||
acct: Enter your username@domain you want to act from
|
acct: Enter your username@domain you want to act from
|
||||||
missing_resource: Could not find the required redirect URL for your account
|
missing_resource: Could not find the required redirect URL for your account
|
||||||
no_account_html: Don't have an account? You can <a href='%{sign_up_path}' target='_blank'>sign up here</a>
|
|
||||||
proceed: Proceed to follow
|
proceed: Proceed to follow
|
||||||
prompt: 'You are going to follow:'
|
prompt: 'You are going to follow:'
|
||||||
remote_interaction:
|
remote_interaction:
|
||||||
|
@ -759,7 +738,6 @@ en:
|
||||||
disallowed_hashtags:
|
disallowed_hashtags:
|
||||||
one: 'contained a disallowed hashtag: %{tags}'
|
one: 'contained a disallowed hashtag: %{tags}'
|
||||||
other: 'contained the disallowed hashtags: %{tags}'
|
other: 'contained the disallowed hashtags: %{tags}'
|
||||||
language_detection: Automatically detect language
|
|
||||||
open_in_web: Open in web
|
open_in_web: Open in web
|
||||||
over_character_limit: character limit of %{max} exceeded
|
over_character_limit: character limit of %{max} exceeded
|
||||||
pin_errors:
|
pin_errors:
|
||||||
|
@ -868,6 +846,7 @@ en:
|
||||||
contrast: High contrast
|
contrast: High contrast
|
||||||
default: Mastodon
|
default: Mastodon
|
||||||
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
|
||||||
|
|