llaq
/
infojune.old
1
0
Fork 1
Code Issues 1 Pull Requests Releases Wiki Activity

CSS Edit

This commit is contained in:
Le Libre Au Quotidien 2020-05-28 19:07:06 +02:00
parent 1234fef2c9
commit b2f1e75254
1 changed files with 51 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
src/assets/styles.css
View File

@ -1,18 +1,4 @@
@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;
}
/* DEFINE FONTFACE */
@font-face {
font-family: 'gidole';
src: url('fonts/Gidole-Regular.woff2') format('woff2'),
@ -20,28 +6,30 @@
font-weight: normal;
font-style: normal;
}
/* BUTTONS CLASS */
a,.button{
border:none;
background-color:#0483d8;
padding:20px;
color:white;
text-decoration: none;
min-width:50px;
min-width:100px;
text-align:center;
}
a:hover,.button:hover{
border:#0483d8 solid 2px;
transition:0.4s;
background-color:white;
color:#0483d8;
text-decoration: none;
text-align:center;
}
.buttons::after{
content:"Aller";
}
.donate::before,a[href*="explore.juneland.fr"]::before{
/* 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";
@ -66,9 +54,37 @@ a[href*="facebook.com"]::before{
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";
}
@ -78,63 +94,37 @@ content:"Forum";
a[href*="chat"]::after{
content:"Chat";
}
a[href*="explore.juneland.fr"]::after{
a[href*="demo.cesium.app"]::after,a[href*="helloasso.com"]::after,a[href*="opencollective.com"]::after,a[href*="liberapay.com"]::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;
/* DEFINE DEFAULT USE FONT */
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; }