125 lines
2.5 KiB
CSS
125 lines
2.5 KiB
CSS
|
/*
|
||
|
|
* Tilde Friends core stylesheet
|
||
|
|
* This is a prototype; things may change based on feedback.
|
||
|
|
*
|
||
|
|
* This Software is an external library that is part of
|
||
|
|
* Tilde Friends and is shared under the MIT license.
|
||
|
|
* A copy of the license is available at the end of this file.
|
||
|
|
*
|
||
|
|
* Inject this file in your app at core.css
|
||
|
|
* and use this tag to import it:
|
||
|
|
* <link rel="stylesheet" href="core.css"/>
|
||
|
|
*
|
||
|
|
* Revision 0 / 2024 M02 19
|
||
|
|
*/
|
||
|
|
|
||
|
|
body {
|
||
|
|
color: white;
|
||
|
|
font-family: sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
button, .button {
|
||
|
|
border: none;
|
||
|
|
border-radius: 8px;
|
||
|
|
padding: 8px 12px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:hover, .button:hover {
|
||
|
|
filter: brightness(0.75);
|
||
|
|
}
|
||
|
|
|
||
|
|
button.red, .button.red {
|
||
|
|
background-color: #bd1e24;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.green, .button.green {
|
||
|
|
background-color: #18922d;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.blue, .button.blue {
|
||
|
|
background-color: #0067a7;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.yellow, .button.yellow {
|
||
|
|
background-color: #ee9600;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:link {
|
||
|
|
color: #268bd2;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:visited {
|
||
|
|
color: #6c71c4;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: #859900;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:active {
|
||
|
|
color: #2aa198;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
td, th {
|
||
|
|
border: 1px solid #ffffff40;
|
||
|
|
text-align: left;
|
||
|
|
padding: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr:nth-child(even) {
|
||
|
|
background-color: #ffffff20;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-column {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-row {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inline-flex-row {
|
||
|
|
display: inline-flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Copyright 2024- Cory McWilliams & Tasia Iso
|
||
|
|
|
||
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||
|
|
this software and associated documentation files (the "Software"), to deal in
|
||
|
|
the Software without restriction, including without limitation the rights to
|
||
|
|
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
|
||
|
|
of the Software, and to permit persons to whom the Software is furnished to do
|
||
|
|
so, subject to the following conditions:
|
||
|
|
|
||
|
|
The above copyright notice and this permission notice shall be included in all
|
||
|
|
copies or substantial portions of the Software.
|
||
|
|
|
||
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
|
|
SOFTWARE.
|
||
|
|
*/
|