project/stylesheet.css at master · roshnigithub/project · 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
  body{margin:0;
 }
  .h1{
	  color: #4CAF50;
	  }
  /* Add a black background color to the top navigation */
  .topnav {
	  background-color: #333;
	  overflow: hidden;
  }

  /* Style the links inside the navigation bar */
  .topnav a {
	  float: left;
	  color: #f2f2f2;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 17px;
  }

  /* Change the color of links on hover */
  .topnav a:hover {
	  background-color: #ddd;
	  color: black;
  }

  /* Add a color to the active/c-*/
  .topnav a.active {
	  background-color: #4CAF50;
	  color: white;
  }

  .h1 em {
	  font-size: larger;
  }

 .container {

	  width:300px;
	  display: inline;
	  position: relative;
	  height:238px;
	  float: left;
	  margin:55px;
	  padding:10px;
  }

  .image {
	opacity:1;
	display: block;
	width: 100%;
	height:100%;
	border-radius: 8px;
	border: 1px solid  #4CAF50;

  }

  .middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
  }

  .container:hover .image {
	  opacity: 0.3;
  }

  .container:hover .middle {
	opacity: 1;
  }

 a:visited {
    text-decoration:none;
	color:white;
}

a:hover {
    text-decoration: underline;
	color:white;
}

a:active {
    text-decoration: underline;
	color:white;
}
.text {
	background-color: #4CAF50;
	color: white;
	font-size: 16px;

	padding: 16px 32px;
	}
a:link {
    text-decoration: none;
	color:white;

}