Sports-Rugby-Web/hw1.css at main · AbhiHack2/Sports-Rugby-Web · GitHub

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
header{
 background-image: url("../images/flywheel.jpg");
 padding: 20px;
text-align: center;
}

h1{
 color: #ffffff;
 text-transform: uppercase;
 font-size: 150%;
}

body{

 margin:5%;
 padding: 20px;
 font-size: 105%;

}

nav{
 font-family: Arial, "Times New Roman", serif;
 font-size: 105%;
}

nav a{
 display: inline-block;
 color:#0f0e0a;
 background-color: #ffffff;

 opacity: 0.8;
 width:15%;
 text-decoration: none;
 margin:3%;
 padding: 10px;
 border-radius: 5%;
}

.active{
 color: #0000ff;
 background-color: #bbffff;

}

h2{
    color: #0000ff;
    font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 40px;
}

.left{
    background: #b5b664;
    width: 20%;
    float:left;                               /* pehle class=left ki styling karlo, background vagerah and padding and all also images iske styling area ke bahar nhi jaa sakti, toh vo iss area mai restrict ho gayi*/
    padding: 10px ;
}

img{
    border: solid 2px #000000;
    width: 60%;                          /* as class jisme img hai vo toh pehle se hi style ho gayi and images uske andar automatically hai, now we just style the images jinke width(other prop. also) ka frame of reference is class ka area*/
    margin: 10% 20%;
     border-radius: 4px;
    padding: 2px;
}

.right{
    width: 65%;
    display: inline-block;
    padding-left: 2%;
    font-size: 20px;

}

p{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
}


table, td, th{
    border: 5px solid #ffffff;
}

table{
 border-collapse: collapse;
 width: 100%;
 margin: 40px;
 line-height: 40px;
font-family: verdana;
}

th{
background-color: #065535;
border-radius:15px;
color: white;
text-align: center;
border-bottom: 5px solid yellow;
padding: 20px;
}

td{
   text-align: center;
background-color: #fff68f;

border-bottom: 5px solid white;
color: black;
padding: 10px;
opacity:  0.7;

}


tr:hover td {
  color: blue;
background-color: #b5b664;
opacity: 1;
}


tr th:first-child {
    text-align: left;
}

tr td:first-child {
    text-align: left;
}