CSS File

1.nyroModalBg {

2 position: fixed;

3 overflow: hidden;

4 top: 0;

5 left: 0;

6 height: 100%;

7 width: 100%;

8 background: #000;

9 opacity: 0.7;

10 z-index: 100;

11}

12.nmReposition {

13 position: absolute;

14}

15.nyroModalCloseButton {

16 top: 0px;

17 right: -60px;

18 width: 38px;

19 height: 38px;

20 text-indent: -9999em;

21 background: url("../images/modal/close.png");

22 z-index: 101;

23}

24.nyroModalTitle {

25 margin: 0;

26 top: -25px;

27 font-size: 1.4em;

28 color: #FFF;

29 z-index: 200;

30 padding: 0;

31 background: none;

32 border: 0;

33 height: 22px;

34 line-height: 22px;

35 white-space: nowrap;

36 text-overflow: ellipsis;

37 overflow: hidden;

38}

39.nyroModalCont {

40 position: absolute;

41 box-shadow:0 0 30px #000;

42 margin: 30px;

43 padding:0;

44 background: #fff;

45 z-index: 101;

46 box-sizing: border-box;

47 overflow: hidden;

48}

49.nyroModalMessage .nyroModalCont {

50 box-sizing: border-box;

51 max-width: calc(90% - 100px)!important;

52}

53.nyroModalCont .notice{

54 padding:20px;

55 color:#BDC3C7;

56}

57.nyroModalError {

58 border: 1px solid red;

59 color: red;

60 width: 250px;

61 height: 250px;

62}

63.nyroModalError div {

64 min-width: 0;

65 min-height: 0;

66 padding: 10px;

67}

68.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {

69 position: relative;

70 max-width: 1000px;

71 box-sizing: border-box;

72}

73.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {

74 position: relative;

75 overflow: hidden;

76 box-sizing: border-box;

77}

78.nyroModalImage img {

79 vertical-align: top;

80}

81.nyroModalHidden {

82 left: -9999em;

83 top: -9999em;

84}

85.nyroModalLoad {

86 position: absolute;

87 width: 50px;

88 height: 50px;

89 padding: 0;

90 z-index: 200;

91}

92.nyroModalPrev, .nyroModalNext {

93 outline: none;

94 position: fixed;

95 top: 0;

96 height: 60%;

97 width: 150px;

98 min-height: 50px;

99 max-height: 300px;

100 cursor: pointer;

101 text-indent: -9999em;

102 transition: none;

103}

104.nyroModalPrev:after, .nyroModalNext:after {

105 content: '';

106 height: 32px;

107 width: 20px;

108 background-image: url(../images/modal/controls.png);

109 background-position: 0px 0;

110 position: absolute;

111 top: 50%;

112 margin-top: -16px;

113 opacity: 0.5;

114}

115.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {

116 height: 100%;

117 width: 40%;

118 max-height: none;

119}

120.nyroModalPrev {

121 left: 0;

122}

123.nyroModalNext {

124 right: 0;

125}

126.nyroModalPrev:after {

127 left: 30px;

128}

129.nyroModalNext:after {

130 right: 30px;

131 background-position: 0px -40px;

132}

133.nyroModalPrev:hover:after, .nyroModalNext:hover:after {

134 opacity: 1;

135}

136.sk-circle {

137 width: 50px;

138 height: 50px;

139 position: relative;

140}

141.sk-circle .sk-child {

142 width: 100%;

143 height: 100%;

144 position: absolute;

145 left: 0;

146 top: 0;

147}

148.sk-circle .sk-child:before {

149 content: '';

150 display: block;

151 margin: 0 auto;

152 width: 15%;

153 height: 15%;

154 background-color: #FFF;

155 border-radius: 100%;

156

-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;

157 animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;

158}

159.sk-circle .sk-circle2 {

160

-webkit-transform: rotate(30deg);

161

-ms-transform: rotate(30deg);

162 transform: rotate(30deg); }

163.sk-circle .sk-circle3 {

164

-webkit-transform: rotate(60deg);

165

-ms-transform: rotate(60deg);

166 transform: rotate(60deg); }

167.sk-circle .sk-circle4 {

168

-webkit-transform: rotate(90deg);

169

-ms-transform: rotate(90deg);

170 transform: rotate(90deg); }

