Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- /* CSS Document */
- .header_bg {
- background-image: url(../assets/background.png);
- /* background-image: -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.38, rgb(0,102,153)),
- color-stop(0.77, rgb(51,153,204))
- );
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(0,102,153) 38%,
- rgb(51,153,204) 77% */
- );
- }
- .header {
- width: 800px;
- height: 75px;
- margin-right: auto;
- margin-left: auto;
- }
- .logo {
- position: relative;
- width: 281px;
- height: 59px;
- float: left;
- padding-top: 9px;
- }
- .nav_words {
- position: relative;
- float: left;
- height: 75px;
- width: 518px;
- }
- .words {
- position: absolute;
- right: 0;
- font-size: 14px;
- bottom: 0;
- }
- .login_words {
- position: absolute;
- right: 0px;
- bottom: 10px;
- width: 70px;
- }
- .nav_dropdown {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 23px;
- font-weight:bold;
- }
- #left_drop {
- position: relative;
- float: left;
- height: 75px;
- width: 500px;
- }
- /* dropdown menu nav */
- /* home button */
- #button1 {
- width: 70px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 0px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button1 ul {
- width: 70px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button1 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button1 li a {
- width: 70px;
- height: 50px;
- display: block;
- text-decoration: none;
- text-align: center;
- line-height: 30px;
- background: url(../assets/tab1.png) no-repeat 100% 100%;
- /* background-image:
- -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.26, rgb(24,56,150)),
- color-stop(0.63, rgb(217,100,100)));
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(24,56,150) 26%,
- rgb(217,100,100) 63%); */
- color: white;
- /*width:100px;
- height: 30px;
- display: block;
- text-decoration:none;
- text-align: center;
- line-height: 30px;
- background-color: black;
- color: white; */
- }
- #button1 li a:hover {
- background-image: url(../assets/buttonbackgrounddark.png);
- background-repeat: no-repeat;
- }
- #button1 ul ul {
- position: absolute;
- top: 30px;
- visibility: hidden;
- }
- #button1 ul li:hover ul {
- visibility: visible;
- }
- /* My Profile button */
- #button2 {
- width: 100px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 80px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button2 ul {
- width: 100px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 5px;
- padding-right: 5px;
- }
- #button2 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button2 li a {
- width: 100px;
- height: 50px;
- display: block;
- /* display: blue; */
- text-decoration: none;
- text-align: center;
- line-height: 30px;
- background: url(../assets/tab1.png) no-repeat 100% 100%;
- /* background-image:
- -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.26, rgb(24,56,150)),
- color-stop(0.63, rgb(217,100,100)));
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(24,56,150) 26%,
- rgb(217,100,100) 63%); */
- color: white;
- }
- #button2 li a:hover {
- background-image: url(../assets/buttonbackgrounddark.png);
- background-repeat: no-repeat;
- }
- #button2 ul ul {
- position: absolute;
- top: 30px;
- visibility: hidden;
- }
- #button2 ul li:hover ul {
- visibility: visible;
- }
- /* messages button */
- #button3 {
- width: 50px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 200px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button3 ul {
- width: 50px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 5px;
- padding-right: 5px;
- }
- #button3 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button3 li a {
- width: 100px;
- height: 30px;
- /* display: blue; */
- text-decoration: none;
- text-align: center;
- line-height: 30px;
- background-color: transparent;
- background-image: url(../assets/buttonbackground.png);
- background-repeat: no-repeat;
- /* background-image:
- -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.26, rgb(24,56,150)),
- color-stop(0.63, rgb(217,100,100)));
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(24,56,150) 26%,
- rgb(217,100,100) 63%); */
- color: white;
- }
- #button3 li a:hover {
- background-image: url(../assets/buttonbackgrounddark.png);
- background-repeat: no-repeat;
- }
- #button3 ul ul {
- position: absolute;
- top: 30px;
- visibility: hidden;
- }
- #button3 ul li:hover ul {
- visibility: visible;
- }
- /* search button */
- #button4 {
- width: 50px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 320px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button4 ul {
- width: 50px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 5px;
- padding-right: 5px;
- }
- #button4 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button4 li a {
- width: 100px;
- height: 30px;
- /* display: blue; */
- text-decoration: none;
- text-align: center;
- line-height: 30px;
- background-color: transparent;
- background-image: url(../assets/buttonbackground.png);
- background-repeat: no-repeat;
- /* background-image:
- -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.26, rgb(24,56,150)),
- color-stop(0.63, rgb(217,100,100)));
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(24,56,150) 26%,
- rgb(217,100,100) 63%); */
- color: white;
- }
- #button4 li a:hover {
- background-image: url(../assets/buttonbackgrounddark.png);
- background-repeat: no-repeat;
- }
- #button4 ul ul {
- position: absolute;
- top: 30px;
- visibility: hidden;
- }
- #button4 ul li:hover ul {
- visibility: visible;
- }
- /* help button */
- #button5 {
- width: 50px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 400px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button5 ul {
- width: 50px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 5px;
- padding-right: 5px;
- }
- #button5 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button5 li a {
- width: 100px;
- height: 30px;
- /* display: blue; */
- text-decoration: none;
- text-align: center;
- line-height: 30px;
- background-color: transparent;
- background-image: url(../assets/buttonbackground.png);
- background-repeat: no-repeat;
- /* background-image:
- -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.26, rgb(24,56,150)),
- color-stop(0.63, rgb(217,100,100)));
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(24,56,150) 26%,
- rgb(217,100,100) 63%); */
- color: white;
- }
- #button5 li a:hover {
- background-image: url(../assets/buttonbackgrounddark.png);
- background-repeat: no-repeat;
- }
- #button5 ul ul {
- position: absolute;
- top: 30px;
- visibility: hidden;
- }
- #button5 ul li:hover ul {
- visibility: visible;
- }
- /* login button */
- #login {
- position: absolute;
- right: 17px;
- bottom: -15px;
- }
- #login ul {
- padding: 0;
- margin: 0;
- font-size: 14px;
- }
- #login li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #login li a {
- width: 100px;
- height: 30px;
- /* display: blue; */
- text-decoration: none;
- text-align: center;
- line-height: 30px;
- background-color: transparent;
- color: black;
- }
- #login li a:hover {
- background-color: red;
- }
- #login ul ul {
- position: absolute;
- top: 30px;
- visibility: hidden;
- }
- #login ul li:hover ul {
- visibility: visible;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement