-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
117 lines (95 loc) · 1.59 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
@import url('https://fonts.googleapis.com/css2?family=Cairo&family=Open+Sans&family=Oxygen&display=swap');
/* setup for tablet (L) */
@media screen and (min-width:768px) {
ul {
column-count: 2;
column-width: auto;
column-gap: normal;
margin-top: 5px;
}
.search-container {
margin: 20vh;
}
}
@media screen and (max-width:768px) {}
* {
box-sizing: border-box;
}
:root {
--tema: #5BE7C4;
}
body {
background-color: var(--tema) !important;
}
#appName {
font-family: 'Open Sans';
}
li.huruf {
margin-top: 10px;
font-family: Oxygen;
}
ul.sifat {
font-family: Cairo;
list-style-type: square;
}
footer {
clear: both;
height: 10px;
position: fixed;
background: black;
/* margin-top: 5vh; */
color: white;
padding: 10px;
/* top: 0px; */
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
}
/* tajwid{
direction:rtl;
font-size:1.6em;
}*/
#arab {
direction: rtl;
unicode-bidi: bidi-override;
margin: 10px;
}
.highlight {
background: yellow;
}
.tajwid-0,
.tajwid-9,
.tajwid-14 {
background-color: #AAAAAA;
}
.tajwid-1 {
background-color: #169777;
}
.tajwid-2 {
background-color: #169200;
}
.tajwid-3 {
background-color: #26BFFD;
}
.tajwid-4,
.tajwid-5,
.tajwid-6 {
background-color: #9400A8;
}
.tajwid-7 {
background-color: #D500B7;
}
.tajwid-8 {
background-color: #58B800;
}
.tajwid-9 {
background-color: #2d51b5;
}
.tajwid-10 {
background-color: #FF7E1E;
}
.tajwid-11,
.tajwid-12 {
background-color: #6a6d59;
}