Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- }
- @font-face {
- font-family: "Ringbearer";
- src: url("ringbearer.ttf");
- }
- body {
- font-family: "Ringbearer",Arial,Sans-serif;
- background-image: url(/files/images/public/connect/realbg.png);
- background-repeat: no-repeat;
- background-size: 100% 100%;
- }
- header {
- width: 100%;
- height: 485px;
- background-repeat: no-repeat;
- background-image: url(/files/images/public/connect/topbackground.png);
- background-size: 100% 100%;
- }
- header > .wrap > nav > ul > li:first-child {
- background-image: url(/files/images/public/connect/b1a.png);
- background-size: 100% 100%;
- width: 14%;
- padding-left:20px;
- }
- .wrap {
- width: 100%;
- height: auto;
- min-height: 50px;
- margin: 0 auto;
- }
- #topbar {
- height: 60px;
- width: 100%;
- float: left;
- background-color: #030508;
- opacity: 0.8;
- background-image: url(/files/images/public/connect/orange-bar-top.png);
- background-repeat: no-repeat;
- background-position: bottom;
- color: #ffffff;
- font-size: 14px;
- }
- #topbar > ul {
- width: 40%;
- height: 25px;
- text-align: center;
- float: left;
- list-style: none;
- margin-left: 30%;
- margin-top: 15px;
- }
- #topbar > ul > li {
- width: auto;
- min-width: 60px;
- height: 20px;
- float: left;
- border-right: 1px solid #d4d4d4;
- margin-left: 7px;
- padding-right: 7px;
- }
- #topbar > ul > li > a > img:hover {
- opacity: 0;
- }
- #topbar > ul > li:nth-child(4) > a:first-child:hover {
- background-image: url(/files/images/public/connect/twitter-highlighted.png);
- background-repeat: no-repeat;
- }
- #topbar > ul > li:nth-child(4) > a:last-child:hover {
- background-image: url(/files/images/public/connect/facebook-highlighted.png);
- background-repeat: no-repeat;
- }
- #topbar > ul > li > a:link, #topbar > ul > li > a > img {
- width: 20px;
- height: 20px;
- float: left;
- margin-right: 5px;
- }
- #topbar > ul > li > a:link, #topbar > ul > li > a:visited {
- color: #ffffff;
- text-decoration: none;
- }
- #topbar > ul > li span {
- color: #00ff24;
- }
- #logo {
- float: left;
- margin-top: 60px;
- margin-left: 42%;
- height: 195px;
- width: 235px;
- }
- header > .wrap > nav {
- background-image: url("/files/images/public/connect/menubg.png");
- background-repeat: no-repeat;
- background-size: 100% 105%;
- float: left;
- height: 95px;
- margin-top: 110px;
- width: 100%;
- }
- header > .wrap > nav > ul {
- width: 65%;
- height: 65px;
- float: left;
- list-style: none;
- margin-left: 20.5%;
- }
- header > .wrap > nav > ul > li {
- width: auto;
- width: 10%;
- height: 65px;
- float: left;
- background-image: url(/files/images/public/connect/b2a.png);
- background-repeat: no-repeat;
- background-size: 100% 100%;
- font-size: 20px;
- color: #979797;
- text-align: center;
- border-right: 1px solid #000000;
- }
- header > .wrap > nav > ul > li:first-child:hover {
- background-image: url(/files/images/public/connect/b1.png);
- }
- header > .wrap > nav > ul > li:nth-child(8) {
- background-image: url(/files/images/public/connect/b3a.png);
- background-size: 100% 100%;
- padding-right:15px;
- width: 14%;
- border-right: none;
- }
- header > .wrap > nav > ul > li:nth-child(8):hover {
- background-image: url(/files/images/public/connect/b3.png);
- }
- header > .wrap > nav > ul > li > a {
- display: block;
- width: 100%;
- height: 45px;
- padding-top: 20px;
- }
- header > .wrap > nav > ul > li > a:link, header > .wrap > nav > ul > li > a:visited {
- color: #979797;
- text-decoration: none;
- }
- header > .wrap > nav > ul > li > a:hover {
- color: #da6100;
- }
- .orangeline-flat {
- width: 100%;
- height: 10px;
- float: left;
- margin-bottom: 5px;
- }
- .orangeline-flat img {
- width: 100%;
- height: 10px;
- }
- #orangeunderline {
- width: 100%;
- height: 35px;
- float: left;
- }
- #orangeunderline img {
- width: 100%;
- height: 35px;
- float: left;
- margin-bottom: 5px;
- }
- #orangebordertop {
- background-image: url(/files/images/public/connect/orangeline.png);
- width: 100%;
- height: 10px;
- float: left;
- background-repeat: no-repeat;
- margin-bottom: 1px;
- margin-left: 355px;
- }
- #orangelineright {
- background-image: url(/files/images/public/connect/orangelineside.png);
- width: 10px;
- height: 100%;
- float: right;
- background-repeat: no-repeat;
- margin-top: 45px;
- margin-right: 213px;
- }
- #orangelineleft {
- background-image: url(/files/images/public/connect/orangelineside.png);
- width: 10px;
- height: 100%;
- float: left;
- background-repeat: no-repeat;
- margin-left: 213px;
- }
- #orangeborderbot {
- background-image: url(/files/images/public/connect/orangeline.png);
- width: 100%;
- height: 10px;
- float: left;
- background-repeat: no-repeat;
- margin-left: 355px;
- }
- #wrap {
- width: 80%;
- height: 1411px;
- margin: 0 auto;
- margin-top: 50px;
- background-color: #0b0b0a;
- border: 10px solid #100f0d;
- border-radius: 50px;
- padding: 30px;
- }
- #content {
- background-image: url(/files/images/public/connect/news-bg2.png);
- background-size: 100% 100%;
- background-repeat: no-repeat;
- width: 100%;
- height: 1410px;
- float: left;
- }
- footer {
- width: 100%;
- height: 65px;
- text-align: center;
- float: left;
- }
- footer p {
- color: #ffffff;
- font-size: 15px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement