-
Notifications
You must be signed in to change notification settings - Fork 0
/
css1.css
152 lines (100 loc) · 4.52 KB
/
css1.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
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
78
79
80
81
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
h1{
text-align: center;
font-family: 'Anton', sans-serif;
margin-bottom: 60px;
text-shadow: 2px 2px #FF0000;
font-size: 50px;
font-style:initial;
}
*{
box-sizing: border-box;
margin: 0px 0px 0px 0px ;
}
body{
height: 570px;
background-image: url(http://www.rowadtech.com/img/rowads1.jpeg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.first{
background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/1200px-HTML5_logo_and_wordmark.svg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.second{
background-image:url(https://www.optimum7.com/wp-content/uploads/2013/04/CSS3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.third{
background-image:url(data:image/png;base64,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);
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
p{
padding: 6%;
padding-top: 10px;
margin: 0px;
}
div {
font-family: 'Pacifico', cursive;
font-variant: small-caps;
font-size: larger;
float: left;
font-weight: bold;
font-style: italic;
color:#2E2E2E;
width: 27%;
height: 220px;
border: 2px solid black;
box-sizing: border-box;
position: relative;
padding:0px;
background-color: #cce6ff;
margin : 1%;
vertical-align: center;
text-align:center;
}
header {
font-family: 'Pacifico', cursive;
position: relative;
width:20%;
height:15%;
left:80%;
text-align: center;
background-color: red;
border-bottom: 2px solid black;
border-left: 2px solid black;
padding: 5px;
right:0px;
}
.f{
background-color: #c5d5cb
}
.s{
background-color:#9ad3de
}
.th{
background-color:#e3e0cf
}
/********** Large devices only **********/
@media (min-width: 992px) {
.lg{
width:30%;
}
}
/********** Medium devices only **********/
@media (min-width: 768px) and (max-width: 991px) {
.md{
width:46%;
}
.third{
width:94%;
}
}
/********** small devices only **********/
@media (max-width: 767px) {
.sm{
width:95%;
}