FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

JavaScript-Pagination/main.css at master · PranamBhat/JavaScript-Pagination · GitHub

80 lines (67 loc) · 1.28 KB

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

* {

margin: 0;

padding: 0;

box-sizing: border-box;

font-family: sans-serif;

}

body {

background: #F3F3F3;

}

header {

display: flex;

justify-content: center;

align-items: center;

height: 60px;

background-color: #EEE;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

}

main {

display: flex;

flex-direction: column;

align-items: center;

}

main .list {

width: 100%;

max-width: 768px;

background-color: #FFF;

border: 1px solid #CCC;

margin-top: 25px;

}

main .list .item {

padding: 15px;

border-bottom: 1px solid #CCC;

}

main .list .item:last-of-type {

border-bottom: none;

}

main .list .item:hover {

background: rgba(0, 0, 0, 0.05);

}

.pagenumbers {

display: flex;

flex-wrap: wrap;

justify-content: center;

align-items: center;

}

.pagenumbers button {

width: 50px;

height: 50px;

appearance: none;

border: none;

outline: none;

cursor: pointer;

background-color: #44AAEE;

margin: 5px;

transition: 0.4s;

color: #FFF;

font-size: 18px;

text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);

box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);

}

.pagenumbers button:hover {

background-color: #44EEAA;

}

.pagenumbers button.active {

background-color: #44EEAA;

box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);

}

Back | FazBrowse Home | New Git URL