Skip to content

Commit bb23c7d

Browse files
chitraa-jainchitraa-jain
authored
Add files via upload
1 parent af50303 commit bb23c7d

File tree

1 file changed

+227
-0
lines changed

1 file changed

+227
-0
lines changed

‎dumbaloo.css‎

Lines changed: 227 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,227 @@
1+
*{
2+
box-sizing: border-box;
3+
list-style: none;
4+
}
5+
body{
6+
margin: 0px;
7+
}
8+
9+
header>img{
10+
width: 30%;
11+
}
12+
header h1{
13+
font-size: 40px;
14+
}
15+
#menu{
16+
display: none;
17+
}
18+
nav{
19+
position: sticky;
20+
top: 5px;
21+
22+
}
23+
#gg{
24+
text-align: center;
25+
background-color: rgba(51, 51, 51, 0.877);
26+
padding: 15px;
27+
margin-top: 20px;
28+
margin-left: 370px;
29+
margin-right: 370px;
30+
position: sticky;
31+
border-radius: 25px;
32+
}
33+
nav a{
34+
text-decoration: none;
35+
color: beige;
36+
padding: 17px;
37+
font-family: 'Open Sans', sans-serif;
38+
}
39+
nav a:hover{
40+
color: rgb(118, 195, 240);
41+
}
42+
#imgg{
43+
width: 12%;
44+
margin-top: 3px;
45+
position: absolute;
46+
}
47+
#login{
48+
float: right;
49+
background-color: rgba(255, 238, 0, 0.993);
50+
padding: 10px;
51+
border-radius: 25px;
52+
border: 0px;
53+
margin-top: -41px;
54+
margin-right: 5px;
55+
}
56+
#login>a{
57+
color: #333;
58+
}
59+
#login>a:hover{
60+
color: rgb(196, 28, 28);
61+
}
62+
#login:hover{
63+
opacity: 50%;
64+
}
65+
a>img{
66+
width: 5%;
67+
}
68+
a>img{
69+
width: 5%;
70+
}
71+
a>img:hover{
72+
opacity: 50%;
73+
}
74+
section{
75+
text-align: center;
76+
padding-top: 40px ;
77+
height: 100vh;
78+
}
79+
section:nth-child(even){ /*selecting all the even numberth section tags*/
80+
background-color: #ececec;
81+
}
82+
h2,h3,h4{
83+
font-family: 'Open Sans', sans-serif;
84+
}
85+
img{
86+
padding: 0px 20px;
87+
88+
}
89+
.china{
90+
width: 30%;
91+
float: left;
92+
margin: 50px;
93+
margin-left: 70px;
94+
margin-right: 10px;
95+
}
96+
.abortion{
97+
width: 20%;
98+
float: left;
99+
margin-top: 14px;
100+
margin-right: 10px;
101+
margin-left: 10px;
102+
}
103+
.readmore{
104+
color: black;
105+
}
106+
.china1{
107+
padding-right: 70px;
108+
font-family: 'Open Sans', sans-serif;
109+
padding-top: 60px;
110+
}
111+
.abortion1{
112+
padding-right: 70px;
113+
font-family: 'Open Sans', sans-serif;
114+
padding-top: 50px;
115+
font-size: 80%;
116+
}
117+
hr{
118+
width: 35%;
119+
margin-bottom: 40px;
120+
background-color: black;
121+
}
122+
h2{
123+
padding-bottom: 2px;
124+
}
125+
h5{
126+
margin: 10px;
127+
padding-left: 185px;
128+
padding-right: 185px;
129+
font-family: 'Open Sans', sans-serif;
130+
line-height: 130%;
131+
}
132+
.pic{
133+
border-radius: 70%;
134+
width: 15%;
135+
}
136+
footer{
137+
overflow: hidden;
138+
background-color: #333;
139+
}
140+
footer a{
141+
font-family: 'Open Sans', sans-serif;
142+
text-decoration: none;
143+
display: block;
144+
color: white;
145+
padding: 14px 20px;
146+
float: left;
147+
position: relative;
148+
}
149+
.copyright{
150+
float: right;
151+
}
152+
footer a:hover{
153+
color: rgb(118, 195, 240);
154+
}
155+
@media screen and (max-width:600px){
156+
section{
157+
text-align: center;
158+
padding-top: 40px ;
159+
height: auto;
160+
}
161+
.china{
162+
width: 90%;
163+
float: none;
164+
margin: 10px;
165+
}
166+
.abortion{
167+
width: 90%;
168+
float: none;
169+
margin: 10px;
170+
}
171+
.china1{
172+
padding:10px;
173+
font-family: 'Open Sans', sans-serif;
174+
font-size: medium;
175+
}
176+
.abortion1{
177+
padding:10px;
178+
font-family: 'Open Sans', sans-serif;
179+
font-size: medium;
180+
}
181+
h5{
182+
margin: 10px;
183+
padding: 10px;
184+
font-family: 'Open Sans', sans-serif;
185+
line-height: 130%;
186+
}
187+
.pic{
188+
width: 40%;
189+
}
190+
#imgg{
191+
width: 30%;
192+
margin-top:-7px;
193+
margin-left: 14px;
194+
position: absolute;
195+
}
196+
#gg{
197+
text-align: center;
198+
background-color: rgba(255, 255, 255, 0);
199+
padding: 0px;
200+
margin-top: 20px;
201+
margin-left: 10px;
202+
margin-right: 490px;
203+
position: sticky;
204+
border-radius: 25px;
205+
}
206+
#menu{
207+
display: block;
208+
width: 65px;
209+
margin-left: -25px;
210+
}
211+
/* #menu:hover{
212+
background-color: blue;
213+
} */
214+
.ele{
215+
display: none;
216+
}
217+
#login{
218+
float: right;
219+
background-color: rgba(255, 238, 0, 0.993);
220+
padding: 10px;
221+
border-radius: 25px;
222+
border: 0px;
223+
margin-top: -21px;
224+
margin-right: 5px;
225+
}
226+
227+
}

0 commit comments

Comments
 (0)