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);
- }
- .header {
- width: 825px;
- height: 75px;
- margin-right: auto;
- margin-left: auto;
- z-index: 1;
- }
- .logo {
- position: relative;
- width: 281px;
- height: 59px;
- float: left;
- padding-top: 9px;
- }
- .nav_words {
- position: relative;
- float: left;
- height: 75px;
- width: 537px;
- }
- .words {
- position: absolute;
- font-size: 14px;
- height: 75px;
- width: 80px;
- right: -7;
- bottom: 0;
- }
- .login_words {
- position: absolute;
- right: 6px;
- bottom: 20px;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 11px;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- color: #000;
- }
- .nav_dropdown {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 23px;
- font-weight:bold;
- }
- #left_drop {
- position: relative;
- float: left;
- height: 75px;
- width: 454px;
- }
- #moveuser {
- position: relative;
- text-align: center;
- margin-top: 50px;
- }
- /* 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: 50px;
- background: url(../assets/tab1light.png) no-repeat 100% 100%;
- color: white;
- }
- #button1 ul a:hover {
- background-image: url(../assets/tab1dark.png);
- background-repeat: no-repeat;
- }
- #button1 il a:hover {
- background-image: url(../assets/tab1darkfill.png);
- background-repeat: no-repeat;
- }
- #button1 ul ul {
- background-image: url(../assets/tab1darkfill.png);
- background-repeat: no-repeat;
- position: absolute;
- top: 50px;
- visibility: hidden;
- }
- #button1 ul ul a {
- background-image: url(../assets/tab1lightfill.png);
- background-repeat: no-repeat;
- }
- #button1 ul ul a:hover {
- background-image: url(../assets/tab1darkfill.png);
- background-repeat: no-repeat;
- }
- #button1 ul li:hover ul {
- visibility: visible;
- }
- /* My Profile button */
- #button2 {
- width: 111px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 75px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button2 ul {
- width: 111px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button2 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button2 li a {
- width: 111px;
- height: 50px;
- display: block;
- text-decoration: none;
- text-align: center;
- line-height: 50px;
- background: url(../assets/tab2light.png) no-repeat 100% 100%;
- color: white;
- }
- #button2 ul a:hover {
- background-image: url(../assets/tab2dark.png);
- background-repeat: no-repeat;
- }
- #button2 il a:hover {
- background-image: url(../assets/tab2darkfill.png);
- background-repeat: no-repeat;
- }
- #button2 ul ul {
- background-image: url(../assets/tab2darkfill.png);
- background-repeat: no-repeat;
- position: absolute;
- top: 50px;
- visibility: hidden;
- }
- #button2 ul ul a {
- background-image: url(../assets/tab2lightfill.png);
- background-repeat: no-repeat;
- }
- #button2 ul ul a:hover {
- background-image: url(../assets/tab2darkfill.png);
- background-repeat: no-repeat;
- }
- #button2 ul li:hover ul {
- visibility: visible;
- }
- /* messages button */
- #button3 {
- width: 114px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 191px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button3 ul {
- width: 114px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 0px;
- padding-right: 0px;
- cursor: default;
- }
- #button3 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button3 li a {
- width: 114px;
- height: 50px;
- display: block;
- text-decoration: none;
- text-align: center;
- line-height: 50px;
- background: url(../assets/tab3light.png) no-repeat 100% 100%;
- color: white;
- }
- #button3 ul a:hover {
- background-image: url(../assets/tab3dark.png);
- background-repeat: no-repeat;
- }
- #button3 il a:hover {
- background-image: url(../assets/tab3darkfill.png);
- background-repeat: no-repeat;
- }
- #button3 ul ul {
- background-image: url(../assets/tab3darkfill.png);
- background-repeat: no-repeat;
- position: absolute;
- top: 50px;
- visibility: hidden;
- }
- #button3 ul ul a {
- background-image: url(../assets/tab3lightfill.png);
- background-repeat: no-repeat;
- }
- #button3 ul ul a:hover {
- background-image: url(../assets/tab3darkfill.png);
- background-repeat: no-repeat;
- }
- #button3 ul li:hover ul {
- visibility: visible;
- }
- /* search button */
- #button4 {
- width: 83px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 310px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button4 ul {
- width: 83px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button4 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button4 li a {
- width: 83px;
- height: 50px;
- display: block;
- text-decoration: none;
- text-align: center;
- line-height: 50px;
- background: url(../assets/tab4light.png) no-repeat 100% 100%;
- color: white;
- }
- #button4 ul a:hover {
- background-image: url(../assets/tab4dark.png);
- background-repeat: no-repeat;
- }
- #button4 il a:hover {
- background-image: url(../assets/tab4darkfill.png);
- background-repeat: no-repeat;
- }
- #button4 ul ul {
- background-image: url(../assets/tab4darkfill.png);
- background-repeat: no-repeat;
- position: absolute;
- top: 50px;
- visibility: hidden;
- }
- #button4 ul ul a {
- background-image: url(../assets/tab4lightfill.png);
- background-repeat: no-repeat;
- }
- #button4 ul ul a:hover {
- background-image: url(../assets/tab4darkfill.png);
- background-repeat: no-repeat;
- }
- #button4 ul li:hover ul {
- visibility: visible;
- }
- /* help button */
- #button5 {
- width: 56px;
- height: 50px;
- position: absolute;
- bottom: 0px;
- left: 398px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button5 ul {
- width: 56px;
- height: 50px;
- margin: 0;
- font-size: 21px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #button5 li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #button5 li a {
- width: 56px;
- height: 50px;
- display: block;
- text-decoration: none;
- text-align: center;
- line-height: 50px;
- background: url(../assets/tab5light.png) no-repeat 100% 100%;
- color: white;
- }
- #button5 ul a:hover {
- background-image: url(../assets/tab5dark.png);
- background-repeat: no-repeat;
- }
- #button5 il a:hover {
- background-image: url(../assets/tab5darkfill.png);
- background-repeat: no-repeat;
- }
- #button5 ul ul {
- background-image: url(../assets/tab5darkfill.png);
- background-repeat: no-repeat;
- position: absolute;
- top: 50px;
- visibility: hidden;
- }
- #button5 ul ul a {
- background-image: url(../assets/tab5lightfill.png);
- background-repeat: no-repeat;
- }
- #button5 ul ul a:hover {
- background-image: url(../assets/tab5darkfill.png);
- background-repeat: no-repeat;
- }
- #button5 ul li:hover ul {
- visibility: visible;
- }
- /* login button */
- #login {
- width: 80px;
- height: 40px;
- position: absolute;
- right: 0px;
- bottom: 0px;
- }
- #login ul {
- width: 80px;
- height: 40px;
- padding: 0;
- margin: 0;
- font-size: 14px;
- padding-left: 0px;
- padding-right: 0px;
- }
- #login li {
- position: relative;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #login li a {
- width: 80px;
- height: 40px;
- display: block;
- text-decoration: none;
- text-align: center;
- line-height: 50px;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 11px;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- background: url(../assets/loggedlight.png) no-repeat 100% 100%;
- color: black;
- }
- #login ul a:hover {
- background-image: url(../assets/loggeddark.png);
- background-repeat: no-repeat;
- }
- #login li a:hover {
- background-image: url(../assets/loggeddark.png);
- background-repeat: no-repeat;
- }
- #login ul ul {
- background-image: url(../assets/loggeddarkfill.png);
- background-repeat: no-repeat;
- position: absolute;
- top: 50px;
- visibility: hidden;
- }
- #login ul ul a {
- background-image: url(../assets/loggedlightfill.png);
- background-repeat: no-repeat;
- }
- #login ul ul a:hover {
- background-image: url(../assets/loggeddarkfill.png);
- background-repeat: no-repeat;
- }
- #login ul li:hover ul {
- visibility: visible;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement