Using Tajawal as default font.

This commit is contained in:
opyale 2020-06-18 22:36:59 +02:00 committed by Gitea
parent beddf91a52
commit 4d6e74e477

View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="Create your own free website for you and your projects using Codeberg Pages."> <meta name="description" content="Create your own free website for you and your projects using Codeberg Pages.">
@ -7,8 +7,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://codeberg.org/img/favicon.png" /> <link rel="shortcut icon" href="https://codeberg.org/img/favicon.png" />
<link href="https://fonts.googleapis.com/css2?family=Kavivanar&family=Open+Sans:wght@300&family=Passion+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;700;900&display=swap" rel="stylesheet">
<title>Codeberg Pages - Static pages for your projects.</title> <title>Codeberg Pages - Static pages for your projects.</title>
@ -23,6 +23,7 @@
display: inline-block; display: inline-block;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
padding: 2px 8px 2px 8px; padding: 2px 8px 2px 8px;
font-size: 14px;
border-radius: 3px; border-radius: 3px;
background: #393e46; background: #393e46;
word-break: break-all; word-break: break-all;
@ -31,7 +32,8 @@
.container { .container {
margin-top: 50px; margin-top: 50px;
font-family: 'Open Sans', sans-serif; font-family: 'Tajawal', sans-serif;
font-weight: 300;
color: #404040; color: #404040;
} }
@ -46,13 +48,13 @@
} }
.container .header .name { .container .header .name {
font-family: 'Passion One', cursive;
font-size: 50px; font-size: 50px;
font-weight: 900;
color: #2185d0; color: #2185d0;
} }
.container .header .description { .container .header .description {
font-size: 20px; font-size: 23px;
} }
.cards { .cards {
@ -81,19 +83,18 @@
} }
.card .card-header { .card .card-header {
margin-top: 15px; margin-top: 20px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: 700;
} }
.card .card-description { .card .card-description {
margin-top: 5px; font-size: 16px;
font-size: 14px;
} }
.elevated { .elevated {
display: block; display: block;
padding: 45px 5px 45px 5px; padding: 50px 5px 50px 5px;
background: #fafafa; background: #fafafa;
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.10); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.10);
} }