FilesExpand file tree

 master

/

demo.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

120 lines (117 loc) · 2.09 KB

 master

/

demo.css

Copy path

Top

File metadata and controls

• Code
• Blame

120 lines (117 loc) · 2.09 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

118

119

120

/*

* JavaScript MD5 Demo CSS

* https://github.com/blueimp/JavaScript-MD5

*

* Copyright 2013, Sebastian Tschan

* https://blueimp.net

*

* Licensed under the MIT license:

* https://opensource.org/licenses/MIT

*/

body {

max-width: 990px;

margin: 0 auto;

padding: 1em;

font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',

Arial, sans-serif;

-webkit-text-size-adjust: 100%;

line-height: 1.4;

background: #212121;

color: #dedede;

}

a {

color: #61afef;

text-decoration: none;

}

a:visited {

color: #56b6c2;

}

a:hover {

color: #98c379;

}

h1 {

margin-top: 0.5em;

margin-bottom: 0.5em;

}

label {

display: inline-block;

margin-bottom: 0.25em;

}

button,

input,

textarea {

-webkit-appearance: none;

box-sizing: border-box;

margin: 0;

padding: 0.5em 0.75em;

font-family: inherit;

font-size: 100%;

line-height: 1.4;

background: #414141;

color: #dedede;

border: 1px solid #363636;

border-radius: 5px;

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

}

input,

textarea {

display: block;

width: 100%;

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

}

textarea {

display: block;

overflow: auto;

}

button {

background: #3c76a7;

background: linear-gradient(180deg, #3c76a7, #225c8d);

border-color: #225c8d;

color: #fff;

}

button[type='submit'] {

background: #6fa349;

background: linear-gradient(180deg, #6fa349, #568a30);

border-color: #568a30;

}

button[type='reset'] {

background: #d79435;

background: linear-gradient(180deg, #d79435, #be7b1c);

border-color: #be7b1c;

}

button:active {

box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);

}

@media (prefers-color-scheme: light) {

body {

background: #ececec;

color: #212121;

}

a {

color: #225c8d;

}

a:visited {

color: #378f9a;

}

a:hover {

color: #6fa349;

}

input,

textarea {

background: #fff;

border-color: #d1d1d1;

color: #212121;

}

}

@media (min-width: 540px) {

#navigation {

list-style: none;

padding: 0;

}

#navigation li {

display: inline-block;

}

#navigation li:not(:first-child)::before {

content: ' | ';

}

}