mirror of
https://github.com/yingziwu/mastodon.git
synced 2026-02-10 14:35:14 +00:00
copy theme from cybre.space
This commit is contained in:
parent
28405b6517
commit
e2b74ba094
5 changed files with 2570 additions and 83 deletions
|
|
@ -44,20 +44,20 @@
|
|||
|
||||
/* Don't display the elephant mascot (we have our
|
||||
* own, thanks) */
|
||||
/*.drawer__inner__mastodon {
|
||||
.drawer__inner__mastodon {
|
||||
display: none;
|
||||
} */
|
||||
}
|
||||
|
||||
/* Let the compose area/drawer be short, but
|
||||
* expand if necessary */
|
||||
/* .drawer .drawer__inner {
|
||||
.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 {
|
||||
|
|
@ -82,5 +82,5 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
@import 'fullwidth-media';
|
||||
|
||||
|
|
|
|||
|
|
@ -19,38 +19,34 @@ $about-page-text: $primary-text-color;
|
|||
|
||||
@import 'cybre-base';
|
||||
|
||||
$gold-star: $ui-highlight-color;
|
||||
$gold-star: #dd9d08;
|
||||
|
||||
/* cybre-specific additions */
|
||||
|
||||
.column .static-content.getting-started {
|
||||
background-image: url('../themes/cybrelight/logo-cybre-light.png');
|
||||
background-image: url('../images/logo-cybre-light.png');
|
||||
background-size:auto 50%;
|
||||
background-position: 50% 75%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.ui {
|
||||
background: $ui-base-color;
|
||||
.ui, body {
|
||||
background: $ui-base-color url('../images/background-cybre-light.png');
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
body, .landing-page, .public-layout {
|
||||
background-image: url('../images/background-cybre-light.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
.drawer__inner__mastodon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.landing-page .header-wrapper {
|
||||
background-image:url('../themes/cybrelight/header-cybre-alt.jpg');
|
||||
background-image:url('../images/header-cybre-alt.jpg');
|
||||
background-size:cover;
|
||||
background-position:50% 50%;
|
||||
}
|
||||
|
||||
.landing-page.alternative .header {
|
||||
background-image:url('../themes/cybrelight/header-cybre-colour.jpg');
|
||||
background-image:url('../images/header-cybre-colour.jpg');
|
||||
background-repeat: repeat-x;
|
||||
background-size:contain;
|
||||
height:45vh;
|
||||
|
|
@ -272,29 +268,6 @@ body, .landing-page, .public-layout {
|
|||
border-color: $ui-highlight-color;
|
||||
}
|
||||
|
||||
.search__input {
|
||||
border: 1px solid $ui-primary-color;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.icon-with-badge {
|
||||
&__badge {
|
||||
background: $ui-base-color;
|
||||
border: 2px solid lighten($ui-highlight-color, 30%);
|
||||
color: $dark-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.relationship-tag {
|
||||
color: $primary-text-color;
|
||||
background-color: $ui-base-color;
|
||||
}
|
||||
|
||||
.media-modal__nav {
|
||||
background: rgba($ui-primary-color, 0.5);
|
||||
color: $ui-base-color;
|
||||
}
|
||||
|
||||
// selectivity -- needs to override .column-header > button
|
||||
.column-header .column-header__back-button {
|
||||
background: $header-color;
|
||||
|
|
@ -315,6 +288,10 @@ body, .landing-page, .public-layout {
|
|||
color: darken($ui-base-lighter-color, 15%);
|
||||
}
|
||||
|
||||
.column > .scrollable {
|
||||
background: $ui-base-alt;
|
||||
}
|
||||
|
||||
.compose-form {
|
||||
.autosuggest-textarea__textarea,
|
||||
.spoiler-input__input {
|
||||
|
|
@ -675,9 +652,6 @@ button.icon-button {
|
|||
|
||||
.reply-indicator__content a {
|
||||
color: lighten($ui-highlight-color, 30%);
|
||||
&.unhandled-link {
|
||||
color:lighten( #ff0051, 30%);
|
||||
}
|
||||
}
|
||||
|
||||
.status__content
|
||||
|
|
@ -690,12 +664,7 @@ button.icon-button {
|
|||
color: darken($ui-base-color, 40%);
|
||||
}
|
||||
}
|
||||
|
||||
&.unhandled-link {
|
||||
color: #ff0051;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.detailed-status__display-name {
|
||||
|
|
@ -703,8 +672,8 @@ button.icon-button {
|
|||
}
|
||||
|
||||
.drawer .drawer__inner {
|
||||
/* overflow: visible;
|
||||
height:inherit; */
|
||||
overflow: visible;
|
||||
height:inherit;
|
||||
background:$ui-base-alt;
|
||||
}
|
||||
|
||||
|
|
@ -712,9 +681,9 @@ button.icon-button {
|
|||
color: $ui-highlight-color;
|
||||
}
|
||||
|
||||
/* .drawer__pager {
|
||||
.drawer__pager {
|
||||
overflow-y:auto;
|
||||
} */
|
||||
}
|
||||
|
||||
.drawer .drawer__header {
|
||||
background: $ui-base-color;
|
||||
|
|
@ -795,8 +764,8 @@ button.icon-button {
|
|||
|
||||
.sidebar {
|
||||
.logo {
|
||||
-webkit-filter: hue-rotate(133deg) saturate(70%) brightness(110%);
|
||||
filter: hue-rotate(133deg) saturate(70%) brightness(110%);
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -964,7 +933,7 @@ button.icon-button {
|
|||
}
|
||||
|
||||
.tabs-bar__wrapper {
|
||||
background: $ui-base-color;
|
||||
background: $ui-base-color url('../images/background-cybre-light.png');
|
||||
}
|
||||
|
||||
.layout-single-column .navigation-panel {
|
||||
|
|
@ -984,22 +953,3 @@ button.icon-button {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.bookmark-icon.active {
|
||||
color: #ff5050;
|
||||
}
|
||||
|
||||
|
||||
/* Octagonal avatars, because ???? */
|
||||
.account__avatar,
|
||||
.account__avatar-overlay-base,
|
||||
.account__header__avatar,
|
||||
.account__avatar-overlay-overlay {
|
||||
border-radius:0px !important;
|
||||
-webkit-clip-path: polygon(25% 0, 75% 0, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%);
|
||||
clip-path: polygon(25% 0, 75% 0, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%);
|
||||
}
|
||||
|
||||
.drawer__inner__mastodon {
|
||||
background: #f9f2f5 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.80078 31.757813" width="234.80078" height="31.757812"><path d="M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z" fill="%23bf5677"/></svg>') no-repeat bottom/100% auto !important;
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
$ui-base-color: #181818; // darkest
|
||||
$ui-base-color: #1b1b1b; // darkest
|
||||
$ui-highlight-color: #1ea21e; // vibrant
|
||||
$ui-secondary-color: #E4F2E4; // lightest
|
||||
$ui-primary-color: #E4F2E4; // lighter
|
||||
|
|
@ -22,6 +22,7 @@ $about-page-text: lighten($ui-base-color, 50%);
|
|||
|
||||
body, body.about-body {
|
||||
background: $ui-base-color url('../images/background-cybre.png');
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
body.about-body {
|
||||
|
|
@ -271,12 +272,7 @@ body.about-body {
|
|||
}
|
||||
}
|
||||
|
||||
/* Octagonal avatars, because ???? */
|
||||
.account__avatar,
|
||||
.account__avatar-overlay-base,
|
||||
.account__header__avatar,
|
||||
.account__avatar-overlay-overlay {
|
||||
border-radius:0px !important;
|
||||
-webkit-clip-path: polygon(25% 0, 75% 0, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%);
|
||||
clip-path: polygon(25% 0, 75% 0, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%);
|
||||
.status__content a,
|
||||
.status__content a.unhandled-link {
|
||||
color: mix($ui-highlight-color, $ui-secondary-color, 10%);
|
||||
}
|
||||
|
|
|
|||
2538
app/javascript/styles/win95.scss
Normal file
2538
app/javascript/styles/win95.scss
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue