Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
scheng123321
GitHub Repository: scheng123321/1v1-lol
 Path: blob/master/style.css
446 views
1
html {

2
	box-sizing: border-box;

3
}

4


5
*,

6
*:before,

7
*:after {

8
	box-sizing: inherit;

9
}

10


11
body {

12
	margin: 0;

13
	background: #000!important;

14
}

15


16
#gameContainer {

17
	width: 100vw;

18
	height: 100vh;

19
	background: #000!important;

20
}

21


22
canvas {

23
	width: 100%;

24
	height: 100%;

25
	display: block;

26
}

27
/* try to handle mobile dialog */

28


29
canvas + * {

30
	z-index: 2;

31
}

32


33
.logo {

34
	display: block;

35
	max-width: 15vw;

36
	max-height: 15vh;

37
}

38


39
.progress {

40
	margin: 1.5em;

41
	border: 1px solid white;

42
	width: 30vw;

43
	display: none;

44
}

45


46
.progress .full {

47
	margin: 2px;

48
	background: white;

49
	height: 1em;

50
	transform-origin: top left;

51
}

52


53
#loader {

54
	position: absolute;

55
	left: 0;

56
	top: 0;

57
	width: 100vw;

58
	height: 100vh;

59
	display: flex;

60
	flex-direction: column;

61
	align-items: center;

62
	justify-content: center;

63
}

64


65
.spinner,

66
.spinner:after {

67
	border-radius: 50%;

68
	width: 5em;

69
	height: 5em;

70
}

71


72
.spinner {

73
	margin: 10px;

74
	font-size: 10px;

75
	position: relative;

76
	text-indent: -9999em;

77
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);

78
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);

79
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);

80
	border-left: 1.1em solid #ffffff;

81
	transform: translateZ(0);

82
	animation: spinner-spin 1.1s infinite linear;

83
}

84


85
@keyframes spinner-spin {

86
	0% {

87
		transform: rotate(0deg);

88
	}

89
	100% {

90
		transform: rotate(360deg);

91
	}

92
}

93


94
.ad {

95
	position: absolute;

96
	background: rgba(0, 0, 0, 0.4);

97
	overflow: hidden;

98
	z-index: 40;

99
	display: none;

100
}

101


102
.modal{

103
	background:rgba(0,0,0,.4);

104
	display:none;

105
	height:100%;

106
	width: 100%;

107
	position:fixed;

108
	z-index:10000;

109
	top: 0;

110
	left: 0;

111
	bottom: 0;

112
	right: 0;

113
}

114


115
.modalContent{

116
	margin: auto;

117
	width: 100%;

118
}

119


120
.centered {

121
  position: fixed;

122
  top: 50%;

123
  left: 50%;

124
  transform: translate(-50%, -50%);

125
}

126


127
/* The Close Button */

128
.close {

129
  color: #aaa;

130
  float: right;

131
  font-size: 28px;

132
  font-weight: bold;

133
}

134


135
.close:hover,

136
.close:focus {

137
  color: black;

138
  text-decoration: none;

139
  cursor: pointer;

140
}

141


142
#continueWindow{

143
	background-color: #fefefe;

144
	margin: 15% auto;

145
	padding: 20px;

146
	border: 1px solid #888;

147
	width: 30%;

148
}

149


150
#adWindow{

151
	background: #4382f5;

152
	border: 10px solid #4382f5;

153
	width: 660px;

154
	border-top: 0;

155
	height: 540px;

156
}

157