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:
|
||||
desc_html: Domain names this instance has encountered in the fediverse
|
||||
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:
|
||||
closed_message:
|
||||
desc_html: Displayed on frontpage when registrations are closed. You can use HTML tags
|
||||
|
@ -537,22 +534,6 @@ en:
|
|||
follows: You follow
|
||||
mutes: You mute
|
||||
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:
|
||||
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.
|
||||
|
@ -596,7 +577,6 @@ en:
|
|||
'86400': 1 day
|
||||
expires_in_prompt: Never
|
||||
generate: Generate
|
||||
invited_by: 'You were invited by:'
|
||||
max_uses:
|
||||
one: 1 use
|
||||
other: "%{count} uses"
|
||||
|
@ -679,7 +659,6 @@ en:
|
|||
remote_follow:
|
||||
acct: Enter your username@domain you want to act from
|
||||
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
|
||||
prompt: 'You are going to follow:'
|
||||
remote_interaction:
|
||||
|
@ -759,7 +738,6 @@ en:
|
|||
disallowed_hashtags:
|
||||
one: 'contained a disallowed hashtag: %{tags}'
|
||||
other: 'contained the disallowed hashtags: %{tags}'
|
||||
language_detection: Automatically detect language
|
||||
open_in_web: Open in web
|
||||
over_character_limit: character limit of %{max} exceeded
|
||||
pin_errors:
|
||||
|
@ -868,6 +846,7 @@ en:
|
|||
contrast: High contrast
|
||||
default: Mastodon
|
||||
mastodon-light: Mastodon (light)
|
||||
win95: Windows 95
|
||||
time:
|
||||
formats:
|
||||
default: "%b %d, %Y, %H:%M"
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
default: styles/application.scss
|
||||
contrast: styles/contrast.scss
|
||||
mastodon-light: styles/mastodon-light.scss
|
||||
win95: styles/win95.scss
|
||||
|
|