forked from llaq/infojune.old
135 lines
2.9 KiB
CSS
Executable File
135 lines
2.9 KiB
CSS
Executable File
/* DEFINE FONTFACE */
|
|
@font-face {
|
|
font-family: 'gidole';
|
|
src: url('fonts/Gidole-Regular.woff2') format('woff2'),
|
|
url('fonts/Gidole-Regular.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
/* BUTTONS CLASS */
|
|
.button{
|
|
border:none;
|
|
background-color:#0483d8;
|
|
padding:20px;
|
|
color:white;
|
|
text-decoration: none;
|
|
min-width:100px;
|
|
text-align:center;
|
|
}
|
|
.button:hover{
|
|
border:#0483d8 solid 1px;
|
|
transition:0.4s;
|
|
background-color:white;
|
|
color:#0483d8;
|
|
text-decoration: none;
|
|
text-align:center;
|
|
}
|
|
.simple{
|
|
text-decoration: none;
|
|
|
|
}
|
|
.buttons::after{
|
|
content:"Aller";
|
|
}
|
|
/* BUTTONS ICONS (before) */
|
|
.donate::before,a[href*="demo.cesium.app"]::before,a[href*="helloasso.com"]::before,a[href*="opencollective.com"]::before,a[href*="liberapay.com"]::before{
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
content: "\f4b9";
|
|
padding-right:5px;
|
|
}
|
|
|
|
a[href*="chat"]::before,a[href*="forum"]::before{
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
content: "\f086";
|
|
padding-right:5px;
|
|
}
|
|
a[href*="framasphere.org"]::before{
|
|
font-family: "Font Awesome 5 Brands";
|
|
font-weight: 900;
|
|
content: "\f791";
|
|
padding-right:5px;
|
|
}
|
|
a[href*="facebook.com"]::before{
|
|
font-family: "Font Awesome 5 Brands";
|
|
font-weight: 900;
|
|
content: "\f09a";
|
|
padding-right:5px;
|
|
}
|
|
a[href*="mastodon"]::before{
|
|
font-family: "Font Awesome 5 Brands";
|
|
font-weight: 900;
|
|
content: "\f4f6";
|
|
padding-right:5px;
|
|
}
|
|
a[href*="twitter.com"]::before{
|
|
font-family: "Font Awesome 5 Brands";
|
|
font-weight: 900;
|
|
content: "\f099";
|
|
padding-right:5px;
|
|
}
|
|
a[href*="youtube.com"]::before,a[href*="peertube"]::before,a[href*="tube.p2p.legal"]::before{
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
content: "\f04b";
|
|
padding-right:5px;
|
|
}
|
|
a[href*="agenda"]::before,a[href*="calendar"]::before,a[href*="events"]::before{
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
content: "\f073";
|
|
padding-right:5px;
|
|
}
|
|
/* BUTTONS TEXTS (after) */
|
|
a[href*="facebook.com"]::after{
|
|
content:"Facebook";
|
|
}
|
|
a[href*="agenda"]::after,a[href*="calendar"]::after,a[href*="events"]::after{
|
|
content:"Agenda";
|
|
}
|
|
a[href*="framasphere.org"]::after{
|
|
content:"diaspora";
|
|
}
|
|
a[href*="forum"]::after{
|
|
content:"Forum";
|
|
}
|
|
a[href*="chat"]::after{
|
|
content:"Chat";
|
|
}
|
|
a[href*="demo.cesium.app"]::after,a[href*="helloasso.com"]::after,a[href*="opencollective.com"]::after,a[href*="liberapay.com"]::after{
|
|
content:"Donner";
|
|
}
|
|
a[href*="mastodon"]::after{
|
|
content:"Mastodon";
|
|
}
|
|
a[href*="twitter.com"]::after{
|
|
content:"Twitter";
|
|
}
|
|
|
|
a[href*="peertube"]::after{
|
|
content:"Peertube";
|
|
}
|
|
a[href*="youtube.com"]::after{
|
|
content:"Youtube";
|
|
}
|
|
/* DEFINE DEFAULT USE FONT */
|
|
h1,h2,h3,p,.buttons-redirect,span,a{
|
|
font-family: 'gidole';
|
|
}
|
|
.link{
|
|
text-decoration: none;
|
|
color:black;
|
|
|
|
}
|
|
.link:hover{
|
|
text-decoration: underline 3px;
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.day.dark-scheme { background: #333; color: white; }
|
|
.night.dark-scheme { background: black; color: #ddd; }
|
|
}
|