Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- box-sizing: border-box;
- }
- body{
- font-family: sans-serif;
- }
- #wrapper{
- width: 80%;
- margin:auto;
- background-color: #eaeaea;
- box-shadow: 0 0 10px rgba(12,3,25,0.8);
- }
- header{
- background-color: #00795f;
- padding: 20px;
- color:#fff;
- text-align: center;
- }
- nav ul{
- list-style-type: none;
- margin:0;
- padding: 0;
- width: 100%;
- background-color: #fff;
- text-align: center;
- }
- nav ul li{
- display: inline-block;
- position: relative;
- }
- nav ul li a{
- text-decoration: none;
- padding: 10px 20px;
- display: block;
- font-weight: bold;
- line-height: 40px;
- }
- /* Drop down Navigation */
- nav ul li ul{
- position: absolute;
- display: none;
- min-width: 100%;
- }
- nav ul li:hover ul{
- display: block;
- }
- nav ul li ul li{
- display: block;
- }
- nav ul li ul li a{
- text-align: center;
- }
- /* Psuedo class - nav a:link, nav a:visited, nav a:hover, nav a:active; */
- nav ul li a:link{
- color: #333;
- }
- nav ul li a:visited{
- color:green;
- }
- nav ul li a:hover{
- color:red;
- }
- main{
- padding: 10px;
- }
- /* footer style */
- footer{
- background-color: #00795f;
- padding: 20px;
- color:#fff;
- text-align: center;
- }
- /* fragment Identifier, fragment, id */
- /* 2 component -
- 1. id in your html element
- 2. href #idname */
- #list{
- margin-top: 400px;
- }
- #link{
- text-decoration: none;
- background-color: #005442;
- color: white;
- padding: 10px;
- box-shadow: 0 0 10 white;
- border-radius: 8px;
- position: fixed;
- bottom: 20px;
- right: 50px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement