Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "utf-8";
- /* CSS Document */
- * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- }
- html, body {
- height:100%;
- }
- body {
- background:#000 url(rainForrestBackground.jpg) top center no-repeat;
- text-align:center;
- }
- #pageShadow {
- width:100%;
- height:100px;
- display:inline-block;
- position:absolute;
- top:0px;
- left:0px;
- background:url(pageShadow.png) repeat-x top;
- }
- #pageWrapper {
- display:inline-block;
- width:1100px;
- height:100%;
- }
- #logoContainer {
- height:150px;
- width:1100px;
- background:url(topLogo01.png) bottom center no-repeat;
- }
- #innerPageWrapper {
- width:1100px;
- display:inline-block;
- padding:0 50px 0 50px;
- background:rgba(0, 0, 0, 0.75) url(navShadow.png) repeat-x top;
- -webkit-border-top-left-radius: 20px;
- -webkit-border-top-right-radius: 20px;
- -moz-border-radius-topleft: 20px;
- -moz-border-radius-topright: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- overflow: hidden;
- }
- #logoBottomContainer {
- height:75px;
- width:1000px;
- background:url(topLogo02.png) bottom center no-repeat;
- }
- #logoNavContainer {
- height:76px;
- width:1000px;
- background:#0F0F0F url(shadowBackBottom.png) repeat-x bottom;
- border:1px solid black;
- text-align:center;
- }
- #logoNavContainer > div, #logoNavContainer > ul {
- float:left;
- }
- #navLeftUl, #navRightUl {
- height:75px;
- width:374px;
- list-style-type: none;
- overflow: hidden;
- }
- #navLeftUl li, #navRightUl li { float:left; }
- #navLeftUl li a, #navRightUl li a {
- display:inline-block;
- line-height:73px;
- width:124px;
- font-family: 'Open Sans Condensed', sans-serif;
- font-weight:300;
- font-size:22px;
- letter-spacing:1px;
- text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
- color:white !important;
- text-decoration:none;
- -webkit-border-top-left-radius: 20px;
- -webkit-border-top-right-radius: 20px;
- -moz-border-radius-topleft: 20px;
- -moz-border-radius-topright: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- }
- #navLeftUl li a:hover, #navRightUl li a:hover {
- background-color:black;
- }
- #navLeftUl li:first-child a:first-child {
- width:124px;
- }
- #navRightUl li:last-child a:last-child {
- width:124px;
- }
- #bottomLogo {
- display:inline-block;
- width:250px;
- height:75px;
- background:url(topLogo03.png) top no-repeat;
- }
- #tickerContainer {
- height:300px;
- width:1000px;
- background:#FFF;
- position: relative;
- overflow: auto;
- }
- .horzShadow { position:absolute; z-index:10; top:0px; left:0px; height:50px; background:url(shadowBack.png) top repeat-x; }
- .horzShadowBottom { position:absolute; z-index:10; bottom:0px; left:0px; height:50px; background:url(shadowBackBottom.png) bottom repeat-x; }
- #tickerContainer li { list-style: none; padding: 0; margin:0; }
- #tickerContainer ul li { float: left; width:1000px; height:300px }
- #tickerContainer .dots {
- bottom: 20px;
- left: 0;
- position: absolute;
- right: 0;
- }
- #tickerContainer .dots li {
- border: 2px solid #FFFFFF;
- border-radius: 6px 6px 6px 6px;
- cursor: pointer;
- display: inline-block;
- height: 10px;
- margin: 0 4px;
- opacity: 0.4;
- text-indent: -999em;
- transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
- width: 10px;
- }
- #tickerContainer .dots li.active {
- background: none repeat scroll 0 0 #FFFFFF;
- opacity: 1;
- }
- #contentContainer {
- display:inline-block;
- width:1000px;
- background:#0F0F0F;
- border-top:1px solid #000;
- position:relative;
- overflow: hidden;
- }
- #contentContainer > div {
- padding-top:25px;
- overflow: hidden;
- display:inline-block;
- }
- #contentContainer > div > * { position:relative; z-index:15; }
- #contentMain {
- width:700px;
- background:#0F0F0F url(contentBack.png) repeat-y right;
- text-align:left;
- color:#FFF;
- padding:50px 50px 50px 20px;
- float: left;
- left:0px;
- }
- h1, h2, p {
- text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
- text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
- }
- h1 {
- font-family: 'Open Sans Condensed', sans-serif;
- font-weight:700;
- font-size:28px;
- text-align:center;
- letter-spacing:-1px;
- word-spacing:3px;
- }
- h2 {
- font-family: 'Open Sans Condensed', sans-serif;
- font-weight:300;
- font-size:20px;
- margin-bottom:2em;
- text-align:center;
- word-spacing:1px;
- padding-left:100px;
- font-style:italic;
- }
- p {
- font-family: 'Ubuntu', sans-serif;
- font-weight:300;
- font-size:14px;
- letter-spacing:0px;
- word-spacing:3px;
- margin-bottom:1em;
- }
- #contentSidebar {
- width:300px;
- background:#333 url(sidebarBack.png) repeat-y left;
- text-align:center;
- position:absolute;
- right:0px;
- }
- .fb-like-box {
- background:#FFF;
- }
- #callButton {
- display:inline-block;
- width:250px;
- background:#F00 url(callButtonBack.jpg) center no-repeat;
- text-align:center;
- padding:10px;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size:28px;
- letter-spacing:0px;
- text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
- color:#FFF;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement