Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0;
- padding: 0;
- border: 0;
- }
- p{
- margin-top: 0;
- }
- .container{
- margin: 0;
- padding: 0;
- border: 0;
- }
- .header{
- width: 100%;
- height: 60px;
- background-color: #174d53;
- color: white;
- }
- .header p{
- margin-left: 10px;
- width: 200px;
- line-height: 60px;
- font-family: arial,serif;
- font-weight: bold;
- word-spacing: 1px;
- letter-spacing: 2px;
- color: #174d53;
- float: left;
- }
- .header span{
- border: 3px solid white;
- background-color: white;
- padding: 5px;
- border-radius: 15px;
- }
- .header ul{
- float: right;
- padding-right: 40px;
- padding-top: 4px;
- }
- .header ul li{
- display: inline-block;
- padding-right: 10px;
- }
- .header ul li a{
- text-decoration: none;
- font-family: arial,serif;
- font-weight: bold;
- width: 100px;
- background-color: white;
- padding: 10px;
- border-radius: 20px;
- color: #174d53;
- font-size: 15px;
- }
- .header ul li a:hover{
- background-color: #174d53;
- color: white;
- border: 2px solid white;
- }
- .content a{
- text-decoration: none;
- padding: 10px;
- border: 3px solid red;
- border-radius: 20px;
- color: white;
- background-color: red;
- }
- .content a:hover{
- background-color: white;
- color: red;
- border-color: white;
- }
- .content{
- height: 600px;
- background-image: url(../images/lamborghini.jpg);
- background-size: cover;
- background-repeat: no-repeat;
- text-align: center;
- font-family: arial,serif;
- font-weight: bold;
- color: white;
- line-height: 300px;
- background-position: 0 -120px;
- }
- .content p{
- font-size: 25px;
- }
- /**
- * For modern browsers
- * 1. The space content is one way to avoid an Opera bug when the
- * contenteditable attribute is included anywhere else in the document.
- * Otherwise it causes space to appear at the top and bottom of elements
- * that are clearfixed.
- * 2. The use of `table` rather than `block` is only necessary if using
- * `:before` to contain the top-margins of child elements.
- */
- .cf:before,
- .cf:after {
- content: " ";/* 1 */
- display: table; /* 2 */
- }
- .cf:after {
- clear: both;
- }
- /**
- * For IE 6/7 only
- * Include this rule to trigger hasLayout and contain floats.
- */
- .cf {
- *zoom: 1;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement