Updated to fit about and about/more redesign
This commit is contained in:
parent
2b24820d82
commit
542fb4cd4d
151
custom.css
151
custom.css
|
@ -8,7 +8,15 @@
|
||||||
-moz-tab-size:4;
|
-moz-tab-size:4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* General button appearance */
|
abbr {
|
||||||
|
cursor:help;
|
||||||
|
}
|
||||||
|
|
||||||
|
cite {
|
||||||
|
font-style:italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* General button appearance */
|
||||||
.btn,
|
.btn,
|
||||||
.button {
|
.button {
|
||||||
background-color:#ffaec9!important;
|
background-color:#ffaec9!important;
|
||||||
|
@ -18,14 +26,20 @@
|
||||||
|
|
||||||
/* Link icon in front of permalink, to make clearer */
|
/* Link icon in front of permalink, to make clearer */
|
||||||
a.status__relative-time::before {
|
a.status__relative-time::before {
|
||||||
content: "🔗 ";
|
content:"🔗 ";
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Remove scrollbar styling */
|
/* Remove scrollbar styling */
|
||||||
html {
|
html {
|
||||||
scrollbar-color:unset;
|
scrollbar-color:unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Removes nav area from
|
||||||
|
/about/more /public and profiles */
|
||||||
|
div.public-layout > div.container > nav.header {
|
||||||
|
display:none!important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Place display name and account on separate lines */
|
/* Place display name and account on separate lines */
|
||||||
strong.display-name__html {
|
strong.display-name__html {
|
||||||
display:block;
|
display:block;
|
||||||
|
@ -35,9 +49,9 @@ strong.display-name__html {
|
||||||
-------------------------------------------------------
|
-------------------------------------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Posting area */
|
/* Posting area */
|
||||||
|
|
||||||
/* clearer posting buttons */
|
/* Clearer posting buttons */
|
||||||
button.compose-form__upload-button-icon.icon-button.inverted,
|
button.compose-form__upload-button-icon.icon-button.inverted,
|
||||||
button.compose-form__poll-button-icon.icon-button.inverted,
|
button.compose-form__poll-button-icon.icon-button.inverted,
|
||||||
button.privacy-dropdown__value-icon.icon-button.inverted,
|
button.privacy-dropdown__value-icon.icon-button.inverted,
|
||||||
|
@ -78,7 +92,7 @@ button.text-icon-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-button {
|
.emoji-button {
|
||||||
/* custom emoji picker button emoji */
|
/* custom emoji picker button emoji */
|
||||||
content:url("https://cf.mastohost.com/v1/AUTH_91eb37814936490c95da7b85993cc2ff/gamemaking/custom_emojis/images/000/001/890/original/lsd-face2.png");
|
content:url("https://cf.mastohost.com/v1/AUTH_91eb37814936490c95da7b85993cc2ff/gamemaking/custom_emojis/images/000/001/890/original/lsd-face2.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -89,16 +103,18 @@ button.text-icon-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation-bar__profile-edit::before {
|
.navigation-bar__profile-edit::before {
|
||||||
content:"☞ ";
|
content:"☞";
|
||||||
|
font-size:120%;
|
||||||
|
margin-right:0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Link previews */
|
/* Link previews */
|
||||||
.status-card:hover,
|
.status-card:hover,
|
||||||
.status-card.compact:hover {
|
.status-card.compact:hover {
|
||||||
border:1px solid #fff200;
|
border:1px solid #fff200;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Underline links in tweetdeck view */
|
/* Underline links in tweetdeck view */
|
||||||
a.status-link:not(.mention) {
|
a.status-link:not(.mention) {
|
||||||
text-decoration:underline;
|
text-decoration:underline;
|
||||||
}
|
}
|
||||||
|
@ -107,75 +123,82 @@ a.status-link:not(.mention) {
|
||||||
-------------------------------------------------------
|
-------------------------------------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* Border round avatar */
|
||||||
.public-layout .public-account-header__bar .avatar img {
|
.public-layout .public-account-header__bar .avatar img {
|
||||||
border:1px solid #ffaec9;
|
border:1px solid #ffaec9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.public-account-header.public-account-header--no-bar {
|
/* Underline links in post view */
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Underline links in post view */
|
|
||||||
div.status__content a:not(.hashtag):not(.mention) {
|
div.status__content a:not(.hashtag):not(.mention) {
|
||||||
text-decoration:underline;
|
text-decoration:underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* About pages
|
/* Hide instance descrpition and logo */
|
||||||
-------------------------------------------------------
|
div.grid > div.column-1 > div.hero-widget {
|
||||||
*/
|
|
||||||
|
|
||||||
cite {
|
|
||||||
font-style:italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.brand {
|
|
||||||
/* Push image out of frame, and replace with background image */
|
|
||||||
height:200px;
|
|
||||||
background:url(https://cf.mastohost.com/v1/AUTH_91eb37814936490c95da7b85993cc2ff/gamemaking/site_uploads/files/000/000/001/original/logo_smilier_200x.png) no-repeat;
|
|
||||||
margin:0!important;
|
|
||||||
padding-bottom:0!important;
|
|
||||||
padding-left:200px;
|
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.card__bar > div.avatar img {
|
/* About page
|
||||||
background:none;
|
-------------------------------------------------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Point hand for COC checkbox */
|
||||||
|
div.landing label.optional::before {
|
||||||
|
color:#fff200;
|
||||||
|
content:"☜";
|
||||||
|
font-size:120%;
|
||||||
|
margin-right:0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.landing > div.landing__grid > div.landing__grid__column > div.hero-widget > div.hero-widget__text {
|
||||||
|
padding-bottom:1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Logo fiddling
|
||||||
|
Moving logo from right column to the top of the page
|
||||||
|
*/
|
||||||
|
|
||||||
|
div.landing > div.landing__brand > a.brand > img,
|
||||||
|
div.landing > div.landing__brand > a.brand > span.brand__tagline,
|
||||||
|
div.landing div.hero-widget__img {
|
||||||
|
/* Hide Masto logo and tagline,
|
||||||
|
and original GM.S logo */
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.landing div.landing__brand {
|
||||||
|
/* Show GM.S logo in place of hidden Masto one */
|
||||||
|
background-image:url("https://cf.mastohost.com/v1/AUTH_91eb37814936490c95da7b85993cc2ff/gamemaking/site_uploads/files/000/000/001/original/logo_smilier_200x.png");
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-position:center;
|
||||||
|
height:100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pink borders */
|
||||||
|
div.directory > div.directory__tag,
|
||||||
|
.hero-widget__footer {
|
||||||
|
border:1px solid #ffaec9;
|
||||||
|
}
|
||||||
div.box-widget,
|
div.box-widget,
|
||||||
div.hero-widget__text,
|
div.hero-widget__text,
|
||||||
div.landing-page__call-to-action,
|
div.landing-page__call-to-action,
|
||||||
div.landing-page__forms,
|
div.landing-page__forms,
|
||||||
div.landing-page__information,
|
div.landing-page__information,
|
||||||
div.landing-page__information.contact-widget,
|
div.landing-page__information.contact-widget,
|
||||||
|
div.page-header,
|
||||||
div#mastodon-timeline {
|
div#mastodon-timeline {
|
||||||
border:1px solid #ffaec9;
|
border:1px solid #ffaec9;
|
||||||
box-shadow:none;
|
box-shadow:none;
|
||||||
padding:1em;
|
padding:1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.brand img,
|
|
||||||
div.features-list__row,
|
|
||||||
div.landing-page__hero,
|
|
||||||
nav.header {
|
|
||||||
display:none!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.hero-widget__img {
|
|
||||||
background:none;
|
|
||||||
height:200px;
|
|
||||||
}
|
|
||||||
div.hero-widget__img img {
|
|
||||||
height:200px;
|
|
||||||
width:200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.simple_form input[type=email],
|
form.simple_form input[type=email],
|
||||||
form.simple_form input[type=number],
|
form.simple_form input[type=number],
|
||||||
form.simple_form input[type=password],
|
form.simple_form input[type=password],
|
||||||
form.simple_form input[type=text],
|
form.simple_form input[type=text],
|
||||||
form.simple_form textarea {
|
form.simple_form textarea {
|
||||||
border-bottom-width:1px;
|
border-width:1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
form.simple_form input[type=email]:focus:invalid,
|
form.simple_form input[type=email]:focus:invalid,
|
||||||
|
@ -183,7 +206,7 @@ form.simple_form input[type=number]:focus:invalid,
|
||||||
form.simple_form input[type=password]:focus:invalid,
|
form.simple_form input[type=password]:focus:invalid,
|
||||||
form.simple_form input[type=text]:focus:invalid,
|
form.simple_form input[type=text]:focus:invalid,
|
||||||
form.simple_form textarea:focus:invalid {
|
form.simple_form textarea:focus:invalid {
|
||||||
border-bottom-color:#ed1c24;
|
border-color:#ffaec9;
|
||||||
}
|
}
|
||||||
|
|
||||||
form.simple_form input[type=email]:required:valid,
|
form.simple_form input[type=email]:required:valid,
|
||||||
|
@ -191,8 +214,8 @@ form.simple_form input[type=number]:required:valid,
|
||||||
form.simple_form input[type=password]:required:valid,
|
form.simple_form input[type=password]:required:valid,
|
||||||
form.simple_form input[type=text]:required:valid,
|
form.simple_form input[type=text]:required:valid,
|
||||||
form.simple_form textarea:required:valid {
|
form.simple_form textarea:required:valid {
|
||||||
border-bottom-color:#ffaec9;
|
border-color:#ffaec9;
|
||||||
border-bottom-width:1px;
|
border-width:1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
@ -204,16 +227,38 @@ li#settings a.selected {
|
||||||
color:black!important;
|
color:black!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* custom tag for compacting the blocklists */
|
/* custom tag for compacting the blocklists */
|
||||||
ul.blocklist li {
|
ul.blocklist li {
|
||||||
line-height:1em;
|
line-height:1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Footer, remove top border and bg colour */
|
||||||
|
div.landing div.hero-widget__footer {
|
||||||
|
background:none!important;
|
||||||
|
border-top:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* About/more (rules and blocklist) page
|
||||||
|
-------------------------------------------------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
div.column-0 {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Profile pages
|
||||||
|
-------------------------------------------------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Tags pages
|
||||||
|
-------------------------------------------------------
|
||||||
|
*/
|
||||||
|
|
||||||
/* Settings pages
|
/* Settings pages
|
||||||
-------------------------------------------------------
|
-------------------------------------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* remove unscrollable left padding */
|
||||||
.admin-wrapper .sidebar-wrapper {
|
.admin-wrapper .sidebar-wrapper {
|
||||||
/* remove unscrollable left padding */
|
|
||||||
flex:none;
|
flex:none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue