├── Evaluation site ├── database_ch.db ├── static │ ├── index.js │ ├── all.css │ ├── style.css │ ├── anscss.css │ └── bootstrap.min.css ├── templates │ ├── all.html │ ├── tables.html │ └── answer1.html └── app.py ├── Challengers-Main site ├── database_ch.db ├── hack_it_v3.db ├── static │ ├── bg.jpg │ ├── j.jpg │ ├── mam.jpg │ ├── hand.jpg │ ├── image.jpg │ ├── log1.png │ ├── logo.jpg │ ├── logo.png │ ├── rana.jpeg │ ├── garvit.jpeg │ ├── mehak.jpeg │ ├── nishant.jpg │ ├── poster.png │ ├── puneet.jpg │ ├── shivangi.jpg │ ├── srijan.jpg │ ├── himanshi.jpeg │ ├── train_res.jpg │ ├── stylemaindash.css │ ├── anscss.css │ ├── logincss.css │ ├── bootstrap.min.css │ ├── font-awesome.min.css │ └── main.css ├── templates │ ├── b.html │ ├── tables.html │ ├── login.html │ ├── rules.html │ ├── registration.html │ ├── maindash.html │ ├── answer1.html │ └── index.html └── app.py └── README.md /Evaluation site/database_ch.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Evaluation site/database_ch.db -------------------------------------------------------------------------------- /Challengers-Main site/database_ch.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/database_ch.db -------------------------------------------------------------------------------- /Challengers-Main site/hack_it_v3.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/hack_it_v3.db -------------------------------------------------------------------------------- /Challengers-Main site/static/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/bg.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/j.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/j.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/mam.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/mam.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/hand.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/hand.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/image.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/log1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/log1.png -------------------------------------------------------------------------------- /Challengers-Main site/static/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/logo.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/logo.png -------------------------------------------------------------------------------- /Challengers-Main site/static/rana.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/rana.jpeg -------------------------------------------------------------------------------- /Challengers-Main site/static/garvit.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/garvit.jpeg -------------------------------------------------------------------------------- /Challengers-Main site/static/mehak.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/mehak.jpeg -------------------------------------------------------------------------------- /Challengers-Main site/static/nishant.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/nishant.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/poster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/poster.png -------------------------------------------------------------------------------- /Challengers-Main site/static/puneet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/puneet.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/shivangi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/shivangi.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/srijan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/srijan.jpg -------------------------------------------------------------------------------- /Challengers-Main site/static/himanshi.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/himanshi.jpeg -------------------------------------------------------------------------------- /Challengers-Main site/static/train_res.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ranajoy-dutta/Challengers-Web-App/master/Challengers-Main site/static/train_res.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Challengers-Web-App 2 | ## [Live Site](http://Challengers.pythonanywhere.com) 3 | 4 | This is a repository for a web app developed in flask framework. It is still in development stage and being improvised. 5 | 6 | Steps to Run this: 7 | * Clone this repository. 8 | * You will need Python 3.6 9 | * Install flask framework 10 | ( Open CMD - Open python directory - type "pip install flask" ) 11 | * Create Virtual environment. 12 | * Run by opening app.py 13 | -------------------------------------------------------------------------------- /Evaluation site/static/index.js: -------------------------------------------------------------------------------- 1 | var moveForce = 30; // max popup movement in pixels 2 | var rotateForce = 20; // max popup rotation in deg 3 | 4 | $(document).mousemove(function(e) { 5 | var docX = $(document).width(); 6 | var docY = $(document).height(); 7 | 8 | var moveX = (e.pageX - docX/2) / (docX/2) * -moveForce; 9 | var moveY = (e.pageY - docY/2) / (docY/2) * -moveForce; 10 | 11 | var rotateY = (e.pageX / docX * rotateForce*2) - rotateForce; 12 | var rotateX = -((e.pageY / docY * rotateForce*2) - rotateForce); 13 | 14 | $('.popup') 15 | .css('left', moveX+'px') 16 | .css('top', moveY+'px') 17 | .css('transform', 'rotateX('+rotateX+'deg) rotateY('+rotateY+'deg)'); 18 | }); -------------------------------------------------------------------------------- /Evaluation site/static/all.css: -------------------------------------------------------------------------------- 1 | @import "bourbon"; 2 | 3 | body { 4 | background: #eee !important; 5 | } 6 | 7 | .wrapper { 8 | margin-top: 80px; 9 | margin-bottom: 80px; 10 | } 11 | 12 | .form-signin { 13 | max-width: 580px; 14 | padding: 15px 35px 45px; 15 | margin: 0 auto; 16 | color: grey; 17 | background-color: #fff; 18 | border: 1px solid rgba(0,0,0,0.1); 19 | border-radius: 15px; 20 | box-shadow: 10px 8px 10px grey; 21 | } 22 | .form-control { 23 | position: relative; 24 | font-size: 16px; 25 | height: auto; 26 | padding: 10px; 27 | @include box-sizing(border-box); 28 | 29 | &:focus { 30 | z-index: 2; 31 | 32 | } 33 | 34 | input[type="text"] { 35 | margin-bottom: -1px; 36 | border-bottom-left-radius: 0; 37 | border-bottom-right-radius: 0; 38 | } 39 | 40 | input[type="password"] { 41 | margin-bottom: 20px; 42 | border-top-left-radius: 10px; 43 | border-top-right-radius: 0; 44 | } 45 | } -------------------------------------------------------------------------------- /Evaluation site/templates/all.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Admins 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |

Please login

17 |

18 | 19 |
20 |
21 |
22 |
23 |
24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/b.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Ringless Mail 7 | 21 | 22 | 23 | {% if user%} 24 |
25 | 26 | 27 |

28 | {% endif %} 29 | 30 |
31 |

Ringless Mail

32 |
33 |

{{inpu|safe}}

34 |
35 | 36 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/tables.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Welcome|Admin 8 | 9 | 10 |
11 |

{{error}}

12 |
13 | 14 | 15 | 16 |
17 |

Total Registrations :: {{count}}

18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | {% for row in rows %} 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | {% endfor %} 38 |
NameRoll numberCollegeEmailphonesemester
{{row["name"]}}{{row["roll_number"]}} {{ row["college"]}} {{ row["email"]}}{{row["phone"]}}{{row["semester"]}}
39 | 40 | -------------------------------------------------------------------------------- /Challengers-Main site/static/stylemaindash.css: -------------------------------------------------------------------------------- 1 | header{ 2 | 3 | text-align: center; 4 | text-decoration-style: block; 5 | color: white; 6 | background: black ; 7 | opacity: 0.85; 8 | border-radius: 1em; 9 | padding: 1em; 10 | margin: 0.5em; 11 | } 12 | 13 | body 14 | { 15 | background: url("c.jpg") no-repeat; 16 | background-size: cover; 17 | background-attachment: fixed; 18 | background-color:linear-gradient(45deg, #e37682 15%, #5f4d93 85%); 19 | background-color:-webkit-linear-gradient(45deg, #e37682 15%, #5f4d93 85%); 20 | 21 | } 22 | 23 | .showcase 24 | { 25 | 26 | background: #E6E4E1; 27 | opacity: .85; 28 | border-radius: 1em; 29 | padding: 4em; 30 | margin: 4em; 31 | margin-top: -3em; 32 | } 33 | #lg 34 | { 35 | height: 4em; 36 | width: 45em; 37 | color: black; 38 | background: #D4D4D4; 39 | border-radius:2em; 40 | font-weight: bold; 41 | 42 | } 43 | #lg:hover 44 | { 45 | background: #F1B55F; 46 | color: white; 47 | } 48 | .button 49 | { 50 | float: right; 51 | border: 0.11em solid; 52 | border-radius: 0.4em; 53 | height: 2.4em; 54 | width: 5.3em; 55 | padding: 0.3em; 56 | margin-right: 1em; 57 | text-align: top; 58 | color: white ; 59 | background-color: transparent; 60 | 61 | } 62 | .button:hover 63 | { 64 | background-color: #B6B6B6; 65 | color: black; 66 | 67 | } 68 | table { 69 | font-family: arial, sans-serif; 70 | border-collapse: collapse; 71 | width: 100%; 72 | border-radius: 2em; 73 | } 74 | 75 | td, th { 76 | border: 1px solid white; 77 | 78 | text-align: left; 79 | padding: 8px; 80 | } 81 | 82 | tr:nth-child(even) { 83 | background-color: white; 84 | } 85 | tr:nth-child(odd) { 86 | background-color: #D1CECE; 87 | } 88 | -------------------------------------------------------------------------------- /Evaluation site/templates/tables.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Data Check 6 | > 7 | 8 |

{{error}}

9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | {% for row in rows %} 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | {% endfor %} 47 |

Recheck the Summations
sno 23 | Input test caseVariation test caseGarbage test caseTotal 1User Defined FunctionIndentationTotal 2Extra VariableCummilative
{{row["sno"]}}{{row["input_test_case"]}} {{ row["variation_test_case"]}} {{ row["garbage_test_case"]}}{{row["total1"]}}{{row["user_defined_function"]}}{{row["indentation"]}}{{row["total2"]}}{{row["extra_variable"]}}{{row["cummilative"]}}
48 | 49 | -------------------------------------------------------------------------------- /Evaluation site/static/style.css: -------------------------------------------------------------------------------- 1 | html, body { height: 100%; } 2 | body { 3 | margin: 0; 4 | background: radial-gradient(#ccadaa, #aaa); 5 | overflow: hidden; 6 | } 7 | 8 | .moving-zone { 9 | position: relative; 10 | top: 20%; 11 | 12 | width:500px; height:120px; 13 | margin: auto; 14 | perspective: 800px; 15 | } 16 | .popup { 17 | position: absolute; 18 | width:500px; 19 | padding: 10px; 20 | box-sizing: border-box; 21 | border-radius: 20px 0 20px 0; 22 | transform-style: preserve-3d; 23 | 24 | } 25 | .popup:before { 26 | content: ''; 27 | position: absolute; 28 | left:5%; top:5%; 29 | width:90%; height:90%; 30 | border-radius: inherit; 31 | background: rgba(0,0,0,.1); 32 | box-shadow: 0 0 40px 20px rgba(0,0,0,.1); 33 | transform: translateZ(-100px); 34 | } 35 | .popup-content { 36 | background: #444; 37 | padding: 20px; 38 | box-sizing: border-box; 39 | border-radius: 10px 0 10px 0; 40 | } 41 | .popup-text { 42 | color: white; 43 | font-family: 'Roboto', sans-serif; 44 | font-size: 20px; 45 | line-height: 30px; 46 | font-weight: 100; 47 | text-align: center; 48 | transform: translateZ(15px); 49 | } 50 | .popup-text b { 51 | color: coral; 52 | font-weight: 300; 53 | } 54 | @import "bourbon"; 55 | 56 | .wrapper { 57 | margin-top: 80px; 58 | margin-bottom: 80px; 59 | margin-left: 50px; 60 | } 61 | 62 | .form-control { 63 | position: relative; 64 | font-size: 16px; 65 | height: auto; 66 | padding: 10px; 67 | border-radius: 15px 0 15px; 68 | @include box-sizing(border-box); 69 | 70 | &:focus { 71 | z-index: 2; 72 | 73 | } 74 | 75 | input[type="text"] { 76 | margin-bottom: -1px; 77 | border-bottom-left-radius: 0; 78 | border-bottom-right-radius: 0; 79 | } 80 | 81 | input[type="password"] { 82 | margin-bottom: 20px; 83 | border-top-left-radius: 10px; 84 | border-top-right-radius: 0; 85 | } 86 | } 87 | .btn{ 88 | border-radius: 5px; 89 | width: 70px; 90 | height: 35px; 91 | margin-left: 70px; 92 | margin-right: auto; 93 | border-style: solid; 94 | box-shadow: 20px; 95 | cursor: pointer; 96 | 97 | } 98 | -------------------------------------------------------------------------------- /Challengers-Main site/static/anscss.css: -------------------------------------------------------------------------------- 1 | .nqbar{ 2 | background-color: #e7ecef; 3 | } 4 | .qbar{ 5 | padding-bottom: 10px; 6 | } 7 | .modal-body{ 8 | padding: 0; 9 | } 10 | .btn { 11 | border-radius: 0px; 12 | margin-top: 5px; 13 | } 14 | .lang { 15 | height: 40px; 16 | width: 150px; 17 | font-size: 20px; 18 | } 19 | .textinput { 20 | float:left; 21 | width: 100%; 22 | min-height: 350px; 23 | outline: none; 24 | resize: none; 25 | border: 1px solid #4b8df9; 26 | } 27 | select{ 28 | border-style: solid; 29 | border-width: 3px; 30 | border-radius: 5px; 31 | } 32 | select:focus{ 33 | border:none; 34 | } 35 | button{ 36 | background: #4b8df9; 37 | padding: 5px 10px 6px; 38 | font-weight: bold; 39 | line-height: 2; 40 | border-radius: 5px; 41 | box-shadow: 0 1px 3px #999; 42 | text-shadow: 0 -1px 1px #222; 43 | border: none; 44 | color: white; 45 | cursor: pointer; 46 | font-size: 14px; 47 | font-family: Verdana, Geneva, sans-serif; 48 | } 49 | header{ 50 | background-color: #454545; 51 | padding-top: 5px; 52 | font-size: 28px; 53 | font-family: 'Droid Serif', serif; 54 | } 55 | .h{ 56 | font-size: 18px; 57 | padding-top: 10px; 58 | } 59 | .ah{ 60 | text-decoration: none; 61 | color: white; 62 | } 63 | .ah:hover{ 64 | color: #C0C0C0; 65 | cursor: none; 66 | text-decoration: none; 67 | } 68 | .aq{ 69 | color: black; 70 | text-decoration: none; 71 | } 72 | .aq:hover{ 73 | color: #2C3E50; 74 | text-decoration: none; 75 | } 76 | .tf{ 77 | font-family: 'Bitter', serif; 78 | } 79 | hr{ 80 | margin: 0 15px 5px; 81 | } 82 | .btn-success { 83 | color: #fff; 84 | } 85 | .btn { 86 | display: inline-block; 87 | padding: 6px 12px; 88 | margin-bottom: 0; 89 | font-weight: 400; 90 | line-height: 1.42857143; 91 | text-align: center; 92 | white-space: nowrap; 93 | vertical-align: middle; 94 | -ms-touch-action: manipulation; 95 | touch-action: manipulation; 96 | cursor: pointer; 97 | -webkit-user-select: none; 98 | -moz-user-select: none; 99 | -ms-user-select: none; 100 | user-select: none; 101 | background-image: none; 102 | border: 1px solid transparent; 103 | border-radius: 4px; 104 | } 105 | @media only screen and (max-width: 500px){ 106 | header{ 107 | font-size: 20px; 108 | } 109 | .h{ 110 | font-size: 14px; 111 | } 112 | } 113 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | SIGN IN 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 | 16 | HOME 17 | 18 |

19 | Please Brief Yourself Before Going Ahead 20 |

21 |
22 |
23 |
24 |
25 |
26 | 27 | Sign In 28 | 29 |
30 |

{{error}}

31 |
32 |
33 |

34 | 35 | 36 |
37 |
38 | 39 | 40 |
41 |
42 | 43 |
44 |
45 | 46 | New User? Register Now! 47 | 48 |
49 |
50 |
51 | 52 | -------------------------------------------------------------------------------- /Evaluation site/static/anscss.css: -------------------------------------------------------------------------------- 1 | .nqbar{ 2 | background-color: #e7ecef; 3 | } 4 | .qbar{ 5 | padding-bottom: 10px; 6 | } 7 | .modal-body{ 8 | padding: 0; 9 | } 10 | .btn { 11 | border-radius: 0px; 12 | margin-top: 5px; 13 | } 14 | .lang { 15 | height: 40px; 16 | width: 150px; 17 | font-size: 20px; 18 | } 19 | .textinput { 20 | float:left; 21 | width: 100%; 22 | min-height: 350px; 23 | outline: none; 24 | resize: none; 25 | border: 1px solid #4b8df9; 26 | } 27 | select{ 28 | border-style: solid; 29 | border-width: 3px; 30 | border-radius: 5px; 31 | } 32 | select:focus{ 33 | border:none; 34 | } 35 | button{ 36 | background: #4b8df9; 37 | padding: 5px 10px 6px; 38 | font-weight: bold; 39 | line-height: 2; 40 | border-radius: 5px; 41 | box-shadow: 0 1px 3px #999; 42 | text-shadow: 0 -1px 1px #222; 43 | border: none; 44 | color: white; 45 | cursor: pointer; 46 | font-size: 14px; 47 | font-family: Verdana, Geneva, sans-serif; 48 | } 49 | header{ 50 | background-color: #454545; 51 | padding-top: 5px; 52 | font-size: 28px; 53 | font-family: 'Droid Serif', serif; 54 | } 55 | .h{ 56 | font-size: 18px; 57 | padding-top: 10px; 58 | } 59 | .ah{ 60 | text-decoration: none; 61 | color: white; 62 | } 63 | .ah:hover{ 64 | color: #C0C0C0; 65 | cursor: none; 66 | text-decoration: none; 67 | } 68 | .aq{ 69 | color: black; 70 | text-decoration: none; 71 | } 72 | .aq:hover{ 73 | color: #2C3E50; 74 | text-decoration: none; 75 | } 76 | .tf{ 77 | font-family: 'Bitter', serif; 78 | } 79 | hr{ 80 | margin: 0 15px 5px; 81 | } 82 | .btn-success { 83 | color: #fff; 84 | } 85 | .btn { 86 | display: inline-block; 87 | padding: 6px 12px; 88 | margin-bottom: 0; 89 | font-weight: 400; 90 | line-height: 1.42857143; 91 | text-align: center; 92 | white-space: nowrap; 93 | vertical-align: middle; 94 | -ms-touch-action: manipulation; 95 | touch-action: manipulation; 96 | cursor: pointer; 97 | -webkit-user-select: none; 98 | -moz-user-select: none; 99 | -ms-user-select: none; 100 | user-select: none; 101 | background-image: none; 102 | border: 1px solid transparent; 103 | border-radius: 4px; 104 | } 105 | @media only screen and (max-width: 500px){ 106 | header{ 107 | font-size: 20px; 108 | } 109 | .h{ 110 | font-size: 14px; 111 | } 112 | } 113 | table#t01 tr:nth-child(even) { 114 | background-color: #eee; 115 | } 116 | table#t01 tr:nth-child(odd) { 117 | background-color: #fff; 118 | } 119 | table#t01 th { 120 | color: black; 121 | background-color: Wheat; 122 | } 123 | table, th, td { 124 | border: 2px solid black; 125 | border-collapse: collapse; 126 | } 127 | -------------------------------------------------------------------------------- /Challengers-Main site/static/logincss.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Georgia, serif; 3 | background-image: url("lbg.jpg"); 4 | background-attachment: fixed; 5 | font-weight: 400; 6 | font-size: 15px; 7 | color: #3a2127; 8 | } 9 | 10 | .linkbutton{ 11 | text-decoration: none; 12 | font-weight: bold; 13 | font-size: 25px; 14 | letter-spacing: 2px; 15 | color: rgba(12,92, 218, 1); 16 | text-shadow: 0px 1px 1px #fff; 17 | line-height: 34px; 18 | background: rgba(0, 0, 0, 0.00); 19 | z-index: 9999; 20 | background-color: lavender; 21 | box-shadow: 10px/10px; 22 | border-radius: 20px/52px; 23 | border-style: solid; 24 | margin-top: .5em; 25 | } 26 | button:focus{ 27 | outline: none; 28 | } 29 | .linkbutton:focus{ 30 | outline: none;background-color: white; 31 | background: white; 32 | color: rgb(204,111,103); 33 | } 34 | .linkbutton:hover{ 35 | outline: none;background-color: white; 36 | background: white; 37 | color: rgb(204,111,103); 38 | } 39 | span .linkbutton a{ 40 | font-size: 10pt; 41 | } 42 | .titlel{ 43 | font-family: 'Alegreya SC', Georgia, serif; 44 | font-size: 20px; 45 | line-height: 20px; 46 | font-weight: 400; 47 | font-style: italic; 48 | color: white; 49 | text-shadow: 0 1px 0 #ccc, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); 50 | } 51 | .animatere{ 52 | animation-iteration-count: infinite; 53 | animation-duration: 1s; 54 | animation-fill-mode: both; 55 | color: #f1f1f1; 56 | font-weight: 700; 57 | font-size: 40px; 58 | text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 1px 0 #b9b9b9, 0 2px 0 #aaa, 0 8px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 5px 5px rgba(0,0,0,.2), 0 10px 10px rgba(0,0,0,.15); 59 | } 60 | .formt{ 61 | max-width: 60%; 62 | background-color: #f1f1f1; 63 | margin-top: 50px; 64 | padding-bottom: 20px; 65 | } 66 | label{ 67 | font-weight: bold; 68 | font-size: 14px; 69 | font-family: Arial, Helvetica; 70 | } 71 | .text-align{ 72 | margin-left: 180px; 73 | } 74 | .form-control{ 75 | margin-bottom: 20px; 76 | margin-left: 0px; 77 | height: 27px; 78 | border: 2px dotted #4B93DC; 79 | background-color: rgba(255, 255, 255, 0.1); 80 | border-radius: 10px; 81 | } 82 | 83 | .form-control:focus{ 84 | outline: none; 85 | height: 35px; 86 | border: 2px dotted blue; 87 | background-color: rgba(255, 255, 255, 1); 88 | } 89 | 90 | 91 | button{ 92 | background: #4b8df9; 93 | padding: 5px 10px 6px; 94 | font-weight: bold; 95 | line-height: 2; 96 | border-radius: 5px; 97 | box-shadow: 0 1px 3px #999; 98 | text-shadow: 0 -1px 1px #222; 99 | border: none; 100 | color: white; 101 | cursor: pointer; 102 | font-size: 14px; 103 | font-family: Verdana, Geneva, sans-serif; 104 | } 105 | .shades{ 106 | border-radius: 50%; 107 | border: 0; 108 | height: 6px; 109 | box-shadow: 0 0 5px 1px rgba(255,255,255,0.3); 110 | background-image: linear-gradient(to right, rgba(255, 255,255,0.2), rgba(255,255,255,0.85), rgba(255,255,255, 0.2)); 111 | } 112 | .registrationl{ 113 | text-decoration: none; 114 | opacity: 0.7; 115 | color: #333; 116 | font-weight: bold; 117 | margin-top: 10px; 118 | } 119 | .registrationl:focus{ 120 | outline: none; 121 | } 122 | @keyframes pulse { 123 | from { 124 | transform: scale3d(1, 1, 1); 125 | } 126 | 127 | 50% { 128 | transform: scale3d(1.05, 1.05, 1.05); 129 | } 130 | 131 | to { 132 | transform: scale3d(1, 1, 1); 133 | } 134 | } 135 | 136 | .pulse { 137 | animation-name: pulse; 138 | } 139 | @media only screen and (max-width: 975px){ 140 | .text-align { 141 | margin-left: 50px; 142 | } 143 | .formt{ 144 | max-width: 100%; 145 | } 146 | } 147 | @media only screen and (max-width: 720px){ 148 | .text-align { 149 | margin-left: 0px; 150 | } 151 | } 152 | 153 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/rules.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Rules 8 | 9 | 10 | 11 | 12 | 13 | 26 | 27 | 28 |
29 |
30 | 31 | Home 32 | 33 | 34 | Hackathon 35 | 36 | 37 | Log out 38 | 39 |
40 |
41 |
42 |

Rules:

43 |

1. Registrations

44 | 49 |

2. Eligibility

50 | 56 |

3. During Hackathon/Competition

57 | 64 |

4. Results

65 | 69 |

5. Our hackathon is dedicated to provide a harassment-free experience for everyone. We do not tolerate harassment of hackathon participants in any form. Hackathon participants violating these rules may be sanctioned or expelled from the hackathon at the discretion of the hackathon organizers.

70 |

Hackathon staff will be happy to help participants.

71 |

We value your attendance.

72 |

We expect participants to follow these rules at hackathon and workshop venues and hackathon related events.

73 |
74 | 75 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/registration.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | REGISTER 14 | 15 | 16 | 17 |
18 |
19 | 20 | HOME 21 | 22 |

23 | Please Brief Yourself Before Going Ahead 24 |

25 |
26 |
27 |
28 |
29 |
30 | 31 | REGISTER 32 | 33 |
34 |

{{msg}}

35 |
36 |

{{error}}

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 |
{{num1}} + {{num2}}
78 |
79 | 80 | 81 | 82 | 83 |
84 |
85 | 86 |
87 |
88 | 89 | Existing User? Login Here! 90 | 91 |
92 |
93 |
94 | 95 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/maindash.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Dashboard 8 | 9 | 10 | 11 | 62 | 63 | 64 |
65 |
66 | 67 | Challengers 68 | 69 | 70 |
71 | 72 |
73 | 74 | 75 |
76 |
77 |
78 |
79 |

"The Moment you stop accepting challenges
is the moment you stop moving forward... "

80 |
81 |
82 |

Hello user

83 | 84 |
85 |
86 |
87 |
88 |

Recent Event

89 |
90 |
91 |
92 |

Hackathon

93 |

Challengers invites you to the very first event organised by us!
94 | A 24-hour coding competition for each and everyone
95 | For the first time in Institute of Innovation in Technology and Management
96 | Started On: 09 Sep, 09:00 A.M.
97 | Ended On: 10 Sep, 11:59 A.M.

98 | 99 |

100 | 129 |

Want to Practice?Have a look at the pattern of questions

130 |
131 |

Select Programming Language  132 | 140 |

141 | 142 | 143 | 144 |
145 |
146 | 147 |
148 |
149 |
150 | 151 | -------------------------------------------------------------------------------- /Evaluation site/templates/answer1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hackathon 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 |
16 | 17 | Hackathon 18 | 19 | 20 |

21 | 45 | 46 | 47 | Logout 48 | 49 |
50 |
51 |

Answers checked : {{d}}

52 |

Remaining : {{e}}

53 |
54 |
55 |

Recheck Marks

 56 |
57 | S.no = {{i}}
58 | language={{language}} 59 |
60 | {% if checked1=='1' %} 61 |

Passed First Layer

62 | {% endif %} 63 | {% if updated=='1' %} 64 |

Updation Performed

65 | {% endif %} 66 | {% if checked2=='1' %} 67 |

Passed Second Layer

68 | {% endif %} 69 |
70 |
71 |
72 |

Ques No- {{quesn}}

73 |
74 |
75 |
76 |
77 |
78 |

Title = {{ques|safe}}

79 |
80 |
81 |

Description

{{desc|safe}}

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 | 119 | 120 | 121 |
122 |
123 | 124 | 126 | 127 | 128 |
129 | 130 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/answer1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hackathon 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 |
16 | 17 | Hackathon 18 | 19 | 20 |

21 | 50 | 51 | 52 | End Test 53 | 54 |
55 |
56 |
57 |
58 |

59 | Questions 60 |

61 |
62 |
63 |
64 |
65 | 66 |
 Level 1: Craftsman
67 | {% for row in rows1 %} 68 | 70 | {{row["level"]}}. 71 | {{row["tit"]}} 72 | 73 | 74 |
75 | {% endfor %} 76 | 77 |
 Level 2: Sea Wolf
78 | 79 | {% for row in rows2 %} 80 | 81 | 83 | {{row["level"]}}. 84 | {{row["tit"]}} 85 | 86 | 87 |
88 | {% endfor %} 89 | 90 |
 Level 3: Blenders Pride
91 | 92 | {% for row in rows3 %} 93 | 94 | 96 | {{row["level"]}}. 97 | {{row["tit"]}} 98 | 99 | 100 |
101 | {% endfor %} 102 | 103 |
69 |
82 |
95 |
104 |

Announcements

 105 |
106 |
107 |
108 |

{{title|safe}}

109 |
110 |
111 |
112 |
113 |
114 |

{{about|safe}}

115 |
116 |
117 | {% if i=='11' %} 118 | 119 |
120 |

{{extra|safe}}

121 | {% endif %} 122 |
123 | 124 | 125 |
126 |

"Compile Your Code Here" and save your solution below

127 | 128 |
129 |
130 |
131 |
132 |
133 | 134 |
135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | Any Doubts? 144 | 145 | 146 |
147 | 148 |
149 |
150 |
151 | 152 | -------------------------------------------------------------------------------- /Evaluation site/app.py: -------------------------------------------------------------------------------- 1 | """This is a project made and implemented using Flask Framework with backend as SQLITE3 and front end designing in HTML5 and CSS3. 2 | The purpose of the project was to develop a platform where high level programming competitions can be thrown with the well defined 3 | deadline. We built this project and tested it by successfully organizing a National level programming Hackthon. 4 | The project was developed within 10 days of time interval(9 August 2017- 19 August 2017). 5 | This project is being developed by Ranajoy, BCA 3rd Semester, IITM, IP University, New Delhi- ranajoydutta7@gmail.com. 6 | and Anant Kaushik (Front End Designer), BCA 3rd Semester, IITM, IP University, New Delhi- anant.kaushik2@gmail.com""" 7 | 8 | from flask import Flask, render_template, request, redirect, url_for, g, session 9 | import sqlite3 as sql,os 10 | 11 | app = Flask(__name__,static_url_path='') 12 | app.secret_key = os.urandom(24) 13 | 14 | def slic(string): 15 | ta=str(string) 16 | sliced = ta[3:-4] 17 | return sliced 18 | 19 | def slic1(string): 20 | ta=str(string) 21 | sliced = ta[2:-3] 22 | return sliced 23 | 24 | @app.route('/',methods=['GET','POST']) 25 | def all(): 26 | if g.user: 27 | i=1 28 | return redirect(url_for('check',i=i)) 29 | else: 30 | if request.method=='POST': 31 | password=request.form['password'] 32 | i=1 33 | session.pop('user', None) 34 | if password=='qwerty089796' or password=='sdfssk': 35 | session['user'] = password 36 | return redirect(url_for('check',i=i)) 37 | else: 38 | msg="Invalid Credentials !" 39 | return render_template('all.html',msg=msg) 40 | return render_template("all.html") 41 | 42 | 43 | @app.route('/getsession') 44 | def getsession(): 45 | if 'user' in session: 46 | return session['user'] 47 | return 'Not logged in!' 48 | 49 | @app.route('/logout') 50 | def logout(): 51 | session.pop('user', None) 52 | return redirect(url_for('all')) 53 | 54 | @app.route('/check/') 55 | def check(i): 56 | if g.user: 57 | ques=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15] 58 | con=sql.connect("/home/anantkaushik/mysite/database_ch.db") 59 | cur=con.cursor() 60 | cur.execute('select level from answer where sno=?',(i,)) 61 | level=cur.fetchall() 62 | level=str(level) 63 | level=level[2:-3] 64 | level=int(level) 65 | if level in ques: 66 | updated,checked1,checked2=2,2,2 67 | cur.execute('select updated,checked1,checked2 from answer where sno=?',(i,)) 68 | flag=cur.fetchall() 69 | flag=str(flag) 70 | updated=flag[1:-2] 71 | print(flag) 72 | updated=int(str(flag)[2:-8]) 73 | checked1=int(str(flag)[4:-5]) 74 | checked2=int(str(flag)[8:-2]) 75 | cur.execute('select input_test_case from answer where sno=?',(i,)) 76 | input_case=slic1(cur.fetchall()); 77 | 78 | cur.execute('select variation_test_case from answer where sno=?',(i,)) 79 | var=slic1(cur.fetchall()); 80 | 81 | cur.execute('select garbage_test_case from answer where sno=?',(i,)) 82 | gar=slic1(cur.fetchall()); 83 | 84 | cur.execute('select total1 from answer where sno=?',(i,)) 85 | total1=slic1(cur.fetchall()); 86 | 87 | cur.execute('select user_defined_function from answer where sno=?',(i,)) 88 | user_defined=slic1(cur.fetchall()); 89 | 90 | cur.execute('select indentation from answer where sno=?',(i,)) 91 | indent=slic1(cur.fetchall()); 92 | 93 | cur.execute('select total2 from answer where sno=?',(i,)) 94 | total2=slic1(cur.fetchall()); 95 | 96 | cur.execute('select extra_variable from answer where sno=?',(i,)) 97 | extra_var=slic1(cur.fetchall()); 98 | 99 | cur.execute('select Cummilative from answer where sno=?',(i,)) 100 | cumm=slic1(cur.fetchall()); 101 | 102 | cur.execute('select time_taken from answer where sno=?',(i,)) 103 | time=slic1(cur.fetchall()); 104 | 105 | cur.execute('select checked1 from answer where sno=?',(i,)) 106 | checked1=slic1(cur.fetchall()); 107 | 108 | cur.execute('select checked2 from answer where sno=?',(i,)) 109 | checked2=slic1(cur.fetchall()); 110 | 111 | cur.execute('select updated from answer where sno=?',(i,)) 112 | updated=slic1(cur.fetchall()); 113 | 114 | cur.execute('select language from users where email=(select email from answer where sno=?)',(i,)) 115 | a=slic(cur.fetchall()) 116 | 117 | cur.execute("select tit from ques where level =(select level from answer where sno=?)",(i,)) 118 | b=slic(cur.fetchall()) 119 | 120 | cur.execute("select about from ques where level =(select level from answer where sno=?)",(i,)) 121 | c=slic(cur.fetchall()) 122 | 123 | cur.execute("select count(email) from answer where checked2=1") 124 | d=str(cur.fetchall()) 125 | d=int(d[2:-3]) 126 | e=355-d 127 | val =None 128 | cur.execute("select answer from answer where sno=?",(i,)) 129 | val = slic(cur.fetchall()); 130 | val=val.replace('\r\n',' ') 131 | con.close() 132 | return render_template('answer1.html',quesn=level,language=a,ques=b,i=i,val=val,desc=c,d=d,e=e,input_case=input_case,var=var,gar=gar,total1=total1,user_defined=user_defined,indent=indent,total2=total2,extra_var=extra_var,cumm=cumm,time=time,checked1=checked1,checked2=checked2,updated=updated) 133 | else: 134 | con.close() 135 | return redirect(url_for('prac',q=i)) 136 | else: 137 | return "

Plz Login!

" 138 | 139 | 140 | @app.route('/pra',methods=['GET','POST']) 141 | def pra(): 142 | if request.method=='POST': 143 | i=request.form['level'] 144 | 145 | return redirect(url_for('prac',q=i)) 146 | 147 | @app.route('/prac/') 148 | def prac(q): 149 | q=int(q) 150 | q += 1 151 | return redirect(url_for('check',i=q)) 152 | 153 | @app.route('/update',methods=['GET','POST']) 154 | def update(): 155 | if request.method == 'POST': 156 | try: 157 | con=sql.connect("/home/anantkaushik/mysite/database_ch.db") 158 | cur=con.cursor() 159 | input_test_case = int(request.form['input_test_case']) 160 | variation_test_case = int(request.form['variation_test_case']) 161 | garbage_test_case = int(request.form['garbage_test_case']) 162 | total1 = input_test_case + variation_test_case + garbage_test_case 163 | i = int(request.form['i']) 164 | user_defined_function = int(request.form['user_defined_function']) 165 | indentation = int(request.form['indentation']) 166 | total2 = indentation + user_defined_function 167 | time_taken = int(request.form['time_taken']) 168 | flag=1 169 | extra_variable = int(request.form['extra_variable']) 170 | cummilative = total1 + total2 - extra_variable +time_taken 171 | if g.user=='secondcheck': 172 | cur.execute("update answer set input_test_case=?,variation_test_case=?,garbage_test_case=?,total1=?,user_defined_function=?,indentation=?,total2=?,extra_variable=?,Cummilative=? where sno=?",(input_test_case,variation_test_case,garbage_test_case,total1,user_defined_function,indentation,total2,extra_variable,cummilative,i)) 173 | cur.execute("update answer set updated=1,checked1=1,checked2=1,time_taken=? where sno=?",(time_taken,i,)) 174 | elif g.user=='recheckall': 175 | cur.execute("update answer set input_test_case=?,variation_test_case=?,garbage_test_case=?,total1=?,user_defined_function=?,indentation=?,total2=?,extra_variable=?,Cummilative=? where sno=?",(input_test_case,variation_test_case,garbage_test_case,total1,user_defined_function,indentation,total2,extra_variable,cummilative,i)) 176 | cur.execute("update answer set updated=1,checked1=1,time_taken=? where sno=?",(time_taken,i,)) 177 | else: 178 | return "

Login plz!

" 179 | con.commit() 180 | cur.close() 181 | con.close() 182 | return redirect(url_for('prac',q=i)) 183 | except: 184 | con.rollback() 185 | return "

Transaction failed!

" 186 | 187 | @app.route('/checked',methods=['GET','POST']) 188 | def checked(): 189 | if request.method == 'POST': 190 | try: 191 | con=sql.connect("/home/anantkaushik/mysite/database_ch.db") 192 | cur=con.cursor() 193 | i = int(request.form['level']) 194 | if g.user=='secondcheck': 195 | cur.execute("update answer set checked1=1,checked2=1 where sno=?",(i,)) 196 | elif g.user=='recheckall': 197 | cur.execute("update answer set checked1=1 where sno=?",(i,)) 198 | else: 199 | return "

Login plz!

" 200 | con.commit() 201 | cur.close() 202 | con.close() 203 | return redirect(url_for('prac',q=i)) 204 | except: 205 | con.rollback() 206 | return "

Transaction failed!

" 207 | 208 | @app.route('/table') 209 | def table(): 210 | con1 = sql.connect("/home/anantkaushik/mysite/database_ch.db") 211 | con1.row_factory = sql.Row 212 | cur1 = con1.cursor() 213 | cur1.execute("select sno,input_test_case,variation_test_case,garbage_test_case,total1,user_defined_function,indentation,total2,extra_variable,cummilative from answer where (flag=1) and (cummilative <> 0) order by sno;") 214 | rows = cur1.fetchall(); 215 | cur1.close() 216 | con1.close() 217 | return render_template('tables.html',rows=rows) 218 | 219 | @app.errorhandler(500) 220 | def internal_server_error(e): 221 | return '''

Go to Home

''', 500 222 | 223 | if __name__ == '__main__': 224 | app.run(debug=True) 225 | 226 | -------------------------------------------------------------------------------- /Challengers-Main site/templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Welcome Challengers 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 117 | 118 | 119 | 120 |
121 | 126 | 133 | 134 |
135 |
136 |
137 |
138 | 139 |
140 |

Hackathon 2017

141 |
142 |

To all the dear participants of Challengers Hackathon 2017 (held on 9-10 Sep 2017)
143 | Thank you for making it a grand success Results are already announced.
144 | Please check your dashboard to know your result.
145 | Heartiest Congratulaion to one and all.
146 | We're proud to announce top 15 rankers at national level.

147 |


Congratulations and Thank you we will be back soon

148 |

149 | 178 | 182 |
183 | poster 184 |
185 |
186 | 187 | 188 | 189 |
190 |
191 |

“All Learners are not Challengers but all Challengers are learners.”

192 |

We CHALLENGERS are Ardent Learners!

193 |

Why Challengers?

194 |

CHALLENGERS is a Rostrum for young students to raise their standard of learning from Parrot Fashion Learners to Bottlenose Dolphins. Challengers provide platform to represent your college in the challenges thrown by the students of other Colleges and Universities present across the Nation.

195 |

How it Works?

196 |

Right from Freshers to mid-levelers or final year students waiting for recruitment or going for further studies, Anyone and Everyone is welcome to Participate in Competitions hosted by Challengers. Challenge your friends over a problem. Try to find best solution. And learn…

197 |

Not only this but EARN POINTS and taste the FAME BY INDENTIFYING YOURSELF WITH YOUR GLOBAL RANK.

198 |

How to Participate?

199 |

Take part in our college level, state level, national level competitions like Hackathons, Geeks++, Goonj, Case Studies which will be hosted by CHALLENGERS and WIN PRIZES!!
Last but not the least - meet new people, get creative, and have a good time!

200 |

Who are We?

201 |

We are the students at IITM, GGSIP University, New Delhi who built this concept (Python Framework), in order to make our conventional studies programs to match up with high speed technology drift going across the world. Join Us!

202 |
203 |
204 | 205 |
206 | 207 | 208 |
209 |
210 |

Team Challengers

211 |
212 |
213 |
214 |
215 | 216 |

Suruchi Sinha

217 |
218 |
219 |
220 |
221 |
222 | 223 |

Ranajoy Dutta

224 |
225 |
226 |
227 |
228 | 229 |

Anant Kaushik

230 |
231 |
232 |
233 |
234 | 235 |

Mehak Tawakley

236 |
237 |
238 |
239 |
240 | 241 |

Himanshi Kohli

242 |
243 |
244 |
245 |
246 | 247 |

Shivangi Kharbanda

248 |
249 |
250 |
251 |
252 | 253 |

Garvit Singh

254 |
255 |
256 |
257 |
258 | 259 |

Nishant Nirmal

260 |
261 |
262 |
263 |
264 | 265 |

Puneet Malan

266 |
267 |
268 |
269 |

Technical Sponsorship:

270 |
271 | 272 | 273 |
274 |
275 |

Follow us on :

276 |
277 | 282 |
283 | 284 |

©ALL COPYRIGHTS RESERVED
285 | Visitors :

286 |
287 | 288 |
289 | 290 | 291 | 292 | -------------------------------------------------------------------------------- /Challengers-Main site/static/bootstrap.min.css: -------------------------------------------------------------------------------- 1 | html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0} 2 | @media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}} 3 | .container:before,.container:after,.row:before,.row:after{content:" ";display:table} 4 | .container:after,.row:after{clear:both} 5 | -------------------------------------------------------------------------------- /Evaluation site/static/bootstrap.min.css: -------------------------------------------------------------------------------- 1 | html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0} 2 | @media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}} 3 | .container:before,.container:after,.row:before,.row:after{content:" ";display:table} 4 | .container:after,.row:after{clear:both} 5 | -------------------------------------------------------------------------------- /Challengers-Main site/app.py: -------------------------------------------------------------------------------- 1 | """This is a project made and implemented using Flask Framework with backend as SQLITE3 and front end designing in HTML5 and CSS3. 2 | The purpose of the project was to develop a platform where high level programming competitions can be thrown with the well defined 3 | deadline. We built this project and tested it by successfully organizing a National level programming Hackthon. 4 | The project was developed within 10 days of time interval(9 August 2017- 19 August 2017). 5 | This project is being developed by Ranajoy, BCA 3rd Semester, IITM, IP University, New Delhi- ranajoydutta7@gmail.com. 6 | and Anant Kaushik (Front End Designer), BCA 3rd Semester, IITM, IP University, New Delhi- anant.kaushik2@gmail.com""" 7 | 8 | from flask import Flask, render_template, request, redirect, url_for, flash, g, session 9 | import sqlite3 as sql,os,pytz,random 10 | from datetime import datetime 11 | tz=pytz.timezone('Asia/Kolkata') 12 | 13 | app = Flask(__name__,static_url_path='') 14 | app.config["CACHE_TYPE"] = "null" 15 | app.secret_key = os.urandom(24) 16 | 17 | def slic(string): 18 | ta=str(string) 19 | sliced = ta[3:-4] 20 | return sliced 21 | 22 | @app.route('/') 23 | def index(): #Homepage 24 | return render_template("index.html") 25 | 26 | @app.route('/login') 27 | def login(): 28 | if g.user: #If already logged in 29 | return redirect(url_for('maindash')) 30 | else: 31 | return render_template("login.html") 32 | 33 | @app.route('/maindash') 34 | def maindash(): 35 | if g.user: #If already logged in 36 | return render_template('maindash.html',user=session['name']) 37 | return redirect(url_for('login')) 38 | 39 | @app.route('/logout') #route to logout from the session 40 | def logout(): 41 | session.pop('user', None) 42 | return redirect(url_for('index')) 43 | 44 | @app.route('/registration', methods=['GET','POST']) #registration module 45 | def addrec(): 46 | localtime=datetime.now(tz); 47 | if (str(localtime) >'2017-09-03 00:00:00.000000+05:30' and str(localtime)<('2017-09-06 23:99:99.999999+05:30')): #setting opening and closing time of registration 48 | if g.user: 49 | return redirect(url_for('maindash')) 50 | else: 51 | if request.method == 'POST': 52 | lis={0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four', 5: 'five', 6: 'six', 7: 'seven', 8: 'eight', 9: 'nine', 10: 'ten', 11: 'eleven', 12: 'twelve', 13: 'thirteen', 14: 'fourteen', 15: 'fifteen', 16: 'sixteen', 17: 'seventeen', 18: 'eighteen', 19: 'nineteen', 20: 'twenty'} 53 | numb1=request.form['numb1'] #Captcha 54 | numb=request.form['numb2'] 55 | check2=request.form['check'] 56 | for name, age in lis.items(): 57 | if age == numb: 58 | numb2=name 59 | check1=int(numb1)+int(numb2) 60 | if str(check1)!=str(check2): 61 | msg="Incorrect Captcha!" 62 | num1=random.randint(0,500) 63 | lis={0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four', 5: 'five', 6: 'six', 7: 'seven', 8: 'eight', 9: 'nine', 10: 'ten', 11: 'eleven', 12: 'twelve', 13: 'thirteen', 14: 'fourteen', 15: 'fifteen', 16: 'sixteen', 17: 'seventeen', 18: 'eighteen', 19: 'nineteen', 20: 'twenty'} 64 | num2=random.choice(lis) 65 | return render_template('registration.html',msg=msg,num1=num1,num2=num2) 66 | #if user passes all checks (reconfirm password, captcha) 67 | if request.form['password'] == request.form['repassword']: #Reconfirm Password Field 68 | con=sql.connect('database_ch.db') 69 | cur=con.cursor() 70 | email = request.form['email'] 71 | email = email.lower() 72 | flag=0 73 | cur.execute("select flag from users where email = ?",(email,)) 74 | a = cur.fetchone(); 75 | ta=str(a) 76 | output=ta[2:-3] 77 | cur.close() 78 | con.close() 79 | if (output == str(1)): 80 | msg = "E-mail already registered" 81 | num1=random.randint(0,500) 82 | lis={0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four', 5: 'five', 6: 'six', 7: 'seven', 8: 'eight', 9: 'nine', 10: 'ten', 11: 'eleven', 12: 'twelve', 13: 'thirteen', 14: 'fourteen', 15: 'fifteen', 16: 'sixteen', 17: 'seventeen', 18: 'eighteen', 19: 'nineteen', 20: 'twenty'} 83 | num2=random.choice(lis) 84 | return render_template('registration.html',msg=msg,num1=num1,num2=num2) 85 | else: 86 | name = request.form['name'] 87 | Roll_Number = request.form['Roll_Number'] 88 | college = request.form['college'] 89 | university = request.form['university'] 90 | password = request.form['password'] 91 | phone = request.form['phone'] 92 | email = request.form['email'] 93 | email = email.lower() 94 | semester = request.form['semester'] 95 | flag=1 96 | with sql.connect("database_ch.db") as con: 97 | cur = con.cursor() 98 | user_id=name[0:2]+'.'+email+'.'+Roll_Number[0:2] 99 | cur.execute("INSERT INTO users (flag,name,roll_number,college,university,password,user_id,phone,email,semester)VALUES (?,?,?,?,?,?,?,?,?,?)",(flag,name,Roll_Number,college,university,password,user_id,phone,email,semester) ) 100 | con.commit() 101 | msg = "Congrats! You have successfully registered! Please Login" 102 | return render_template("login.html",error = msg) 103 | cur.close() 104 | con.close() 105 | else: 106 | msg = "repassword didnt Match" 107 | num1=random.randint(0,500) 108 | lis={0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four', 5: 'five', 6: 'six', 7: 'seven', 8: 'eight', 9: 'nine', 10: 'ten', 11: 'eleven', 12: 'twelve', 13: 'thirteen', 14: 'fourteen', 15: 'fifteen', 16: 'sixteen', 17: 'seventeen', 18: 'eighteen', 19: 'nineteen', 20: 'twenty'} 109 | num2=random.choice(lis) 110 | return render_template('registration.html',msg=msg,num1=num1,num2=num2) 111 | else: 112 | num1=random.randint(0,500) 113 | lis={0: 'zero', 1: 'one', 2: 'two', 3: 'three', 4: 'four', 5: 'five', 6: 'six', 7: 'seven', 8: 'eight', 9: 'nine', 10: 'ten', 11: 'eleven', 12: 'twelve', 13: 'thirteen', 14: 'fourteen', 15: 'fifteen', 16: 'sixteen', 17: 'seventeen', 18: 'eighteen', 19: 'nineteen', 20: 'twenty'} 114 | num2=random.choice(lis) 115 | return render_template('registration.html',num1=num1,num2=num2) 116 | 117 | #This will execute if the registration timings have been closed 118 | return "

Registrations have been closed !!! Thank You four your cooperation
Go to Home Page

" 119 | 120 | # This is route for Sign-In 121 | @app.route('/search', methods = ['POST']) 122 | def search(): 123 | if request.method == 'POST': 124 | con = sql.connect("database_ch.db") #Opening Database 125 | username = request.form['username'] #getting values from Log in page(from user) 126 | password= request.form['password'] 127 | cur = con.cursor() 128 | username = username.lower() #changing all inputs to lower case 129 | cur.execute("select password from users where email = ?",(username,)) #retrieving password from database, we have used email as primary key in the table 130 | a = cur.fetchone(); 131 | ta=str(a) 132 | output=ta[2:-3] 133 | cur.execute("select name from users where email = ?",(username,)) 134 | b = cur.fetchone(); 135 | tb=str(b) 136 | name=tb[2:-3] 137 | session.pop('user', None) 138 | cur.close() 139 | con.close() 140 | 141 | if request.form['password'] == output and output != '': #matching the credentials 142 | session['user'] = username 143 | session['name'] = name 144 | return redirect(url_for('maindash')) 145 | else: 146 | error='Invalid Credentials! Please Try Again' 147 | return render_template('login.html',error=error) 148 | return render_template('login.html') 149 | 150 | @app.route('/rules') 151 | def rules(): 152 | return render_template('rules.html') 153 | 154 | @app.route('/pra',methods=['GET','POST']) # routing for Hackathon (answer) page 155 | def pra(): 156 | if request.method == 'POST': 157 | level = request.form['level'] 158 | return redirect(url_for('prac',q=level)) 159 | 160 | @app.route('/prac/') # Routing to open next question 161 | def prac(q): 162 | q=int(q) 163 | if q<15: 164 | q += 1 165 | else: 166 | q = 1 167 | return redirect(url_for('practice',i=q)) 168 | 169 | @app.route('/practice') 170 | def prac_route(): 171 | return redirect(url_for('practice',i=1)) 172 | 173 | @app.route('/practice/') #main route for Hackthon Page (Retrieving and showing questions) 174 | def practice(i): 175 | if not g.user: 176 | return redirect(url_for('login')) 177 | else: 178 | if (int(i)<=15): 179 | con = sql.connect("hack_it_v3.db") 180 | cur = con.cursor() 181 | con2 = sql.connect('hack_it_v3.db') 182 | cur2 = con2.cursor() 183 | val =None 184 | cur2.execute("select answer from answer where level = ? and email = ?",(i,g.user,)) 185 | val = slic(cur2.fetchall()); 186 | val = str(val) 187 | if val !="": 188 | color = 'red' 189 | else: 190 | color = 'black' 191 | 192 | cur.execute("select tit from ques where level=?",(i,)) 193 | title = slic(cur.fetchall()); 194 | 195 | cur.execute("select about from ques where level=?",(i,)) 196 | about = slic(cur.fetchall()); 197 | 198 | if int(i)==11: 199 | cur.execute("select extra from ques where level=11") 200 | extra = slic(cur.fetchall()); 201 | else: 202 | extra=None 203 | 204 | cur.close() 205 | con.close() 206 | 207 | con1 = sql.connect("hack_it_v3.db") 208 | con1.row_factory = sql.Row 209 | cur1 = con1.cursor() 210 | 211 | cur1.execute("select * from ques where level <= 8") 212 | rows1 = cur1.fetchall(); 213 | 214 | cur1.execute("select * from ques where level > 8 and level <= 13 ") 215 | rows2 = cur1.fetchall(); 216 | 217 | cur1.execute("select * from ques where level >= 14") 218 | rows3 = cur1.fetchall(); 219 | cur1.close() 220 | con1.close() 221 | 222 | cur2.close() 223 | con2.close() 224 | 225 | return render_template("answer1.html",extra=extra,i=i,level=i,color=color,rows1=rows1,rows3=rows3,rows2=rows2,about=about,title=title,val=val) 226 | elif (int(i)<=15): 227 | return 228 | else: 229 | return redirect(url_for("maindash")) 230 | 231 | @app.route('/submit',methods=['GET','POST']) #Route for submission of answers 232 | def ans(): 233 | if request.method == 'POST': 234 | ans= request.form['ans'] 235 | level=request.form['level'] 236 | con=sql.connect('hack_it_v3.db') 237 | cur=con.cursor() 238 | localtime = datetime.now(tz) 239 | cur.execute("select time from answer where level = ? and email=?",(level,g.user,)) 240 | check = slic(cur.fetchall()); 241 | ans=ans.replace('\r\n',' ') #replacing all tabs and new lines with their ascii values 242 | print (check) 243 | if (check==""): 244 | print ("inserted") 245 | else: 246 | print ("updated") 247 | con.commit() 248 | cur.close() 249 | con.close() 250 | return redirect(url_for('practice',i=level)) 251 | 252 | 253 | def al(): 254 | con = sql.connect("database_ch.db") 255 | con.row_factory = sql.Row 256 | cur = con.cursor() 257 | cur.execute("select * from users") 258 | rows = cur.fetchall(); 259 | cur.close() 260 | con.close() 261 | return rows 262 | 263 | 264 | @app.route('/admin/list') 265 | def list(): 266 | if g.user == "ranajoydutta7@gmail.com" or g.user == "anantkaushik2628@gmail.com" or g.user == "suruchi.sinha90@gmail.com" : #allowing access only to the admin (all admins) 267 | con1 = sql.connect("database_ch.db") #opening database having user information 268 | cur1 = con1.cursor() 269 | cur1.execute("select count(*) from users") #retreiving all Information regarding the users 270 | coun = cur1.fetchall(); 271 | coun=str(coun) 272 | coun=coun[2:-3] 273 | cur1.close() 274 | con1.close() 275 | rows = al() 276 | return render_template("tables.html",rows = rows,count=coun) 277 | else: 278 | return "

Prohibitted

" #If unauthorized users try to access this page (any user other than admin) 279 | 280 | @app.route('/delrec',methods=['GET','POST']) 281 | def delrec(): 282 | if request.method == 'POST' and g.user == "ranajoydutta7@gmail.com": #Only This admin can make any change in data present in database 283 | con1 = sql.connect("database_ch.db") 284 | cur1 = con1.cursor() 285 | cur1.execute("select count(*) from users") 286 | coun = cur1.fetchall(); 287 | coun=str(coun) 288 | coun=coun[2:-3] 289 | cur1.close() 290 | con1.close() 291 | 292 | try: 293 | con = sql.connect("database_ch.db") 294 | cur = con.cursor() 295 | rec = request.form['email'] #make any change by providing sqlite3 Commands 296 | cur.execute(rec) 297 | a=cur.fetchall(); 298 | con.commit() 299 | cur.close() 300 | con.close() 301 | rows=al() 302 | except: 303 | a = "Failed" 304 | finally: 305 | return render_template('tables.html',rows=rows,error=a,count=coun) 306 | elif g.user != "ranajoydutta7@gmail.com": 307 | return """

Trespassing Prohibited
You Dont have enough permisions

""" 308 | 309 | @app.route('/language',methods=['GET','POST']) 310 | def language(): 311 | if request.method == 'POST': 312 | con=sql.connect('database_ch.db') 313 | cur=con.cursor() 314 | language = request.form['language'] 315 | cur.execute("UPDATE users SET language = ? WHERE email = ?",(language, g.user)) 316 | con.commit() 317 | cur.close() 318 | con.close() 319 | return redirect(url_for('prac_route')) 320 | 321 | @app.route('/ringless_mail', methods = ['GET','POST']) #this is a broadcasting module 322 | def broad(): 323 | if g.user=='ranajoydutta7@gmail.com' or g.user=='suruchi.sinha90@gmail.com': 324 | con=sql.connect("database_ch.db") 325 | cur=con.cursor() 326 | cur.execute("select message from broadcast where user = 'admin'") 327 | inp=slic(cur.fetchall()) 328 | con.commit() 329 | if request.method == 'POST': 330 | asd=request.form['ins'] 331 | con=sql.connect("database_ch.db") 332 | cur=con.cursor() 333 | cur.execute("select message from broadcast where user = 'admin'") 334 | inp=slic(cur.fetchall()) 335 | con.commit() 336 | 337 | if not inp: 338 | inp="

"+asd+"

" 339 | cur.execute('insert into broadcast (message) values (?)',(inp,)) 340 | con.commit() 341 | else: 342 | inp=inp+"

>>> "+asd+"

" 343 | cur.execute("UPDATE broadcast SET message = ? WHERE user='admin'",(inp,)) 344 | con.commit() 345 | 346 | return render_template("b.html",inpu=inp,user=g.user) 347 | cur.close() 348 | con.close() 349 | return render_template("b.html",inpu=inp,user=g.user) 350 | else: 351 | con=sql.connect("database_ch.db") 352 | cur=con.cursor() 353 | cur.execute("select message from broadcast where user = 'admin'") 354 | inp=slic(cur.fetchall()) 355 | con.commit() 356 | cur.close() 357 | con.close() 358 | return render_template("b.html",inpu=inp) 359 | 360 | 361 | @app.errorhandler(404) 362 | def page_not_found(e): 363 | return '''

Go to Home

''', 404 364 | 365 | @app.errorhandler(500) 366 | def internal_server_error(e): 367 | return '''

Go to Home

''', 500 368 | 369 | @app.errorhandler(405) 370 | def method_not_allowed(e): 371 | return '''

Go to Home

''', 405 372 | 373 | if __name__ == '__main__': 374 | app.run(debug=True) 375 | -------------------------------------------------------------------------------- /Challengers-Main site/static/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 5 | -------------------------------------------------------------------------------- /Challengers-Main site/static/main.css: -------------------------------------------------------------------------------- 1 | @import url(font-awesome.min.css); 2 | @import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400"; 3 | /*resetting everything*/ 4 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 5 | margin: 0; 6 | padding: 0; 7 | border: 0; 8 | font-size: 100%; 9 | font: inherit; 10 | vertical-align: baseline; 11 | } 12 | 13 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 14 | display: block; 15 | } 16 | 17 | body { 18 | line-height: 1; 19 | } 20 | 21 | ol, ul { 22 | list-style: none; 23 | } 24 | 25 | blockquote, q { 26 | quotes: none; 27 | } 28 | 29 | blockquote:before, blockquote:after, q:before, q:after { 30 | content: ''; 31 | content: none; 32 | } 33 | 34 | 35 | 36 | /* navbar sizing */ 37 | 38 | *, *:before, *:after { 39 | box-sizing: border-box; 40 | } 41 | 42 | 43 | 44 | /* Basic */ 45 | 46 | body { 47 | background-color: #935d8c; 48 | background:linear-gradient(45deg, #e37682 15%, #5f4d93 85%); 49 | background-image: url("bg.jpg"); 50 | background-repeat: no-repeat; 51 | background-attachment: fixed; 52 | } 53 | 54 | /* Type */ 55 | 56 | body { 57 | color: rgba(255, 255, 255, 0.65); 58 | } 59 | 60 | body, input, select, textarea { 61 | font-family: "Source Sans Pro", Helvetica, sans-serif; 62 | font-size: 17pt; 63 | font-weight: 300; 64 | line-height: 1.65; 65 | } 66 | 67 | a { 68 | transition: color 0.2s ease, border-bottom 0.2s ease; 69 | text-decoration: none; 70 | border-bottom: dotted 1px; 71 | color: inherit; 72 | } 73 | 74 | a:hover { 75 | border-bottom-color: transparent; 76 | } 77 | 78 | strong, b { 79 | font-weight: 400; 80 | } 81 | 82 | em, i { 83 | font-style: italic; 84 | } 85 | 86 | p { 87 | margin: 0 0 2em 0; 88 | } 89 | 90 | p.content { 91 | columns: 20em 2; 92 | column-gap: 2em; 93 | text-align: justify; 94 | } 95 | 96 | h1, h2, h3, h4, h5, h6 { 97 | color: #ffffff; 98 | font-weight: 300; 99 | line-height: 1.5; 100 | margin: 0 0 0.7em 0; 101 | letter-spacing: -0.025em; 102 | } 103 | 104 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 105 | color: inherit; 106 | text-decoration: none; 107 | } 108 | 109 | h1 { 110 | font-size: 2.5em; 111 | line-height: 1.2; 112 | } 113 | 114 | h2 { 115 | font-size: 1.5em; 116 | } 117 | 118 | h3 { 119 | font-size: 1.25em; 120 | } 121 | 122 | h4 { 123 | font-size: 1.1em; 124 | } 125 | 126 | h5 { 127 | font-size: 0.9em; 128 | } 129 | 130 | h6 { 131 | font-size: 0.7em; 132 | } 133 | 134 | hr { 135 | border: 0; 136 | border-bottom: solid 1px; 137 | margin: 2em 0; 138 | border-bottom-color: rgba(255, 255, 255, 0.35); 139 | } 140 | 141 | hr.major { 142 | margin: 3em 0; 143 | } 144 | 145 | .align-left { 146 | text-align: left; 147 | } 148 | 149 | .align-center { 150 | text-align: center; 151 | } 152 | 153 | .align-right { 154 | text-align: right; 155 | } 156 | 157 | input, select, textarea { 158 | color: #ffffff; 159 | } 160 | 161 | a:hover { 162 | color: #ffffff; 163 | } 164 | 165 | strong, b { 166 | color: #ffffff; 167 | } 168 | 169 | 170 | /* Button */ 171 | 172 | input[type="submit"], 173 | input[type="reset"], 174 | input[type="button"], 175 | button, 176 | .button { 177 | appearance: none; 178 | transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 179 | border-radius: 8px; 180 | border: 0; 181 | cursor: pointer; 182 | display: inline-block; 183 | font-weight: 300; 184 | height: 2.75em; 185 | line-height: 2.75em; 186 | min-width: 9.25em; 187 | padding: 0 1.5em; 188 | text-align: center; 189 | text-decoration: none; 190 | white-space: nowrap; 191 | } 192 | 193 | /* Form */ 194 | 195 | form { 196 | margin: 0 0 2em 0; 197 | } 198 | 199 | label { 200 | display: block; 201 | font-size: 0.9em; 202 | font-weight: 400; 203 | margin: 0 0 1em 0; 204 | } 205 | .select-wrapper { 206 | text-decoration: none; 207 | display: block; 208 | position: relative; 209 | } 210 | 211 | label { 212 | color: #ffffff; 213 | } 214 | 215 | 216 | /* Icon */ 217 | 218 | .icon { 219 | text-decoration: none; 220 | transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 221 | border-bottom: none; 222 | position: relative; 223 | } 224 | 225 | /* Image */ 226 | 227 | .image { 228 | border-radius: 8px; 229 | border: 0; 230 | display: inline-block; 231 | position: relative; 232 | } 233 | 234 | .image img { 235 | border-radius: 8px; 236 | display: block; 237 | } 238 | /* List */ 239 | 240 | ol { 241 | list-style: decimal; 242 | margin: 0 0 2em 0; 243 | padding-left: 1.25em; 244 | } 245 | 246 | ol li { 247 | padding-left: 0.25em; 248 | } 249 | 250 | ul { 251 | list-style: disc; 252 | margin: 0 0 2em 0; 253 | padding-left: 1em; 254 | } 255 | 256 | ul li { 257 | padding-left: 0.5em; 258 | } 259 | 260 | ul.alt { 261 | list-style: none; 262 | padding-left: 0; 263 | } 264 | 265 | 266 | /* Features */ 267 | 268 | .features { 269 | display: flex; 270 | flex-wrap: wrap; 271 | justify-content: center; 272 | width: calc(100% + 2em); 273 | margin: 0 0 3em -2em; 274 | padding: 0; 275 | list-style: none; 276 | } 277 | 278 | .features li { 279 | width: calc(33.33333% - 2em); 280 | margin-left: 2em; 281 | margin-top: 3em; 282 | padding: 0; 283 | } 284 | 285 | .features li:nth-child(1), .features li:nth-child(2), .features li:nth-child(3) { 286 | margin-top: 0; 287 | } 288 | 289 | .features li > :last-child { 290 | margin-bottom: 0; 291 | } 292 | 293 | /* Spotlight */ 294 | 295 | .spotlight { 296 | display: flex; 297 | align-items: center; 298 | margin: 0 0 2em 0; 299 | } 300 | 301 | .spotlight .content { 302 | flex: 1; 303 | } 304 | .spotlight .image { 305 | border-color: rgba(255, 255, 255, 0.35); 306 | } 307 | 308 | /* Header */ 309 | 310 | #header { 311 | padding: 5em 5em 1em 5em ; 312 | text-align: center; 313 | } 314 | 315 | #header h1 { 316 | margin: 0 0 0.25em 0; 317 | } 318 | 319 | #header p { 320 | font-size: 1.25em; 321 | letter-spacing: -0.025em; 322 | } 323 | 324 | #header.alt { 325 | padding: 7em 5em 4em 5em ; 326 | } 327 | 328 | #header.alt h1 { 329 | font-size: 3.25em; 330 | } 331 | 332 | #header.alt > * { 333 | -moz-transition: opacity 3s ease; 334 | -webkit-transition: opacity 3s ease; 335 | -ms-transition: opacity 3s ease; 336 | transition: opacity 3s ease; 337 | -moz-transition-delay: 0.5s; 338 | -webkit-transition-delay: 0.5s; 339 | -ms-transition-delay: 0.5s; 340 | transition-delay: 0.5s; 341 | opacity: 1; 342 | } 343 | 344 | 345 | @media screen and (max-width: 1280px) { 346 | #header { 347 | padding: 4em 4em 0.1em 4em ; 348 | } 349 | 350 | #header.alt { 351 | padding: 6em 4em 3em 4em ; 352 | } 353 | 354 | } 355 | 356 | @media screen and (max-width: 980px) { 357 | 358 | #header { 359 | padding: 4em 3em 0.1em 3em ; 360 | } 361 | 362 | #header.alt { 363 | padding: 5em 3em 2em 3em ; 364 | } 365 | 366 | } 367 | 368 | @media screen and (max-width: 736px) { 369 | #header { 370 | padding: 3em 2em 0.1em 2em ; 371 | } 372 | #header p { 373 | font-size: 1em; 374 | letter-spacing: 0; 375 | } 376 | #header p br { 377 | display: none; 378 | } 379 | #header.alt { 380 | padding: 4em 2em 1em 2em ; 381 | } 382 | 383 | #header.alt h1 { 384 | font-size: 2.5em; 385 | } 386 | } 387 | 388 | @media screen and (max-width: 480px) { 389 | #header { 390 | padding: 3em 1.5em 0.1em 1.5em ; 391 | } 392 | #header.alt { 393 | padding: 4em 1.5em 1em 1.5em ; 394 | } 395 | 396 | } 397 | @media screen and (max-width: 360px) { 398 | #header { 399 | padding: 2.5em 1em 0.1em 1em ; 400 | } 401 | #header.alt { 402 | padding: 3.5em 1em 0.5em 1em ; 403 | } 404 | 405 | } 406 | 407 | body.is-loading #header.alt > * { 408 | opacity: 0; 409 | } 410 | 411 | 412 | /* Nav */ 413 | 414 | #nav { 415 | -moz-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; 416 | -webkit-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; 417 | -ms-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; 418 | transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; 419 | background-color: #ffffff; 420 | color: #636363; 421 | position: absolute; 422 | width: 64em; 423 | max-width: calc(100% - 4em); 424 | padding: 1em; 425 | background-color: #f7f7f7; 426 | border-top-left-radius: 0.25em; 427 | border-top-right-radius: 0.25em; 428 | cursor: default; 429 | text-align: center; 430 | } 431 | #nav input, #nav select, #nav textarea { 432 | color: #636363; 433 | } 434 | 435 | #nav a:hover { 436 | color: #636363; 437 | } 438 | 439 | #nav strong, #nav b { 440 | color: #636363; 441 | } 442 | 443 | #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 { 444 | color: #636363; 445 | } 446 | 447 | #nav blockquote { 448 | border-left-color: #dddddd; 449 | } 450 | 451 | #nav code { 452 | background: rgba(222, 222, 222, 0.25); 453 | border-color: #dddddd; 454 | } 455 | 456 | #nav hr { 457 | border-bottom-color: #dddddd; 458 | } 459 | 460 | #nav + #main { 461 | padding-top: 4.25em; 462 | } 463 | 464 | #nav ul { 465 | margin: 0; 466 | padding: 0; 467 | list-style: none; 468 | } 469 | 470 | #nav ul li { 471 | -moz-transition: margin 0.2s ease; 472 | -webkit-transition: margin 0.2s ease; 473 | -ms-transition: margin 0.2s ease; 474 | transition: margin 0.2s ease; 475 | display: inline-block; 476 | margin: 0 0.35em; 477 | padding: 0; 478 | vertical-align: middle; 479 | } 480 | 481 | #nav ul li a { 482 | -moz-transition: font-size 0.2s ease; 483 | -webkit-transition: font-size 0.2s ease; 484 | -ms-transition: font-size 0.2s ease; 485 | transition: font-size 0.2s ease; 486 | display: inline-block; 487 | height: 2.25em; 488 | line-height: 2.25em; 489 | padding: 0 1.25em; 490 | border: 0; 491 | border-radius: 8px; 492 | box-shadow: inset 0 0 0 1px transparent; 493 | } 494 | 495 | #nav ul li a:hover { 496 | background-color: rgba(222, 222, 222, 0.25); 497 | } 498 | #nav ul li a.active { 499 | background-color: #ffffff; 500 | box-shadow: none; 501 | } 502 | 503 | #nav.alt { 504 | position: fixed; 505 | top: 0; 506 | padding: 0.5em 1em; 507 | background-color: rgba(247, 247, 247, 0.95); 508 | border-top-left-radius: 0; 509 | border-top-right-radius: 0; 510 | z-index: 10000; 511 | } 512 | #nav.alt ul li { 513 | margin: 0 0.175em; 514 | } 515 | 516 | #nav.alt ul li a { 517 | font-size: 0.9em; 518 | } 519 | @media screen and (max-width: 980px){ 520 | #nav{ 521 | max-width: 100%; 522 | position: static; 523 | padding: 0em; 524 | } 525 | } 526 | 527 | /* Main */ 528 | 529 | #main { 530 | background-color: #ffffff; 531 | color: #636363; 532 | } 533 | #main input, #main select, #main textarea { 534 | color: #636363; 535 | } 536 | 537 | #main a:hover { 538 | color: #636363; 539 | } 540 | #main strong, #main b { 541 | color: #636363; 542 | } 543 | 544 | #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { 545 | color: #636363; 546 | } 547 | 548 | #main blockquote { 549 | border-left-color: #dddddd; 550 | } 551 | #main code { 552 | background: rgba(222, 222, 222, 0.25); 553 | border-color: #dddddd; 554 | } 555 | #main hr { 556 | border-bottom-color: #dddddd; 557 | } 558 | 559 | #main .box { 560 | border-color: #dddddd; 561 | } 562 | 563 | #main input[type="submit"], 564 | #main input[type="reset"], 565 | #main input[type="button"], 566 | #main button, 567 | #main .button { 568 | background-color: transparent; 569 | box-shadow: inset 0 0 0 1px #dddddd; 570 | color: #636363 !important; 571 | } 572 | 573 | #main input[type="submit"]:hover, 574 | #main input[type="reset"]:hover, 575 | #main input[type="button"]:hover, 576 | #main button:hover, 577 | #main .button:hover { 578 | background-color: rgba(222, 222, 222, 0.25); 579 | } 580 | 581 | #main input[type="submit"]:active, 582 | #main input[type="reset"]:active, 583 | #main input[type="button"]:active, 584 | #main button:active, 585 | #main .button:active { 586 | background-color: rgba(222, 222, 222, 0.5); 587 | } 588 | 589 | #main input[type="submit"].icon:before, 590 | #main input[type="reset"].icon:before, 591 | #main input[type="button"].icon:before, 592 | #main button.icon:before, 593 | #main .button.icon:before { 594 | color: rgba(99, 99, 99, 0.25); 595 | } 596 | 597 | #main input[type="submit"].special, 598 | #main input[type="reset"].special, 599 | #main input[type="button"].special, 600 | #main button.special, 601 | #main .button.special { 602 | background-color: #2E86C1; 603 | color: #ffffff !important; 604 | box-shadow: none; 605 | } 606 | 607 | #main input[type="submit"].special:hover, 608 | #main input[type="reset"].special:hover, 609 | #main input[type="button"].special:hover, 610 | #main button.special:hover, 611 | #main .button.special:hover { 612 | background-color: #9acff2; 613 | } 614 | 615 | #main input[type="submit"].special:active, 616 | #main input[type="reset"].special:active, 617 | #main input[type="button"].special:active, 618 | #main button.special:active, 619 | #main .button.special:active { 620 | background-color: #7ec3ee; 621 | } 622 | 623 | #main input[type="submit"].special.icon:before, 624 | #main input[type="reset"].special.icon:before, 625 | #main input[type="button"].special.icon:before, 626 | #main button.special.icon:before, 627 | #main .button.special.icon:before { 628 | color: #ffffff !important; 629 | } 630 | #main label { 631 | color: #636363; 632 | } 633 | 634 | #main input[type="text"], 635 | #main input[type="password"], 636 | #main input[type="email"], 637 | #main select, 638 | #main textarea { 639 | background: rgba(222, 222, 222, 0.25); 640 | border-color: #dddddd; 641 | } 642 | 643 | #main input[type="text"]:focus, 644 | #main input[type="password"]:focus, 645 | #main input[type="email"]:focus, 646 | #main select:focus, 647 | #main textarea:focus { 648 | border-color: #8cc9f0; 649 | box-shadow: 0 0 0 1px #8cc9f0; 650 | } 651 | 652 | #main .select-wrapper:before { 653 | color: #dddddd; 654 | } 655 | 656 | #main input[type="checkbox"] + label, 657 | #main input[type="radio"] + label { 658 | color: #636363; 659 | } 660 | 661 | #main input[type="checkbox"] + label:before, 662 | #main input[type="radio"] + label:before { 663 | background: rgba(222, 222, 222, 0.25); 664 | border-color: #dddddd; 665 | } 666 | 667 | #main input[type="checkbox"]:checked + label:before, 668 | #main input[type="radio"]:checked + label:before { 669 | background-color: #636363; 670 | border-color: #636363; 671 | color: #ffffff; 672 | } 673 | #main input[type="checkbox"]:focus + label:before, 674 | #main input[type="radio"]:focus + label:before { 675 | border-color: #8cc9f0; 676 | box-shadow: 0 0 0 1px #8cc9f0; 677 | } 678 | 679 | #main ::-webkit-input-placeholder { 680 | color: rgba(99, 99, 99, 0.25) !important; 681 | } 682 | 683 | #main :-moz-placeholder { 684 | color: rgba(99, 99, 99, 0.25) !important; 685 | } 686 | 687 | #main ::-moz-placeholder { 688 | color: rgba(99, 99, 99, 0.25) !important; 689 | } 690 | 691 | #main :-ms-input-placeholder { 692 | color: rgba(99, 99, 99, 0.25) !important; 693 | } 694 | 695 | #main .formerize-placeholder { 696 | color: rgba(99, 99, 99, 0.25) !important; 697 | } 698 | 699 | #main .icon.major { 700 | border-color: #dddddd; 701 | } 702 | 703 | #main .icon.major:before { 704 | border-color: #dddddd; 705 | } 706 | 707 | #main .icon.alt { 708 | border-color: #dddddd; 709 | color: #636363; 710 | } 711 | 712 | #main .icon.alt:hover { 713 | background-color: rgba(222, 222, 222, 0.25); 714 | } 715 | 716 | #main .icon.alt:active { 717 | background-color: rgba(222, 222, 222, 0.5); 718 | } 719 | 720 | #main ul.alt li { 721 | border-top-color: #dddddd; 722 | } 723 | 724 | #main dl dt { 725 | color: #636363; 726 | } 727 | 728 | #main header.major h2:after { 729 | background-color: #dddddd; 730 | background-image: -moz-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); 731 | background-image: -webkit-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); 732 | background-image: -ms-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); 733 | background-image: linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); 734 | } 735 | 736 | #main table tbody tr { 737 | border-color: #dddddd; 738 | } 739 | #main table tbody tr:nth-child(2n + 1) { 740 | background-color: rgba(222, 222, 222, 0.25); 741 | } 742 | 743 | #main table th { 744 | color: #636363; 745 | } 746 | 747 | #main table thead { 748 | border-bottom-color: #dddddd; 749 | } 750 | 751 | #main table tfoot { 752 | border-top-color: #dddddd; 753 | } 754 | 755 | #main table.alt tbody tr td { 756 | border-color: #dddddd; 757 | } 758 | #main .spotlight .image { 759 | border-color: #dddddd; 760 | } 761 | 762 | #main > .main { 763 | padding: 5em 5em 3em 5em ; 764 | border-top: solid 1px #dddddd; 765 | } 766 | 767 | #main > .main:first-child { 768 | border-top: 0; 769 | } 770 | 771 | @media screen and (max-width: 1280px) { 772 | #main > .main { 773 | padding: 4em 4em 2em 4em ; 774 | } 775 | #main > .main > .image.main:first-child { 776 | margin: -4em 0 4em -4em; 777 | width: calc(100% + 8em); 778 | } 779 | } 780 | 781 | @media screen and (max-width: 980px) { 782 | #main > .main { 783 | padding: 4em 3em 2em 3em ; 784 | } 785 | #main > .main > .image.main:first-child { 786 | margin: -4em 0 4em -3em; 787 | width: calc(100% + 6em); 788 | } 789 | } 790 | 791 | @media screen and (max-width: 736px) { 792 | #main > .main { 793 | padding: 3em 2em 1em 2em ; 794 | } 795 | 796 | #main > .main > .image.main:first-child { 797 | margin: -3em 0 2em -2em; 798 | width: calc(100% + 4em); 799 | } 800 | } 801 | 802 | @media screen and (max-width: 480px) { 803 | #main > .main { 804 | padding: 3em 1.5em 1em 1.5em ; 805 | } 806 | 807 | #main > .main > .image.main:first-child { 808 | margin: -3em 0 1.5em -1.5em; 809 | width: calc(100% + 3em); 810 | } 811 | } 812 | 813 | @media screen and (max-width: 360px) { 814 | #main { 815 | border-radius: 0; 816 | } 817 | #main > .main { 818 | padding: 2.5em 1em 0.5em 1em ; 819 | } 820 | 821 | #main > .main > .image.main:first-child { 822 | margin: -2.5em 0 1.5em -1em; 823 | width: calc(100% + 2em); 824 | border-radius: 0; 825 | } 826 | 827 | #main > .main > .image.main:first-child img { 828 | border-radius: 0; 829 | } 830 | } 831 | 832 | /* Footer */ 833 | 834 | #footer { 835 | display: -moz-flex; 836 | display: -webkit-flex; 837 | display: -ms-flex; 838 | display: flex; 839 | -moz-flex-wrap: wrap; 840 | -webkit-flex-wrap: wrap; 841 | -ms-flex-wrap: wrap; 842 | flex-wrap: wrap; 843 | padding: 2em 3em 2em 2em ; 844 | width: 100%; 845 | margin: 0; 846 | } 847 | 848 | #footer .copyright { 849 | width: 100%; 850 | margin: 2.5em 0 2em 0; 851 | font-size: 0.8em; 852 | text-align: center; 853 | } 854 | @media screen and (max-width: 1280px) { 855 | #footer { 856 | padding: 4em 4em 2em 4em ; 857 | } 858 | } 859 | 860 | @media screen and (max-width: 980px) { 861 | 862 | #footer .copyright { 863 | text-align: left; 864 | } 865 | } 866 | 867 | @media screen and (max-width: 736px) { 868 | #footer { 869 | padding: 3em 2em 1em 2em ; 870 | } 871 | } 872 | 873 | @media screen and (max-width: 480px) { 874 | #footer { 875 | padding: 3em 1.5em 1em 1.5em ; 876 | } 877 | } 878 | 879 | @media screen and (max-width: 480px) { 880 | #footer { 881 | padding: 2.5em 1em 0.5em 1em ; 882 | } 883 | } 884 | 885 | /* Wrapper */ 886 | 887 | #wrapper { 888 | width: 64em; 889 | max-width: calc(100% - 4em); 890 | margin: 0 auto; 891 | } 892 | @media screen and (max-width: 480px) { 893 | #wrapper { 894 | max-width: calc(100% - 2em); 895 | } 896 | } 897 | 898 | @media screen and (max-width: 360px) { 899 | #wrapper { 900 | max-width: 100%; 901 | } 902 | } 903 | /*HIDDEN*/ 904 | 905 | body.is-loading *, body.is-loading *:before, body.is-loading *:after { 906 | animation: none !important; 907 | transition: none !important; 908 | } 909 | 910 | /*for device compatibility*/ 911 | @-ms-viewport { 912 | width: device-width; 913 | } 914 | 915 | @media screen and (max-width: 1680px) { 916 | body, input, select, textarea { 917 | font-size: 14pt; 918 | } 919 | } 920 | 921 | @media screen and (max-width: 1280px) { 922 | body, input, select, textarea { 923 | font-size: 12pt; 924 | } 925 | } 926 | 927 | @media screen and (max-width: 360px) { 928 | body, input, select, textarea { 929 | font-size: 11pt; 930 | } 931 | } 932 | @media screen and (max-width: 480px) { 933 | 934 | html, body { 935 | min-width: 320px; 936 | } 937 | } 938 | 939 | @media screen and (max-width: 736px) { 940 | h1 { 941 | font-size: 2em; 942 | } 943 | } 944 | /*button*/ 945 | @media screen and (max-width: 736px) { 946 | input[type="submit"], 947 | input[type="reset"], 948 | input[type="button"], 949 | button, 950 | .button { 951 | min-width: 0; 952 | } 953 | } 954 | input[type="submit"].icon, 955 | input[type="reset"].icon, 956 | input[type="button"].icon, 957 | button.icon, 958 | .button.icon { 959 | padding-left: 1.35em; 960 | } 961 | input[type="submit"].icon:before, 962 | input[type="reset"].icon:before, 963 | input[type="button"].icon:before, 964 | button.icon:before, 965 | .button.icon:before { 966 | margin-right: 0.5em; 967 | } 968 | input[type="submit"].small, 969 | input[type="reset"].small, 970 | input[type="button"].small, 971 | button.small, 972 | .button.small { 973 | font-size: 0.8em; 974 | } 975 | input[type="submit"].big, 976 | input[type="reset"].big, 977 | input[type="button"].big, 978 | button.big, 979 | .button.big { 980 | font-size: 1.35em; 981 | } 982 | input[type="submit"].disabled, input[type="submit"]:disabled, 983 | input[type="reset"].disabled, 984 | input[type="reset"]:disabled, 985 | input[type="button"].disabled, 986 | input[type="button"]:disabled, 987 | button.disabled, 988 | button:disabled, 989 | .button.disabled, 990 | .button:disabled { 991 | -moz-pointer-events: none; 992 | -webkit-pointer-events: none; 993 | -ms-pointer-events: none; 994 | pointer-events: none; 995 | opacity: 0.25; 996 | } 997 | 998 | 999 | input[type="submit"], 1000 | input[type="reset"], 1001 | input[type="button"], 1002 | button, 1003 | .button { 1004 | background-color: transparent; 1005 | box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35); 1006 | color: #ffffff !important; 1007 | } 1008 | 1009 | input[type="submit"]:hover, 1010 | input[type="reset"]:hover, 1011 | input[type="button"]:hover, 1012 | button:hover, 1013 | .button:hover { 1014 | background-color: rgba(255, 255, 255, 0.075); 1015 | } 1016 | input[type="submit"]:active, 1017 | input[type="reset"]:active, 1018 | input[type="button"]:active, 1019 | button:active, 1020 | .button:active { 1021 | background-color: rgba(255, 255, 255, 0.2); 1022 | } 1023 | 1024 | input[type="submit"].icon:before, 1025 | input[type="reset"].icon:before, 1026 | input[type="button"].icon:before, 1027 | button.icon:before, 1028 | .button.icon:before { 1029 | color: rgba(255, 255, 255, 0.5); 1030 | } 1031 | input[type="submit"].special, 1032 | input[type="reset"].special, 1033 | input[type="button"].special, 1034 | button.special, 1035 | .button.special { 1036 | background-color: #8cc9f0; 1037 | color: #ffffff !important; 1038 | box-shadow: none; 1039 | } 1040 | input[type="submit"].special:hover, 1041 | input[type="reset"].special:hover, 1042 | input[type="button"].special:hover, 1043 | button.special:hover, 1044 | .button.special:hover { 1045 | background-color: #9acff2; 1046 | } 1047 | 1048 | input[type="submit"].special:active, 1049 | input[type="reset"].special:active, 1050 | input[type="button"].special:active, 1051 | button.special:active, 1052 | .button.special:active { 1053 | background-color: #7ec3ee; 1054 | } 1055 | input[type="submit"].special.icon:before, 1056 | input[type="reset"].special.icon:before, 1057 | input[type="button"].special.icon:before, 1058 | button.special.icon:before, 1059 | .button.special.icon:before { 1060 | color: #ffffff !important; 1061 | } 1062 | 1063 | /*form*/ 1064 | 1065 | input[type="text"], 1066 | input[type="password"], 1067 | input[type="email"], 1068 | select, 1069 | textarea { 1070 | -moz-appearance: none; 1071 | -webkit-appearance: none; 1072 | -ms-appearance: none; 1073 | appearance: none; 1074 | border-radius: 8px; 1075 | border: solid 1px; 1076 | color: inherit; 1077 | display: block; 1078 | outline: 0; 1079 | padding: 0 1em; 1080 | text-decoration: none; 1081 | width: 100%; 1082 | } 1083 | input[type="text"]:invalid, 1084 | input[type="password"]:invalid, 1085 | input[type="email"]:invalid, 1086 | select:invalid, 1087 | textarea:invalid { 1088 | box-shadow: none; 1089 | } 1090 | 1091 | .select-wrapper:before { 1092 | -moz-osx-font-smoothing: grayscale; 1093 | -webkit-font-smoothing: antialiased; 1094 | font-family: FontAwesome; 1095 | font-style: normal; 1096 | font-weight: normal; 1097 | text-transform: none !important; 1098 | } 1099 | .select-wrapper:before { 1100 | content: '\f078'; 1101 | display: block; 1102 | height: 2.75em; 1103 | line-height: 2.75em; 1104 | pointer-events: none; 1105 | position: absolute; 1106 | right: 0; 1107 | text-align: center; 1108 | top: 0; 1109 | width: 2.75em; 1110 | } 1111 | 1112 | .select-wrapper select::-ms-expand { 1113 | display: none; 1114 | } 1115 | input[type="text"], 1116 | input[type="password"], 1117 | input[type="email"], 1118 | select { 1119 | height: 2.75em; 1120 | } 1121 | textarea { 1122 | padding: 0.75em 1em; 1123 | } 1124 | 1125 | input[type="checkbox"], 1126 | input[type="radio"] { 1127 | -moz-appearance: none; 1128 | -webkit-appearance: none; 1129 | -ms-appearance: none; 1130 | appearance: none; 1131 | display: block; 1132 | float: left; 1133 | margin-right: -2em; 1134 | opacity: 0; 1135 | width: 1em; 1136 | z-index: -1; 1137 | } 1138 | input[type="checkbox"] + label, 1139 | input[type="radio"] + label { 1140 | text-decoration: none; 1141 | cursor: pointer; 1142 | display: inline-block; 1143 | font-size: 1em; 1144 | font-weight: 300; 1145 | padding-left: 2.4em; 1146 | padding-right: 0.75em; 1147 | position: relative; 1148 | } 1149 | 1150 | input[type="checkbox"] + label:before, 1151 | input[type="radio"] + label:before { 1152 | -moz-osx-font-smoothing: grayscale; 1153 | -webkit-font-smoothing: antialiased; 1154 | font-family: FontAwesome; 1155 | font-style: normal; 1156 | font-weight: normal; 1157 | text-transform: none !important; 1158 | } 1159 | input[type="checkbox"] + label:before, 1160 | input[type="radio"] + label:before { 1161 | border-radius: 8px; 1162 | border: solid 1px; 1163 | content: ''; 1164 | display: inline-block; 1165 | height: 1.65em; 1166 | left: 0; 1167 | line-height: 1.58125em; 1168 | position: absolute; 1169 | text-align: center; 1170 | top: 0; 1171 | width: 1.65em; 1172 | } 1173 | input[type="checkbox"]:checked + label:before, 1174 | input[type="radio"]:checked + label:before { 1175 | content: '\f00c'; 1176 | } 1177 | input[type="checkbox"] + label:before { 1178 | border-radius: 8px; 1179 | } 1180 | input[type="radio"] + label:before { 1181 | border-radius: 100%; 1182 | } 1183 | ::-webkit-input-placeholder { 1184 | opacity: 1.0; 1185 | } 1186 | ::-moz-placeholder { 1187 | opacity: 1.0; 1188 | } 1189 | ::-moz-placeholder { 1190 | opacity: 1.0; 1191 | } 1192 | ::-ms-input-placeholder { 1193 | opacity: 1.0; 1194 | } 1195 | .formerize-placeholder { 1196 | opacity: 1.0; 1197 | } 1198 | input[type="text"], 1199 | input[type="password"], 1200 | input[type="email"], 1201 | select, 1202 | textarea { 1203 | background: rgba(255, 255, 255, 0.075); 1204 | border-color: rgba(255, 255, 255, 0.35); 1205 | } 1206 | 1207 | input[type="text"]:focus, 1208 | input[type="password"]:focus, 1209 | input[type="email"]:focus, 1210 | select:focus, 1211 | textarea:focus { 1212 | border-color: #8cc9f0; 1213 | box-shadow: 0 0 0 1px #8cc9f0; 1214 | } 1215 | .select-wrapper:before { 1216 | color: rgba(255, 255, 255, 0.35); 1217 | } 1218 | input[type="checkbox"] + label, 1219 | input[type="radio"] + label { 1220 | color: rgba(255, 255, 255, 0.65); 1221 | } 1222 | input[type="checkbox"] + label:before, 1223 | input[type="radio"] + label:before { 1224 | background: rgba(255, 255, 255, 0.075); 1225 | border-color: rgba(255, 255, 255, 0.35); 1226 | } 1227 | 1228 | input[type="checkbox"]:checked + label:before, 1229 | input[type="radio"]:checked + label:before { 1230 | background-color: #ffffff; 1231 | border-color: #ffffff; 1232 | color: #935d8c; 1233 | } 1234 | input[type="checkbox"]:focus + label:before, 1235 | input[type="radio"]:focus + label:before { 1236 | border-color: #8cc9f0; 1237 | box-shadow: 0 0 0 1px #8cc9f0; 1238 | } 1239 | ::-webkit-input-placeholder { 1240 | color: rgba(255, 255, 255, 0.5) !important; 1241 | } 1242 | ::-moz-placeholder { 1243 | color: rgba(255, 255, 255, 0.5) !important; 1244 | } 1245 | ::-moz-placeholder { 1246 | color: rgba(255, 255, 255, 0.5) !important; 1247 | } 1248 | ::-ms-input-placeholder { 1249 | color: rgba(255, 255, 255, 0.5) !important; 1250 | } 1251 | .formerize-placeholder { 1252 | color: rgba(255, 255, 255, 0.5) !important; 1253 | } 1254 | @media screen and (max-width: 1680px) { 1255 | 1256 | .icon.major:before { 1257 | font-size: 5.5rem; 1258 | } 1259 | } 1260 | @media screen and (max-width: 1280px) { 1261 | .icon.major:before { 1262 | font-size: 4.75rem; 1263 | } 1264 | } 1265 | @media screen and (max-width: 736px) { 1266 | .icon.major { 1267 | margin: 0 0 1.5em 0; 1268 | padding: 0.35em; 1269 | } 1270 | 1271 | .icon.major:before { 1272 | font-size: 3.5rem; 1273 | } 1274 | } 1275 | .image.left, .image.right { 1276 | max-width: 40%; 1277 | } 1278 | 1279 | .image.left img, .image.right img { 1280 | width: 100%; 1281 | } 1282 | 1283 | .image.left { 1284 | float: left; 1285 | margin: 0 1.5em 1em 0; 1286 | top: 0.25em; 1287 | } 1288 | 1289 | .image.right { 1290 | float: right; 1291 | margin: 0 0 1em 1.5em; 1292 | top: 0.25em; 1293 | } 1294 | 1295 | .image.fit { 1296 | display: block; 1297 | margin: 0 0 2em 0; 1298 | width: 100%; 1299 | } 1300 | 1301 | .image.fit img { 1302 | width: 100%; 1303 | } 1304 | 1305 | .image.main { 1306 | display: block; 1307 | margin: 0 0 3em 0; 1308 | width: 100%; 1309 | } 1310 | 1311 | .image.main img { 1312 | width: 100%; 1313 | } 1314 | 1315 | ul.alt li { 1316 | border-top: solid 1px; 1317 | padding: 0.5em 0; 1318 | } 1319 | 1320 | ul.alt li:first-child { 1321 | border-top: 0; 1322 | padding-top: 0; 1323 | } 1324 | 1325 | ul.icons { 1326 | cursor: default; 1327 | list-style: none; 1328 | padding-left: 0; 1329 | } 1330 | 1331 | 1332 | ul.icons li { 1333 | display: inline-block; 1334 | padding: 0 0.65em 0 0; 1335 | } 1336 | 1337 | 1338 | ul.icons li:last-child { 1339 | padding-right: 0 !important; 1340 | } 1341 | 1342 | ul.actions { 1343 | cursor: default; 1344 | list-style: none; 1345 | padding-left: 0; 1346 | } 1347 | 1348 | 1349 | ul.actions li { 1350 | display: inline-block; 1351 | padding: 0 1em 0 0; 1352 | vertical-align: middle; 1353 | } 1354 | 1355 | 1356 | ul.actions li:last-child { 1357 | padding-right: 0; 1358 | } 1359 | 1360 | 1361 | ul.actions.small li { 1362 | padding: 0 0.5em 0 0; 1363 | } 1364 | 1365 | ul.actions.vertical li { 1366 | display: block; 1367 | padding: 1em 0 0 0; 1368 | } 1369 | 1370 | ul.actions.vertical li:first-child { 1371 | padding-top: 0; 1372 | } 1373 | 1374 | ul.actions.vertical li > * { 1375 | margin-bottom: 0; 1376 | } 1377 | 1378 | ul.actions.vertical.small li { 1379 | padding: 0.5em 0 0 0; 1380 | } 1381 | 1382 | ul.actions.vertical.small li:first-child { 1383 | padding-top: 0; 1384 | } 1385 | 1386 | 1387 | ul.actions.fit { 1388 | display: table; 1389 | margin-left: -1em; 1390 | padding: 0; 1391 | table-layout: fixed; 1392 | width: calc(100% + 1em); 1393 | } 1394 | 1395 | ul.actions.fit li { 1396 | display: table-cell; 1397 | padding: 0 0 0 1em; 1398 | } 1399 | 1400 | ul.actions.fit li > * { 1401 | margin-bottom: 0; 1402 | } 1403 | 1404 | ul.actions.fit.small { 1405 | margin-left: -0.5em; 1406 | width: calc(100% + 0.5em); 1407 | } 1408 | ul.actions.fit.small li { 1409 | padding: 0 0 0 0.5em; 1410 | } 1411 | @media screen and (max-width: 480px) { 1412 | ul.actions { 1413 | margin: 0 0 2em 0; 1414 | } 1415 | ul.actions li { 1416 | padding: 1em 0 0 0; 1417 | display: block; 1418 | text-align: center; 1419 | width: 100%; 1420 | } 1421 | 1422 | ul.actions li:first-child { 1423 | padding-top: 0; 1424 | } 1425 | ul.actions li > * { 1426 | width: 100%; 1427 | margin: 0 !important; 1428 | } 1429 | 1430 | ul.actions.small li { 1431 | padding: 0.5em 0 0 0; 1432 | } 1433 | ul.actions.small li:first-child { 1434 | padding-top: 0; 1435 | } 1436 | } 1437 | 1438 | dl { 1439 | margin: 0 0 2em 0; 1440 | } 1441 | dl dt { 1442 | display: block; 1443 | font-weight: 400; 1444 | margin: 0 0 1em 0; 1445 | } 1446 | dl dd { 1447 | margin-left: 2em; 1448 | } 1449 | dl.alt dt { 1450 | display: block; 1451 | width: 3em; 1452 | margin: 0; 1453 | clear: left; 1454 | float: left; 1455 | } 1456 | 1457 | dl.alt dd { 1458 | margin: 0 0 0.85em 5.5em; 1459 | } 1460 | 1461 | dl.alt:after { 1462 | content: ''; 1463 | display: block; 1464 | clear: both; 1465 | } 1466 | 1467 | ul.alt li { 1468 | border-top-color: rgba(255, 255, 255, 0.35); 1469 | } 1470 | 1471 | dl dt { 1472 | color: #ffffff; 1473 | } 1474 | /* Section/Article */ 1475 | 1476 | section.special, article.special { 1477 | text-align: center; 1478 | } 1479 | 1480 | header.major { 1481 | margin-bottom: 3em; 1482 | } 1483 | 1484 | header.major h2 { 1485 | font-size: 2em; 1486 | } 1487 | 1488 | header.major h2:after { 1489 | display: block; 1490 | content: ''; 1491 | width: 3.25em; 1492 | height: 2px; 1493 | margin: 0.7em 0 1em 0; 1494 | border-radius: 2px; 1495 | } 1496 | section.special header.major h2:after, article.special header.major h2:after { 1497 | margin-left: auto; 1498 | margin-right: auto; 1499 | } 1500 | 1501 | header.major p { 1502 | font-size: 1.25em; 1503 | letter-spacing: -0.025em; 1504 | } 1505 | 1506 | header.major.special { 1507 | text-align: center; 1508 | } 1509 | header.major.special h2:after { 1510 | margin-left: auto; 1511 | margin-right: auto; 1512 | } 1513 | 1514 | footer.major { 1515 | margin-top: 3em; 1516 | } 1517 | 1518 | @media screen and (max-width: 736px) { 1519 | 1520 | header.major { 1521 | margin-bottom: 0; 1522 | } 1523 | header.major h2 { 1524 | font-size: 1.5em; 1525 | } 1526 | 1527 | header.major p { 1528 | font-size: 1em; 1529 | letter-spacing: 0; 1530 | } 1531 | 1532 | header.major p br { 1533 | display: none; 1534 | } 1535 | footer.major { 1536 | margin-top: 0; 1537 | } 1538 | } 1539 | 1540 | header.major h2:after { 1541 | background-color: rgba(255, 255, 255, 0.35); 1542 | } 1543 | .icon:before { 1544 | -moz-osx-font-smoothing: grayscale; 1545 | -webkit-font-smoothing: antialiased; 1546 | font-family: FontAwesome; 1547 | font-style: normal; 1548 | font-weight: normal; 1549 | text-transform: none !important; 1550 | } 1551 | .icon > .label { 1552 | display: none; 1553 | } 1554 | 1555 | .icon.major { 1556 | border: solid 1px; 1557 | display: inline-block; 1558 | border-radius: 100%; 1559 | padding: 0.65em; 1560 | margin: 0 0 2em 0; 1561 | cursor: default; 1562 | } 1563 | 1564 | .icon.major:before { 1565 | display: inline-block; 1566 | font-size: 6.25rem; 1567 | width: 2.25em; 1568 | height: 2.25em; 1569 | line-height: 2.2em; 1570 | border-radius: 100%; 1571 | border: solid 1px; 1572 | text-align: center; 1573 | } 1574 | 1575 | .icon.alt { 1576 | display: inline-block; 1577 | border: solid 1px; 1578 | border-radius: 100%; 1579 | } 1580 | .icon.alt:before { 1581 | display: block; 1582 | font-size: 1.25em; 1583 | width: 2em; 1584 | height: 2em; 1585 | text-align: center; 1586 | line-height: 2em; 1587 | } 1588 | .icon.style1 { 1589 | color: #efa8b0; 1590 | } 1591 | 1592 | .icon.style2 { 1593 | color: #c79cc8; 1594 | } 1595 | 1596 | .icon.style3 { 1597 | color: #a89cc8; 1598 | } 1599 | 1600 | .icon.style4 { 1601 | color: #9bb2e1; 1602 | } 1603 | 1604 | .icon.style5 { 1605 | color: #8cc9f0; 1606 | } 1607 | 1608 | .icon.major { 1609 | border-color: rgba(255, 255, 255, 0.35); 1610 | } 1611 | 1612 | .icon.major:before { 1613 | border-color: rgba(255, 255, 255, 0.35); 1614 | } 1615 | 1616 | .icon.alt { 1617 | border-color: rgba(255, 255, 255, 0.35); 1618 | color: #ffffff; 1619 | } 1620 | 1621 | .icon.alt:hover { 1622 | background-color: rgba(255, 255, 255, 0.075); 1623 | } 1624 | 1625 | .icon.alt:active { 1626 | background-color: rgba(255, 255, 255, 0.2); 1627 | } 1628 | 1629 | /* Table */ 1630 | 1631 | .table-wrapper { 1632 | -webkit-overflow-scrolling: touch; 1633 | overflow-x: auto; 1634 | } 1635 | 1636 | table { 1637 | margin: 0 0 2em 0; 1638 | width: 100%; 1639 | } 1640 | 1641 | table tbody tr { 1642 | border: solid 1px; 1643 | border-left: 0; 1644 | border-right: 0; 1645 | } 1646 | 1647 | table td { 1648 | padding: 0.75em 0.75em; 1649 | } 1650 | 1651 | table th { 1652 | font-size: 0.9em; 1653 | font-weight: 400; 1654 | padding: 0 0.75em 0.75em 0.75em; 1655 | text-align: left; 1656 | } 1657 | 1658 | table thead { 1659 | border-bottom: solid 2px; 1660 | } 1661 | 1662 | table tfoot { 1663 | border-top: solid 2px; 1664 | } 1665 | 1666 | table.alt { 1667 | border-collapse: separate; 1668 | } 1669 | 1670 | table.alt tbody tr td { 1671 | border: solid 1px; 1672 | border-left-width: 0; 1673 | border-top-width: 0; 1674 | } 1675 | 1676 | table.alt tbody tr td:first-child { 1677 | border-left-width: 1px; 1678 | } 1679 | 1680 | table.alt tbody tr:first-child td { 1681 | border-top-width: 1px; 1682 | } 1683 | 1684 | table.alt thead { 1685 | border-bottom: 0; 1686 | } 1687 | 1688 | table.alt tfoot { 1689 | border-top: 0; 1690 | } 1691 | 1692 | table tbody tr { 1693 | border-color: rgba(255, 255, 255, 0.35); 1694 | } 1695 | 1696 | table tbody tr:nth-child(2n + 1) { 1697 | background-color: rgba(255, 255, 255, 0.075); 1698 | } 1699 | 1700 | table th { 1701 | color: #ffffff; 1702 | } 1703 | 1704 | table thead { 1705 | border-bottom-color: rgba(255, 255, 255, 0.35); 1706 | } 1707 | 1708 | table tfoot { 1709 | border-top-color: rgba(255, 255, 255, 0.35); 1710 | } 1711 | 1712 | table.alt tbody tr td { 1713 | border-color: rgba(255, 255, 255, 0.35); 1714 | } 1715 | 1716 | 1717 | .features { 1718 | display: -moz-flex; 1719 | display: -webkit-flex; 1720 | display: -ms-flex; 1721 | -moz-flex-wrap: wrap; 1722 | -webkit-flex-wrap: wrap; 1723 | -ms-flex-wrap: wrap; 1724 | -moz-justify-content: center; 1725 | -webkit-justify-content: center; 1726 | -ms-justify-content: center; 1727 | } 1728 | 1729 | @media screen and (max-width: 980px) { 1730 | 1731 | .features li { 1732 | width: calc(50% - 2em); 1733 | } 1734 | 1735 | .features li:nth-child(3) { 1736 | margin-top: 3em; 1737 | } 1738 | 1739 | } 1740 | 1741 | @media screen and (max-width: 736px) { 1742 | 1743 | .features { 1744 | width: 100%; 1745 | margin: 0 0 2em 0; 1746 | } 1747 | 1748 | .features li { 1749 | width: 100%; 1750 | margin-left: 0; 1751 | margin-top: 2em; 1752 | } 1753 | 1754 | .features li:nth-child(2), .features li:nth-child(3) { 1755 | margin-top: 2em; 1756 | } 1757 | 1758 | } 1759 | 1760 | /* Statistics */ 1761 | 1762 | .statistics { 1763 | display: -moz-flex; 1764 | display: -webkit-flex; 1765 | display: -ms-flex; 1766 | display: flex; 1767 | width: 100%; 1768 | margin: 0 0 3em 0; 1769 | padding: 0; 1770 | list-style: none; 1771 | cursor: default; 1772 | } 1773 | 1774 | .statistics li { 1775 | -moz-flex: 1; 1776 | -webkit-flex: 1; 1777 | -ms-flex: 1; 1778 | flex: 1; 1779 | padding: 1.5em; 1780 | color: #ffffff; 1781 | text-align: center; 1782 | } 1783 | 1784 | .statistics li.style1 { 1785 | background-color: #efa8b0; 1786 | } 1787 | 1788 | .statistics li.style2 { 1789 | background-color: #c79cc8; 1790 | } 1791 | 1792 | .statistics li.style3 { 1793 | background-color: #a89cc8; 1794 | } 1795 | 1796 | .statistics li.style4 { 1797 | background-color: #9bb2e1; 1798 | } 1799 | 1800 | .statistics li.style5 { 1801 | background-color: #8cc9f0; 1802 | } 1803 | 1804 | .statistics li strong, .statistics li b { 1805 | display: block; 1806 | font-size: 2em; 1807 | line-height: 1.1; 1808 | color: inherit !important; 1809 | font-weight: 300; 1810 | letter-spacing: -0.025em; 1811 | } 1812 | 1813 | .statistics li:first-child { 1814 | border-top-left-radius: 8px; 1815 | border-bottom-left-radius: 8px; 1816 | } 1817 | 1818 | .statistics li:last-child { 1819 | border-top-right-radius: 8px; 1820 | border-bottom-right-radius: 8px; 1821 | } 1822 | 1823 | .statistics li .icon { 1824 | display: inline-block; 1825 | } 1826 | 1827 | .statistics li .icon:before { 1828 | font-size: 2.75rem; 1829 | line-height: 1.3; 1830 | } 1831 | 1832 | @media screen and (max-width: 980px) { 1833 | 1834 | .statistics li strong, .statistics li b { 1835 | font-size: 1.5em; 1836 | } 1837 | } 1838 | 1839 | @media screen and (max-width: 736px) { 1840 | 1841 | .statistics { 1842 | display: block; 1843 | width: 20em; 1844 | max-width: 100%; 1845 | margin: 0 auto 2em auto; 1846 | } 1847 | 1848 | .statistics li:first-child { 1849 | border-bottom-left-radius: 0; 1850 | border-top-right-radius: 8px; 1851 | } 1852 | .statistics li:last-child { 1853 | border-top-right-radius: 0; 1854 | border-bottom-left-radius: 8px; 1855 | } 1856 | 1857 | .statistics li .icon:before { 1858 | font-size: 3.75rem; 1859 | } 1860 | 1861 | .statistics li strong, .statistics li b { 1862 | font-size: 2.5em; 1863 | } 1864 | } 1865 | 1866 | .spotlight { 1867 | display: -moz-flex; 1868 | display: -webkit-flex; 1869 | display: -ms-flex; 1870 | -moz-align-items: center; 1871 | -webkit-align-items: center; 1872 | -ms-align-items: center; 1873 | } 1874 | 1875 | .spotlight .content { 1876 | -moz-flex: 1; 1877 | -webkit-flex: 1; 1878 | -ms-flex: 1; 1879 | } 1880 | 1881 | @media screen and (max-width: 980px) { 1882 | .spotlight { 1883 | -moz-flex-direction: column-reverse; 1884 | -webkit-flex-direction: column-reverse; 1885 | -ms-flex-direction: column-reverse; 1886 | flex-direction: column-reverse; 1887 | text-align: center; 1888 | } 1889 | 1890 | 1891 | .spotlight .content > :last-child { 1892 | margin-bottom: 0; 1893 | } 1894 | 1895 | .spotlight .content header.major { 1896 | margin: 0 0 2em 0; 1897 | } 1898 | 1899 | .spotlight .image { 1900 | display: inline-block; 1901 | margin-left: 4em; 1902 | padding: 0.65em; 1903 | border-radius: 100%; 1904 | border: solid 1px; 1905 | } 1906 | 1907 | .spotlight .image img { 1908 | display: block; 1909 | border-radius: 100%; 1910 | width: 16em; 1911 | } 1912 | 1913 | .spotlight .content { 1914 | -moz-flex: 0 1 auto; 1915 | -webkit-flex: 0 1 auto; 1916 | -ms-flex: 0 1 auto; 1917 | flex: 0 1 auto; 1918 | width: 100%; 1919 | } 1920 | 1921 | .spotlight .content header.major h2:after { 1922 | margin-left: auto; 1923 | margin-right: auto; 1924 | } 1925 | 1926 | .spotlight .image { 1927 | -moz-flex: 0 1 auto; 1928 | -webkit-flex: 0 1 auto; 1929 | -ms-flex: 0 1 auto; 1930 | flex: 0 1 auto; 1931 | margin-left: 0; 1932 | margin-bottom: 2em; 1933 | } 1934 | 1935 | } 1936 | 1937 | @media screen and (max-width: 736px) { 1938 | 1939 | .spotlight .image { 1940 | padding: 0.35em; 1941 | } 1942 | 1943 | .spotlight .image img { 1944 | width: 12em; 1945 | } 1946 | } 1947 | /*ending*/ 1948 | --------------------------------------------------------------------------------