From b2f1e7525424b32d0458e713b2dfc20befd6e751 Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Thu, 28 May 2020 19:07:06 +0200 Subject: [PATCH] CSS Edit --- src/assets/styles.css | 112 +++++++++++++++++++----------------------- 1 file changed, 51 insertions(+), 61 deletions(-) diff --git a/src/assets/styles.css b/src/assets/styles.css index 5a3203a..0822f27 100755 --- a/src/assets/styles.css +++ b/src/assets/styles.css @@ -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; }