Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
AroriaNetwork
GitHub Repository: AroriaNetwork/3kho-backup
 Path: blob/main/projects/temple-run-2/global.css
1834 views
1
html, body {

2
	position: relative;

3
	width: 100%;

4
	height: 100%;

5
}

6


7
body {

8
	color: #333;

9
	margin: 0;

10
	padding: 8px;

11
	box-sizing: border-box;

12
	font-family: temple-run-small-caps, Arial, Helvetica, sans-serif;

13
}

14
*,

15
*::before,

16
*::after {

17
	box-sizing: border-box;

18
	-webkit-touch-callout: none; /* iOS Safari */

19
  -webkit-user-select: none; /* Safari */

20
  -khtml-user-select: none; /* Konqueror HTML */

21
  -moz-user-select: none; /* Firefox */

22
  -ms-user-select: none; /* Internet Explorer/Edge */

23
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

24
	-o-user-select: none;

25
}

26


27
a {

28
	color: rgb(0,100,200);

29
	text-decoration: none;

30
}

31


32
a:hover {

33
	text-decoration: underline;

34
}

35


36
a:visited {

37
	color: rgb(0,80,160);

38
}

39


40
label {

41
	display: block;

42
}

43


44
input, button, select, textarea {

45
	font-family: inherit;

46
	font-size: inherit;

47
	padding: 0.4em;

48
	margin: 0 0 0.5em 0;

49
	box-sizing: border-box;

50
	border: 1px solid #ccc;

51
	border-radius: 2px;

52
}

53


54
input:disabled {

55
	color: #ccc;

56
}

57


58
input[type="range"] {

59
	height: 0;

60
}

61


62
button {

63
	color: #333;

64
	background-color: #f4f4f4;

65
	outline: none;

66
}

67


68
button:disabled {

69
	color: #999;

70
}

71


72
button:not(:disabled):active {

73
	background-color: #ddd;

74
}

75


76
button:focus {

77
	border-color: #666;

78
}

79


80
/* span {

81
	-webkit-text-stroke-width: 1.0px;

82
  -webkit-text-stroke-color: black;

83
} */

84


85
.overlay-container {

86
	background-color: transparent;

87
	margin: auto;

88
	padding:0;

89
	left:0;

90
	right:0;

91
	top:0;

92
	bottom: 0;

93
	position: absolute;

94
	text-align: center;

95
	/* max-width: 1024px;

96
	max-height: 576px;

97
	min-width: 640px;

98
	min-height: 360px; */

99
}

100


101
.button-container {

102
	margin: 0 auto;

103
	position: absolute;

104
	width: 100%;

105
	bottom: 2px;

106
	display: flex;

107
	justify-content: space-between;

108
	overflow: unset;

109
}

110


111
@font-face {

112
  font-family: 'temple-run-small-caps';

113
  src: url("./fonts/temple-run-small-caps.eot");

114
  src: url("./fonts/temple-run-small-caps.eot?#iefix") format('embedded-opentype'),

115
      url("./fonts/temple-run-small-caps.woff2") format('woff2'),

116
      url("./fonts/temple-run-small-caps.woff") format('woff'),

117
      url("./fonts/temple-run-small-caps.ttf") format('truetype'),

118
      url("./fonts/temple-run-small-caps.svg#temple-run-small-caps") format('svg') ;

119
}

120


121
.label {

122
	display: block;

123
	text-transform: uppercase;

124
	background: linear-gradient(to bottom, #fcfa61 0%,#fcfa61 19%,#faf55f 23%,#f0dd54 36%,#d39a35 66%,#cb872c 78%,#ca842b 80%,#ca842b 100%);

125
	/*https://colorzilla.com/gradient-editor*/

126
	/*linear-gradient(to bottom, #fcfa61 20%, #e0b743 45%, #d2892d 90%); /*linear-gradient(to bottom, #fcfa61 15%, #d5913a 65%, #f5905c 85%)*/;

127
	background-clip: border-box;

128
	-webkit-background-clip: text;

129
	-webkit-text-fill-color: transparent;

130
	font-size: 24px;

131
	font-weight: 100;

132
	-webkit-text-stroke-width: 1.0px;

133
  -webkit-text-stroke-color: black;

134
}

135


136
.label.medium {

137
	font-size: 14px;

138
}

139


140
.label.small {

141
	font-size: 10px;

142
}

143


144
.subheader {

145
	font-size: 12px;

146
	color: #4F291C;

147
	/* font-family: Arial, Helvetica, sans-serif; */

148
}

149