1
0
Fork 0
infojune/src/assets/styles.css

138 lines
2.7 KiB
CSS
Executable File

@font-face {
font-family: 'Code';
src: url('fonts/Code-Light.woff2') format('woff2'),
url('fonts/Code-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Code';
src: url('fonts/Code-Bold.woff2') format('woff2'),
url('fonts/Code-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@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;
}
a{
border:none;
background-color:#0483d8;
padding:20px;
color:white;
text-decoration: none;
min-width:50px;
}
a:hover{
border:#0483d8 solid 2px;
transition:0.4s;
background-color:white;
color:#0483d8;
text-decoration: none;
}
.buttons::after{
content:"Aller";
}
.donate::before,a[href*="explore.juneland.fr"]::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*="facebook.com"]::after{
content:"Facebook";
}
a[href*="framasphere.org"]::after{
content:"diaspora";
}
a[href*="forum"]::after{
content:"Forum";
}
a[href*="chat"]::after{
content:"Chat";
}
a[href*="explore.juneland.fr"]::after{
content:"Donner";
}
h2,h3,p,.buttons-redirect,span,a{
font-family: 'gidole';
}
.prev{
text-decoration: none;
color:black;
}
.prev:hover{
text-decoration: underline 3px;
}
.licence::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f24e";
padding-right:5px;
}
.mastodon::before,a[href*="mastodon"]::before{
font-family: "Font Awesome 5 Brands";
font-weight: 900;
content: "\f4f6";
padding-right:5px;
}
a[href*="mastodon"]::after{
content:"Mastodon";
}
.twitter::before,a[href*="twitter.com"]::before{
font-family: "Font Awesome 5 Brands";
font-weight: 900;
content: "\f099";
padding-right:5px;
}
a[href*="twitter.com"]::after{
content:"Twitter";
}
.video::before,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*="peertube"]::after{
content:"Peertube";
}
a[href*="youtube.com"]::after{
content:"Youtube";
}
.author::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f4f6";
padding-right:5px;
}