status-cafe-css/README.md

49 lines
971 B
Markdown
Raw Permalink Normal View History

2023-08-15 13:52:03 +00:00
# Status.cafe CSS
2023-08-15 13:01:43 +00:00
2023-08-15 13:52:03 +00:00
## A fully commented css template for status.cafe profiles
2023-08-15 13:53:54 +00:00
In order to change the styling of your status.cafe page, you need to go to your settings, and in the "About" section, add a ```<style> </style>``` tag under your profile:
2023-08-15 13:52:03 +00:00
![](/profile-ss.png)
*The default style.css from the cafe is located at https://status.cafe/assets/style.css for reference, so you can override anything below.*
2023-08-15 14:01:25 +00:00
```
2023-08-15 13:52:03 +00:00
<style>
/*Importing a custom font*/
@import url(https://fonts.bunny.net/css?family=azeret-mono:400);
/*nav bar */
nav {
font-family: 'Azeret Mono', monospace;
}
/*main body styling*/
body {
2023-08-15 13:55:01 +00:00
background-image: url("https://pathtoimagefile.png");
2023-08-15 13:52:03 +00:00
background-repeat: repeat;
font-family: 'Azeret Mono', monospace;
background-color: #fff0f6;
color: #D7D7D7;
}
a {
color: #d633c4;
}
a:visited {
color: purple;
}
a:hover {
text-decoration: none;
}
/*H2 is used for the username and "statuses" heading*/
h2 {
color: #33b0d6;;
}
2023-08-15 13:53:54 +00:00
</style>
```