mastodon-custom.css-gms/custom.css

283 lines
5.8 KiB
CSS

/* All pages
-------------------------------------------------------
*/
* {
border-radius:0!important;
tab-size:4;
-moz-tab-size:4;
}
/* Link icon in front of permalink, to make clearer */
a.status__relative-time::before {
content:"🔗 ";
}
abbr {
cursor:help;
}
cite {
font-style:italic;
}
/* Removes nav area from
/about/more /public and profiles */
/*
div.public-layout > div.container > nav.header {
display:none!important;
}
*/
/* Remove scrollbar styling */
html {
scrollbar-color:unset;
}
/* De-truncate links */
span.ellipsis::after {
content:"";
}
span.invisible {
display:inline;
font-size:inherit;
height:inherit;
line-height:inherit;
position:inherit;
width:inherit;
}
/* Place display name and account on separate lines */
strong.display-name__html {
display:block;
}
/* General button appearance */
.btn,
.button {
background-color:#ffaec9!important;
border:1px solid #fff200!important;
color:black!important;
}
/* Logged-in page (Tweetdeck style)
-------------------------------------------------------
*/
/* Posting area */
.compose-form .autosuggest-textarea__textarea {
min-height:20em;
}
.compose-form {
padding:0;
}
.compose-form .compose-form__publish .compose-form__publish-button-wrapper {
width:100%;
}
.compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
margin:0;
margin-top:6px;
}
/* Space between posting area and 'toot' button */
.compose-form .compose-form__publish .compose-form__publish-button-wrapper {
background-color:#191b22;
}
/* Area below posting bit */
div.drawer__inner__mastodon {
background:none;
background-color:#191b22;
}
.drawer__inner__mastodon > img {
display:none;
}
.emoji-button {
content:url("https://cf.mastohost.com/v1/AUTH_91eb37814936490c95da7b85993cc2ff/gamemaking/custom_emojis/images/000/001/890/original/lsd-face2.png");
width:32px;
}
.navigation-bar__profile-edit::before {
content:"☞";
font-size:120%;
margin-right:0.2em;
}
/* Link previews */
.status-card:hover,
.status-card.compact:hover {
border:1px solid #fff200;
}
/* Underline links in tweetdeck view */
a.status-link:not(.mention) {
text-decoration:underline;
}
/* Profile pages
-------------------------------------------------------
*/
/* Transparant avatar background */
.public-layout .public-account-header__bar .avatar img {
background:none;
border:none;
}
/* Underline links in post view */
div.status__content a:not(.hashtag):not(.mention) {
text-decoration:underline;
}
/* Hide instance descrpition and logo */
div.grid > div.column-1 > div.hero-widget {
display:none;
}
/* About page
-------------------------------------------------------
*/
/* Point hand for COC checkbox
div.landing label.optional::before {
color:#fff200;
content:"☜";
font-size:120%;
margin-right:0.5em;
}*/
/* Adding more details to the
'Why do you want to join?' form
Not screen-reader-friendly :(
.hint::after {
content: ". If you leave this blank most-likely your application will be rejected.";
}*/
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 > svg,
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;
}
/* Hide big ugly header */
div.public-account-header.public-account-header--no-bar {
display:none;
}
/* Pink borders */
div.contact-widget,
div.directory > div.directory__tag,
div.hero-widget__footer,
ul.table-of-contents {
border:1px solid #ffaec9;
}
div.box-widget,
div.hero-widget__text,
div.landing-page__call-to-action,
div.landing-page__forms,
div.landing-page__information,
div.landing-page__information.contact-widget,
div.page-header,
div#mastodon-timeline {
border:1px solid #ffaec9;
box-shadow:none;
padding:1em;
}
form.simple_form input[type=email],
form.simple_form input[type=number],
form.simple_form input[type=password],
form.simple_form input[type=text],
form.simple_form textarea {
border-width:1px;
}
form.simple_form input[type=email]:focus:invalid,
form.simple_form input[type=number]:focus:invalid,
form.simple_form input[type=password]:focus:invalid,
form.simple_form input[type=text]:focus:invalid,
form.simple_form textarea:focus:invalid {
border-color:#ffaec9;
}
form.simple_form input[type=email]:required:valid,
form.simple_form input[type=number]:required:valid,
form.simple_form input[type=password]:required:valid,
form.simple_form input[type=text]:required:valid,
form.simple_form textarea:required:valid {
border-color:#ffaec9;
border-width:1px;
}
h3 {
margin-top:2em;
}
li#settings a.selected {
background-color:#ffaec9!important;
color:black!important;
}
/* custom tag for compacting the blocklists */
ul.blocklist li {
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
-------------------------------------------------------
*/
/* Profile pages
-------------------------------------------------------
*/
/* Tags pages
-------------------------------------------------------
*/
/* Settings pages
-------------------------------------------------------
*/
/* remove unscrollable left padding */
.admin-wrapper .sidebar-wrapper {
flex:none;
}
/*testing*/
a:hover {color:#ffaec9!important;}