mumineen-ui-plugins 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +35 -50
- package/dist/hijri-calendar/libs/HijriCalendar.d.ts +3 -3
- package/dist/hijri-calendar/libs/HijriCalendar.js +23 -10
- package/package.json +3 -7
- package/src/hijri-calendar/fonts/icomoon.eot +0 -0
- package/src/hijri-calendar/fonts/icomoon.svg +0 -19
- package/src/hijri-calendar/fonts/icomoon.ttf +0 -0
- package/src/hijri-calendar/fonts/icomoon.woff +0 -0
- package/src/hijri-calendar/styles.css +0 -922
package/README.md
CHANGED
|
@@ -1,62 +1,40 @@
|
|
|
1
|
-
# Mumineen
|
|
1
|
+
# Mumineen UI Plugins
|
|
2
2
|
|
|
3
3
|
## Introduction
|
|
4
4
|
|
|
5
|
-
Mumineen
|
|
6
|
-
follow the 53rd Dai al-Mutlaq, His Holiness, [Syedna Aale Qadr Mufaddal
|
|
7
|
-
Saifuddin] (_TUS_).
|
|
8
|
-
for any day of the calendar year.
|
|
9
|
-
|
|
10
|
-
This version is primarily written in JavaScript using [React] and [Middleman].
|
|
11
|
-
It supercedes the [Ruby on Rails version] I wrote some time ago.
|
|
12
|
-
|
|
13
|
-
[Dawoodi Bohra Shia Muslims]: https://www.thedawoodibohras.com/
|
|
14
|
-
[Gregorian date]: http://en.wikipedia.org/wiki/Gregorian_calendar
|
|
15
|
-
[Hijri Calendar]: http://en.wikipedia.org/wiki/Islamic_calendar
|
|
16
|
-
[Middleman]: http://middlemanapp.com/
|
|
17
|
-
[React]: http://facebook.github.io/react/
|
|
18
|
-
[Ruby on Rails version]: https://github.com/mygulamali/mumineen_calendar
|
|
19
|
-
[Syedna Aale Qadr Mufaddal Saifuddin]: https://www.thedawoodibohras.com/about-the-bohras/the-dai-al-mutlaq/53rd-dai-al-mutlaq/
|
|
20
|
-
|
|
21
|
-
## Setup
|
|
5
|
+
Mumineen UI Plugins is a react library which features some of the commonly used UI plugins
|
|
6
|
+
for [Dawoodi Bohra Shia Muslims] who follow the 53rd Dai al-Mutlaq, His Holiness, [Syedna Aale Qadr Mufaddal
|
|
7
|
+
Saifuddin] (_TUS_).
|
|
22
8
|
|
|
9
|
+
## Installation
|
|
23
10
|
```shell
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
bundle exec bourbon install
|
|
30
|
-
bundle exec neat install
|
|
11
|
+
npm install mumineen-ui-plugins
|
|
12
|
+
```
|
|
13
|
+
or
|
|
14
|
+
```shell
|
|
15
|
+
yarn add mumineen-ui-plugins
|
|
31
16
|
```
|
|
32
17
|
|
|
33
|
-
|
|
34
|
-
values can be found in the _Build & deploy_ section under the _Site settings_
|
|
35
|
-
tab for the website, on Netlify.
|
|
36
|
-
|
|
37
|
-
## Serve on your localhost
|
|
38
|
-
|
|
39
|
-
`bundle exec middleman`
|
|
40
|
-
|
|
41
|
-
Then visit `http://localhost:4567` to see the site in action.
|
|
42
|
-
|
|
43
|
-
## Deploy to your web server
|
|
44
|
-
|
|
45
|
-
`bundle exec middleman deploy`
|
|
46
|
-
|
|
47
|
-
This command will automagically commit the built website to the correct branch
|
|
48
|
-
of this repo for your static site server (i.e. [GitHub Pages] or [Netlify])
|
|
49
|
-
to serve.
|
|
50
|
-
|
|
51
|
-
[Netlify]: https://www.netlify.com/ "Netlify"
|
|
52
|
-
[GitHub Pages]: https://pages.github.com/ "GitHub Pages"
|
|
53
|
-
|
|
54
|
-
## Testing
|
|
18
|
+
This package only contains one UI plugin which is the [Hijri Calendar] but there will be more plugins added in the future.
|
|
55
19
|
|
|
56
|
-
|
|
57
|
-
|
|
20
|
+
## Hijri Calendar
|
|
21
|
+
### Usage
|
|
22
|
+
```typescript
|
|
23
|
+
import { HijriCalendar } from 'mumineen-ui-plugins';
|
|
58
24
|
|
|
59
|
-
|
|
25
|
+
const App = () => {
|
|
26
|
+
return (
|
|
27
|
+
<HijriCalendar />
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
```
|
|
31
|
+
### Props
|
|
32
|
+
| Name | Type | Default | Description |
|
|
33
|
+
| --- |------------|-------------|------------------------------------------------------------------------|
|
|
34
|
+
| `miqaats` | `MiqaatMonth[]` | `[]` | List of miqaats to be displayed on the calendar. |
|
|
35
|
+
| `additionalDayContent` | `(day: Day) => React.ReactNode` | `undefined` | Callback function to return additional content in the modal for a day. |
|
|
36
|
+
| `onDayClick` | `(day: Day) => void` | `undefined` | Callback function to be called when a day is clicked. |
|
|
37
|
+
| `showDefaultMiqaatData` | `boolean` | `false` | Whether to show the default miqaat data (embedded in library). |
|
|
60
38
|
|
|
61
39
|
## License
|
|
62
40
|
|
|
@@ -64,3 +42,10 @@ This software is released under the terms and conditions of [The MIT License].
|
|
|
64
42
|
Please see the `LICENSE.txt` file for more details.
|
|
65
43
|
|
|
66
44
|
[The MIT License]: http://www.opensource.org/licenses/mit-license.php
|
|
45
|
+
[Dawoodi Bohra Shia Muslims]: https://www.thedawoodibohras.com/
|
|
46
|
+
[Gregorian date]: http://en.wikipedia.org/wiki/Gregorian_calendar
|
|
47
|
+
[Hijri Calendar]: http://en.wikipedia.org/wiki/Islamic_calendar
|
|
48
|
+
[Middleman]: http://middlemanapp.com/
|
|
49
|
+
[React]: http://facebook.github.io/react/
|
|
50
|
+
[Ruby on Rails version]: https://github.com/mygulamali/mumineen_calendar
|
|
51
|
+
[Syedna Aale Qadr Mufaddal Saifuddin]: https://www.thedawoodibohras.com/about-the-bohras/the-dai-al-mutlaq/53rd-dai-al-mutlaq/
|
|
@@ -23,10 +23,10 @@ export declare class HijriCalendar {
|
|
|
23
23
|
getMinYear(): number;
|
|
24
24
|
getMaxYear(): number;
|
|
25
25
|
dayOfWeek(date: any): number;
|
|
26
|
-
days():
|
|
26
|
+
days(): Day[];
|
|
27
27
|
weeks(): any;
|
|
28
|
-
previousDays(): any;
|
|
29
|
-
nextDays(): any;
|
|
28
|
+
previousDays(): any[];
|
|
29
|
+
nextDays(): any[];
|
|
30
30
|
previousMonth(): HijriCalendar;
|
|
31
31
|
nextMonth(): HijriCalendar;
|
|
32
32
|
previousYear(): HijriCalendar;
|
|
@@ -2,9 +2,22 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.HijriCalendar = void 0;
|
|
4
4
|
const HijriDate_1 = require("./HijriDate");
|
|
5
|
-
const lazy_js_1 = require("lazy.js");
|
|
6
5
|
const MIN_CALENDAR_YEAR = 1000;
|
|
7
6
|
const MAX_CALENDAR_YEAR = 3000;
|
|
7
|
+
const range = (n) => Array.from(Array(n).keys());
|
|
8
|
+
const repeat = (value, count) => range(count).map(() => value);
|
|
9
|
+
const concat = (...arrays) => arrays.reduce((acc, curr) => {
|
|
10
|
+
acc.push(...curr);
|
|
11
|
+
return acc;
|
|
12
|
+
}, []);
|
|
13
|
+
Object.defineProperty(Array.prototype, "chunk", {
|
|
14
|
+
value: function (chunkSize) {
|
|
15
|
+
var R = [];
|
|
16
|
+
for (var i = 0; i < this.length; i += chunkSize)
|
|
17
|
+
R.push(this.slice(i, i + chunkSize));
|
|
18
|
+
return R;
|
|
19
|
+
},
|
|
20
|
+
});
|
|
8
21
|
class HijriCalendar {
|
|
9
22
|
constructor(year, month, iso8601 = false) {
|
|
10
23
|
this.year = year;
|
|
@@ -34,36 +47,36 @@ class HijriCalendar {
|
|
|
34
47
|
// return array of days of this month and year
|
|
35
48
|
days() {
|
|
36
49
|
const self = this;
|
|
37
|
-
return
|
|
50
|
+
return range(HijriDate_1.HijriDate.daysInMonth(this.year, this.month)).map(function (day) {
|
|
38
51
|
var hijriDate = new HijriDate_1.HijriDate(self.year, self.month, day + 1), gregorianDate = hijriDate.toGregorian();
|
|
39
52
|
return self.dayHash(hijriDate, gregorianDate);
|
|
40
|
-
}
|
|
53
|
+
});
|
|
41
54
|
}
|
|
42
55
|
// return array of weeks for this month and year
|
|
43
56
|
weeks() {
|
|
44
|
-
return
|
|
57
|
+
return concat(this.previousDays(), this.days(), this.nextDays()).chunk(7);
|
|
45
58
|
}
|
|
46
59
|
// return array of days from beginning of week until start of this month and year
|
|
47
60
|
previousDays() {
|
|
48
61
|
var previousMonth = this.previousMonth(), daysInPreviousMonth = HijriDate_1.HijriDate.daysInMonth(previousMonth.getYear(), previousMonth.getMonth()), dayAtStartOfMonth = this.dayOfWeek(1);
|
|
49
62
|
if (this.month === 0 && this.year === MIN_CALENDAR_YEAR)
|
|
50
|
-
return
|
|
63
|
+
return repeat(null, 6 - dayAtStartOfMonth);
|
|
51
64
|
const self = this;
|
|
52
|
-
return
|
|
65
|
+
return range(dayAtStartOfMonth).map(function (day) {
|
|
53
66
|
const hijriDate = new HijriDate_1.HijriDate(previousMonth.getYear(), previousMonth.getMonth(), daysInPreviousMonth - dayAtStartOfMonth + day + 1), gregorianDate = hijriDate.toGregorian();
|
|
54
67
|
return self.dayHash(hijriDate, gregorianDate, true);
|
|
55
|
-
}
|
|
68
|
+
});
|
|
56
69
|
}
|
|
57
70
|
// return array of days from end of this month and year until end of the week
|
|
58
71
|
nextDays() {
|
|
59
72
|
var nextMonth = this.nextMonth(), daysInMonth = HijriDate_1.HijriDate.daysInMonth(this.year, this.month), dayAtEndOfMonth = this.dayOfWeek(daysInMonth);
|
|
60
73
|
if (nextMonth.getYear() === this.year && nextMonth.getMonth() === this.month)
|
|
61
|
-
return
|
|
74
|
+
return repeat(null, 6 - dayAtEndOfMonth);
|
|
62
75
|
const self = this;
|
|
63
|
-
return
|
|
76
|
+
return range(6 - dayAtEndOfMonth).map(function (day) {
|
|
64
77
|
var hijriDate = new HijriDate_1.HijriDate(nextMonth.getYear(), nextMonth.getMonth(), day + 1), gregorianDate = hijriDate.toGregorian();
|
|
65
78
|
return self.dayHash(hijriDate, gregorianDate, true);
|
|
66
|
-
}
|
|
79
|
+
});
|
|
67
80
|
}
|
|
68
81
|
// return Hijri Calendar object for the previous month
|
|
69
82
|
previousMonth() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mumineen-ui-plugins",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index",
|
|
6
6
|
"scripts": {
|
|
@@ -19,9 +19,7 @@
|
|
|
19
19
|
"url": "git+https://github.com/navedr/mumineen_calendar_react.git"
|
|
20
20
|
},
|
|
21
21
|
"files": [
|
|
22
|
-
"dist/**/*"
|
|
23
|
-
"src/hijri-calendar/styles.css",
|
|
24
|
-
"src/hijri-calendar/fonts"
|
|
22
|
+
"dist/**/*"
|
|
25
23
|
],
|
|
26
24
|
"keywords": [],
|
|
27
25
|
"author": "Naved Rangwala",
|
|
@@ -50,7 +48,5 @@
|
|
|
50
48
|
"url": "https://github.com/navedr/mumineen-ui-plugins/issues"
|
|
51
49
|
},
|
|
52
50
|
"homepage": "https://github.com/navedr/mumineen-ui-plugins#readme",
|
|
53
|
-
"dependencies": {
|
|
54
|
-
"lazy.js": "^0.5.1"
|
|
55
|
-
}
|
|
51
|
+
"dependencies": {}
|
|
56
52
|
}
|
|
Binary file
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?>
|
|
2
|
-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
3
|
-
<svg xmlns="http://www.w3.org/2000/svg">
|
|
4
|
-
<metadata>Generated by IcoMoon</metadata>
|
|
5
|
-
<defs>
|
|
6
|
-
<font id="icomoon" horiz-adv-x="1024">
|
|
7
|
-
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
|
8
|
-
<missing-glyph horiz-adv-x="1024" />
|
|
9
|
-
<glyph unicode=" " d="" horiz-adv-x="512" />
|
|
10
|
-
<glyph unicode="" d="M409.714 153.714l259.429 259.429q10.857 10.857 10.857 25.714t-10.857 25.714l-259.429 259.429q-10.857 10.857-25.714 10.857t-25.714-10.857l-58.286-58.286q-10.857-10.857-10.857-25.714t10.857-25.714l175.429-175.429-175.429-175.429q-10.857-10.857-10.857-25.714t10.857-25.714l58.286-58.286q10.857-10.857 25.714-10.857t25.714 10.857zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
|
|
11
|
-
<glyph unicode="" d="M519.429 153.714l58.286 58.286q10.857 10.857 10.857 25.714t-10.857 25.714l-175.429 175.429 175.429 175.429q10.857 10.857 10.857 25.714t-10.857 25.714l-58.286 58.286q-10.857 10.857-25.714 10.857t-25.714-10.857l-259.429-259.429q-10.857-10.857-10.857-25.714t10.857-25.714l259.429-259.429q10.857-10.857 25.714-10.857t25.714 10.857zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
|
|
12
|
-
<glyph unicode="" d="M694.857 402.286v73.143q0 14.857-10.857 25.714t-25.714 10.857h-146.286v146.286q0 14.857-10.857 25.714t-25.714 10.857h-73.143q-14.857 0-25.714-10.857t-10.857-25.714v-146.286h-146.286q-14.857 0-25.714-10.857t-10.857-25.714v-73.143q0-14.857 10.857-25.714t25.714-10.857h146.286v-146.286q0-14.857 10.857-25.714t25.714-10.857h73.143q14.857 0 25.714 10.857t10.857 25.714v146.286h146.286q14.857 0 25.714 10.857t10.857 25.714zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
|
|
13
|
-
<glyph unicode="" d="M694.857 402.286v73.143q0 14.857-10.857 25.714t-25.714 10.857h-438.857q-14.857 0-25.714-10.857t-10.857-25.714v-73.143q0-14.857 10.857-25.714t25.714-10.857h438.857q14.857 0 25.714 10.857t10.857 25.714zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
|
|
14
|
-
<glyph unicode="" d="M841.143 438.857q0 66.857-26 127.714t-70.286 105.143-105.143 70.286-127.714 26-127.714-26-105.143-70.286-70.286-105.143-26-127.714 26-127.714 70.286-105.143 105.143-70.286 127.714-26 127.714 26 105.143 70.286 70.286 105.143 26 127.714zM998.857 280.571q-2.286-8.571-11.429-11.429l-166.857-54.857v-174.857q0-9.143-7.429-14.857-8.571-5.714-16.571-2.286l-166.857 53.714-102.857-141.714q-5.714-7.429-14.857-7.429t-14.857 7.429l-102.857 141.714-166.857-53.714q-8-3.429-16.571 2.286-7.429 5.714-7.429 14.857v174.857l-166.857 54.857q-9.143 2.857-11.429 11.429-2.857 9.714 2.286 16.571l102.857 141.714-102.857 141.714q-5.143 7.429-2.286 16.571 2.286 8.571 11.429 11.429l166.857 54.857v174.857q0 9.143 7.429 14.857 8.571 5.714 16.571 2.286l166.857-53.714 102.857 141.714q5.143 6.857 14.857 6.857t14.857-6.857l102.857-141.714 166.857 53.714q8 3.429 16.571-2.286 7.429-5.714 7.429-14.857v-174.857l166.857-54.857q9.143-2.857 11.429-11.429 2.857-9.143-2.286-16.571l-102.857-141.714 102.857-141.714q5.143-6.857 2.286-16.571z" />
|
|
15
|
-
<glyph unicode="" d="M721.143 206.286q-30.857-5.143-62.857-5.143-104 0-192.571 51.429t-140 140-51.429 192.571q0 109.714 59.429 204-114.857-34.286-187.714-130.857t-72.857-219.429q0-74.286 29.143-142t78-116.571 116.571-78 142-29.143q82.286 0 156.286 35.143t126 98zM837.143 254.857q-53.714-116-162-185.429t-236.286-69.429q-89.143 0-170.286 34.857t-140 93.714-93.714 140-34.857 170.286q0 87.429 32.857 167.143t89.143 138 134.571 94 165.714 39.143q25.143 1.143 34.857-22.286 10.286-23.429-8.571-41.143-49.143-44.571-75.143-103.714t-26-124.857q0-84.571 41.714-156t113.143-113.143 156-41.714q67.429 0 130.286 29.143 23.429 10.286 41.143-7.429 8-8 10-19.429t-2.571-21.714z" horiz-adv-x="878" />
|
|
16
|
-
<glyph unicode="" d="M877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
|
|
17
|
-
<glyph unicode="" d="M656.571 309.714q0 14.857-10.857 25.714l-103.429 103.429 103.429 103.429q10.857 10.857 10.857 25.714 0 15.429-10.857 26.286l-51.429 51.429q-10.857 10.857-26.286 10.857-14.857 0-25.714-10.857l-103.429-103.429-103.429 103.429q-10.857 10.857-25.714 10.857-15.429 0-26.286-10.857l-51.429-51.429q-10.857-10.857-10.857-26.286 0-14.857 10.857-25.714l103.429-103.429-103.429-103.429q-10.857-10.857-10.857-25.714 0-15.429 10.857-26.286l51.429-51.429q10.857-10.857 26.286-10.857 14.857 0 25.714 10.857l103.429 103.429 103.429-103.429q10.857-10.857 25.714-10.857 15.429 0 26.286 10.857l51.429 51.429q10.857 10.857 10.857 26.286zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
|
|
18
|
-
<glyph unicode="" d="M176 627.764h65.891v-368.946h-65.891v368.946zM303.053 626.818h65.891v-240.946h-65.891v240.946zM429.891 627.763h65.871v-368h-65.871v368zM556 628h66.364v-79.546h-66.364v79.546zM556.473 500.236h65.636v-240.473h-65.636v240.473zM676.946 620.946h205.181v-65.891h-205.181v65.891zM683.054 500.473h65.891v-241.655h-65.891v241.655zM510.001 956c-281.665 0-510.001-228.334-510.001-510.001s228.334-510.001 510.001-510.001c281.665 0 510.001 228.337 510.001 510.001 0 281.665-228.337 510.001-510.001 510.001zM510.001 890.125c245.265 0 444.125-198.86 444.125-444.125s-198.86-444.125-444.125-444.125c-245.265 0-444.125 198.86-444.125 444.125 0 245.265 198.86 444.125 444.125 444.125z" />
|
|
19
|
-
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -1,922 +0,0 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: 'icomoon';
|
|
3
|
-
src: url('./fonts/icomoon.eot');
|
|
4
|
-
src: url('./fonts/icomoon.eot?#iefix') format('embedded-opentype'),
|
|
5
|
-
url('./fonts/icomoon.ttf') format('truetype'),
|
|
6
|
-
url('./fonts/icomoon.woff') format('woff'),
|
|
7
|
-
url('./fonts/icomoon.svg#icomoon') format('svg');
|
|
8
|
-
font-weight: normal;
|
|
9
|
-
font-style: normal;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.hijri-calendar [class^='icon-'],
|
|
13
|
-
.hijri-calendar [class*=' icon-'] {
|
|
14
|
-
font-family: 'icomoon';
|
|
15
|
-
speak: none;
|
|
16
|
-
font-style: normal;
|
|
17
|
-
font-weight: normal;
|
|
18
|
-
font-variant: normal;
|
|
19
|
-
text-transform: none;
|
|
20
|
-
line-height: 1;
|
|
21
|
-
-webkit-font-smoothing: antialiased;
|
|
22
|
-
-moz-osx-font-smoothing: grayscale;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.hijri-calendar .icon-chevron-sign-right:before {
|
|
26
|
-
content: '';
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.hijri-calendar .icon-chevron-sign-left:before {
|
|
30
|
-
content: '';
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.hijri-calendar .icon-plus-sign:before {
|
|
34
|
-
content: '';
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.hijri-calendar .icon-minus-sign:before {
|
|
38
|
-
content: '';
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.hijri-calendar .icon-sun:before {
|
|
42
|
-
content: '';
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.hijri-calendar .icon-moon:before {
|
|
46
|
-
content: '';
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.hijri-calendar .icon-circle:before {
|
|
50
|
-
content: '';
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.hijri-calendar .icon-remove-sign:before {
|
|
54
|
-
content: '';
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.hijri-calendar .icon-MIT:before {
|
|
58
|
-
content: '';
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.hijri-calendar button,
|
|
62
|
-
.hijri-calendar input[type='submit'] {
|
|
63
|
-
-webkit-font-smoothing: antialiased;
|
|
64
|
-
background-color: #477dca;
|
|
65
|
-
border-radius: 3px;
|
|
66
|
-
color: white;
|
|
67
|
-
display: inline-block;
|
|
68
|
-
font-size: 1em;
|
|
69
|
-
font-weight: bold;
|
|
70
|
-
line-height: 1;
|
|
71
|
-
padding: 0.75em 1em;
|
|
72
|
-
text-decoration: none;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.hijri-calendar button:hover,
|
|
76
|
-
.hijri-calendar input[type='submit']:hover {
|
|
77
|
-
background-color: #2c5999;
|
|
78
|
-
color: white;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.hijri-calendar button:disabled,
|
|
82
|
-
.hijri-calendar input[type='submit']:disabled {
|
|
83
|
-
cursor: not-allowed;
|
|
84
|
-
opacity: 0.5;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.hijri-calendar h1,
|
|
88
|
-
.hijri-calendar h2,
|
|
89
|
-
.hijri-calendar h3,
|
|
90
|
-
.hijri-calendar h4,
|
|
91
|
-
.hijri-calendar h5,
|
|
92
|
-
.hijri-calendar h6 {
|
|
93
|
-
font-family: 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
|
|
94
|
-
line-height: 1.25;
|
|
95
|
-
margin: 0;
|
|
96
|
-
text-rendering: optimizeLegibility;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.hijri-calendar h1 {
|
|
100
|
-
font-size: 2.25em;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.hijri-calendar h2 {
|
|
104
|
-
font-size: 2em;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.hijri-calendar h3 {
|
|
108
|
-
font-size: 1.75em;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.hijri-calendar h4 {
|
|
112
|
-
font-size: 1.5em;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.hijri-calendar h5 {
|
|
116
|
-
font-size: 1.25em;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.hijri-calendar h6 {
|
|
120
|
-
font-size: 1em;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.hijri-calendar p {
|
|
124
|
-
margin: 0 0 0.75em;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.hijri-calendar a {
|
|
128
|
-
-webkit-transition: color 0.1s linear;
|
|
129
|
-
-moz-transition: color 0.1s linear;
|
|
130
|
-
transition: color 0.1s linear;
|
|
131
|
-
color: #477dca;
|
|
132
|
-
text-decoration: none;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.hijri-calendar a:hover {
|
|
136
|
-
color: #2c5999;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.hijri-calendar a:active,
|
|
140
|
-
.hijri-calendar a:focus {
|
|
141
|
-
color: #2c5999;
|
|
142
|
-
outline: none;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.hijri-calendar hr {
|
|
146
|
-
border-bottom: 1px solid #ddd;
|
|
147
|
-
border-left: none;
|
|
148
|
-
border-right: none;
|
|
149
|
-
border-top: none;
|
|
150
|
-
margin: 1.5em 0;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.hijri-calendar img,
|
|
154
|
-
.hijri-calendar picture {
|
|
155
|
-
margin: 0;
|
|
156
|
-
max-width: 100%;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.hijri-calendar blockquote {
|
|
160
|
-
border-left: 2px solid #ddd;
|
|
161
|
-
color: #595959;
|
|
162
|
-
margin: 1.5em 0;
|
|
163
|
-
padding-left: 0.75em;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
.hijri-calendar cite {
|
|
167
|
-
color: #737373;
|
|
168
|
-
font-style: italic;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.hijri-calendar cite:before {
|
|
172
|
-
content: '\2014 \00A0';
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.hijri-calendar fieldset {
|
|
176
|
-
background: #f7f7f7;
|
|
177
|
-
border: 1px solid #ddd;
|
|
178
|
-
margin: 0 0 0.75em 0;
|
|
179
|
-
padding: 1.5em;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.hijri-calendar input,
|
|
183
|
-
.hijri-calendar label,
|
|
184
|
-
.hijri-calendar select {
|
|
185
|
-
display: block;
|
|
186
|
-
font-family: 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
|
|
187
|
-
font-size: 1em;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.hijri-calendar label {
|
|
191
|
-
font-weight: bold;
|
|
192
|
-
margin-bottom: 0.375em;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.hijri-calendar label.required:after {
|
|
196
|
-
content: '*';
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.hijri-calendar label abbr {
|
|
200
|
-
display: none;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.hijri-calendar textarea,
|
|
204
|
-
.hijri-calendar input[type='email'],
|
|
205
|
-
.hijri-calendar input[type='number'],
|
|
206
|
-
.hijri-calendar input[type='password'],
|
|
207
|
-
.hijri-calendar input[type='search'],
|
|
208
|
-
.hijri-calendar input[type='tel'],
|
|
209
|
-
.hijri-calendar input[type='text'],
|
|
210
|
-
.hijri-calendar input[type='url'],
|
|
211
|
-
.hijri-calendar input[type='color'],
|
|
212
|
-
.hijri-calendar input[type='date'],
|
|
213
|
-
.hijri-calendar input[type='datetime'],
|
|
214
|
-
.hijri-calendar input[type='datetime-local'],
|
|
215
|
-
.hijri-calendar input[type='month'],
|
|
216
|
-
.hijri-calendar input[type='time'],
|
|
217
|
-
.hijri-calendar input[type='week'],
|
|
218
|
-
.hijri-calendar select[multiple='multiple'] {
|
|
219
|
-
-webkit-box-sizing: border-box;
|
|
220
|
-
-moz-box-sizing: border-box;
|
|
221
|
-
box-sizing: border-box;
|
|
222
|
-
-webkit-transition: border-color;
|
|
223
|
-
-moz-transition: border-color;
|
|
224
|
-
transition: border-color;
|
|
225
|
-
background-color: white;
|
|
226
|
-
border-radius: 3px;
|
|
227
|
-
border: 1px solid #ddd;
|
|
228
|
-
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
229
|
-
font-family: 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
|
|
230
|
-
font-size: 1em;
|
|
231
|
-
margin-bottom: 0.75em;
|
|
232
|
-
padding: 0.5em 0.5em;
|
|
233
|
-
width: 100%;
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
.hijri-calendar textarea:hover,
|
|
237
|
-
.hijri-calendar input[type='email']:hover,
|
|
238
|
-
.hijri-calendar input[type='number']:hover,
|
|
239
|
-
.hijri-calendar input[type='password']:hover,
|
|
240
|
-
.hijri-calendar input[type='search']:hover,
|
|
241
|
-
.hijri-calendar input[type='tel']:hover,
|
|
242
|
-
.hijri-calendar input[type='text']:hover,
|
|
243
|
-
.hijri-calendar input[type='url']:hover,
|
|
244
|
-
.hijri-calendar input[type='color']:hover,
|
|
245
|
-
.hijri-calendar input[type='date']:hover,
|
|
246
|
-
.hijri-calendar input[type='datetime']:hover,
|
|
247
|
-
.hijri-calendar input[type='datetime-local']:hover,
|
|
248
|
-
.hijri-calendar input[type='month']:hover,
|
|
249
|
-
.hijri-calendar input[type='time']:hover,
|
|
250
|
-
.hijri-calendar input[type='week']:hover,
|
|
251
|
-
.hijri-calendar select[multiple='multiple']:hover {
|
|
252
|
-
border-color: #c4c4c4;
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
.hijri-calendar textarea:focus,
|
|
256
|
-
.hijri-calendar input[type='email']:focus,
|
|
257
|
-
.hijri-calendar input[type='number']:focus,
|
|
258
|
-
.hijri-calendar input[type='password']:focus,
|
|
259
|
-
.hijri-calendar input[type='search']:focus,
|
|
260
|
-
.hijri-calendar input[type='tel']:focus,
|
|
261
|
-
.hijri-calendar input[type='text']:focus,
|
|
262
|
-
.hijri-calendar input[type='url']:focus,
|
|
263
|
-
.hijri-calendar input[type='color']:focus,
|
|
264
|
-
.hijri-calendar input[type='date']:focus,
|
|
265
|
-
.hijri-calendar input[type='datetime']:focus,
|
|
266
|
-
.hijri-calendar input[type='datetime-local']:focus,
|
|
267
|
-
.hijri-calendar input[type='month']:focus,
|
|
268
|
-
.hijri-calendar input[type='time']:focus,
|
|
269
|
-
.hijri-calendar input[type='week']:focus,
|
|
270
|
-
.hijri-calendar select[multiple='multiple']:focus {
|
|
271
|
-
border-color: #477dca;
|
|
272
|
-
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06),
|
|
273
|
-
0 0 5px rgba(55, 112, 192, 0.7);
|
|
274
|
-
outline: none;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
.hijri-calendar textarea {
|
|
278
|
-
resize: vertical;
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
.hijri-calendar input[type='search'] {
|
|
282
|
-
-webkit-appearance: none;
|
|
283
|
-
-moz-appearance: none;
|
|
284
|
-
-ms-appearance: none;
|
|
285
|
-
-o-appearance: none;
|
|
286
|
-
appearance: none;
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
.hijri-calendar input[type='checkbox'],
|
|
290
|
-
.hijri-calendar input[type='radio'] {
|
|
291
|
-
display: inline;
|
|
292
|
-
margin-right: 0.375em;
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
.hijri-calendar input[type='file'] {
|
|
296
|
-
padding-bottom: 0.75em;
|
|
297
|
-
width: 100%;
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
.hijri-calendar select {
|
|
301
|
-
margin-bottom: 1.5em;
|
|
302
|
-
max-width: 100%;
|
|
303
|
-
width: auto;
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
.hijri-calendar table {
|
|
307
|
-
border-collapse: collapse;
|
|
308
|
-
margin: 0.75em 0;
|
|
309
|
-
table-layout: fixed;
|
|
310
|
-
width: 100%;
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
.hijri-calendar th {
|
|
314
|
-
border-bottom: 1px solid #b7b7b7;
|
|
315
|
-
font-weight: bold;
|
|
316
|
-
padding: 0.75em 0;
|
|
317
|
-
text-align: left;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
.hijri-calendar td {
|
|
321
|
-
border-bottom: 1px solid #ddd;
|
|
322
|
-
padding: 0.75em 0;
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
.hijri-calendar tr,
|
|
326
|
-
.hijri-calendar td,
|
|
327
|
-
.hijri-calendar th {
|
|
328
|
-
vertical-align: middle;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
.hijri-calendar ul,
|
|
332
|
-
.hijri-calendar ol {
|
|
333
|
-
margin: 0;
|
|
334
|
-
padding: 0;
|
|
335
|
-
list-style-type: none;
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
.hijri-calendar dl {
|
|
339
|
-
margin-bottom: 0.75em;
|
|
340
|
-
}
|
|
341
|
-
|
|
342
|
-
.hijri-calendar dl dt {
|
|
343
|
-
font-weight: bold;
|
|
344
|
-
margin-top: 0.75em;
|
|
345
|
-
}
|
|
346
|
-
|
|
347
|
-
.hijri-calendar dl dd {
|
|
348
|
-
margin: 0;
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
.hijri-calendar button,
|
|
352
|
-
.hijri-calendar input[type='submit'] {
|
|
353
|
-
-webkit-appearance: none;
|
|
354
|
-
-moz-appearance: none;
|
|
355
|
-
-ms-appearance: none;
|
|
356
|
-
-o-appearance: none;
|
|
357
|
-
appearance: none;
|
|
358
|
-
border: none;
|
|
359
|
-
cursor: pointer;
|
|
360
|
-
user-select: none;
|
|
361
|
-
vertical-align: middle;
|
|
362
|
-
white-space: nowrap;
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
.hijri-calendar {
|
|
366
|
-
-webkit-box-sizing: border-box;
|
|
367
|
-
-moz-box-sizing: border-box;
|
|
368
|
-
box-sizing: border-box;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
.hijri-calendar *,
|
|
372
|
-
.hijri-calendar *:before,
|
|
373
|
-
.hijri-calendar *:after {
|
|
374
|
-
-webkit-box-sizing: inherit;
|
|
375
|
-
-moz-box-sizing: inherit;
|
|
376
|
-
box-sizing: inherit;
|
|
377
|
-
}
|
|
378
|
-
|
|
379
|
-
.hijri-calendar main {
|
|
380
|
-
max-width: 60em;
|
|
381
|
-
margin-left: auto;
|
|
382
|
-
margin-right: auto;
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
.hijri-calendar main::after {
|
|
386
|
-
clear: both;
|
|
387
|
-
content: '';
|
|
388
|
-
display: table;
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
.hijri-calendar main::after {
|
|
392
|
-
clear: both;
|
|
393
|
-
content: '';
|
|
394
|
-
display: table;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
.hijri-calendar .year-row {
|
|
398
|
-
float: left;
|
|
399
|
-
display: block;
|
|
400
|
-
margin-right: 2.35765%;
|
|
401
|
-
width: 100%;
|
|
402
|
-
margin-right: 0;
|
|
403
|
-
padding: 0 1em;
|
|
404
|
-
text-align: center;
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
.hijri-calendar .year-row:last-child {
|
|
408
|
-
margin-right: 0;
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
.hijri-calendar .year-row::after {
|
|
412
|
-
clear: both;
|
|
413
|
-
content: '';
|
|
414
|
-
display: table;
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
@media screen and (min-width: 45em) {
|
|
418
|
-
.hijri-calendar .year-row {
|
|
419
|
-
font-size: 1.25em;
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
.hijri-calendar .year-row .year-controls {
|
|
424
|
-
display: inline-block;
|
|
425
|
-
vertical-align: middle;
|
|
426
|
-
}
|
|
427
|
-
|
|
428
|
-
.hijri-calendar .year-row .year-controls h2 {
|
|
429
|
-
display: inline-block;
|
|
430
|
-
padding: 0 0.2em;
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
.hijri-calendar .year-row .year-controls a {
|
|
434
|
-
font-size: 2em;
|
|
435
|
-
line-height: 1.25em;
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
.hijri-calendar .year-row .year-controls a:hover {
|
|
439
|
-
color: #2c5999;
|
|
440
|
-
}
|
|
441
|
-
|
|
442
|
-
@media screen and (max-width: 30em) {
|
|
443
|
-
.hijri-calendar .year-row .year-controls {
|
|
444
|
-
float: left;
|
|
445
|
-
display: block;
|
|
446
|
-
margin-right: 2.35765%;
|
|
447
|
-
width: 65.88078%;
|
|
448
|
-
text-align: left;
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
.hijri-calendar .year-row .year-controls:last-child {
|
|
452
|
-
margin-right: 0;
|
|
453
|
-
}
|
|
454
|
-
}
|
|
455
|
-
|
|
456
|
-
.hijri-calendar .year-row .today-button {
|
|
457
|
-
display: inline-block;
|
|
458
|
-
vertical-align: middle;
|
|
459
|
-
}
|
|
460
|
-
|
|
461
|
-
@media screen and (max-width: 30em) {
|
|
462
|
-
.hijri-calendar .year-row .today-button {
|
|
463
|
-
float: left;
|
|
464
|
-
display: block;
|
|
465
|
-
margin-right: 2.35765%;
|
|
466
|
-
width: 31.76157%;
|
|
467
|
-
margin-right: 0;
|
|
468
|
-
text-align: right;
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
.hijri-calendar .year-row .today-button:last-child {
|
|
472
|
-
margin-right: 0;
|
|
473
|
-
}
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
@media screen and (min-width: 30em) {
|
|
477
|
-
.hijri-calendar .year-row .today-button {
|
|
478
|
-
padding-left: 1em;
|
|
479
|
-
}
|
|
480
|
-
}
|
|
481
|
-
|
|
482
|
-
@media screen and (min-width: 45em) {
|
|
483
|
-
.hijri-calendar .year-row .today-button {
|
|
484
|
-
padding-left: 1.25em;
|
|
485
|
-
}
|
|
486
|
-
}
|
|
487
|
-
|
|
488
|
-
.hijri-calendar .month-row {
|
|
489
|
-
float: left;
|
|
490
|
-
display: block;
|
|
491
|
-
margin-right: 2.35765%;
|
|
492
|
-
width: 100%;
|
|
493
|
-
margin-right: 0;
|
|
494
|
-
padding: 1em 1em 0;
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
.hijri-calendar .month-row:last-child {
|
|
498
|
-
margin-right: 0;
|
|
499
|
-
}
|
|
500
|
-
|
|
501
|
-
.hijri-calendar .month-row::after {
|
|
502
|
-
clear: both;
|
|
503
|
-
content: '';
|
|
504
|
-
display: table;
|
|
505
|
-
}
|
|
506
|
-
|
|
507
|
-
.hijri-calendar .month-row .month-controls {
|
|
508
|
-
float: left;
|
|
509
|
-
display: block;
|
|
510
|
-
margin-right: 2.35765%;
|
|
511
|
-
width: 100%;
|
|
512
|
-
margin-right: 0;
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
.hijri-calendar .month-row .month-controls:last-child {
|
|
516
|
-
margin-right: 0;
|
|
517
|
-
}
|
|
518
|
-
|
|
519
|
-
.hijri-calendar .month-row .month-controls h3 {
|
|
520
|
-
display: inline-block;
|
|
521
|
-
font-size: 1em;
|
|
522
|
-
line-height: 2.5em;
|
|
523
|
-
text-align: center;
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
@media screen and (min-width: 30em) {
|
|
527
|
-
.hijri-calendar .month-row .month-controls h3 {
|
|
528
|
-
font-size: 1.5em;
|
|
529
|
-
}
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
@media screen and (max-width: 45em) {
|
|
533
|
-
.hijri-calendar .month-row .month-controls h3 {
|
|
534
|
-
float: left;
|
|
535
|
-
display: block;
|
|
536
|
-
margin-right: 2.35765%;
|
|
537
|
-
width: 65.88078%;
|
|
538
|
-
}
|
|
539
|
-
|
|
540
|
-
.hijri-calendar .month-row .month-controls h3:last-child {
|
|
541
|
-
margin-right: 0;
|
|
542
|
-
}
|
|
543
|
-
}
|
|
544
|
-
|
|
545
|
-
@media screen and (min-width: 45em) {
|
|
546
|
-
.hijri-calendar .month-row .month-controls h3 {
|
|
547
|
-
float: left;
|
|
548
|
-
display: block;
|
|
549
|
-
margin-right: 2.35765%;
|
|
550
|
-
width: 48.82117%;
|
|
551
|
-
font-size: 1.75em;
|
|
552
|
-
}
|
|
553
|
-
|
|
554
|
-
.hijri-calendar .month-row .month-controls h3:last-child {
|
|
555
|
-
margin-right: 0;
|
|
556
|
-
}
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
.hijri-calendar .month-row .month-controls a {
|
|
560
|
-
font-size: 2em;
|
|
561
|
-
line-height: 1.25em;
|
|
562
|
-
}
|
|
563
|
-
|
|
564
|
-
.hijri-calendar .month-row .month-controls a.next {
|
|
565
|
-
margin-right: 0;
|
|
566
|
-
}
|
|
567
|
-
|
|
568
|
-
.hijri-calendar .month-row .month-controls a:hover {
|
|
569
|
-
color: #2c5999;
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
@media screen and (max-width: 30em) {
|
|
573
|
-
.hijri-calendar .month-row .month-controls a.next {
|
|
574
|
-
text-align: right;
|
|
575
|
-
}
|
|
576
|
-
}
|
|
577
|
-
|
|
578
|
-
@media screen and (min-width: 30em) {
|
|
579
|
-
.hijri-calendar .month-row .month-controls a {
|
|
580
|
-
line-height: 2em;
|
|
581
|
-
}
|
|
582
|
-
|
|
583
|
-
.hijri-calendar .month-row .month-controls a.prev {
|
|
584
|
-
text-align: right;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
.hijri-calendar .month-row .month-controls a.next {
|
|
588
|
-
text-align: left;
|
|
589
|
-
}
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
@media screen and (max-width: 45em) {
|
|
593
|
-
.hijri-calendar .month-row .month-controls a {
|
|
594
|
-
float: left;
|
|
595
|
-
display: block;
|
|
596
|
-
margin-right: 2.35765%;
|
|
597
|
-
width: 14.70196%;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
.hijri-calendar .month-row .month-controls a:last-child {
|
|
601
|
-
margin-right: 0;
|
|
602
|
-
}
|
|
603
|
-
}
|
|
604
|
-
|
|
605
|
-
@media screen and (min-width: 45em) {
|
|
606
|
-
.hijri-calendar .month-row .month-controls a {
|
|
607
|
-
float: left;
|
|
608
|
-
display: block;
|
|
609
|
-
margin-right: 2.35765%;
|
|
610
|
-
width: 23.23176%;
|
|
611
|
-
font-size: 2.5em;
|
|
612
|
-
}
|
|
613
|
-
|
|
614
|
-
.hijri-calendar .month-row .month-controls a:last-child {
|
|
615
|
-
margin-right: 0;
|
|
616
|
-
}
|
|
617
|
-
}
|
|
618
|
-
|
|
619
|
-
.hijri-calendar .calendar {
|
|
620
|
-
float: left;
|
|
621
|
-
display: block;
|
|
622
|
-
margin-right: 2.35765%;
|
|
623
|
-
width: 100%;
|
|
624
|
-
margin-right: 0;
|
|
625
|
-
}
|
|
626
|
-
|
|
627
|
-
.hijri-calendar .calendar:last-child {
|
|
628
|
-
margin-right: 0;
|
|
629
|
-
}
|
|
630
|
-
|
|
631
|
-
.hijri-calendar .calendar::after {
|
|
632
|
-
clear: both;
|
|
633
|
-
content: '';
|
|
634
|
-
display: table;
|
|
635
|
-
}
|
|
636
|
-
|
|
637
|
-
.hijri-calendar .calendar table {
|
|
638
|
-
border-collapse: collapse;
|
|
639
|
-
border-spacing: 0;
|
|
640
|
-
border-width: 0;
|
|
641
|
-
margin: 0;
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
.hijri-calendar .calendar table thead tr > th {
|
|
645
|
-
width: 14.28571%;
|
|
646
|
-
border: 0;
|
|
647
|
-
text-align: center;
|
|
648
|
-
}
|
|
649
|
-
|
|
650
|
-
.hijri-calendar .calendar table tbody tr:last-child {
|
|
651
|
-
border-bottom: 1px solid #ddd;
|
|
652
|
-
}
|
|
653
|
-
|
|
654
|
-
.hijri-calendar .calendar table tbody tr td {
|
|
655
|
-
width: 14.28571%;
|
|
656
|
-
border-top: 1px solid #ddd;
|
|
657
|
-
border-bottom: 0;
|
|
658
|
-
border-left: 1px solid #ddd;
|
|
659
|
-
border-right: 0;
|
|
660
|
-
}
|
|
661
|
-
|
|
662
|
-
.hijri-calendar .calendar table tbody tr td:last-child {
|
|
663
|
-
border-right: 1px solid #ddd;
|
|
664
|
-
}
|
|
665
|
-
|
|
666
|
-
.hijri-calendar .day {
|
|
667
|
-
color: #555;
|
|
668
|
-
cursor: pointer;
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
.hijri-calendar .day:hover {
|
|
672
|
-
background-color: #eaeaea;
|
|
673
|
-
color: #000;
|
|
674
|
-
cursor: pointer;
|
|
675
|
-
}
|
|
676
|
-
|
|
677
|
-
.hijri-calendar .day.today {
|
|
678
|
-
background-color: #c3f393;
|
|
679
|
-
}
|
|
680
|
-
|
|
681
|
-
.hijri-calendar .day.today:hover {
|
|
682
|
-
background-color: #aaee65;
|
|
683
|
-
}
|
|
684
|
-
|
|
685
|
-
.hijri-calendar .filler {
|
|
686
|
-
color: #c4c4c4;
|
|
687
|
-
}
|
|
688
|
-
|
|
689
|
-
.hijri-calendar .day,
|
|
690
|
-
.hijri-calendar .filler {
|
|
691
|
-
position: relative;
|
|
692
|
-
overflow: hidden;
|
|
693
|
-
vertical-align: top;
|
|
694
|
-
height: 5em;
|
|
695
|
-
padding: 0;
|
|
696
|
-
}
|
|
697
|
-
|
|
698
|
-
.hijri-calendar .day .hijri,
|
|
699
|
-
.hijri-calendar .filler .hijri {
|
|
700
|
-
position: absolute;
|
|
701
|
-
top: 0;
|
|
702
|
-
right: 0;
|
|
703
|
-
font-size: 2em;
|
|
704
|
-
line-height: 1.2em;
|
|
705
|
-
padding-right: 0.1em;
|
|
706
|
-
text-align: right;
|
|
707
|
-
}
|
|
708
|
-
|
|
709
|
-
.hijri-calendar .day .gregorian,
|
|
710
|
-
.hijri-calendar .filler .gregorian {
|
|
711
|
-
position: absolute;
|
|
712
|
-
bottom: 0;
|
|
713
|
-
left: 0;
|
|
714
|
-
padding: 0.2em;
|
|
715
|
-
font-size: 0.8em;
|
|
716
|
-
line-height: 1.2em;
|
|
717
|
-
text-align: left;
|
|
718
|
-
}
|
|
719
|
-
|
|
720
|
-
.hijri-calendar .day .day-icon,
|
|
721
|
-
.hijri-calendar .filler .day-icon {
|
|
722
|
-
text-align: center;
|
|
723
|
-
width: 100%;
|
|
724
|
-
height: 100%;
|
|
725
|
-
margin: 0;
|
|
726
|
-
padding: 0;
|
|
727
|
-
}
|
|
728
|
-
|
|
729
|
-
.hijri-calendar .day .day-icon i,
|
|
730
|
-
.hijri-calendar .filler .day-icon i {
|
|
731
|
-
font-size: 1.5rem;
|
|
732
|
-
line-height: 5rem;
|
|
733
|
-
}
|
|
734
|
-
|
|
735
|
-
.hijri-calendar .day .day-icon i.icon-sun,
|
|
736
|
-
.hijri-calendar .filler .day-icon i.icon-sun {
|
|
737
|
-
color: orange;
|
|
738
|
-
}
|
|
739
|
-
|
|
740
|
-
.hijri-calendar .day .day-icon i.icon-circle,
|
|
741
|
-
.hijri-calendar .filler .day-icon i.icon-circle {
|
|
742
|
-
color: #aaa;
|
|
743
|
-
font-size: 0.5rem;
|
|
744
|
-
}
|
|
745
|
-
|
|
746
|
-
.hijri-calendar .day .day-icon i.icon-moon,
|
|
747
|
-
.hijri-calendar .filler .day-icon i.icon-moon {
|
|
748
|
-
color: blue;
|
|
749
|
-
}
|
|
750
|
-
|
|
751
|
-
.hijri-calendar .day-modal input[type='checkbox'] {
|
|
752
|
-
display: none;
|
|
753
|
-
}
|
|
754
|
-
|
|
755
|
-
.hijri-calendar .day-modal input[type='checkbox']:checked + .modal-window {
|
|
756
|
-
opacity: 1;
|
|
757
|
-
visibility: visible;
|
|
758
|
-
}
|
|
759
|
-
|
|
760
|
-
.hijri-calendar .day-modal input[type='checkbox']:checked + .modal-window .modal-inner {
|
|
761
|
-
top: 0;
|
|
762
|
-
}
|
|
763
|
-
|
|
764
|
-
.hijri-calendar .day-modal .modal-window {
|
|
765
|
-
-webkit-transition: opacity 0.25s ease;
|
|
766
|
-
-moz-transition: opacity 0.25s ease;
|
|
767
|
-
transition: opacity 0.25s ease;
|
|
768
|
-
position: fixed;
|
|
769
|
-
top: 0px;
|
|
770
|
-
right: 0px;
|
|
771
|
-
bottom: 0px;
|
|
772
|
-
left: 0px;
|
|
773
|
-
background: rgba(0, 0, 0, 0.85);
|
|
774
|
-
opacity: 0;
|
|
775
|
-
text-align: left;
|
|
776
|
-
visibility: hidden;
|
|
777
|
-
z-index: 100;
|
|
778
|
-
}
|
|
779
|
-
|
|
780
|
-
.hijri-calendar .day-modal .modal-close {
|
|
781
|
-
position: absolute;
|
|
782
|
-
top: 1em;
|
|
783
|
-
right: 1em;
|
|
784
|
-
height: 1.5em;
|
|
785
|
-
width: 1.5em;
|
|
786
|
-
cursor: pointer;
|
|
787
|
-
background: white;
|
|
788
|
-
}
|
|
789
|
-
|
|
790
|
-
.hijri-calendar .day-modal .modal-close:after,
|
|
791
|
-
.hijri-calendar .day-modal .modal-close:before {
|
|
792
|
-
position: absolute;
|
|
793
|
-
top: 3px;
|
|
794
|
-
right: 3px;
|
|
795
|
-
left: 50%;
|
|
796
|
-
-webkit-transform: rotate(45deg);
|
|
797
|
-
-moz-transform: rotate(45deg);
|
|
798
|
-
-ms-transform: rotate(45deg);
|
|
799
|
-
-o-transform: rotate(45deg);
|
|
800
|
-
transform: rotate(45deg);
|
|
801
|
-
height: 1.5em;
|
|
802
|
-
width: 0.15em;
|
|
803
|
-
background: #ddd;
|
|
804
|
-
content: '';
|
|
805
|
-
display: block;
|
|
806
|
-
margin: -3px 0 0 -1px;
|
|
807
|
-
}
|
|
808
|
-
|
|
809
|
-
.hijri-calendar .day-modal .modal-close:hover:after,
|
|
810
|
-
.hijri-calendar .day-modal .modal-close:hover:before {
|
|
811
|
-
background: #c4c4c4;
|
|
812
|
-
}
|
|
813
|
-
|
|
814
|
-
.hijri-calendar .day-modal .modal-close:before {
|
|
815
|
-
-webkit-transform: rotate(-45deg);
|
|
816
|
-
-moz-transform: rotate(-45deg);
|
|
817
|
-
-ms-transform: rotate(-45deg);
|
|
818
|
-
-o-transform: rotate(-45deg);
|
|
819
|
-
transform: rotate(-45deg);
|
|
820
|
-
}
|
|
821
|
-
|
|
822
|
-
.hijri-calendar .day-modal .modal-inner {
|
|
823
|
-
-webkit-transition: opacity 0.25s ease;
|
|
824
|
-
-moz-transition: opacity 0.25s ease;
|
|
825
|
-
transition: opacity 0.25s ease;
|
|
826
|
-
position: absolute;
|
|
827
|
-
top: 50%;
|
|
828
|
-
left: 50%;
|
|
829
|
-
-webkit-transform: translate(-50%, 2.5%);
|
|
830
|
-
-moz-transform: translate(-50%, 2.5%);
|
|
831
|
-
-ms-transform: translate(-50%, 2.5%);
|
|
832
|
-
-o-transform: translate(-50%, 2.5%);
|
|
833
|
-
transform: translate(-50%, 2.5%);
|
|
834
|
-
border-radius: 3px;
|
|
835
|
-
width: 95%;
|
|
836
|
-
height: 95%;
|
|
837
|
-
padding: 1em;
|
|
838
|
-
background: white;
|
|
839
|
-
text-align: center;
|
|
840
|
-
overflow: hidden;
|
|
841
|
-
}
|
|
842
|
-
|
|
843
|
-
@media screen and (min-width: 30em) {
|
|
844
|
-
.hijri-calendar .day-modal .modal-inner {
|
|
845
|
-
-webkit-transform: translate(-50%, 10%);
|
|
846
|
-
-moz-transform: translate(-50%, 10%);
|
|
847
|
-
-ms-transform: translate(-50%, 10%);
|
|
848
|
-
-o-transform: translate(-50%, 10%);
|
|
849
|
-
transform: translate(-50%, 10%);
|
|
850
|
-
width: 80%;
|
|
851
|
-
height: 80%;
|
|
852
|
-
padding: 2em;
|
|
853
|
-
}
|
|
854
|
-
}
|
|
855
|
-
|
|
856
|
-
@media screen and (min-width: 45em) {
|
|
857
|
-
.hijri-calendar .day-modal .modal-inner {
|
|
858
|
-
-webkit-transform: translate(-50%, 50%);
|
|
859
|
-
-moz-transform: translate(-50%, 50%);
|
|
860
|
-
-ms-transform: translate(-50%, 50%);
|
|
861
|
-
-o-transform: translate(-50%, 50%);
|
|
862
|
-
transform: translate(-50%, 50%);
|
|
863
|
-
width: 60%;
|
|
864
|
-
max-height: 50%;
|
|
865
|
-
overflow: auto;
|
|
866
|
-
}
|
|
867
|
-
}
|
|
868
|
-
|
|
869
|
-
.hijri-calendar .day-modal .modal-inner h3 {
|
|
870
|
-
margin-top: 2em;
|
|
871
|
-
font-size: 1em;
|
|
872
|
-
}
|
|
873
|
-
|
|
874
|
-
@media screen and (min-width: 30em) {
|
|
875
|
-
.hijri-calendar .day-modal .modal-inner h3 {
|
|
876
|
-
margin-top: 0.5em;
|
|
877
|
-
font-size: 1.5em;
|
|
878
|
-
}
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
@media screen and (min-width: 45em) {
|
|
882
|
-
.hijri-calendar .day-modal .modal-inner h3 {
|
|
883
|
-
font-size: 1.75em;
|
|
884
|
-
}
|
|
885
|
-
}
|
|
886
|
-
|
|
887
|
-
.hijri-calendar .day-modal .modal-inner h4 {
|
|
888
|
-
font-size: 1em;
|
|
889
|
-
font-weight: normal;
|
|
890
|
-
}
|
|
891
|
-
|
|
892
|
-
@media screen and (min-width: 30em) {
|
|
893
|
-
.hijri-calendar .day-modal .modal-inner h4 {
|
|
894
|
-
font-size: 1.5em;
|
|
895
|
-
}
|
|
896
|
-
}
|
|
897
|
-
|
|
898
|
-
@media screen and (min-width: 45em) {
|
|
899
|
-
.hijri-calendar .day-modal .modal-inner h4 {
|
|
900
|
-
font-size: 1.75em;
|
|
901
|
-
}
|
|
902
|
-
}
|
|
903
|
-
|
|
904
|
-
.hijri-calendar .miqaat-list {
|
|
905
|
-
margin: 1em;
|
|
906
|
-
}
|
|
907
|
-
|
|
908
|
-
.hijri-calendar .miqaat-list ul.miqaats {
|
|
909
|
-
list-style-type: square;
|
|
910
|
-
text-align: left;
|
|
911
|
-
}
|
|
912
|
-
|
|
913
|
-
.hijri-calendar .miqaat-list ul.miqaats li.none,
|
|
914
|
-
.hijri-calendar .miqaat-list ul.miqaats li.error {
|
|
915
|
-
list-style-type: none;
|
|
916
|
-
text-align: center;
|
|
917
|
-
}
|
|
918
|
-
|
|
919
|
-
.hijri-calendar .miqaat-list ul.miqaats .description {
|
|
920
|
-
font-size: 0.9em;
|
|
921
|
-
font-style: italic;
|
|
922
|
-
}
|