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