├── .gitignore ├── LICENSE ├── README.md ├── css ├── made-in-india.css └── style.css ├── img ├── color.png ├── default.png ├── github.svg └── india.jpg ├── index.html ├── india.ico ├── js └── main.js ├── package.json └── vendor ├── jquery-easing.min.js └── jquery.min.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | build/ -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Nishant Painter 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Made in India CSS 2 | 3 | Made in India CSS is a collection of 15 distinct background patterns generated using [linear](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient) and [radial](https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient) CSS gradients. 4 | You can use these tricolor gradient patterns in building your website or web application by importing the made-in-india css file and using various class. 5 | 6 | `````` 7 | 8 | ```
``` 9 | 10 | ## Classes 11 | Made in India CSS offers 15 patterns with classes as follows : 12 | ``` 13 | .india-linear 14 | .india-stripe 15 | .india-spiral 16 | .india-line 17 | .india-square 18 | .india-block 19 | .india-diamond 20 | .india-cut 21 | .india-ring 22 | .india-bubble 23 | .india-wave 24 | .india-cup 25 | .india-dot 26 | .india-net 27 | .india-flower 28 | ``` 29 | 30 | ## Colors 31 | Made in India CSS make use of color variables in CSS. The default colors are as follows : 32 | 33 | ``` 34 | --orange: #f09732; 35 | --blue: #173187; 36 | --green: #49890e; 37 | --white: #ffffff; 38 | --orange-alpha-50: rgba(240, 151, 50, 0.5); 39 | --blue-alpha-50: rgba(23, 49, 135, 0.5); 40 | --green-alpha-50: rgba(73, 137, 14, 0.5); 41 | ``` 42 | 43 | ![Default Colors](https://github.com/nishantpainter/made-in-india-css/blob/master/img/default.png "Default Colors") 44 | 45 | You can tweak these colors to make it match with your application of use. 46 | ``` 47 | --orange: #173f5f; 48 | --blue: #3caea3; 49 | --green: #f6d55c; 50 | ``` 51 | 52 | ![Colors](https://github.com/nishantpainter/made-in-india-css/blob/master/img/color.png "Colors") 53 | 54 | -------------------------------------------------------------------------------- /css/made-in-india.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --orange: #f09732; 3 | --blue: #173187; 4 | --green: #49890e; 5 | --white: #ffffff; 6 | --orange-alpha-50: rgba(240, 151, 50, 0.5); 7 | --blue-alpha-50: rgba(23, 49, 135, 0.5); 8 | --green-alpha-50: rgba(73, 137, 14, 0.5); 9 | } 10 | 11 | .india-linear { 12 | background: linear-gradient( 13 | to bottom, 14 | var(--orange), 15 | var(--white), 16 | var(--green) 17 | ); 18 | } 19 | 20 | .india-stripe { 21 | background: linear-gradient( 22 | to bottom, 23 | var(--orange) 0px 10px, 24 | var(--white) 10px 13px, 25 | var(--blue) 13px 16px, 26 | var(--white) 16px 20px, 27 | var(--green) 20px 30px, 28 | var(--white) 30px 40px 29 | ); 30 | background-size: 40px 40px; 31 | } 32 | 33 | .india-spiral { 34 | background: repeating-radial-gradient( 35 | circle, 36 | var(--orange) 0px 10px, 37 | var(--white) 10px 13px, 38 | var(--blue) 13px 16px, 39 | var(--white) 16px 20px, 40 | var(--green) 20px 30px, 41 | var(--white) 30px 40px 42 | ); 43 | } 44 | 45 | .india-block { 46 | background: radial-gradient( 47 | 5px 5px at 61% 61%, 48 | var(--white) 50%, 49 | transparent 50% 50 | ), 51 | radial-gradient(5px 5px at 10% 10%, var(--white) 50%, transparent 50%), 52 | radial-gradient(5px 5px at 36% 36%, var(--white) 50%, transparent 50%), 53 | radial-gradient(5px 5px at 36% 36%, var(--blue) 50%, transparent 50%), 54 | radial-gradient(5px 5px at 88% 88%, var(--blue) 50%, transparent 50%), 55 | linear-gradient( 56 | to bottom, 57 | var(--orange) 10px, 58 | transparent 10px 20px, 59 | var(--green) 20px 30px, 60 | transparent 30px 61 | ), 62 | linear-gradient( 63 | to right, 64 | var(--orange) 10px, 65 | transparent 10px 20px, 66 | var(--green) 20px 30px, 67 | transparent 30px 68 | ); 69 | background-size: 40px 40px; 70 | } 71 | 72 | .india-diamond { 73 | background: linear-gradient( 74 | 45deg, 75 | transparent 10px, 76 | var(--green) 10px 20px, 77 | var(--white) 20px 25px, 78 | var(--blue) 25px 30px, 79 | var(--white) 30px 35px, 80 | var(--orange) 35px 45px, 81 | transparent 44px 82 | ), 83 | linear-gradient( 84 | -45deg, 85 | transparent 10px, 86 | var(--green) 10px 20px, 87 | var(--white) 20px 25px, 88 | var(--blue) 25px 30px, 89 | var(--white) 30px 35px, 90 | var(--orange) 35px 45px, 91 | transparent 44px 92 | ), 93 | linear-gradient( 94 | -135deg, 95 | transparent 10px, 96 | var(--green) 10px 20px, 97 | var(--white) 20px 25px, 98 | var(--blue) 25px 30px, 99 | var(--white) 30px 35px, 100 | var(--orange) 35px 45px, 101 | transparent 44px 102 | ), 103 | linear-gradient( 104 | 135deg, 105 | transparent 10px, 106 | var(--green) 10px 20px, 107 | var(--white) 20px 25px, 108 | var(--blue) 25px 30px, 109 | var(--white) 30px 35px, 110 | var(--orange) 35px 45px, 111 | transparent 44px 112 | ); 113 | background-size: 130px 130px; 114 | background-position: 50% 50%; 115 | } 116 | 117 | .india-ring { 118 | background: radial-gradient( 119 | circle at center, 120 | var(--white) 30%, 121 | var(--green) 30% 40%, 122 | var(--white) 40% 50%, 123 | var(--blue) 50% 55%, 124 | var(--white) 55% 60%, 125 | var(--orange) 60% 70%, 126 | transparent 70% 127 | ); 128 | background-position: 50% 50%; 129 | background-size: 80px 80px; 130 | } 131 | 132 | .india-wave { 133 | background: radial-gradient( 134 | circle at 50% 100%, 135 | transparent 25%, 136 | var(--green) 25% 35%, 137 | transparent 35%, 138 | transparent 139 | ), 140 | radial-gradient( 141 | circle at 50% 100%, 142 | transparent 25%, 143 | var(--orange) 25% 35%, 144 | transparent 35%, 145 | transparent 146 | ) 147 | 40px 55px, 148 | radial-gradient( 149 | circle at 50% 100%, 150 | transparent 25%, 151 | var(--blue) 25% 30%, 152 | transparent 30%, 153 | transparent 154 | ) 155 | 40px 65px; 156 | background-size: 40px 80px; 157 | } 158 | 159 | .india-cup { 160 | background: radial-gradient( 161 | circle at 50% 100%, 162 | transparent 25%, 163 | var(--green) 25% 35%, 164 | transparent 35%, 165 | transparent 166 | ), 167 | radial-gradient( 168 | circle at 50% 100%, 169 | transparent 25%, 170 | var(--blue) 25% 30%, 171 | transparent 30%, 172 | transparent 173 | ) 174 | 40px 60px, 175 | radial-gradient( 176 | circle at 50% 100%, 177 | transparent 25%, 178 | var(--orange) 25% 35%, 179 | transparent 35%, 180 | transparent 181 | ) 182 | 0px 40px; 183 | background-size: 80px 80px; 184 | } 185 | 186 | .india-line { 187 | background: repeating-linear-gradient( 188 | to bottom, 189 | transparent 0px 5px, 190 | var(--orange-alpha-50) 5px 10px, 191 | var(--orange) 10px 15px, 192 | var(--orange-alpha-50) 15px 20px, 193 | transparent 20px 25px, 194 | var(--blue-alpha-50) 25px 30px, 195 | var(--blue) 30px 35px, 196 | var(--blue-alpha-50) 35px 40px, 197 | transparent 40px 45px, 198 | var(--green-alpha-50) 45px 50px, 199 | var(--green) 50px 55px, 200 | var(--green-alpha-50) 55px 60px, 201 | transparent 60px 65px 202 | ); 203 | } 204 | 205 | .india-bubble { 206 | background: radial-gradient( 207 | circle, 208 | transparent 0px 5px, 209 | var(--orange-alpha-50) 5px 10px, 210 | var(--orange) 10px 15px, 211 | transparent 15px 25px, 212 | var(--blue-alpha-50) 25px 30px, 213 | var(--blue) 30px 35px, 214 | transparent 35px 45px, 215 | var(--green-alpha-50) 45px 50px, 216 | var(--green) 50px 55px, 217 | transparent 50px 65px 218 | ); 219 | background-size: 80px 80px; 220 | } 221 | 222 | .india-square { 223 | background: linear-gradient( 224 | to right, 225 | transparent 0px 5px, 226 | var(--orange-alpha-50) 5px 10px, 227 | var(--orange) 10px 15px, 228 | transparent 15px 229 | ), 230 | linear-gradient( 231 | to left, 232 | transparent 0px 5px, 233 | var(--orange-alpha-50) 5px 10px, 234 | var(--orange) 10px 15px, 235 | transparent 15px 236 | ), 237 | linear-gradient( 238 | to bottom, 239 | transparent 0px 5px, 240 | var(--orange-alpha-50) 5px 10px, 241 | var(--orange) 10px 15px, 242 | transparent 15px 243 | ), 244 | linear-gradient( 245 | to top, 246 | transparent 0px 5px, 247 | var(--orange-alpha-50) 5px 10px, 248 | var(--orange) 10px 15px, 249 | transparent 15px 250 | ), 251 | linear-gradient( 252 | to right, 253 | transparent 0px 5px, 254 | var(--blue-alpha-50) 5px 10px, 255 | var(--blue) 10px 15px, 256 | transparent 15px 257 | ) 258 | 15px, 259 | linear-gradient( 260 | to left, 261 | transparent 0px 5px, 262 | var(--blue-alpha-50) 5px 10px, 263 | var(--blue) 10px 15px, 264 | transparent 15px 265 | ) -15px, 266 | linear-gradient( 267 | to top, 268 | transparent 0px 5px, 269 | var(--blue-alpha-50) 5px 10px, 270 | var(--blue) 10px 15px, 271 | transparent 15px 272 | ) 273 | 0px -15px, 274 | linear-gradient( 275 | to bottom, 276 | transparent 0px 5px, 277 | var(--blue-alpha-50) 5px 10px, 278 | var(--blue) 10px 15px, 279 | transparent 15px 280 | ) 281 | 0px 15px, 282 | linear-gradient( 283 | to right, 284 | transparent 0px 5px, 285 | var(--green-alpha-50) 5px 10px, 286 | var(--green) 10px 15px, 287 | transparent 15px 288 | ) 289 | 30px, 290 | linear-gradient( 291 | to left, 292 | transparent 0px 5px, 293 | var(--green-alpha-50) 5px 10px, 294 | var(--green) 10px 15px, 295 | transparent 15px 296 | ) -30px, 297 | linear-gradient( 298 | to top, 299 | transparent 0px 5px, 300 | var(--green-alpha-50) 5px 10px, 301 | var(--green) 10px 15px, 302 | transparent 15px 303 | ) 304 | 0px -30px, 305 | linear-gradient( 306 | to bottom, 307 | transparent 0px 5px, 308 | var(--green-alpha-50) 5px 10px, 309 | var(--green) 10px 15px, 310 | transparent 15px 311 | ) 312 | 0px 30px; 313 | background-size: 120px 120px; 314 | } 315 | 316 | .india-cut { 317 | background: linear-gradient( 318 | 45deg, 319 | transparent 0px 20px, 320 | var(--orange) 20px 30px, 321 | transparent 30px 322 | ), 323 | linear-gradient( 324 | -45deg, 325 | transparent 0px 20px, 326 | var(--green) 20px 30px, 327 | transparent 30px 328 | ), 329 | linear-gradient( 330 | -45deg, 331 | transparent 0px 35px, 332 | var(--blue) 35px 40px, 333 | transparent 40px 334 | ), 335 | linear-gradient( 336 | 45deg, 337 | transparent 0px 35px, 338 | var(--blue) 35px 40px, 339 | transparent 40px 340 | ); 341 | background-size: 60px 60px; 342 | } 343 | 344 | .india-dot { 345 | background: radial-gradient(circle, var(--orange) 0% 35%, transparent 35%) 0px 346 | 30px, 347 | radial-gradient(circle, var(--green) 0% 35%, transparent 35%); 348 | background-size: 20px 60px; 349 | } 350 | 351 | .india-net { 352 | background: repeating-linear-gradient( 353 | 90deg, 354 | transparent 0px 27px, 355 | var(--blue-alpha-50) 27px 29px, 356 | transparent 29px 65px, 357 | var(--blue-alpha-50) 65px 67px, 358 | transparent 67px 76px 359 | ), 360 | repeating-linear-gradient( 361 | 180deg, 362 | transparent 0px 9px, 363 | var(--blue-alpha-50) 9px 11px, 364 | transparent 11px 49px, 365 | var(--blue-alpha-50) 49px 51px, 366 | transparent 51px 80px 367 | ), 368 | repeating-linear-gradient( 369 | 180deg, 370 | transparent 0px 20px, 371 | var(--orange-alpha-50) 20px 40px, 372 | transparent 40px 60px, 373 | var(--green-alpha-50) 60px 80px 374 | ), 375 | repeating-linear-gradient( 376 | 90deg, 377 | var(--orange) 0px 2px, 378 | transparent 2px 4px, 379 | var(--orange) 4px 6px, 380 | transparent 6px 8px, 381 | var(--orange) 8px 10px, 382 | transparent 10px 12px, 383 | var(--orange) 12px 14px, 384 | transparent 14px 16px, 385 | var(--orange) 16px 18px, 386 | transparent 18px 38px, 387 | var(--green) 38px 40px, 388 | transparent 40px 42px, 389 | var(--green) 42px 44px, 390 | transparent 44px 46px, 391 | var(--green) 46px 48px, 392 | transparent 48px 50px, 393 | var(--green) 50px 52px, 394 | transparent 52px 54px, 395 | var(--green) 54px 56px, 396 | transparent 56px 76px 397 | ); 398 | } 399 | 400 | .india-flower { 401 | background: radial-gradient( 402 | 60% 60% at 40% 40%, 403 | transparent 0% 10%, 404 | var(--orange) 10% 12%, 405 | transparent 12% 406 | ), 407 | radial-gradient( 408 | 60% 60% at 50% 30%, 409 | transparent 0% 10%, 410 | var(--orange) 10% 12%, 411 | transparent 12% 412 | ), 413 | radial-gradient( 414 | 60% 60% at 30% 50%, 415 | transparent 0% 10%, 416 | var(--orange) 10% 12%, 417 | transparent 12% 418 | ), 419 | radial-gradient( 420 | 60% 60% at 60% 40%, 421 | transparent 0% 10%, 422 | var(--orange) 10% 12%, 423 | transparent 12% 424 | ), 425 | radial-gradient( 426 | 60% 60% at 70% 50%, 427 | transparent 0% 10%, 428 | var(--orange) 10% 12%, 429 | transparent 12% 430 | ), 431 | radial-gradient( 432 | 60% 60% at 60% 60%, 433 | transparent 0% 10%, 434 | var(--orange) 10% 12%, 435 | transparent 12% 436 | ), 437 | radial-gradient( 438 | 60% 60% at 50% 70%, 439 | transparent 0% 10%, 440 | var(--orange) 10% 12%, 441 | transparent 12% 442 | ), 443 | radial-gradient( 444 | 60% 60% at 40% 60%, 445 | transparent 0% 10%, 446 | var(--orange) 10% 12%, 447 | transparent 12% 448 | ), 449 | radial-gradient( 450 | 60% 60% at 40% 50%, 451 | transparent 0% 10%, 452 | var(--blue) 10% 12%, 453 | transparent 12% 454 | ), 455 | radial-gradient( 456 | 60% 60% at 60% 50%, 457 | transparent 0% 10%, 458 | var(--blue) 10% 12%, 459 | transparent 12% 460 | ), 461 | radial-gradient( 462 | 60% 60% at 50% 40%, 463 | transparent 0% 10%, 464 | var(--blue) 10% 12%, 465 | transparent 12% 466 | ), 467 | radial-gradient( 468 | 60% 60% at 50% 60%, 469 | transparent 0% 10%, 470 | var(--blue) 10% 12%, 471 | transparent 12% 472 | ), 473 | radial-gradient( 474 | 60% 60% at 45% 45%, 475 | transparent 0% 10%, 476 | var(--green) 10% 12%, 477 | transparent 12% 478 | ), 479 | radial-gradient( 480 | 60% 60% at 45% 55%, 481 | transparent 0% 10%, 482 | var(--green) 10% 12%, 483 | transparent 12% 484 | ), 485 | radial-gradient( 486 | 60% 60% at 55% 45%, 487 | transparent 0% 10%, 488 | var(--green) 10% 12%, 489 | transparent 12% 490 | ), 491 | radial-gradient( 492 | 60% 60% at 55% 55%, 493 | transparent 0% 10%, 494 | var(--green) 10% 12%, 495 | transparent 12% 496 | ); 497 | background-size: 120px 120px; 498 | background-position: 20px; 499 | } 500 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap"); 2 | 3 | :root { 4 | --spacing: 8px; 5 | --black: #111111; 6 | } 7 | 8 | * { 9 | box-sizing: border-box; 10 | } 11 | 12 | body { 13 | font-family: "Nunito", sans-serif; 14 | -webkit-font-smoothing: antialiased; 15 | -moz-osx-font-smoothing: grayscale; 16 | margin: 0; 17 | font-size: 16px; 18 | color: var(--black); 19 | } 20 | 21 | code { 22 | color: var(--blue); 23 | font-weight: bold; 24 | } 25 | 26 | a { 27 | color: var(--black); 28 | } 29 | 30 | a:hover { 31 | color: var(--black); 32 | text-decoration: none; 33 | } 34 | 35 | .card { 36 | cursor: pointer; 37 | padding: calc(var(--spacing) * 2); 38 | background-color: var(--white); 39 | box-shadow: 0 8px 40px -12px rgba(0, 0, 0, 0.3); 40 | transition: all 0.3s ease-in-out; 41 | } 42 | 43 | .rounded { 44 | border-radius: var(--spacing); 45 | } 46 | 47 | /* Loader */ 48 | 49 | #loader { 50 | position: fixed; 51 | top: 0; 52 | left: 0; 53 | right: 0; 54 | bottom: 0; 55 | z-index: 9999; 56 | overflow: hidden; 57 | } 58 | 59 | #loader:before { 60 | content: ""; 61 | position: fixed; 62 | top: calc(50% - 20px); 63 | left: calc(50% - 20px); 64 | border: 6px solid var(--white); 65 | border-top-color: var(--blue); 66 | border-bottom-color: var(--blue); 67 | border-radius: 50%; 68 | width: 40px; 69 | height: 40px; 70 | -webkit-animation: animate-loader 0.5s linear infinite; 71 | animation: animate-loader 0.5s linear infinite; 72 | } 73 | 74 | @-webkit-keyframes animate-loader { 75 | 0% { 76 | transform: rotate(0deg); 77 | } 78 | 100% { 79 | transform: rotate(360deg); 80 | } 81 | } 82 | 83 | @keyframes animate-loader { 84 | 0% { 85 | transform: rotate(0deg); 86 | } 87 | 100% { 88 | transform: rotate(360deg); 89 | } 90 | } 91 | 92 | /* Header */ 93 | header .navigator { 94 | position: fixed; 95 | height: 60px; 96 | width: 100%; 97 | display: flex; 98 | align-items: center; 99 | padding: 12px; 100 | transition: 0.5s; 101 | background-color: var(--white); 102 | box-shadow: 0 8px 40px -12px rgba(0, 0, 0, 0.3); 103 | } 104 | 105 | header nav { 106 | display: block; 107 | width: 100%; 108 | } 109 | 110 | header nav ul { 111 | display: flex; 112 | list-style-type: none; 113 | margin: 0px; 114 | padding: 0px; 115 | width: 100%; 116 | justify-content: flex-end; 117 | } 118 | 119 | header nav li { 120 | text-decoration: none; 121 | position: relative; 122 | white-space: nowrap; 123 | padding: 12px; 124 | display: list-item; 125 | } 126 | 127 | header nav li a { 128 | text-decoration: none; 129 | transition: 0.3s; 130 | font-weight: bold; 131 | font-size: 1.025rem; 132 | } 133 | 134 | .navigator a:hover, 135 | .navigator .active > a, 136 | .navigator li:hover > a { 137 | color: var(--orange); 138 | } 139 | 140 | .navigator img { 141 | cursor: pointer; 142 | height: 24px; 143 | } 144 | 145 | /* Back to top button */ 146 | .back-to-top { 147 | position: fixed; 148 | display: none; 149 | right: 15px; 150 | bottom: 15px; 151 | z-index: 99999; 152 | } 153 | 154 | .back-to-top i { 155 | display: flex; 156 | align-items: center; 157 | justify-content: center; 158 | font-size: 2rem; 159 | font-weight: bold; 160 | width: 40px; 161 | height: 40px; 162 | border-radius: 50px; 163 | transition: all 0.4s; 164 | background: var(--orange); 165 | color: var(--white); 166 | } 167 | 168 | .back-to-top i:hover { 169 | border: 1px solid var(--blue); 170 | background: var(--white); 171 | color: var(--blue); 172 | cursor: pointer; 173 | } 174 | 175 | /* Introduction */ 176 | 177 | #introduction { 178 | height: 100vh; 179 | } 180 | 181 | .introduction-pattern { 182 | background: linear-gradient( 183 | 135deg, 184 | var(--orange) 0% 30%, 185 | var(--white) 30% 70%, 186 | var(--green) 70% 187 | ); 188 | } 189 | 190 | #introduction .wrapper { 191 | height: inherit; 192 | width: inherit; 193 | display: flex; 194 | align-items: center; 195 | justify-content: center; 196 | } 197 | 198 | #introduction .wrapper .card { 199 | width: 90%; 200 | max-width: 500px; 201 | } 202 | 203 | #introduction .wrapper .title { 204 | font-size: 1.5rem; 205 | } 206 | 207 | #introduction .wrapper .subtitle { 208 | letter-spacing: 0.0475rem; 209 | word-spacing: 0.1rem; 210 | margin-top: 16px; 211 | margin-bottom: 24px; 212 | } 213 | 214 | #introduction .wrapper .download-button { 215 | display: block; 216 | color: var(--blue); 217 | padding: var(--spacing); 218 | text-decoration: none; 219 | border: 1px solid var(--blue); 220 | transition: all 0.2s ease-in-out; 221 | } 222 | 223 | #introduction .wrapper .download-button:hover { 224 | color: var(--white); 225 | background-color: var(--blue); 226 | } 227 | 228 | @media only screen and (max-width: 600px) { 229 | #introduction .wrapper .card { 230 | width: 90%; 231 | } 232 | } 233 | 234 | /* Patterns */ 235 | 236 | #patterns .wrapper { 237 | height: inherit; 238 | width: inherit; 239 | display: flex; 240 | flex-direction: column; 241 | align-items: center; 242 | padding: calc(var(--spacing) * 2); 243 | } 244 | 245 | #patterns .wrapper .card { 246 | width: 50%; 247 | max-width: 400px; 248 | margin-top: calc(var(--spacing) * 2); 249 | } 250 | 251 | #patterns .wrapper .card .pattern-container { 252 | height: 200px; 253 | margin-top: calc(var(--spacing) * 2); 254 | } 255 | 256 | @media only screen and (max-width: 600px) { 257 | #patterns .wrapper .card { 258 | width: 90%; 259 | } 260 | } 261 | 262 | /* Footer */ 263 | 264 | #footer { 265 | height: 100px; 266 | display: flex; 267 | flex-direction: column; 268 | justify-content: center; 269 | align-items: center; 270 | box-shadow: 0 8px 40px -12px rgba(0, 0, 0, 0.3); 271 | } 272 | 273 | #footer h3, 274 | h4 { 275 | margin: 0px; 276 | padding: 0px; 277 | } 278 | 279 | #footer .title { 280 | color: var(--orange); 281 | } 282 | 283 | #footer .subtitle { 284 | color: var(--black); 285 | } 286 | 287 | #footer a { 288 | text-decoration: none; 289 | color: var(--blue); 290 | } 291 | -------------------------------------------------------------------------------- /img/color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nishantpainter/made-in-india-css/dd36d7ff06beea18c135e80cff252509766a3b91/img/color.png -------------------------------------------------------------------------------- /img/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nishantpainter/made-in-india-css/dd36d7ff06beea18c135e80cff252509766a3b91/img/default.png -------------------------------------------------------------------------------- /img/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /img/india.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nishantpainter/made-in-india-css/dd36d7ff06beea18c135e80cff252509766a3b91/img/india.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Made In India CSS 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 24 | 25 | 26 | 27 | 28 | 32 | 33 | 37 | 41 | 42 | 43 | 44 | 48 | 49 | 53 | 57 | 58 | 59 | 63 | 72 | 73 | 74 |
75 | 90 |
91 |
92 |
93 |
94 |

Made In India CSS

95 |

96 | Tricolor background patterns created using CSS linear and radial 97 | gradients. 98 |

99 | 100 | Download CSS 101 | 102 |
103 |
104 |
105 |
106 |
107 |
108 | .india-linear 109 |
110 |
111 |
112 | .india-stripe 113 |
114 |
115 |
116 | .india-spiral 117 |
118 |
119 |
120 | .india-line 121 |
122 |
123 |
124 | .india-square 125 |
126 |
127 |
128 | .india-block 129 |
130 |
131 |
132 | .india-diamond 133 |
134 |
135 |
136 | .india-cut 137 |
138 |
139 |
140 | .india-ring 141 |
142 |
143 |
144 | .india-bubble 145 |
146 |
147 |
148 | .india-wave 149 |
150 |
151 |
152 | .india-cup 153 |
154 |
155 |
156 | .india-dot 157 |
158 |
159 |
160 | .india-net 161 |
162 |
163 |
164 | .india-flower 165 |
166 |
167 |
168 |
169 | 179 | 180 | 181 | 182 |
183 | 184 | 185 | 186 | 187 | 188 | 189 | -------------------------------------------------------------------------------- /india.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nishantpainter/made-in-india-css/dd36d7ff06beea18c135e80cff252509766a3b91/india.ico -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | !(function ($) { 2 | "use strict"; 3 | 4 | // loader 5 | $(window).on("load", function () { 6 | if ($("#loader").length) { 7 | $("#loader") 8 | .delay(200) 9 | .fadeOut("slow", function () { 10 | $(this).remove(); 11 | }); 12 | } 13 | }); 14 | 15 | 16 | // back to top 17 | $(window).scroll(function () { 18 | if ($(this).scrollTop() > 100) { 19 | $(".back-to-top").fadeIn("slow"); 20 | } else { 21 | $(".back-to-top").fadeOut("slow"); 22 | } 23 | }); 24 | 25 | $(".back-to-top").click(function () { 26 | $("html,body").animate( 27 | { 28 | scrollTop: 0, 29 | }, 30 | 1500, 31 | "easeInOutExpo" 32 | ); 33 | return false; 34 | }); 35 | })(jQuery); 36 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "made-in-india-css", 3 | "version": "1.0.0", 4 | "description": "Gradients background patterns", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [ 10 | "Gradients", 11 | "Backgrounds", 12 | "CSS", 13 | "Made", 14 | "In", 15 | "India" 16 | ], 17 | "author": "Nishant Painter", 18 | "license": "MIT" 19 | } 20 | -------------------------------------------------------------------------------- /vendor/jquery-easing.min.js: -------------------------------------------------------------------------------- 1 | !function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?module.exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,o=1.70158,c=1.525*o,s=2*a/3,f=2*a/4.5;return n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-t(2,20*n-10)*r((20*n-11.125)*f)/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return 2.70158*n*n*n-o*n*n},easeOutBack:function(n){return 1+2.70158*t(n-1,3)+o*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-c)/2:(t(2*n-2,2)*((c+1)*(2*n-2)+c)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}}),n}); 2 | -------------------------------------------------------------------------------- /vendor/jquery.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */ 2 | !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0