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;
|
||||
}
|
||||
|
||||
/* General button appearance */
|
||||
abbr {
|
||||
cursor:help;
|
||||
}
|
||||
|
||||
cite {
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
/* General button appearance */
|
||||
.btn,
|
||||
.button {
|
||||
background-color:#ffaec9!important;
|
||||
|
|
@ -18,14 +26,20 @@
|
|||
|
||||
/* Link icon in front of permalink, to make clearer */
|
||||
a.status__relative-time::before {
|
||||
content: "🔗 ";
|
||||
content:"🔗 ";
|
||||
}
|
||||
|
||||
/* Remove scrollbar styling */
|
||||
/* Remove scrollbar styling */
|
||||
html {
|
||||
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 */
|
||||
strong.display-name__html {
|
||||
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__poll-button-icon.icon-button.inverted,
|
||||
button.privacy-dropdown__value-icon.icon-button.inverted,
|
||||
|
|
@ -78,7 +92,7 @@ button.text-icon-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");
|
||||
}
|
||||
|
||||
|
|
@ -89,16 +103,18 @@ button.text-icon-button {
|
|||
}
|
||||
|
||||
.navigation-bar__profile-edit::before {
|
||||
content:"☞ ";
|
||||
content:"☞";
|
||||
font-size:120%;
|
||||
margin-right:0.2em;
|
||||
}
|
||||
|
||||
/* Link previews */
|
||||
/* Link previews */
|
||||
.status-card:hover,
|
||||
.status-card.compact:hover {
|
||||
border:1px solid #fff200;
|
||||
}
|
||||
|
||||
/* Underline links in tweetdeck view */
|
||||
/* Underline links in tweetdeck view */
|
||||
a.status-link:not(.mention) {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
|
@ -107,75 +123,82 @@ a.status-link:not(.mention) {
|
|||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* Border round avatar */
|
||||
.public-layout .public-account-header__bar .avatar img {
|
||||
border:1px solid #ffaec9;
|
||||
}
|
||||
|
||||
.public-account-header.public-account-header--no-bar {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* Underline links in post view */
|
||||
/* Underline links in post view */
|
||||
div.status__content a:not(.hashtag):not(.mention) {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
/* About pages
|
||||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
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;
|
||||
/* Hide instance descrpition and logo */
|
||||
div.grid > div.column-1 > div.hero-widget {
|
||||
display:none;
|
||||
}
|
||||
|
||||
div.card__bar > div.avatar img {
|
||||
background:none;
|
||||
/* About page
|
||||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* 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.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;
|
||||
}
|
||||
|
||||
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=number],
|
||||
form.simple_form input[type=password],
|
||||
form.simple_form input[type=text],
|
||||
form.simple_form textarea {
|
||||
border-bottom-width:1px;
|
||||
border-width:1px;
|
||||
}
|
||||
|
||||
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=text]:focus:invalid,
|
||||
form.simple_form textarea:focus:invalid {
|
||||
border-bottom-color:#ed1c24;
|
||||
border-color:#ffaec9;
|
||||
}
|
||||
|
||||
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=text]:required:valid,
|
||||
form.simple_form textarea:required:valid {
|
||||
border-bottom-color:#ffaec9;
|
||||
border-bottom-width:1px;
|
||||
border-color:#ffaec9;
|
||||
border-width:1px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
|
@ -204,16 +227,38 @@ li#settings a.selected {
|
|||
color:black!important;
|
||||
}
|
||||
|
||||
/* custom tag for compacting the blocklists */
|
||||
/* 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
|
||||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
div.column-0 {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* Profile pages
|
||||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* Tags pages
|
||||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* Settings pages
|
||||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* remove unscrollable left padding */
|
||||
.admin-wrapper .sidebar-wrapper {
|
||||
/* remove unscrollable left padding */
|
||||
flex:none;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue