Skip to content

Commit 0ebec11

Browse files
khushi-purwarkhushi-purwar
committed
add stylesheets
1 parent eb12907 commit 0ebec11

File tree

2 files changed

+121
-127
lines changed

2 files changed

+121
-127
lines changed

‎Classifier-Using-JS/Classifiers/classifier.css

Lines changed: 78 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -1,131 +1,128 @@
1-
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
2-
*{
3-
margin: 0;
4-
padding: 0;
5-
box-sizing: border-box;
6-
font-family: 'Montserrat', sans-serif;
7-
background-color: #0b032d;
1+
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
font-family: "Montserrat", sans-serif;
7+
background-color: #0b032d;
88
}
99

1010
body {
11-
width: 100%;
12-
display: flex;
13-
align-items: center;
14-
justify-content: center;
15-
flex-direction: column;
11+
width: 100%;
12+
display: flex;
13+
align-items: center;
14+
justify-content: center;
15+
flex-direction: column;
1616
}
1717

18-
h1{
19-
margin: 30px;
20-
color: #f23557;
21-
18+
h1 {
19+
margin: 30px;
20+
color: #f23557;
2221
}
2322

2423
.inputbox {
25-
display: flex;
26-
width: 80%;
27-
flex-direction: column;
24+
display: flex;
25+
width: 80%;
26+
flex-direction: column;
2827
}
2928

3029
.input {
31-
padding: 0.8rem;
32-
font-size: 1.1rem;
33-
border: 1px solid white;
34-
outline: none;
35-
border-radius: 0;
36-
color: white;
30+
padding: 0.8rem;
31+
font-size: 1.1rem;
32+
border: 1px solid white;
33+
outline: none;
34+
border-radius: 0;
35+
color: white;
3736
}
3837

39-
.input:focus, .input:active {
40-
outline: none;
38+
.input:focus,
39+
.input:active {
40+
outline: none;
4141
}
4242

4343
.btn {
44-
margin-top: 1rem;
45-
border: none;
46-
outline: none;
47-
width: 10rem;
48-
padding: 0.8rem 0;
49-
font-size: 1rem;
50-
background-color: #f23557;
51-
color: #fff;
52-
cursor: pointer;
53-
border-radius: 0;
44+
margin-top: 1rem;
45+
border: none;
46+
outline: none;
47+
width: 10rem;
48+
padding: 0.8rem 0;
49+
font-size: 1rem;
50+
background-color: #f23557;
51+
color: #fff;
52+
cursor: pointer;
53+
border-radius: 0;
5454
}
5555

56-
p span{
57-
color: yellow;
58-
font-size: 20px;
56+
p span {
57+
color: yellow;
58+
font-size: 20px;
5959
}
6060

61-
p{
62-
color: white;
63-
font-size: 20px;
64-
width: 80%;
65-
margin-bottom: 30px;
66-
line-height: 2rem;
61+
p {
62+
color: white;
63+
font-size: 20px;
64+
width: 80%;
65+
margin-bottom: 30px;
66+
line-height: 2rem;
6767
}
6868

69-
70-
7169
.textcontainer h3 {
72-
text-align: center;
73-
font-size: 20px;
74-
color: #FFF;
75-
font-family: 'Times New Roman', Times, serif;
76-
margin: 20px auto;
70+
text-align: center;
71+
font-size: 20px;
72+
color: #fff;
73+
font-family: "Times New Roman", Times, serif;
74+
margin: 20px auto;
7775
}
7876

7977
.textcontainer h3 span {
80-
color: #f23557;
78+
color: #f23557;
8179
}
8280

83-
.textarea{
84-
color: white;
85-
padding: 10px;
81+
.textarea {
82+
color: white;
83+
padding: 10px;
8684
}
8785

88-
8986
/* news analyzer styles */
9087

9188
.newscontainer h3 {
92-
text-align: center;
93-
font-size: 20px;
94-
color: #FFF;
95-
font-family: 'Times New Roman', Times, serif;
96-
margin: 20px auto;
89+
text-align: center;
90+
font-size: 20px;
91+
color: #fff;
92+
font-family: "Times New Roman", Times, serif;
93+
margin: 20px auto;
9794
}
9895

9996
.newscontainer h3 span {
100-
color: #f23557;
97+
color: #f23557;
10198
}
10299

103-
104100
/* language analyzer styles */
105101
.input2 {
106-
padding: 0.8rem;
107-
font-size: 1.1rem;
108-
border: 1px solid white;
109-
outline: none;
110-
border-radius: 0;
111-
color: white;
102+
padding: 0.8rem;
103+
font-size: 1.1rem;
104+
border: 1px solid white;
105+
outline: none;
106+
border-radius: 0;
107+
color: white;
112108
}
113109

114-
.input2:focus, .input2:active {
115-
outline: none;
116-
/* border: none; */
110+
.input2:focus,
111+
.input2:active {
112+
outline: none;
113+
/* border: none; */
117114
}
118115

119116
.langcontainer h3 {
120-
/* width: 90%; */
121-
text-align: center;
122-
font-size: 20px;
123-
color: #FFF;
124-
font-family: 'Times New Roman', Times, serif;
125-
margin: 20px auto;
117+
/* width: 90%; */
118+
text-align: center;
119+
font-size: 20px;
120+
color: #fff;
121+
font-family: "Times New Roman", Times, serif;
122+
margin: 20px auto;
126123
}
127124

128125
.langcontainer h3 span {
129-
color: #f23557;
126+
color: #f23557;
130127
}
131128

‎Classifier-Using-JS/style.css

Lines changed: 43 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,53 @@
1-
2-
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
3-
*{
4-
margin: 0;
5-
padding: 0;
6-
box-sizing: border-box;
7-
font-family: 'Montserrat', sans-serif;
8-
background-color: #0b032d;
1+
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
font-family: "Montserrat", sans-serif;
7+
background-color: #0b032d;
98
}
109

11-
.header{
12-
color: #f23557;
13-
margin-top: 70px;
14-
text-align: center;
15-
font-size: 50px;
16-
margin-bottom: 40px;
10+
.header {
11+
color: #f23557;
12+
margin-top: 70px;
13+
text-align: center;
14+
font-size: 50px;
15+
margin-bottom: 40px;
1716
}
18-
.cont{
19-
margin-top: 20px;
20-
display: flex;
21-
justify-content: center;
22-
align-items: center;
23-
flex-wrap: wrap;
24-
gap: 30px;
25-
17+
.cont {
18+
margin-top: 20px;
19+
display: flex;
20+
justify-content: center;
21+
align-items: center;
22+
flex-wrap: wrap;
23+
gap: 30px;
2624
}
27-
.classifier{
28-
border: 2px solid yellow;
29-
width: 250px;
30-
height: 250px;
31-
margin: 0 30px;
32-
color: aquamarine;
33-
border-radius: 10px;
34-
text-align: center;
35-
font-size: 40px;
36-
padding-top: 30px;
37-
transition: transform 0.35s ease-in;
25+
.classifier {
26+
border: 2px solid yellow;
27+
width: 250px;
28+
height: 250px;
29+
margin: 0 30px;
30+
color: aquamarine;
31+
border-radius: 10px;
32+
text-align: center;
33+
font-size: 40px;
34+
padding-top: 30px;
35+
transition: transform 0.35s ease-in;
3836
}
3937

40-
.classifier:hover{
41-
transform: scale(1.1);
38+
.classifier:hover {
39+
transform: scale(1.1);
4240
}
4341

44-
45-
button{
46-
padding: 10px;
47-
background-color: #f23557;
48-
border: none;
49-
border-radius: 5px;
42+
button {
43+
padding: 10px;
44+
background-color: #f23557;
45+
border: none;
46+
border-radius: 5px;
5047
}
5148

52-
a{
53-
text-decoration: none;
54-
color: white;
55-
background: none;
56-
}
49+
a {
50+
text-decoration: none;
51+
color: white;
52+
background: none;
53+
}

0 commit comments

Comments
 (0)