Made With ❤️ By Team HackIIITV
84 | -------------------------------------------------------------------------------- /team#26 - 3/Users/userProfile.php: -------------------------------------------------------------------------------- 1 | 13 | 14 | 15 | 16 |
41 |
42 |
64 |
65 |
43 | 
45 |
63 |
46 |
50 |
60 |
61 |
62 | 47 | 48 | 49 |
51 |
58 |
59 |
52 |
55 | 56 |
57 | 55 | 56 |
38 |
39 |
89 |
90 |
113 |
116 |
117 |
118 |
119 |
120 | close();
123 | }
124 | else{
125 | header("Location:../logout.php");
126 | }
127 |
128 | ?>
129 |
--------------------------------------------------------------------------------
/team#26 - 3/Users/indiChat.php:
--------------------------------------------------------------------------------
1 | query($query)){
23 |
24 | $result = $data->fetch_assoc();
25 | $admin_id = $result['c_admin_id'];
26 |
27 | }
28 | else{
29 | die("Something went wrong");
30 | }
31 |
32 | define("TITLE", $c_name." ChatRoom | Chat with the members of community");
33 | include("../Commen/header.php");
34 |
35 | ?>
36 |
37 |
91 |
112 | w3-bar">
92 |
95 |
96 |
97 |
98 |
99 |
103 |
104 |
100 |
101 |
102 |
105 |
111 |
106 |
107 |
108 |
109 |
110 |
38 |
39 |
89 |
90 |
113 |
116 |
117 |
118 |
119 |
120 | close();
123 | }
124 | else{
125 | header("Location:../logout.php");
126 | }
127 |
128 | ?>
129 |
--------------------------------------------------------------------------------
/team#26 - 3/Js/details.js:
--------------------------------------------------------------------------------
1 | let img = "Uploads/user.png";
2 |
3 | $(document).ready(function(){
4 | $(document).on('change', '#file', function(){
5 |
6 | let name = document.getElementById("file").files[0].name;
7 | let form_data = new FormData();
8 | let ext = name.split('.').pop().toLowerCase();
9 |
10 | let oFReader = new FileReader();
11 | oFReader.readAsDataURL(document.getElementById("file").files[0]);
12 | let f = document.getElementById("file").files[0];
13 | let fsize = f.size||f.fileSize;
14 |
15 | if(fsize > 2000000){
16 |
17 | //more than 2 mb
18 | alert("Image File Size is very big");
19 |
20 | }
21 | else{
22 | form_data.append("file", document.getElementById('file').files[0]);
23 | $.ajax({
24 | url:"Upload/upload.php",
25 | method:"POST",
26 | data: form_data,
27 | contentType: false,
28 | cache: false,
29 | processData: false,
30 | success:function(data){
31 | document.getElementById('status').innerHTML = "Image uploaded";
32 | img = data;
33 | }
34 | });
35 | }
36 | });
37 | });
38 |
39 |
40 | let join = (email) => {
41 |
42 | let role = document.getElementById('role').value;
43 | let dob = document.getElementById('dob').value;
44 | let form = document.getElementById('data');
45 | let about = document.getElementById('aboutMe').value;
46 |
47 | let check_data = new Check();
48 |
49 | if(check_data.dobCheck(dob)){
50 |
51 | let str = "email="+email+"&role="+role+"&dob="+dob+"&about="+about+"&img="+img;
52 | let xhttp = new XMLHttpRequest();
53 | let loader = document.getElementById('loader-details');
54 | let error = document.getElementById('details-error');
55 |
56 | xhttp.onreadystatechange = function() {
57 | loader.style.display = "block";
58 | if(this.readyState == 4 && this.status == 200){
59 | error.innerHTML = this.responseText;
60 | loader.style.display = "none";
61 | if(this.responseText == ""){
62 |
63 | form.action = "logins.php";
64 | form.method = "post";
65 | form.submit();
66 | }
67 | else{
68 | error.innerHTML = this.responseText;
69 | }
70 | }
71 | }
72 | xhttp.open("POST", "Check/addDetails.php", true);
73 | xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
74 | xhttp.send(str);
75 |
76 | }
77 |
78 | }
79 |
80 | let joinLogin = (email) => {
81 |
82 | let role = document.getElementById('role').value;
83 | let dob = document.getElementById('dob').value;
84 | let form = document.getElementById('data');
85 | let about = document.getElementById('aboutMe').value;
86 |
87 | let check_data = new Check();
88 |
89 | if(check_data.dobCheck(dob)){
90 |
91 | let str = "email="+email+"&role="+role+"&dob="+dob+"&about="+about+"&img="+img;
92 | let xhttp = new XMLHttpRequest();
93 | let loader = document.getElementById('loader-details');
94 | let error = document.getElementById('details-error');
95 |
96 | xhttp.onreadystatechange = function() {
97 | loader.style.display = "block";
98 | if(this.readyState == 4 && this.status == 200){
99 | error.innerHTML = this.responseText;
100 | loader.style.display = "none";
101 | if(this.responseText == ""){
102 |
103 | form.action = "login.php";
104 | form.method = "post";
105 | form.submit();
106 | }
107 | else{
108 | error.innerHTML = this.responseText;
109 | }
110 | }
111 | }
112 | xhttp.open("POST", "Check/addDetailsLogin.php", true);
113 | xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
114 | xhttp.send(str);
115 |
116 | }
117 |
118 | }
--------------------------------------------------------------------------------
/team#26 - 3/details.php:
--------------------------------------------------------------------------------
1 | query($query)){
16 |
17 | if($data->num_rows <= 0){
18 | echo "Incorrect email";
19 | }
20 | else if($data->num_rows == 1){
21 |
22 | $result = $data->fetch_assoc();
23 | $dbpass = $result['u_password'];
24 |
25 | if(password_verify($password, $dbpass)){
26 |
27 | $id = $result['u_id'];
28 | $name = $result['real_name'];
29 | $url = base64_encode($id."&".$name);
30 |
31 | $url1 = base64_encode($id."&".$email."&".$name);
32 | $_SESSION['login_user_connect'] = $url1;
33 | //header("Location:Users/profile.php?name=".$url);
34 |
35 | include("Commen/headerDetails.php");
36 | ?>
37 |
38 |
91 |
112 | w3-bar">
92 |
95 |
96 |
97 |
98 |
99 |
103 |
104 |
100 |
101 |
102 |
105 |
111 |
106 |
107 |
108 |
109 |
110 |
39 |
43 |
44 |
45 |
46 |
86 |
87 |
88 |
89 |
91 |
92 |
93 | close();
112 | }
113 | else{
114 | echo "";
115 | header("Location:logout.php");
116 | }
117 |
118 | ?>
--------------------------------------------------------------------------------
/team#26 - 3/detailsLogin.php:
--------------------------------------------------------------------------------
1 | query($query)){
15 |
16 | if($data->num_rows == 1){
17 |
18 | $result = $data->fetch_assoc();
19 | $role = $result['role'];
20 | $dob = $result['dob'];
21 |
22 | if($role != "" && $dob != ""){
23 |
24 | header("Location:login.php");
25 |
26 | }
27 |
28 | }
29 |
30 | }
31 |
32 |
33 | $query = "SELECT `u_id`, `u_password`, `real_name` FROM `users` WHERE email = '$email'";
34 |
35 | if($data = $conn->query($query)){
36 |
37 | if($data->num_rows <= 0){
38 | echo "Incorrect email";
39 | }
40 | else if($data->num_rows == 1){
41 |
42 | $result = $data->fetch_assoc();
43 | $dbpass = $result['u_password'];
44 |
45 | if(password_verify($password, $dbpass)){
46 |
47 | $id = $result['u_id'];
48 | $name = $result['real_name'];
49 |
50 | include("Commen/headerDetails.php");
51 | ?>
52 |
53 |
40 | Your details
41 |
42 |
54 |
58 |
59 |
60 |
61 |
99 |
100 |
101 |
102 |
104 |
105 |
106 | close();
125 | }
126 | else{
127 | echo "";
128 | header("Location:logout.php");
129 | }
130 |
131 | ?>
--------------------------------------------------------------------------------
/team#26 - 3/Users/profile.php:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
17 |
55 | Fill bellow details to go ahead
56 |
57 |
32 |
64 |
65 |
66 |
70 |
72 |
73 |
85 |
86 |
126 |
127 |
74 |
75 |
83 |
84 | 85 |
87 |
125 | 88 | My Communities 89 |
90 | query($qry)){ 94 | 95 | if($data->num_rows == 0){ 96 | 97 | } 98 | else{ 99 | while($result = $data->fetch_assoc()){ 100 | ?> 101 |
102 |
107 |
108 |
119 |
124 |
109 |
116 |
117 |
118 |
110 |
111 |
112 |
115 | 113 | 114 |
51 |
52 |
116 |
117 |
53 |
55 |
115 |
56 |
60 |
70 |
71 | query($qry)){
78 |
79 | if($data->num_rows >= 1){
80 | $x = true;
81 | }
82 |
83 | }
84 |
85 | ?>
86 |
109 |
112 |
113 |
114 | 57 | 58 | 59 |
61 |
68 |
69 |
62 |
65 | 66 |
67 | 65 | 66 |
3 | This project is for advancing the medical industry by information technology by providing community support to any patient. For a long term disease patient, it is necessary for them to be stable in medicines as well as in mental health. So, in this platform, they can find a community of patients, their relatives, or their friends who are experiencing the same illness from the same disease. Nowadays, depression is also a major problem. It can also solve that problem by providing community support to those patients. 4 |
5 | Now let's come to the technical part. 6 |
7 | It is made using PHP, MySQL, Ajax, HTML, CSS, and JavaScript. :zap: 8 | 9 | It is deployed using Microsoft Azure's VM instance and Lamp server. 10 |
It's Key functionalities are: 11 | - Registered user can join a community. 12 | - Create a community. 13 | - Post in community. 14 | - Add friend request to fellow community members. 15 | - Accept or delete friend requests. 16 | - Chat with community members. 17 | And some other basics...
18 | Here is the video link of care connect's demonstration.
19 | CareConnect demonstration video
20 | Here is the link of site: deployed in cloud.
21 | CareConnect 22 |
23 | Or scan this QR code to go to the link...
24 |
25 | 
26 |
28 | 29 | 30 |
Future Scope
31 | - We are trying to secure Posts in community by implementing it through Blockchain technology.32 | - Recommender system to recommend new users to add them as friends based on features like illness, location (decreasing priority) by using Data mining concepts.
33 | - We can provide suggetions about communities by using Data mining techniques.
34 | - For validation of the patients, the registered user will be required to upload a certificate or medical prescription from registered hospital certifying his illness
35 | - Notify / call friends in times of emergency
36 | - In the profile, his history can be recorded using the hospital data
37 | - Can virtually talk with each other by Video conferencing.
38 |
39 | 40 | Chat scripts work on end to end encyption with private key encryption. 41 | 42 |
Template images
Below are the login and registration pages.
45 |
46 |
47 | 
48 |
49 | 
50 |
51 |
53 |
54 |
55 |
56 |
Lobby page
57 |
58 |
59 | 
60 |
61 |
63 |
64 |
65 |
66 |
Search Community to join..
67 | 68 | 69 |
70 |
71 | 
72 |
73 |
75 |
76 |
77 |
78 |
Community area
79 |
80 |
81 | 
82 |
83 |
85 |
86 |
87 |
88 |
Chat area
89 |
90 |
91 | 
92 |
93 | 
94 |
95 |
96 |
98 |
99 |
100 |
101 |
User profiles
102 |
103 | 
104 |
106 |
107 |
108 |
109 |
viewing other person profile
110 |
112 |
113 |
114 |
115 |
Friend request area.
116 |
117 |
118 | 
119 |
120 |
121 |
124 | Hope you like the project. 😄 125 |
126 | -------------------------------------------------------------------------------- /team#26 - 3/index.php: -------------------------------------------------------------------------------- 1 | 18 | 19 | 20 | 21 | 22 |
36 | Care Connect
37 |
38 |
39 |
40 |
41 |
143 |
144 |
145 |
146 |
--------------------------------------------------------------------------------
/team#26 - 3/Users/Js/varified.js:
--------------------------------------------------------------------------------
1 |
2 | let updateProfile = () => {
3 |
4 | let u_name = document.getElementById('u_name').value;
5 | let pass = document.getElementById('pass').value;
6 | let newPass = document.getElementById('newPas').value;
7 | let newAga = document.getElementById('newAga').value;
8 | let check_data = new Check();
9 | let error = document.getElementById('up-error');
10 |
11 | if(u_name == "" || pass == "" || newPass == "" || newAga == ""){
12 | alert("Please enter all data");
13 | error.innerHTML = "Please enter all data";
14 | return false;
15 | }
16 |
17 | if(check_data.check(u_name) || check_data.check(pass) || check_data.check(newPass) || check_data.check(newAga)){
18 | return false;
19 | }
20 |
21 | if(newPass != newAga){
22 | alert("Confirm password didn't match");
23 | error.innerHTML = "Confirm password didn't match";
24 | return false;
25 | }
26 |
27 | let str = "u_name="+u_name+"&cur_pass="+pass+"&newPass="+newPass+"&newAga="+newAga;
28 | let xhttp = new XMLHttpRequest();
29 | let loader = document.getElementById('up-loader');
30 | xhttp.onreadystatechange = function() {
31 | loader.style.display = "block";
32 | if(this.readyState == 4 && this.status == 200){
33 | error.innerHTML = this.responseText;
34 | loader.style.display = "none";
35 | if(this.responseText == ""){
36 | alert("Password successfully updated");
37 | location.reload();
38 | }
39 | }
40 | }
41 | xhttp.open("POST", "updateProfile.php", true);
42 | xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
43 | xhttp.send(str);
44 |
45 |
46 |
47 | }
48 |
49 | let makeCommunity = () => {
50 |
51 | let checkd = new Check();
52 |
53 | let name = document.getElementById("name").value;
54 | let disc = document.getElementById("disc").value;
55 | let image = document.getElementById("fileToUpload").value;
56 | let tags = document.getElementById("tags").value;
57 |
58 | let error = document.getElementById("makeError");
59 | let loader = document.getElementById("makeLoader");
60 |
61 |
62 | if(name == ""){
63 | alert("Fill details");
64 | error.innerHTML = "Fill details";
65 | return false;
66 | }
67 |
68 | if(disc == ""){
69 | alert("Fill details");
70 | error.innerHTML = "Fill details";
71 | return false;
72 | }
73 |
74 | if(image == ""){
75 | alert("Select image");
76 | error.innerHTML = "Select image";
77 | return false;
78 | }
79 |
80 | if(tags == ""){
81 |
82 | alert("Fill details");
83 | error.innerHTML = "Fill details";
84 | return false;
85 |
86 | }
87 |
88 | if(checkd.check(name)){
89 |
90 | error.innerHTML = "Fill proper details";
91 | return false;
92 | }
93 |
94 | if(checkd.check(disc)){
95 |
96 | error.innerHTML = "Fill proper details";
97 | return false;
98 | }
99 |
100 | if(checkd.check(tags)){
101 |
102 | error.innerHTML = "Fill proper details";
103 | return false;
104 |
105 | }
106 | else{
107 |
108 | document.getElementById("mkCommunity").action = "makeCommunity.php";
109 | document.getElementById("mkCommunity").method = "post";
110 | document.getElementById("mkCommunity").submit();
111 |
112 | }
113 |
114 | }
115 |
116 | let join = (c_id) => {
117 |
118 | if(!confirm("Want to join this community?")){
119 |
120 | }
121 | else{
122 |
123 | let str = "c_id="+c_id;
124 | let xhttp = new XMLHttpRequest();
125 | xhttp.onreadystatechange = function() {
126 |
127 | if(this.readyState == 4 && this.status == 200){
128 |
129 | if(this.responseText.includes("community.php")){
130 |
131 | alert("Congratulations! You are in!");
132 |
133 | window.open(this.responseText, "_self");
134 |
135 | }
136 | else{
137 | alert(this.responseText);
138 | }
139 |
140 | }
141 | }
142 | xhttp.open("POST", "Action/join.php", true);
143 | xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
144 | xhttp.send(str);
145 |
146 | }
147 |
148 | }
149 |
150 | let scrollUpdate = () => {
151 |
152 | var element = document.getElementById("chats");
153 | element.scrollTop = element.scrollHeight;
154 |
155 | }
156 |
157 | let send = (room_id, id) => {
158 |
159 | let msg = document.getElementById("sender").value;
160 | if(msg == "" || msg == " "){
161 |
162 | return;
163 |
164 | }
165 |
166 | let str = "msg="+msg+"&u_id="+id +"&room_id="+room_id;
167 | let xhttp = new XMLHttpRequest();
168 | xhttp.onreadystatechange = function() {
169 |
170 | if(this.readyState == 4 && this.status == 200){
171 |
172 | if(this.responseText.length == "not"){
173 |
174 | alert("We are having some trouble in sending this message");
175 | return;
176 | }
177 |
178 | document.getElementById("sender").value="";
179 | document.getElementById("chats").innerHTML += this.responseText;
180 | scrollUpdate();
181 | }
182 | }
183 | xhttp.open("POST", "Action/sendMsg.php", true);
184 | xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
185 | xhttp.send(str);
186 | scrollUpdate();
187 |
188 | }
189 |
190 | let refresh = () =>{
191 |
192 | let str = "room_id="+room_id;
193 | let xhttp = new XMLHttpRequest();
194 | let data = document.getElementById("chats").innerHTML;
195 | xhttp.onreadystatechange = function() {
196 |
197 | if(this.readyState == 4 && this.status == 200){
198 |
199 | if(this.responseText.length == "not2"){
200 |
201 | alert("We are having some trouble in sending this message");
202 | return;
203 | }
204 |
205 | document.getElementById("chats").innerHTML = this.responseText;
206 | if(data != document.getElementById("chats").innerHTML){
207 | scrollUpdate();
208 | }
209 | }
210 | }
211 | xhttp.open("POST", "Action/getMsg.php", true);
212 | xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
213 | xhttp.send(str);
214 |
215 | }
--------------------------------------------------------------------------------
/team#26 - 3/Users/community.php:
--------------------------------------------------------------------------------
1 |
20 |
24 |
25 |
26 |
27 |
28 |
31 |
42 |
81 |
82 |
83 |
84 |
85 |
142 |
43 |
64 |
65 |
66 |
67 |
44 |
45 |
61 |
62 |
63 |
68 |
79 |
80 |
69 |
78 | New one?
70 |Nice to see you...
71 |Care Connect is a simple and easy community environment for mental support. We are glad to see you here. Click the below button to register for free.
72 |
73 |
76 |
77 |
32 | Community:
33 |
34 |
35 |
36 |
205 |
37 |
38 |
39 |
202 |
203 |
204 |
40 |
41 |
75 | 76 |
77 |
78 |
79 |
80 | 81 |
82 |
100 |
107 |
108 |
109 |
110 |
111 |
42 |
61 |
62 |
63 | query($qry)){
68 |
69 | while($result = $data->fetch_assoc()){
70 | $img = $result['u_dp'];
71 | ?>
74 |
43 |
60 |
44 |
59 |
45 |
47 |
48 |
49 |
50 |
58 | Write post?
46 |Start writing post...
51 | 52 | 53 | 56 | 57 |75 | 76 |
80 | 81 |
82 |
83 | 84 |
85 | query($qry1)){ 90 | 91 | if($data2->num_rows >= 1){ 92 | $x = true; 93 | } 94 | 95 | } 96 | ?> 97 | 99 |
112 | query($qury)){
116 |
117 | $result = $data->fetch_assoc();
118 | $room_id = $result['room_id'];
119 |
120 | $url = base64_encode($room_id."&".$c_name."&".$c_id);
121 |
122 | $link = "chat_room.php?name=".$url;
123 | ?>
124 |
125 |
165 | 166 |
196 | 197 | 198 |
199 |
200 |
201 |
127 | chatroom
128 |
129 |
130 |
133 |
134 |
135 |
136 |
164 |
137 |
163 | Doctors
138 | query($qry)){ 142 | 143 | if($data->num_rows == 0){ 144 | echo "No doctors in this community
"; 145 | } 146 | else{ 147 | 148 | while($result = $data->fetch_assoc()){ 149 | $u_id = $result['u_id']; 150 | $real_name = $result['real_name']; 151 | $url = base64_encode($u_id."&".$real_name); 152 | ?> 153 | 154 | 161 | 162 |165 | 166 |
167 |
195 |
168 |
194 | Members
169 | 'doctor'"; 171 | 172 | if($data = $conn->query($qry)){ 173 | 174 | if($data->num_rows == 0){ 175 | echo "No users in this community
"; 176 | } 177 | else{ 178 | 179 | while($result = $data->fetch_assoc()){ 180 | $u_id = $result['u_id']; 181 | $real_name = $result['real_name']; 182 | $url = base64_encode($u_id."&".$real_name); 183 | ?> 184 | 185 | 192 | 193 |196 | 197 | 198 |
206 | 207 | 209 | 210 | close(); 213 | } 214 | else{ 215 | header("Location:../logout.php"); 216 | } 217 | 218 | ?> 219 | -------------------------------------------------------------------------------- /team#26 - 3/CSS/w3.css: -------------------------------------------------------------------------------- 1 | /* W3.CSS 4.14 November 2020 by Jan Egil and Borge Refsnes */ 2 | 3 | html { 4 | box-sizing: border-box 5 | } 6 | *, 7 | *:before, 8 | *:after { 9 | box-sizing: inherit 10 | } 11 | /* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */ 12 | 13 | html { 14 | -ms-text-size-adjust: 100%; 15 | -webkit-text-size-adjust: 100% 16 | } 17 | body { 18 | margin: 0 19 | } 20 | article, 21 | aside, 22 | details, 23 | figcaption, 24 | figure, 25 | footer, 26 | header, 27 | main, 28 | menu, 29 | nav, 30 | section { 31 | display: block 32 | } 33 | summary { 34 | display: list-item 35 | } 36 | audio, 37 | canvas, 38 | progress, 39 | video { 40 | display: inline-block 41 | } 42 | progress { 43 | vertical-align: baseline 44 | } 45 | audio:not([controls]) { 46 | display: none; 47 | height: 0 48 | } 49 | [hidden], 50 | template { 51 | display: none 52 | } 53 | a { 54 | background-color: transparent 55 | } 56 | a:active, 57 | a:hover { 58 | outline-width: 0 59 | } 60 | abbr[title] { 61 | border-bottom: none; 62 | text-decoration: underline; 63 | text-decoration: underline dotted 64 | } 65 | b, 66 | strong { 67 | font-weight: bolder 68 | } 69 | dfn { 70 | font-style: italic 71 | } 72 | mark { 73 | background: #ff0; 74 | color: #000 75 | } 76 | small { 77 | font-size: 80% 78 | } 79 | sub, 80 | sup { 81 | font-size: 75%; 82 | line-height: 0; 83 | position: relative; 84 | vertical-align: baseline 85 | } 86 | sub { 87 | bottom: -0.25em 88 | } 89 | sup { 90 | top: -0.5em 91 | } 92 | figure { 93 | margin: 1em 40px 94 | } 95 | img { 96 | border-style: none 97 | } 98 | code, 99 | kbd, 100 | pre, 101 | samp { 102 | font-family: monospace, monospace; 103 | font-size: 1em 104 | } 105 | hr { 106 | box-sizing: content-box; 107 | height: 0; 108 | overflow: visible 109 | } 110 | button, 111 | input, 112 | select, 113 | textarea, 114 | optgroup { 115 | font: inherit; 116 | margin: 0 117 | } 118 | optgroup { 119 | font-weight: bold 120 | } 121 | button, 122 | input { 123 | overflow: visible 124 | } 125 | button, 126 | select { 127 | text-transform: none 128 | } 129 | button, 130 | [type=button], 131 | [type=reset], 132 | [type=submit] { 133 | -webkit-appearance: button 134 | } 135 | button::-moz-focus-inner, 136 | [type=button]::-moz-focus-inner, 137 | [type=reset]::-moz-focus-inner, 138 | [type=submit]::-moz-focus-inner { 139 | border-style: none; 140 | padding: 0 141 | } 142 | button:-moz-focusring, 143 | [type=button]:-moz-focusring, 144 | [type=reset]:-moz-focusring, 145 | [type=submit]:-moz-focusring { 146 | outline: 1px dotted ButtonText 147 | } 148 | fieldset { 149 | border: 1px solid #c0c0c0; 150 | margin: 0 2px; 151 | padding: .35em .625em .75em 152 | } 153 | legend { 154 | color: inherit; 155 | display: table; 156 | max-width: 100%; 157 | padding: 0; 158 | white-space: normal 159 | } 160 | textarea { 161 | overflow: auto 162 | } 163 | [type=checkbox], 164 | [type=radio] { 165 | padding: 0 166 | } 167 | [type=number]::-webkit-inner-spin-button, 168 | [type=number]::-webkit-outer-spin-button { 169 | height: auto 170 | } 171 | [type=search] { 172 | -webkit-appearance: textfield; 173 | outline-offset: -2px 174 | } 175 | [type=search]::-webkit-search-decoration { 176 | -webkit-appearance: none 177 | } 178 | ::-webkit-file-upload-button { 179 | -webkit-appearance: button; 180 | font: inherit 181 | } 182 | /* End extract */ 183 | 184 | html, 185 | body { 186 | font-family: Verdana, sans-serif; 187 | font-size: 15px; 188 | line-height: 1.5 189 | } 190 | html { 191 | overflow-x: hidden 192 | } 193 | h1 { 194 | font-size: 36px 195 | } 196 | h2 { 197 | font-size: 30px 198 | } 199 | h3 { 200 | font-size: 24px 201 | } 202 | h4 { 203 | font-size: 20px 204 | } 205 | h5 { 206 | font-size: 18px 207 | } 208 | h6 { 209 | font-size: 16px 210 | } 211 | .w3-serif { 212 | font-family: serif 213 | } 214 | h1, 215 | h2, 216 | h3, 217 | h4, 218 | h5, 219 | h6 { 220 | font-family: "Segoe UI", Arial, sans-serif; 221 | font-weight: 400; 222 | margin: 10px 0 223 | } 224 | .w3-wide { 225 | letter-spacing: 4px 226 | } 227 | hr { 228 | border: 0; 229 | border-top: 1px solid #eee; 230 | margin: 20px 0 231 | } 232 | .w3-image { 233 | max-width: 100%; 234 | height: auto 235 | } 236 | img { 237 | vertical-align: middle 238 | } 239 | a { 240 | color: inherit 241 | } 242 | .w3-table, 243 | .w3-table-all { 244 | border-collapse: collapse; 245 | border-spacing: 0; 246 | width: 100%; 247 | display: table 248 | } 249 | .w3-table-all { 250 | border: 1px solid #ccc 251 | } 252 | .w3-bordered tr, 253 | .w3-table-all tr { 254 | border-bottom: 1px solid #ddd 255 | } 256 | .w3-striped tbody tr:nth-child(even) { 257 | background-color: #f1f1f1 258 | } 259 | .w3-table-all tr:nth-child(odd) { 260 | background-color: #fff 261 | } 262 | .w3-table-all tr:nth-child(even) { 263 | background-color: #f1f1f1 264 | } 265 | .w3-hoverable tbody tr:hover, 266 | .w3-ul.w3-hoverable li:hover { 267 | background-color: #ccc 268 | } 269 | .w3-centered tr th, 270 | .w3-centered tr td { 271 | text-align: center 272 | } 273 | .w3-table td, 274 | .w3-table th, 275 | .w3-table-all td, 276 | .w3-table-all th { 277 | padding: 8px 8px; 278 | display: table-cell; 279 | text-align: left; 280 | vertical-align: top 281 | } 282 | .w3-table th:first-child, 283 | .w3-table td:first-child, 284 | .w3-table-all th:first-child, 285 | .w3-table-all td:first-child { 286 | padding-left: 16px 287 | } 288 | .w3-btn, 289 | .w3-button { 290 | border: none; 291 | display: inline-block; 292 | padding: 8px 16px; 293 | vertical-align: middle; 294 | overflow: hidden; 295 | text-decoration: none; 296 | color: inherit; 297 | background-color: inherit; 298 | text-align: center; 299 | cursor: pointer; 300 | white-space: nowrap 301 | } 302 | .w3-btn:hover { 303 | box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) 304 | } 305 | .w3-btn, 306 | .w3-button { 307 | -webkit-touch-callout: none; 308 | -webkit-user-select: none; 309 | -khtml-user-select: none; 310 | -moz-user-select: none; 311 | -ms-user-select: none; 312 | user-select: none 313 | } 314 | .w3-disabled, 315 | .w3-btn:disabled, 316 | .w3-button:disabled { 317 | cursor: not-allowed; 318 | opacity: 0.3 319 | } 320 | .w3-disabled *, 321 | :disabled * { 322 | pointer-events: none 323 | } 324 | .w3-btn.w3-disabled:hover, 325 | .w3-btn:disabled:hover { 326 | box-shadow: none 327 | } 328 | .w3-badge, 329 | .w3-tag { 330 | background-color: #000; 331 | color: #fff; 332 | display: inline-block; 333 | padding-left: 8px; 334 | padding-right: 8px; 335 | text-align: center 336 | } 337 | .w3-badge { 338 | border-radius: 50% 339 | } 340 | .w3-ul { 341 | list-style-type: none; 342 | padding: 0; 343 | margin: 0 344 | } 345 | .w3-ul li { 346 | padding: 8px 16px; 347 | border-bottom: 1px solid #ddd 348 | } 349 | .w3-ul li:last-child { 350 | border-bottom: none 351 | } 352 | .w3-tooltip, 353 | .w3-display-container { 354 | position: relative 355 | } 356 | .w3-tooltip .w3-text { 357 | display: none 358 | } 359 | .w3-tooltip:hover .w3-text { 360 | display: inline-block 361 | } 362 | .w3-ripple:active { 363 | opacity: 0.5 364 | } 365 | .w3-ripple { 366 | transition: opacity 0s 367 | } 368 | .w3-input { 369 | padding: 8px; 370 | display: block; 371 | border: none; 372 | border-bottom: 1px solid #ccc; 373 | width: 100% 374 | } 375 | .w3-select { 376 | padding: 9px 0; 377 | width: 100%; 378 | border: none; 379 | border-bottom: 1px solid #ccc 380 | } 381 | .w3-dropdown-click, 382 | .w3-dropdown-hover { 383 | position: relative; 384 | display: inline-block; 385 | cursor: pointer 386 | } 387 | .w3-dropdown-hover:hover .w3-dropdown-content { 388 | display: block 389 | } 390 | .w3-dropdown-hover:first-child, 391 | .w3-dropdown-click:hover { 392 | background-color: #ccc; 393 | color: #000 394 | } 395 | .w3-dropdown-hover:hover > .w3-button:first-child, 396 | .w3-dropdown-click:hover > .w3-button:first-child { 397 | background-color: #ccc; 398 | color: #000 399 | } 400 | .w3-dropdown-content { 401 | cursor: auto; 402 | color: #000; 403 | background-color: #fff; 404 | display: none; 405 | position: absolute; 406 | min-width: 160px; 407 | margin: 0; 408 | padding: 0; 409 | z-index: 1 410 | } 411 | .w3-check, 412 | .w3-radio { 413 | width: 24px; 414 | height: 24px; 415 | position: relative; 416 | top: 6px 417 | } 418 | .w3-sidebar { 419 | height: 100%; 420 | width: 200px; 421 | background-color: #fff; 422 | position: fixed!important; 423 | z-index: 1; 424 | overflow: auto 425 | } 426 | .w3-bar-block .w3-dropdown-hover, 427 | .w3-bar-block .w3-dropdown-click { 428 | width: 100% 429 | } 430 | .w3-bar-block .w3-dropdown-hover .w3-dropdown-content, 431 | .w3-bar-block .w3-dropdown-click .w3-dropdown-content { 432 | min-width: 100% 433 | } 434 | .w3-bar-block .w3-dropdown-hover .w3-button, 435 | .w3-bar-block .w3-dropdown-click .w3-button { 436 | width: 100%; 437 | text-align: left; 438 | padding: 8px 16px 439 | } 440 | .w3-main, 441 | #main { 442 | transition: margin-left .4s 443 | } 444 | .w3-modal { 445 | z-index: 3; 446 | display: none; 447 | padding-top: 100px; 448 | position: fixed; 449 | left: 0; 450 | top: 0; 451 | width: 100%; 452 | height: 100%; 453 | overflow: auto; 454 | background-color: rgb(0, 0, 0); 455 | background-color: rgba(0, 0, 0, 0.4) 456 | } 457 | .w3-modal-content { 458 | margin: auto; 459 | background-color: #fff; 460 | position: relative; 461 | padding: 0; 462 | outline: 0; 463 | width: 600px 464 | } 465 | .w3-bar { 466 | width: 100%; 467 | overflow: hidden 468 | } 469 | .w3-center .w3-bar { 470 | display: inline-block; 471 | width: auto 472 | } 473 | .w3-bar .w3-bar-item { 474 | padding: 8px 16px; 475 | float: left; 476 | width: auto; 477 | border: none; 478 | display: block; 479 | outline: 0 480 | } 481 | .w3-bar .w3-dropdown-hover, 482 | .w3-bar .w3-dropdown-click { 483 | position: static; 484 | float: left 485 | } 486 | .w3-bar .w3-button { 487 | white-space: normal 488 | } 489 | .w3-bar-block .w3-bar-item { 490 | width: 100%; 491 | display: block; 492 | padding: 8px 16px; 493 | text-align: left; 494 | border: none; 495 | white-space: normal; 496 | float: none; 497 | outline: 0 498 | } 499 | .w3-bar-block.w3-center .w3-bar-item { 500 | text-align: center 501 | } 502 | .w3-block { 503 | display: block; 504 | width: 100% 505 | } 506 | .w3-responsive { 507 | display: block; 508 | overflow-x: auto 509 | } 510 | .w3-container:after, 511 | .w3-container:before, 512 | .w3-panel:after, 513 | .w3-panel:before, 514 | .w3-row:after, 515 | .w3-row:before, 516 | .w3-row-padding:after, 517 | .w3-row-padding:before, 518 | .w3-cell-row:before, 519 | .w3-cell-row:after, 520 | .w3-clear:after, 521 | .w3-clear:before, 522 | .w3-bar:before, 523 | .w3-bar:after { 524 | content: ""; 525 | display: table; 526 | clear: both 527 | } 528 | .w3-col, 529 | .w3-half, 530 | .w3-third, 531 | .w3-twothird, 532 | .w3-threequarter, 533 | .w3-quarter { 534 | float: left; 535 | width: 100% 536 | } 537 | .w3-col.s1 { 538 | width: 8.33333% 539 | } 540 | .w3-col.s2 { 541 | width: 16.66666% 542 | } 543 | .w3-col.s3 { 544 | width: 24.99999% 545 | } 546 | .w3-col.s4 { 547 | width: 33.33333% 548 | } 549 | .w3-col.s5 { 550 | width: 41.66666% 551 | } 552 | .w3-col.s6 { 553 | width: 49.99999% 554 | } 555 | .w3-col.s7 { 556 | width: 58.33333% 557 | } 558 | .w3-col.s8 { 559 | width: 66.66666% 560 | } 561 | .w3-col.s9 { 562 | width: 74.99999% 563 | } 564 | .w3-col.s10 { 565 | width: 83.33333% 566 | } 567 | .w3-col.s11 { 568 | width: 91.66666% 569 | } 570 | .w3-col.s12 { 571 | width: 99.99999% 572 | } 573 | @media (min-width: 601px) { 574 | .w3-col.m1 { 575 | width: 8.33333% 576 | } 577 | .w3-col.m2 { 578 | width: 16.66666% 579 | } 580 | .w3-col.m3, 581 | .w3-quarter { 582 | width: 24.99999% 583 | } 584 | .w3-col.m4, 585 | .w3-third { 586 | width: 33.33333% 587 | } 588 | .w3-col.m5 { 589 | width: 41.66666% 590 | } 591 | .w3-col.m6, 592 | .w3-half { 593 | width: 49.99999% 594 | } 595 | .w3-col.m7 { 596 | width: 58.33333% 597 | } 598 | .w3-col.m8, 599 | .w3-twothird { 600 | width: 66.66666% 601 | } 602 | .w3-col.m9, 603 | .w3-threequarter { 604 | width: 74.99999% 605 | } 606 | .w3-col.m10 { 607 | width: 83.33333% 608 | } 609 | .w3-col.m11 { 610 | width: 91.66666% 611 | } 612 | .w3-col.m12 { 613 | width: 99.99999% 614 | } 615 | } 616 | @media (min-width: 993px) { 617 | .w3-col.l1 { 618 | width: 8.33333% 619 | } 620 | .w3-col.l2 { 621 | width: 16.66666% 622 | } 623 | .w3-col.l3 { 624 | width: 24.99999% 625 | } 626 | .w3-col.l4 { 627 | width: 33.33333% 628 | } 629 | .w3-col.l5 { 630 | width: 41.66666% 631 | } 632 | .w3-col.l6 { 633 | width: 49.99999% 634 | } 635 | .w3-col.l7 { 636 | width: 58.33333% 637 | } 638 | .w3-col.l8 { 639 | width: 66.66666% 640 | } 641 | .w3-col.l9 { 642 | width: 74.99999% 643 | } 644 | .w3-col.l10 { 645 | width: 83.33333% 646 | } 647 | .w3-col.l11 { 648 | width: 91.66666% 649 | } 650 | .w3-col.l12 { 651 | width: 99.99999% 652 | } 653 | } 654 | .w3-rest { 655 | overflow: hidden 656 | } 657 | .w3-stretch { 658 | margin-left: -16px; 659 | margin-right: -16px 660 | } 661 | .w3-content, 662 | .w3-auto { 663 | margin-left: auto; 664 | margin-right: auto 665 | } 666 | .w3-content { 667 | max-width: 980px 668 | } 669 | .w3-auto { 670 | max-width: 1140px 671 | } 672 | .w3-cell-row { 673 | display: table; 674 | width: 100% 675 | } 676 | .w3-cell { 677 | display: table-cell 678 | } 679 | .w3-cell-top { 680 | vertical-align: top 681 | } 682 | .w3-cell-middle { 683 | vertical-align: middle 684 | } 685 | .w3-cell-bottom { 686 | vertical-align: bottom 687 | } 688 | .w3-hide { 689 | display: none!important 690 | } 691 | .w3-show-block, 692 | .w3-show { 693 | display: block!important 694 | } 695 | .w3-show-inline-block { 696 | display: inline-block!important 697 | } 698 | @media (max-width: 1205px) { 699 | .w3-auto { 700 | max-width: 95% 701 | } 702 | } 703 | @media (max-width: 600px) { 704 | .w3-modal-content { 705 | margin: 0 10px; 706 | width: auto!important 707 | } 708 | .w3-modal { 709 | padding-top: 30px 710 | } 711 | .w3-dropdown-hover.w3-mobile .w3-dropdown-content, 712 | .w3-dropdown-click.w3-mobile .w3-dropdown-content { 713 | position: relative 714 | } 715 | .w3-hide-small { 716 | display: none!important 717 | } 718 | .w3-mobile { 719 | display: block; 720 | width: 100%!important 721 | } 722 | .w3-bar-item.w3-mobile, 723 | .w3-dropdown-hover.w3-mobile, 724 | .w3-dropdown-click.w3-mobile { 725 | text-align: center 726 | } 727 | .w3-dropdown-hover.w3-mobile, 728 | .w3-dropdown-hover.w3-mobile .w3-btn, 729 | .w3-dropdown-hover.w3-mobile .w3-button, 730 | .w3-dropdown-click.w3-mobile, 731 | .w3-dropdown-click.w3-mobile .w3-btn, 732 | .w3-dropdown-click.w3-mobile .w3-button { 733 | width: 100% 734 | } 735 | } 736 | @media (max-width: 768px) { 737 | .w3-modal-content { 738 | width: 500px 739 | } 740 | .w3-modal { 741 | padding-top: 50px 742 | } 743 | } 744 | @media (min-width: 993px) { 745 | .w3-modal-content { 746 | width: 900px 747 | } 748 | .w3-hide-large { 749 | display: none!important 750 | } 751 | .w3-sidebar.w3-collapse { 752 | display: block!important 753 | } 754 | } 755 | @media (max-width: 992px) and (min-width: 601px) { 756 | .w3-hide-medium { 757 | display: none!important 758 | } 759 | } 760 | @media (max-width: 992px) { 761 | .w3-sidebar.w3-collapse { 762 | display: none 763 | } 764 | .w3-main { 765 | margin-left: 0!important; 766 | margin-right: 0!important 767 | } 768 | .w3-auto { 769 | max-width: 100% 770 | } 771 | } 772 | .w3-top, 773 | .w3-bottom { 774 | position: fixed; 775 | width: 100%; 776 | z-index: 1 777 | } 778 | .w3-top { 779 | top: 0 780 | } 781 | .w3-bottom { 782 | bottom: 0 783 | } 784 | .w3-overlay { 785 | position: fixed; 786 | display: none; 787 | width: 100%; 788 | height: 100%; 789 | top: 0; 790 | left: 0; 791 | right: 0; 792 | bottom: 0; 793 | background-color: rgba(0, 0, 0, 0.5); 794 | z-index: 2 795 | } 796 | .w3-display-topleft { 797 | position: absolute; 798 | left: 0; 799 | top: 0 800 | } 801 | .w3-display-topright { 802 | position: absolute; 803 | right: 0; 804 | top: 0 805 | } 806 | .w3-display-bottomleft { 807 | position: absolute; 808 | left: 0; 809 | bottom: 0 810 | } 811 | .w3-display-bottomright { 812 | position: absolute; 813 | right: 0; 814 | bottom: 0 815 | } 816 | .w3-display-middle { 817 | position: absolute; 818 | top: 50%; 819 | left: 50%; 820 | transform: translate(-50%, -50%); 821 | -ms-transform: translate(-50%, -50%) 822 | } 823 | .w3-display-left { 824 | position: absolute; 825 | top: 50%; 826 | left: 0%; 827 | transform: translate(0%, -50%); 828 | -ms-transform: translate(-0%, -50%) 829 | } 830 | .w3-display-right { 831 | position: absolute; 832 | top: 50%; 833 | right: 0%; 834 | transform: translate(0%, -50%); 835 | -ms-transform: translate(0%, -50%) 836 | } 837 | .w3-display-topmiddle { 838 | position: absolute; 839 | left: 50%; 840 | top: 0; 841 | transform: translate(-50%, 0%); 842 | -ms-transform: translate(-50%, 0%) 843 | } 844 | .w3-display-bottommiddle { 845 | position: absolute; 846 | left: 50%; 847 | bottom: 0; 848 | transform: translate(-50%, 0%); 849 | -ms-transform: translate(-50%, 0%) 850 | } 851 | .w3-display-container:hover .w3-display-hover { 852 | display: block 853 | } 854 | .w3-display-container:hover span.w3-display-hover { 855 | display: inline-block 856 | } 857 | .w3-display-hover { 858 | display: none 859 | } 860 | .w3-display-position { 861 | position: absolute 862 | } 863 | .w3-circle { 864 | border-radius: 50% 865 | } 866 | .w3-round-small { 867 | border-radius: 2px 868 | } 869 | .w3-round, 870 | .w3-round-medium { 871 | border-radius: 4px 872 | } 873 | .w3-round-large { 874 | border-radius: 8px 875 | } 876 | .w3-round-xlarge { 877 | border-radius: 16px 878 | } 879 | .w3-round-xxlarge { 880 | border-radius: 32px 881 | } 882 | .w3-row-padding, 883 | .w3-row-padding>.w3-half, 884 | .w3-row-padding>.w3-third, 885 | .w3-row-padding>.w3-twothird, 886 | .w3-row-padding>.w3-threequarter, 887 | .w3-row-padding>.w3-quarter, 888 | .w3-row-padding>.w3-col { 889 | padding: 0 8px 890 | } 891 | .w3-container, 892 | .w3-panel { 893 | padding: 0.01em 16px 894 | } 895 | .w3-panel { 896 | margin-top: 16px; 897 | margin-bottom: 16px 898 | } 899 | .w3-code, 900 | .w3-codespan { 901 | font-family: Consolas, "courier new"; 902 | font-size: 16px 903 | } 904 | .w3-code { 905 | width: auto; 906 | background-color: #fff; 907 | padding: 8px 12px; 908 | border-left: 4px solid #4CAF50; 909 | word-wrap: break-word 910 | } 911 | .w3-codespan { 912 | color: crimson; 913 | background-color: #f1f1f1; 914 | padding-left: 4px; 915 | padding-right: 4px; 916 | font-size: 110% 917 | } 918 | .w3-card, 919 | .w3-card-2 { 920 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) 921 | } 922 | .w3-card-4, 923 | .w3-hover-shadow:hover { 924 | box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19) 925 | } 926 | .w3-spin { 927 | animation: w3-spin 2s infinite linear 928 | } 929 | @keyframes w3-spin { 930 | 0% { 931 | transform: rotate(0deg) 932 | } 933 | 100% { 934 | transform: rotate(359deg) 935 | } 936 | } 937 | .w3-animate-fading { 938 | animation: fading 10s infinite 939 | } 940 | @keyframes fading { 941 | 0% { 942 | opacity: 0 943 | } 944 | 50% { 945 | opacity: 1 946 | } 947 | 100% { 948 | opacity: 0 949 | } 950 | } 951 | .w3-animate-opacity { 952 | animation: opac 0.8s 953 | } 954 | @keyframes opac { 955 | from { 956 | opacity: 0 957 | } 958 | to { 959 | opacity: 1 960 | } 961 | } 962 | .w3-animate-top { 963 | position: relative; 964 | animation: animatetop 0.4s 965 | } 966 | @keyframes animatetop { 967 | from { 968 | top: -300px; 969 | opacity: 0 970 | } 971 | to { 972 | top: 0; 973 | opacity: 1 974 | } 975 | } 976 | .w3-animate-left { 977 | position: relative; 978 | animation: animateleft 0.4s 979 | } 980 | @keyframes animateleft { 981 | from { 982 | left: -300px; 983 | opacity: 0 984 | } 985 | to { 986 | left: 0; 987 | opacity: 1 988 | } 989 | } 990 | .w3-animate-right { 991 | position: relative; 992 | animation: animateright 0.4s 993 | } 994 | @keyframes animateright { 995 | from { 996 | right: -300px; 997 | opacity: 0 998 | } 999 | to { 1000 | right: 0; 1001 | opacity: 1 1002 | } 1003 | } 1004 | .w3-animate-bottom { 1005 | position: relative; 1006 | animation: animatebottom 0.4s 1007 | } 1008 | @keyframes animatebottom { 1009 | from { 1010 | bottom: -300px; 1011 | opacity: 0 1012 | } 1013 | to { 1014 | bottom: 0; 1015 | opacity: 1 1016 | } 1017 | } 1018 | .w3-animate-zoom { 1019 | animation: animatezoom 0.6s 1020 | } 1021 | @keyframes animatezoom { 1022 | from { 1023 | transform: scale(0) 1024 | } 1025 | to { 1026 | transform: scale(1) 1027 | } 1028 | } 1029 | .w3-animate-input { 1030 | transition: width 0.4s ease-in-out 1031 | } 1032 | .w3-animate-input:focus { 1033 | width: 100%!important 1034 | } 1035 | .w3-opacity, 1036 | .w3-hover-opacity:hover { 1037 | opacity: 0.60 1038 | } 1039 | .w3-opacity-off, 1040 | .w3-hover-opacity-off:hover { 1041 | opacity: 1 1042 | } 1043 | .w3-opacity-max { 1044 | opacity: 0.25 1045 | } 1046 | .w3-opacity-min { 1047 | opacity: 0.75 1048 | } 1049 | .w3-greyscale-max, 1050 | .w3-grayscale-max, 1051 | .w3-hover-greyscale:hover, 1052 | .w3-hover-grayscale:hover { 1053 | filter: grayscale(100%) 1054 | } 1055 | .w3-greyscale, 1056 | .w3-grayscale { 1057 | filter: grayscale(75%) 1058 | } 1059 | .w3-greyscale-min, 1060 | .w3-grayscale-min { 1061 | filter: grayscale(50%) 1062 | } 1063 | .w3-sepia { 1064 | filter: sepia(75%) 1065 | } 1066 | .w3-sepia-max, 1067 | .w3-hover-sepia:hover { 1068 | filter: sepia(100%) 1069 | } 1070 | .w3-sepia-min { 1071 | filter: sepia(50%) 1072 | } 1073 | .w3-tiny { 1074 | font-size: 10px!important 1075 | } 1076 | .w3-small { 1077 | font-size: 12px!important 1078 | } 1079 | .w3-medium { 1080 | font-size: 15px!important 1081 | } 1082 | .w3-large { 1083 | font-size: 18px!important 1084 | } 1085 | .w3-xlarge { 1086 | font-size: 24px!important 1087 | } 1088 | .w3-xxlarge { 1089 | font-size: 36px!important 1090 | } 1091 | .w3-xxxlarge { 1092 | font-size: 48px!important 1093 | } 1094 | .w3-jumbo { 1095 | font-size: 64px!important 1096 | } 1097 | .w3-left-align { 1098 | text-align: left!important 1099 | } 1100 | .w3-right-align { 1101 | text-align: right!important 1102 | } 1103 | .w3-justify { 1104 | text-align: justify!important 1105 | } 1106 | .w3-center { 1107 | text-align: center!important 1108 | } 1109 | .w3-border-0 { 1110 | border: 0!important 1111 | } 1112 | .w3-border { 1113 | border: 1px solid #ccc!important 1114 | } 1115 | .w3-border-top { 1116 | border-top: 1px solid #ccc!important 1117 | } 1118 | .w3-border-bottom { 1119 | border-bottom: 1px solid #ccc!important 1120 | } 1121 | .w3-border-left { 1122 | border-left: 1px solid #ccc!important 1123 | } 1124 | .w3-border-right { 1125 | border-right: 1px solid #ccc!important 1126 | } 1127 | .w3-topbar { 1128 | border-top: 6px solid #ccc!important 1129 | } 1130 | .w3-bottombar { 1131 | border-bottom: 6px solid #ccc!important 1132 | } 1133 | .w3-leftbar { 1134 | border-left: 6px solid #ccc!important 1135 | } 1136 | .w3-rightbar { 1137 | border-right: 6px solid #ccc!important 1138 | } 1139 | .w3-section, 1140 | .w3-code { 1141 | margin-top: 16px!important; 1142 | margin-bottom: 16px!important 1143 | } 1144 | .w3-margin { 1145 | margin: 16px!important 1146 | } 1147 | .w3-margin-top { 1148 | margin-top: 16px!important 1149 | } 1150 | .w3-margin-bottom { 1151 | margin-bottom: 16px!important 1152 | } 1153 | .w3-margin-left { 1154 | margin-left: 16px!important 1155 | } 1156 | .w3-margin-right { 1157 | margin-right: 16px!important 1158 | } 1159 | .w3-padding-small { 1160 | padding: 4px 8px!important 1161 | } 1162 | .w3-padding { 1163 | padding: 8px 16px!important 1164 | } 1165 | .w3-padding-large { 1166 | padding: 12px 24px!important 1167 | } 1168 | .w3-padding-16 { 1169 | padding-top: 16px!important; 1170 | padding-bottom: 16px!important 1171 | } 1172 | .w3-padding-24 { 1173 | padding-top: 24px!important; 1174 | padding-bottom: 24px!important 1175 | } 1176 | .w3-padding-32 { 1177 | padding-top: 32px!important; 1178 | padding-bottom: 32px!important 1179 | } 1180 | .w3-padding-48 { 1181 | padding-top: 48px!important; 1182 | padding-bottom: 48px!important 1183 | } 1184 | .w3-padding-64 { 1185 | padding-top: 64px!important; 1186 | padding-bottom: 64px!important 1187 | } 1188 | .w3-padding-top-64 { 1189 | padding-top: 64px!important 1190 | } 1191 | .w3-padding-top-48 { 1192 | padding-top: 48px!important 1193 | } 1194 | .w3-padding-top-32 { 1195 | padding-top: 32px!important 1196 | } 1197 | .w3-padding-top-24 { 1198 | padding-top: 24px!important 1199 | } 1200 | .w3-left { 1201 | float: left!important 1202 | } 1203 | .w3-right { 1204 | float: right!important 1205 | } 1206 | .w3-button:hover { 1207 | color: #000!important; 1208 | background-color: #ccc!important 1209 | } 1210 | .w3-transparent, 1211 | .w3-hover-none:hover { 1212 | background-color: transparent!important 1213 | } 1214 | .w3-hover-none:hover { 1215 | box-shadow: none!important 1216 | } 1217 | /* Colors */ 1218 | 1219 | .w3-amber, 1220 | .w3-hover-amber:hover { 1221 | color: #000!important; 1222 | background-color: #ffc107!important 1223 | } 1224 | .w3-aqua, 1225 | .w3-hover-aqua:hover { 1226 | color: #000!important; 1227 | background-color: #00ffff!important 1228 | } 1229 | .w3-blue, 1230 | .w3-hover-blue:hover { 1231 | color: #fff!important; 1232 | background-color: #2196F3!important 1233 | } 1234 | .w3-light-blue, 1235 | .w3-hover-light-blue:hover { 1236 | color: #000!important; 1237 | background-color: #87CEEB!important 1238 | } 1239 | .w3-brown, 1240 | .w3-hover-brown:hover { 1241 | color: #fff!important; 1242 | background-color: #795548!important 1243 | } 1244 | .w3-cyan, 1245 | .w3-hover-cyan:hover { 1246 | color: #000!important; 1247 | background-color: #00bcd4!important 1248 | } 1249 | .w3-blue-grey, 1250 | .w3-hover-blue-grey:hover, 1251 | .w3-blue-gray, 1252 | .w3-hover-blue-gray:hover { 1253 | color: #fff!important; 1254 | background-color: #607d8b!important 1255 | } 1256 | .w3-green, 1257 | .w3-hover-green:hover { 1258 | color: #fff!important; 1259 | background-color: #4CAF50!important 1260 | } 1261 | .w3-light-green, 1262 | .w3-hover-light-green:hover { 1263 | color: #000!important; 1264 | background-color: #8bc34a!important 1265 | } 1266 | .w3-indigo, 1267 | .w3-hover-indigo:hover { 1268 | color: #fff!important; 1269 | background-color: #3f51b5!important 1270 | } 1271 | .w3-khaki, 1272 | .w3-hover-khaki:hover { 1273 | color: #000!important; 1274 | background-color: #f0e68c!important 1275 | } 1276 | .w3-lime, 1277 | .w3-hover-lime:hover { 1278 | color: #000!important; 1279 | background-color: #cddc39!important 1280 | } 1281 | .w3-orange, 1282 | .w3-hover-orange:hover { 1283 | color: #000!important; 1284 | background-color: #ff9800!important 1285 | } 1286 | .w3-deep-orange, 1287 | .w3-hover-deep-orange:hover { 1288 | color: #fff!important; 1289 | background-color: #ff5722!important 1290 | } 1291 | .w3-pink, 1292 | .w3-hover-pink:hover { 1293 | color: #fff!important; 1294 | background-color: #e91e63!important 1295 | } 1296 | .w3-purple, 1297 | .w3-hover-purple:hover { 1298 | color: #fff!important; 1299 | background-color: #9c27b0!important 1300 | } 1301 | .w3-deep-purple, 1302 | .w3-hover-deep-purple:hover { 1303 | color: #fff!important; 1304 | background-color: #673ab7!important 1305 | } 1306 | .w3-red, 1307 | .w3-hover-red:hover { 1308 | color: #fff!important; 1309 | background-color: #f44336!important 1310 | } 1311 | .w3-sand, 1312 | .w3-hover-sand:hover { 1313 | color: #000!important; 1314 | background-color: #fdf5e6!important 1315 | } 1316 | .w3-teal, 1317 | .w3-hover-teal:hover { 1318 | color: #fff!important; 1319 | background-color: #009688!important 1320 | } 1321 | .w3-yellow, 1322 | .w3-hover-yellow:hover { 1323 | color: #000!important; 1324 | background-color: #ffeb3b!important 1325 | } 1326 | .w3-white, 1327 | .w3-hover-white:hover { 1328 | color: #000!important; 1329 | background-color: #fff!important 1330 | } 1331 | .w3-black, 1332 | .w3-hover-black:hover { 1333 | color: #fff!important; 1334 | background-color: #000!important 1335 | } 1336 | .w3-grey, 1337 | .w3-hover-grey:hover, 1338 | .w3-gray, 1339 | .w3-hover-gray:hover { 1340 | color: #000!important; 1341 | background-color: #9e9e9e!important 1342 | } 1343 | .w3-light-grey, 1344 | .w3-hover-light-grey:hover, 1345 | .w3-light-gray, 1346 | .w3-hover-light-gray:hover { 1347 | color: #000!important; 1348 | background-color: #f1f1f1!important 1349 | } 1350 | .w3-dark-grey, 1351 | .w3-hover-dark-grey:hover, 1352 | .w3-dark-gray, 1353 | .w3-hover-dark-gray:hover { 1354 | color: #fff!important; 1355 | background-color: #616161!important 1356 | } 1357 | .w3-pale-red, 1358 | .w3-hover-pale-red:hover { 1359 | color: #000!important; 1360 | background-color: #ffdddd!important 1361 | } 1362 | .w3-pale-green, 1363 | .w3-hover-pale-green:hover { 1364 | color: #000!important; 1365 | background-color: #ddffdd!important 1366 | } 1367 | .w3-pale-yellow, 1368 | .w3-hover-pale-yellow:hover { 1369 | color: #000!important; 1370 | background-color: #ffffcc!important 1371 | } 1372 | .w3-pale-blue, 1373 | .w3-hover-pale-blue:hover { 1374 | color: #000!important; 1375 | background-color: #ddffff!important 1376 | } 1377 | .w3-text-amber, 1378 | .w3-hover-text-amber:hover { 1379 | color: #ffc107!important 1380 | } 1381 | .w3-text-aqua, 1382 | .w3-hover-text-aqua:hover { 1383 | color: #00ffff!important 1384 | } 1385 | .w3-text-blue, 1386 | .w3-hover-text-blue:hover { 1387 | color: #2196F3!important 1388 | } 1389 | .w3-text-light-blue, 1390 | .w3-hover-text-light-blue:hover { 1391 | color: #87CEEB!important 1392 | } 1393 | .w3-text-brown, 1394 | .w3-hover-text-brown:hover { 1395 | color: #795548!important 1396 | } 1397 | .w3-text-cyan, 1398 | .w3-hover-text-cyan:hover { 1399 | color: #00bcd4!important 1400 | } 1401 | .w3-text-blue-grey, 1402 | .w3-hover-text-blue-grey:hover, 1403 | .w3-text-blue-gray, 1404 | .w3-hover-text-blue-gray:hover { 1405 | color: #607d8b!important 1406 | } 1407 | .w3-text-green, 1408 | .w3-hover-text-green:hover { 1409 | color: #4CAF50!important 1410 | } 1411 | .w3-text-light-green, 1412 | .w3-hover-text-light-green:hover { 1413 | color: #8bc34a!important 1414 | } 1415 | .w3-text-indigo, 1416 | .w3-hover-text-indigo:hover { 1417 | color: #3f51b5!important 1418 | } 1419 | .w3-text-khaki, 1420 | .w3-hover-text-khaki:hover { 1421 | color: #b4aa50!important 1422 | } 1423 | .w3-text-lime, 1424 | .w3-hover-text-lime:hover { 1425 | color: #cddc39!important 1426 | } 1427 | .w3-text-orange, 1428 | .w3-hover-text-orange:hover { 1429 | color: #ff9800!important 1430 | } 1431 | .w3-text-deep-orange, 1432 | .w3-hover-text-deep-orange:hover { 1433 | color: #ff5722!important 1434 | } 1435 | .w3-text-pink, 1436 | .w3-hover-text-pink:hover { 1437 | color: #e91e63!important 1438 | } 1439 | .w3-text-purple, 1440 | .w3-hover-text-purple:hover { 1441 | color: #9c27b0!important 1442 | } 1443 | .w3-text-deep-purple, 1444 | .w3-hover-text-deep-purple:hover { 1445 | color: #673ab7!important 1446 | } 1447 | .w3-text-red, 1448 | .w3-hover-text-red:hover { 1449 | color: #f44336!important 1450 | } 1451 | .w3-text-sand, 1452 | .w3-hover-text-sand:hover { 1453 | color: #fdf5e6!important 1454 | } 1455 | .w3-text-teal, 1456 | .w3-hover-text-teal:hover { 1457 | color: #009688!important 1458 | } 1459 | .w3-text-yellow, 1460 | .w3-hover-text-yellow:hover { 1461 | color: #d2be0e!important 1462 | } 1463 | .w3-text-white, 1464 | .w3-hover-text-white:hover { 1465 | color: #fff!important 1466 | } 1467 | .w3-text-black, 1468 | .w3-hover-text-black:hover { 1469 | color: #000!important 1470 | } 1471 | .w3-text-grey, 1472 | .w3-hover-text-grey:hover, 1473 | .w3-text-gray, 1474 | .w3-hover-text-gray:hover { 1475 | color: #757575!important 1476 | } 1477 | .w3-text-light-grey, 1478 | .w3-hover-text-light-grey:hover, 1479 | .w3-text-light-gray, 1480 | .w3-hover-text-light-gray:hover { 1481 | color: #f1f1f1!important 1482 | } 1483 | .w3-text-dark-grey, 1484 | .w3-hover-text-dark-grey:hover, 1485 | .w3-text-dark-gray, 1486 | .w3-hover-text-dark-gray:hover { 1487 | color: #3a3a3a!important 1488 | } 1489 | .w3-border-amber, 1490 | .w3-hover-border-amber:hover { 1491 | border-color: #ffc107!important 1492 | } 1493 | .w3-border-aqua, 1494 | .w3-hover-border-aqua:hover { 1495 | border-color: #00ffff!important 1496 | } 1497 | .w3-border-blue, 1498 | .w3-hover-border-blue:hover { 1499 | border-color: #2196F3!important 1500 | } 1501 | .w3-border-light-blue, 1502 | .w3-hover-border-light-blue:hover { 1503 | border-color: #87CEEB!important 1504 | } 1505 | .w3-border-brown, 1506 | .w3-hover-border-brown:hover { 1507 | border-color: #795548!important 1508 | } 1509 | .w3-border-cyan, 1510 | .w3-hover-border-cyan:hover { 1511 | border-color: #00bcd4!important 1512 | } 1513 | .w3-border-blue-grey, 1514 | .w3-hover-border-blue-grey:hover, 1515 | .w3-border-blue-gray, 1516 | .w3-hover-border-blue-gray:hover { 1517 | border-color: #607d8b!important 1518 | } 1519 | .w3-border-green, 1520 | .w3-hover-border-green:hover { 1521 | border-color: #4CAF50!important 1522 | } 1523 | .w3-border-light-green, 1524 | .w3-hover-border-light-green:hover { 1525 | border-color: #8bc34a!important 1526 | } 1527 | .w3-border-indigo, 1528 | .w3-hover-border-indigo:hover { 1529 | border-color: #3f51b5!important 1530 | } 1531 | .w3-border-khaki, 1532 | .w3-hover-border-khaki:hover { 1533 | border-color: #f0e68c!important 1534 | } 1535 | .w3-border-lime, 1536 | .w3-hover-border-lime:hover { 1537 | border-color: #cddc39!important 1538 | } 1539 | .w3-border-orange, 1540 | .w3-hover-border-orange:hover { 1541 | border-color: #ff9800!important 1542 | } 1543 | .w3-border-deep-orange, 1544 | .w3-hover-border-deep-orange:hover { 1545 | border-color: #ff5722!important 1546 | } 1547 | .w3-border-pink, 1548 | .w3-hover-border-pink:hover { 1549 | border-color: #e91e63!important 1550 | } 1551 | .w3-border-purple, 1552 | .w3-hover-border-purple:hover { 1553 | border-color: #9c27b0!important 1554 | } 1555 | .w3-border-deep-purple, 1556 | .w3-hover-border-deep-purple:hover { 1557 | border-color: #673ab7!important 1558 | } 1559 | .w3-border-red, 1560 | .w3-hover-border-red:hover { 1561 | border-color: #f44336!important 1562 | } 1563 | .w3-border-sand, 1564 | .w3-hover-border-sand:hover { 1565 | border-color: #fdf5e6!important 1566 | } 1567 | .w3-border-teal, 1568 | .w3-hover-border-teal:hover { 1569 | border-color: #009688!important 1570 | } 1571 | .w3-border-yellow, 1572 | .w3-hover-border-yellow:hover { 1573 | border-color: #ffeb3b!important 1574 | } 1575 | .w3-border-white, 1576 | .w3-hover-border-white:hover { 1577 | border-color: #fff!important 1578 | } 1579 | .w3-border-black, 1580 | .w3-hover-border-black:hover { 1581 | border-color: #000!important 1582 | } 1583 | .w3-border-grey, 1584 | .w3-hover-border-grey:hover, 1585 | .w3-border-gray, 1586 | .w3-hover-border-gray:hover { 1587 | border-color: #9e9e9e!important 1588 | } 1589 | .w3-border-light-grey, 1590 | .w3-hover-border-light-grey:hover, 1591 | .w3-border-light-gray, 1592 | .w3-hover-border-light-gray:hover { 1593 | border-color: #f1f1f1!important 1594 | } 1595 | .w3-border-dark-grey, 1596 | .w3-hover-border-dark-grey:hover, 1597 | .w3-border-dark-gray, 1598 | .w3-hover-border-dark-gray:hover { 1599 | border-color: #616161!important 1600 | } 1601 | .w3-border-pale-red, 1602 | .w3-hover-border-pale-red:hover { 1603 | border-color: #ffe7e7!important 1604 | } 1605 | .w3-border-pale-green, 1606 | .w3-hover-border-pale-green:hover { 1607 | border-color: #e7ffe7!important 1608 | } 1609 | .w3-border-pale-yellow, 1610 | .w3-hover-border-pale-yellow:hover { 1611 | border-color: #ffffcc!important 1612 | } 1613 | .w3-border-pale-blue, 1614 | .w3-hover-border-pale-blue:hover { 1615 | border-color: #e7ffff!important 1616 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc.