forked from llaq/infojune.old
CSS Edit
This commit is contained in:
parent
1234fef2c9
commit
b2f1e75254
|
@ -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; }
|
||||
|
|
Loading…
Reference in New Issue