MetuFSS
/
metu.life
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Strip trailing whitespace on win95.scss

Browse Source
master
David Yip 7 years ago
parent d3f64812a6
commit 766d6aac44
No known key found for this signature in database
GPG Key ID: 7DA0036508FCC0CC
1 changed files with 60 additions and 65 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 125
      app/javascript/styles/win95.scss

125
app/javascript/styles/win95.scss
Unescape View File

@ -22,7 +22,7 @@ $ui-highlight-color: $win95-window-header;
} }
@mixin win95-outset() { @mixin win95-outset() {
box-shadow: inset -1px -1px 0px #000000, box-shadow: inset -1px -1px 0px #000000,
inset 1px 1px 0px #ffffff, inset 1px 1px 0px #ffffff,
inset -2px -2px 0px #808080, inset -2px -2px 0px #808080,
inset 2px 2px 0px #dfdfdf; inset 2px 2px 0px #dfdfdf;
@ -46,7 +46,7 @@ $ui-highlight-color: $win95-window-header;
} }
@mixin win95-inset() { @mixin win95-inset() {
box-shadow: inset 1px 1px 0px #000000, box-shadow: inset 1px 1px 0px #000000,
inset -1px -1px 0px #ffffff, inset -1px -1px 0px #ffffff,
inset 2px 2px 0px #808080, inset 2px 2px 0px #808080,
inset -2px -2px 0px #dfdfdf; inset -2px -2px 0px #dfdfdf;
@ -54,9 +54,8 @@ $ui-highlight-color: $win95-window-header;
border-radius:0px; border-radius:0px;
} }
@mixin win95-tab() { @mixin win95-tab() {
box-shadow: inset -1px 0px 0px #000000, box-shadow: inset -1px 0px 0px #000000,
inset 1px 0px 0px #ffffff, inset 1px 0px 0px #ffffff,
inset 0px 1px 0px #ffffff, inset 0px 1px 0px #ffffff,
inset 0px 2px 0px #dfdfdf, inset 0px 2px 0px #dfdfdf,
@ -122,7 +121,6 @@ $ui-highlight-color: $win95-window-header;
vertical-align: middle; vertical-align: middle;
} }
/* main win95 style */ /* main win95 style */
body { body {
@ -179,7 +177,7 @@ body.admin {
font-size:0px; font-size:0px;
color:$win95-bg; color:$win95-bg;
background-image: url("~images/start.png"); background-image: url("~images/start.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:8%; background-position:8%;
background-clip:padding-box; background-clip:padding-box;
@ -379,7 +377,7 @@ body.admin {
border-radius:0px; border-radius:0px;
background-color:white; background-color:white;
@include win95-border-inset(); @include win95-border-inset();
width:12px; width:12px;
height:12px; height:12px;
} }
@ -558,9 +556,9 @@ body.admin {
color:black; color:black;
font-weight:bold; font-weight:bold;
} }
.account__avatar, .account__avatar,
.account__avatar-overlay-base, .account__avatar-overlay-base,
.account__header__avatar, .account__header__avatar,
.account__avatar-overlay-overlay { .account__avatar-overlay-overlay {
@include win95-border-slight-inset(); @include win95-border-slight-inset();
clip-path:none; clip-path:none;
@ -670,7 +668,7 @@ body.admin {
} }
.status-card__description { .status-card__description {
color:black; color:black;
} }
.account__display-name strong, .status__display-name strong { .account__display-name strong, .status__display-name strong {
@ -717,7 +715,6 @@ body.admin {
font-weight:bold; font-weight:bold;
} }
.drawer__header { .drawer__header {
background: $win95-bg; background: $win95-bg;
@include win95-border-outset() @include win95-border-outset()
@ -753,8 +750,8 @@ body.admin {
width:40px; width:40px;
font-size:0px; font-size:0px;
color:$win95-bg; color:$win95-bg;
background-image: url("~images/start.png"); background-image: url("~images/start.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:8%; background-position:8%;
background-clip:padding-box; background-clip:padding-box;
@ -766,7 +763,7 @@ body.admin {
} }
.drawer__header a:first-child:hover { .drawer__header a:first-child:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII="); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:8%; background-position:8%;
background-clip:padding-box; background-clip:padding-box;
@ -775,7 +772,7 @@ body.admin {
} }
.drawer__tab:first-child { .drawer__tab:first-child {
} }
.search { .search {
@ -858,7 +855,7 @@ body.admin {
font-weight:bold; font-weight:bold;
} }
.compose-form .autosuggest-textarea__textarea, .compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input { .compose-form .spoiler-input__input {
border-radius:0px; border-radius:0px;
@include win95-border-slight-inset(); @include win95-border-slight-inset();
@ -905,7 +902,7 @@ body.admin {
color: $win95-dark-grey; color: $win95-dark-grey;
} }
.privacy-dropdown.active .privacy-dropdown.active
.privacy-dropdown__value { .privacy-dropdown__value {
background: $win95-bg; background: $win95-bg;
box-shadow:unset; box-shadow:unset;
@ -1004,7 +1001,7 @@ body.admin {
background-color:$win95-bg; background-color:$win95-bg;
border:1px solid black; border:1px solid black;
box-sizing:content-box; box-sizing:content-box;
} }
.emoji-dialog .emoji-search { .emoji-dialog .emoji-search {
@ -1079,8 +1076,8 @@ body.admin {
width:60px; width:60px;
font-size:0px; font-size:0px;
color:$win95-bg; color:$win95-bg;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII="); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAF3pUWHRBdXRob3IAAAiZS84oys9LzAEAC5oC6A7BY/IAAACWSURBVCiRhVJJDsQgDEuqOfRZ7a1P5gbP4uaJaEjTADMWQhHYjlk4p0wLnNdptdF4KvBUDyGzVwc2xO+uKtH+1o0ytEEmqFpuxlvFCGCxKbNIT56QCi2MzaA/2Mz+mERSOeqzJG2RUxkjdTabgPtFoZ1bZxcKvgPcLZVufAyR9Ni8v5dWDzfFx0giC1RvZFv6l35QQ/Mvv39XXgGzQpoAAAAASUVORK5CYII=");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:8%; background-position:8%;
background-clip:padding-box; background-clip:padding-box;
@ -1130,52 +1127,52 @@ body.admin {
} }
} }
.column-link[href="/web/timelines/public"] { .column-link[href="/web/timelines/public"] {
background-image: url("~images/icon_public.png"); background-image: url("~images/icon_public.png");
&:hover { background-image: url("~images/icon_public.png"); } &:hover { background-image: url("~images/icon_public.png"); }
} }
.column-link[href="/web/timelines/public/local"] { .column-link[href="/web/timelines/public/local"] {
background-image: url("~images/icon_local.png"); background-image: url("~images/icon_local.png");
&:hover { background-image: url("~images/icon_local.png"); } &:hover { background-image: url("~images/icon_local.png"); }
} }
.column-link[href="/web/pinned"] { .column-link[href="/web/pinned"] {
background-image: url("~images/icon_pin.png"); background-image: url("~images/icon_pin.png");
&:hover { background-image: url("~images/icon_pin.png"); } &:hover { background-image: url("~images/icon_pin.png"); }
} }
.column-link[href="/web/favourites"] { .column-link[href="/web/favourites"] {
background-image: url("~images/icon_likes.png"); background-image: url("~images/icon_likes.png");
&:hover { background-image: url("~images/icon_likes.png"); } &:hover { background-image: url("~images/icon_likes.png"); }
} }
.column-link[href="/web/lists"] { .column-link[href="/web/lists"] {
background-image: url("~images/icon_lists.png"); background-image: url("~images/icon_lists.png");
&:hover { background-image: url("~images/icon_lists.png"); } &:hover { background-image: url("~images/icon_lists.png"); }
} }
.column-link[href="/web/follow_requests"] { .column-link[href="/web/follow_requests"] {
background-image: url("~images/icon_follow_requests.png"); background-image: url("~images/icon_follow_requests.png");
&:hover { background-image: url("~images/icon_follow_requests.png"); } &:hover { background-image: url("~images/icon_follow_requests.png"); }
} }
.column-link[href="/web/keyboard-shortcuts"] { .column-link[href="/web/keyboard-shortcuts"] {
background-image: url("~images/icon_keyboard_shortcuts.png"); background-image: url("~images/icon_keyboard_shortcuts.png");
&:hover { background-image: url("~images/icon_keyboard_shortcuts.png"); } &:hover { background-image: url("~images/icon_keyboard_shortcuts.png"); }
} }
.column-link[href="/web/blocks"] { .column-link[href="/web/blocks"] {
background-image: url("~images/icon_blocks.png"); background-image: url("~images/icon_blocks.png");
&:hover { background-image: url("~images/icon_blocks.png"); } &:hover { background-image: url("~images/icon_blocks.png"); }
} }
.column-link[href="/web/mutes"] { .column-link[href="/web/mutes"] {
background-image: url("~images/icon_mutes.png"); background-image: url("~images/icon_mutes.png");
&:hover { background-image: url("~images/icon_mutes.png"); } &:hover { background-image: url("~images/icon_mutes.png"); }
} }
.column-link[href="/settings/preferences"] { .column-link[href="/settings/preferences"] {
background-image: url("~images/icon_settings.png"); background-image: url("~images/icon_settings.png");
&:hover { background-image: url("~images/icon_settings.png"); } &:hover { background-image: url("~images/icon_settings.png"); }
} }
.column-link[href="/about/more"] { .column-link[href="/about/more"] {
background-image: url("~images/icon_about.png"); background-image: url("~images/icon_about.png");
&:hover { background-image: url("~images/icon_about.png"); } &:hover { background-image: url("~images/icon_about.png"); }
} }
.column-link[href="/auth/sign_out"] { .column-link[href="/auth/sign_out"] {
background-image: url("~images/icon_logout.png"); background-image: url("~images/icon_logout.png");
&:hover { background-image: url("~images/icon_logout.png"); } &:hover { background-image: url("~images/icon_logout.png"); }
} }
@ -1191,7 +1188,7 @@ body.admin {
line-height:30px; line-height:30px;
padding-left:20px; padding-left:20px;
padding-right:40px; padding-right:40px;
left:0px; left:0px;
bottom:-30px; bottom:-30px;
display:block; display:block;
@ -1199,9 +1196,9 @@ body.admin {
background-color:#7f7f7f; background-color:#7f7f7f;
width:200%; width:200%;
height:30px; height:30px;
-ms-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);
transform: rotate(-90deg); transform: rotate(-90deg);
transform-origin:top left; transform-origin:top left;
@ -1307,7 +1304,7 @@ body.admin {
left:unset; left:unset;
} }
.dropdown > .icon-button, .detailed-status__button > .icon-button, .dropdown > .icon-button, .detailed-status__button > .icon-button,
.status__action-bar > .icon-button, .star-icon i { .status__action-bar > .icon-button, .star-icon i {
/* i don't know what's going on with the inline /* i don't know what's going on with the inline
styles someone should look at the react code */ styles someone should look at the react code */
@ -1357,8 +1354,8 @@ body.admin {
background:$win95-bg; background:$win95-bg;
} }
.actions-modal::before, .actions-modal::before,
.boost-modal::before, .boost-modal::before,
.confirmation-modal::before, .confirmation-modal::before,
.report-modal::before { .report-modal::before {
content: "Confirmation"; content: "Confirmation";
@ -1396,8 +1393,8 @@ body.admin {
.confirmation-modal__cancel-button { .confirmation-modal__cancel-button {
color:black; color:black;
&:active, &:active,
&:focus, &:focus,
&:hover { &:hover {
color:black; color:black;
} }
@ -1420,7 +1417,6 @@ body.admin {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAFnpUWHRUaXRsZQAACJnLzU9JzElKBwALgwLXaCRlPwAAABd6VFh0QXV0aG9yAAAImUvOKMrPS8wBAAuaAugOwWPyAAAAEUlEQVQImWNgYGD4z4AE/gMADwMB/414xEUAAAAASUVORK5CYII='); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAFnpUWHRUaXRsZQAACJnLzU9JzElKBwALgwLXaCRlPwAAABd6VFh0QXV0aG9yAAAImUvOKMrPS8wBAAuaAugOwWPyAAAAEUlEQVQImWNgYGD4z4AE/gMADwMB/414xEUAAAAASUVORK5CYII=');
} }
.admin-wrapper::before { .admin-wrapper::before {
position:absolute; position:absolute;
top:0px; top:0px;
@ -1684,10 +1680,10 @@ a.table-action-link:hover,
background-color:white; background-color:white;
} }
.simple_form input[type=text], .simple_form input[type=text],
.simple_form input[type=number], .simple_form input[type=number],
.simple_form input[type=email], .simple_form input[type=email],
.simple_form input[type=password], .simple_form input[type=password],
.simple_form textarea { .simple_form textarea {
color:black; color:black;
background-color:white; background-color:white;
@ -1698,8 +1694,8 @@ a.table-action-link:hover,
} }
} }
.simple_form button, .simple_form button,
.simple_form .button, .simple_form .button,
.simple_form .block-button .simple_form .block-button
{ {
background: $win95-bg; background: $win95-bg;
@ -1726,8 +1722,8 @@ a.table-action-link:hover,
} }
} }
.simple_form button.negative, .simple_form button.negative,
.simple_form .button.negative, .simple_form .button.negative,
.simple_form .block-button.negative .simple_form .block-button.negative
{ {
background: $win95-bg; background: $win95-bg;
@ -1749,8 +1745,8 @@ a.table-action-link:hover,
border-right-color:#f5f5f5; border-right-color:#f5f5f5;
width:12px; width:12px;
height:12px; height:12px;
display:inline-block; display:inline-block;
vertical-align:middle; vertical-align:middle;
margin-right:2px; margin-right:2px;
} }
@ -1765,4 +1761,3 @@ a.table-action-link:hover,
color:black; color:black;
border-bottom: 0px solid transparent; border-bottom: 0px solid transparent;
} }

Write Preview
Loading…
Cancel
Save