171.sk-circle .sk-circle5 {

172

-webkit-transform: rotate(120deg);

173

-ms-transform: rotate(120deg);

174 transform: rotate(120deg); }

175.sk-circle .sk-circle6 {

176

-webkit-transform: rotate(150deg);

177

-ms-transform: rotate(150deg);

178 transform: rotate(150deg); }

179.sk-circle .sk-circle7 {

180

-webkit-transform: rotate(180deg);

181

-ms-transform: rotate(180deg);

182 transform: rotate(180deg); }

183.sk-circle .sk-circle8 {

184

-webkit-transform: rotate(210deg);

185

-ms-transform: rotate(210deg);

186 transform: rotate(210deg); }

187.sk-circle .sk-circle9 {

188

-webkit-transform: rotate(240deg);

189

-ms-transform: rotate(240deg);

190 transform: rotate(240deg); }

191.sk-circle .sk-circle10 {

192

-webkit-transform: rotate(270deg);

193

-ms-transform: rotate(270deg);

194 transform: rotate(270deg); }

195.sk-circle .sk-circle11 {

196

-webkit-transform: rotate(300deg);

197

-ms-transform: rotate(300deg);

198 transform: rotate(300deg); }

199.sk-circle .sk-circle12 {

200

-webkit-transform: rotate(330deg);

201

-ms-transform: rotate(330deg);

202 transform: rotate(330deg); }

203.sk-circle .sk-circle2:before {

204

-webkit-animation-delay: -1.1s;

205 animation-delay: -1.1s; }

206.sk-circle .sk-circle3:before {

207

-webkit-animation-delay: -1s;

208 animation-delay: -1s; }

209.sk-circle .sk-circle4:before {

210

-webkit-animation-delay: -0.9s;

211 animation-delay: -0.9s; }

212.sk-circle .sk-circle5:before {

213

-webkit-animation-delay: -0.8s;

214 animation-delay: -0.8s; }

215.sk-circle .sk-circle6:before {

216

-webkit-animation-delay: -0.7s;

217 animation-delay: -0.7s; }

218.sk-circle .sk-circle7:before {

219

-webkit-animation-delay: -0.6s;

220 animation-delay: -0.6s; }

221.sk-circle .sk-circle8:before {

222

-webkit-animation-delay: -0.5s;

223 animation-delay: -0.5s; }

224.sk-circle .sk-circle9:before {

225

-webkit-animation-delay: -0.4s;

226 animation-delay: -0.4s; }

227.sk-circle .sk-circle10:before {

228

-webkit-animation-delay: -0.3s;

229 animation-delay: -0.3s; }

230.sk-circle .sk-circle11:before {

231

-webkit-animation-delay: -0.2s;

232 animation-delay: -0.2s; }

233.sk-circle .sk-circle12:before {

234

-webkit-animation-delay: -0.1s;

235 animation-delay: -0.1s; }

236@-webkit-keyframes sk-circleBounceDelay {

237 0%, 80%, 100% {

238 -webkit-transform: scale(0);

239 transform: scale(0);

240 } 40% {

241 -webkit-transform: scale(1);

242 transform: scale(1);

243 }

244}

245@keyframes sk-circleBounceDelay {

246 0%, 80%, 100% {

247

-webkit-transform: scale(0);

248 transform: scale(0);

249 } 40% {

250

-webkit-transform: scale(1);

251 transform: scale(1);

252 }

253}

254@media screen and (max-width: 640px) {

255 .nyroModalCont{

256 margin: 30px 15px;

257 }

258 .nyroModalCloseButton {

259 top: -30px;

260 right: 0;

261 width: 25px;

262 height: 25px;

263 background-size:cover;

264 z-index:201;

265 }

266 .nyroModalTitle {

267 font-size:14px;

268 padding:0 60px 0 0;

269 }

270 .nyroModalMessage .nyroModalCont {

271 max-width: calc(100% - 30px) !important;

272 margin:30px 0 15px !important;

273 }

274 .nyroModalMessage .nyroModalCont.nyroModalImg{

275 margin:0 !important;

276 }

277 .nyroModalMessage .nyroModalTitle {

278 font-size:22px;

279 padding:0;

280 }

281 .nyroModalMessage .nyroModalImage img {

282 max-width:100%;

283 max-height:100%;

284 margin:auto;

285 }

286}